diff --git a/docs/bundle.js b/docs/bundle.js
index 0601d2538..30482fa08 100644
--- a/docs/bundle.js
+++ b/docs/bundle.js
@@ -58,243 +58,243 @@
 
 	var _ComponentsView2 = _interopRequireDefault(_ComponentsView);
 
-	var _AlertBoxView = __webpack_require__(1096);
+	var _AlertBoxView = __webpack_require__(1097);
 
 	var _AlertBoxView2 = _interopRequireDefault(_AlertBoxView);
 
-	var _BadgeView = __webpack_require__(1116);
+	var _BadgeView = __webpack_require__(1117);
 
 	var _BadgeView2 = _interopRequireDefault(_BadgeView);
 
-	var _ButtonView = __webpack_require__(1119);
+	var _ButtonView = __webpack_require__(1120);
 
 	var _ButtonView2 = _interopRequireDefault(_ButtonView);
 
-	var _CheckboxGroupView = __webpack_require__(1122);
+	var _CheckboxGroupView = __webpack_require__(1123);
 
 	var _CheckboxGroupView2 = _interopRequireDefault(_CheckboxGroupView);
 
-	var _CheckboxView = __webpack_require__(1125);
+	var _CheckboxView = __webpack_require__(1126);
 
 	var _CheckboxView2 = _interopRequireDefault(_CheckboxView);
 
-	var _ColorsView = __webpack_require__(1128);
+	var _ColorsView = __webpack_require__(1129);
 
 	var _ColorsView2 = _interopRequireDefault(_ColorsView);
 
-	var _ConfirmationButtonView = __webpack_require__(1131);
+	var _ConfirmationButtonView = __webpack_require__(1132);
 
 	var _ConfirmationButtonView2 = _interopRequireDefault(_ConfirmationButtonView);
 
-	var _CopyContainerView = __webpack_require__(1132);
+	var _CopyContainerView = __webpack_require__(1133);
 
 	var _CopyContainerView2 = _interopRequireDefault(_CopyContainerView);
 
-	var _CopyableInputView = __webpack_require__(1135);
+	var _CopyableInputView = __webpack_require__(1136);
 
 	var _CopyableInputView2 = _interopRequireDefault(_CopyableInputView);
 
-	var _CountView = __webpack_require__(1138);
+	var _CountView = __webpack_require__(1139);
 
 	var _CountView2 = _interopRequireDefault(_CountView);
 
-	var _DateInputView = __webpack_require__(1141);
+	var _DateInputView = __webpack_require__(1142);
 
 	var _DateInputView2 = _interopRequireDefault(_DateInputView);
 
-	var _DatePickerView = __webpack_require__(1144);
+	var _DatePickerView = __webpack_require__(1145);
 
 	var _DatePickerView2 = _interopRequireDefault(_DatePickerView);
 
-	var _DollarAmountView = __webpack_require__(1145);
+	var _DollarAmountView = __webpack_require__(1146);
 
 	var _DollarAmountView2 = _interopRequireDefault(_DollarAmountView);
 
-	var _DropdownButtonView = __webpack_require__(1148);
+	var _DropdownButtonView = __webpack_require__(1149);
 
 	var _DropdownButtonView2 = _interopRequireDefault(_DropdownButtonView);
 
-	var _EditableInfoPanelView = __webpack_require__(1152);
+	var _EditableInfoPanelView = __webpack_require__(1153);
 
 	var _EditableInfoPanelView2 = _interopRequireDefault(_EditableInfoPanelView);
 
-	var _FileInputView = __webpack_require__(1155);
+	var _FileInputView = __webpack_require__(1156);
 
 	var _FileInputView2 = _interopRequireDefault(_FileInputView);
 
-	var _FlexBoxView = __webpack_require__(1158);
+	var _FlexBoxView = __webpack_require__(1159);
 
 	var _FlexBoxView2 = _interopRequireDefault(_FlexBoxView);
 
-	var _FloatingButtonView = __webpack_require__(1164);
+	var _FloatingButtonView = __webpack_require__(1165);
 
 	var _FloatingButtonView2 = _interopRequireDefault(_FloatingButtonView);
 
-	var _FormErrorView = __webpack_require__(1167);
+	var _FormErrorView = __webpack_require__(1168);
 
 	var _FormErrorView2 = _interopRequireDefault(_FormErrorView);
 
-	var _GettingStartedView = __webpack_require__(1170);
+	var _GettingStartedView = __webpack_require__(1171);
 
 	var _GettingStartedView2 = _interopRequireDefault(_GettingStartedView);
 
-	var _GoalsLogoView = __webpack_require__(1171);
+	var _GoalsLogoView = __webpack_require__(1172);
 
 	var _GoalsLogoView2 = _interopRequireDefault(_GoalsLogoView);
 
-	var _GridView = __webpack_require__(1174);
+	var _GridView = __webpack_require__(1175);
 
 	var _GridView2 = _interopRequireDefault(_GridView);
 
-	var _IconView = __webpack_require__(1177);
+	var _IconView = __webpack_require__(1178);
 
 	var _IconView2 = _interopRequireDefault(_IconView);
 
-	var _InfoPanelView = __webpack_require__(1180);
+	var _InfoPanelView = __webpack_require__(1181);
 
 	var _InfoPanelView2 = _interopRequireDefault(_InfoPanelView);
 
-	var _IntroView = __webpack_require__(1183);
+	var _IntroView = __webpack_require__(1184);
 
 	var _IntroView2 = _interopRequireDefault(_IntroView);
 
-	var _LabelView = __webpack_require__(1184);
+	var _LabelView = __webpack_require__(1185);
 
 	var _LabelView2 = _interopRequireDefault(_LabelView);
 
-	var _Layout = __webpack_require__(1189);
+	var _Layout = __webpack_require__(1190);
 
 	var _Layout2 = _interopRequireDefault(_Layout);
 
-	var _LayoutCompoundForm = __webpack_require__(1200);
+	var _LayoutCompoundForm = __webpack_require__(1201);
 
 	var _LayoutCompoundForm2 = _interopRequireDefault(_LayoutCompoundForm);
 
-	var _LeftNavView = __webpack_require__(1203);
+	var _LeftNavView = __webpack_require__(1204);
 
 	var _LeftNavView2 = _interopRequireDefault(_LeftNavView);
 
-	var _LessStyleGuideView = __webpack_require__(1207);
+	var _LessStyleGuideView = __webpack_require__(1208);
 
 	var _LessStyleGuideView2 = _interopRequireDefault(_LessStyleGuideView);
 
-	var _ListView = __webpack_require__(1208);
+	var _ListView = __webpack_require__(1209);
 
 	var _ListView2 = _interopRequireDefault(_ListView);
 
-	var _LogoView = __webpack_require__(1211);
+	var _LogoView = __webpack_require__(1212);
 
 	var _LogoView2 = _interopRequireDefault(_LogoView);
 
-	var _MenuView = __webpack_require__(1214);
+	var _MenuView = __webpack_require__(1215);
 
 	var _MenuView2 = _interopRequireDefault(_MenuView);
 
-	var _ModalButtonView = __webpack_require__(1217);
+	var _ModalButtonView = __webpack_require__(1218);
 
 	var _ModalButtonView2 = _interopRequireDefault(_ModalButtonView);
 
-	var _ModalView = __webpack_require__(1218);
+	var _ModalView = __webpack_require__(1219);
 
 	var _ModalView2 = _interopRequireDefault(_ModalView);
 
-	var _MultiplePanelModalsView = __webpack_require__(1219);
+	var _MultiplePanelModalsView = __webpack_require__(1220);
 
 	var _MultiplePanelModalsView2 = _interopRequireDefault(_MultiplePanelModalsView);
 
-	var _NumberView = __webpack_require__(1222);
+	var _NumberView = __webpack_require__(1223);
 
 	var _NumberView2 = _interopRequireDefault(_NumberView);
 
-	var _PageLayoutView = __webpack_require__(1225);
+	var _PageLayoutView = __webpack_require__(1226);
 
 	var _PageLayoutView2 = _interopRequireDefault(_PageLayoutView);
 
-	var _ProgressBarView = __webpack_require__(1226);
+	var _ProgressBarView = __webpack_require__(1227);
 
 	var _ProgressBarView2 = _interopRequireDefault(_ProgressBarView);
 
-	var _RadioGroupView = __webpack_require__(1229);
+	var _RadioGroupView = __webpack_require__(1230);
 
 	var _RadioGroupView2 = _interopRequireDefault(_RadioGroupView);
 
-	var _RichTextView = __webpack_require__(1232);
+	var _RichTextView = __webpack_require__(1233);
 
 	var _RichTextView2 = _interopRequireDefault(_RichTextView);
 
-	var _SegmentedControlView = __webpack_require__(1233);
+	var _SegmentedControlView = __webpack_require__(1234);
 
 	var _SegmentedControlView2 = _interopRequireDefault(_SegmentedControlView);
 
-	var _SelectView = __webpack_require__(1234);
+	var _SelectView = __webpack_require__(1235);
 
 	var _SelectView2 = _interopRequireDefault(_SelectView);
 
-	var _SizingView = __webpack_require__(1240);
+	var _SizingView = __webpack_require__(1241);
 
 	var _SizingView2 = _interopRequireDefault(_SizingView);
 
-	var _SpacingView = __webpack_require__(1243);
+	var _SpacingView = __webpack_require__(1244);
 
 	var _SpacingView2 = _interopRequireDefault(_SpacingView);
 
-	var _StepperView = __webpack_require__(1244);
+	var _StepperView = __webpack_require__(1245);
 
 	var _StepperView2 = _interopRequireDefault(_StepperView);
 
-	var _SwitchView = __webpack_require__(1247);
+	var _SwitchView = __webpack_require__(1248);
 
 	var _SwitchView2 = _interopRequireDefault(_SwitchView);
 
-	var _TabBarView = __webpack_require__(1250);
+	var _TabBarView = __webpack_require__(1251);
 
 	var _TabBarView2 = _interopRequireDefault(_TabBarView);
 
-	var _TableView = __webpack_require__(1256);
+	var _TableView = __webpack_require__(1257);
 
 	var _TableView2 = _interopRequireDefault(_TableView);
 
-	var _TextAreaView = __webpack_require__(1259);
+	var _TextAreaView = __webpack_require__(1260);
 
 	var _TextAreaView2 = _interopRequireDefault(_TextAreaView);
 
-	var _TextInputView = __webpack_require__(1260);
+	var _TextInputView = __webpack_require__(1261);
 
 	var _TextInputView2 = _interopRequireDefault(_TextInputView);
 
-	var _TextTruncateView = __webpack_require__(1263);
+	var _TextTruncateView = __webpack_require__(1264);
 
 	var _TextTruncateView2 = _interopRequireDefault(_TextTruncateView);
 
-	var _ToastStackView = __webpack_require__(1266);
+	var _ToastStackView = __webpack_require__(1267);
 
 	var _ToastStackView2 = _interopRequireDefault(_ToastStackView);
 
-	var _TooltipView = __webpack_require__(1269);
+	var _TooltipView = __webpack_require__(1270);
 
 	var _TooltipView2 = _interopRequireDefault(_TooltipView);
 
-	var _TopBarView = __webpack_require__(1272);
+	var _TopBarView = __webpack_require__(1273);
 
 	var _TopBarView2 = _interopRequireDefault(_TopBarView);
 
-	var _TypographyView = __webpack_require__(1275);
+	var _TypographyView = __webpack_require__(1276);
 
 	var _TypographyView2 = _interopRequireDefault(_TypographyView);
 
-	var _UITextView = __webpack_require__(1276);
+	var _UITextView = __webpack_require__(1277);
 
 	var _UITextView2 = _interopRequireDefault(_UITextView);
 
-	var _WithKeyboardNavView = __webpack_require__(1279);
+	var _WithKeyboardNavView = __webpack_require__(1280);
 
 	var _WithKeyboardNavView2 = _interopRequireDefault(_WithKeyboardNavView);
 
-	var _WizardLayoutView = __webpack_require__(1282);
+	var _WizardLayoutView = __webpack_require__(1283);
 
 	var _WizardLayoutView2 = _interopRequireDefault(_WizardLayoutView);
 
-	var _WizardView = __webpack_require__(1286);
+	var _WizardView = __webpack_require__(1287);
 
 	var _WizardView2 = _interopRequireDefault(_WizardView);
 
@@ -606,7 +606,7 @@
 /* 3 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/** @license React v16.8.6
+	/** @license React v16.12.0
 	 * react.production.min.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -615,22 +615,22 @@
 	 * LICENSE file in the root directory of this source tree.
 	 */
 
-	'use strict';var k=__webpack_require__(4),n="function"===typeof Symbol&&Symbol.for,p=n?Symbol.for("react.element"):60103,q=n?Symbol.for("react.portal"):60106,r=n?Symbol.for("react.fragment"):60107,t=n?Symbol.for("react.strict_mode"):60108,u=n?Symbol.for("react.profiler"):60114,v=n?Symbol.for("react.provider"):60109,w=n?Symbol.for("react.context"):60110,x=n?Symbol.for("react.concurrent_mode"):60111,y=n?Symbol.for("react.forward_ref"):60112,z=n?Symbol.for("react.suspense"):60113,aa=n?Symbol.for("react.memo"):
-	60115,ba=n?Symbol.for("react.lazy"):60116,A="function"===typeof Symbol&&Symbol.iterator;function ca(a,b,d,c,e,g,h,f){if(!a){a=void 0;if(void 0===b)a=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[d,c,e,g,h,f],m=0;a=Error(b.replace(/%s/g,function(){return l[m++]}));a.name="Invariant Violation"}a.framesToPop=1;throw a;}}
-	function B(a){for(var b=arguments.length-1,d="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=0;c<b;c++)d+="&args[]="+encodeURIComponent(arguments[c+1]);ca(!1,"Minified React error #"+a+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",d)}var C={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},D={};
-	function E(a,b,d){this.props=a;this.context=b;this.refs=D;this.updater=d||C}E.prototype.isReactComponent={};E.prototype.setState=function(a,b){"object"!==typeof a&&"function"!==typeof a&&null!=a?B("85"):void 0;this.updater.enqueueSetState(this,a,b,"setState")};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};function F(){}F.prototype=E.prototype;function G(a,b,d){this.props=a;this.context=b;this.refs=D;this.updater=d||C}var H=G.prototype=new F;
-	H.constructor=G;k(H,E.prototype);H.isPureReactComponent=!0;var I={current:null},J={current:null},K=Object.prototype.hasOwnProperty,L={key:!0,ref:!0,__self:!0,__source:!0};
-	function M(a,b,d){var c=void 0,e={},g=null,h=null;if(null!=b)for(c in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(g=""+b.key),b)K.call(b,c)&&!L.hasOwnProperty(c)&&(e[c]=b[c]);var f=arguments.length-2;if(1===f)e.children=d;else if(1<f){for(var l=Array(f),m=0;m<f;m++)l[m]=arguments[m+2];e.children=l}if(a&&a.defaultProps)for(c in f=a.defaultProps,f)void 0===e[c]&&(e[c]=f[c]);return{$$typeof:p,type:a,key:g,ref:h,props:e,_owner:J.current}}
-	function da(a,b){return{$$typeof:p,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function N(a){return"object"===typeof a&&null!==a&&a.$$typeof===p}function escape(a){var b={"=":"=0",":":"=2"};return"$"+(""+a).replace(/[=:]/g,function(a){return b[a]})}var O=/\/+/g,P=[];function Q(a,b,d,c){if(P.length){var e=P.pop();e.result=a;e.keyPrefix=b;e.func=d;e.context=c;e.count=0;return e}return{result:a,keyPrefix:b,func:d,context:c,count:0}}
+	'use strict';var h=__webpack_require__(4),n="function"===typeof Symbol&&Symbol.for,p=n?Symbol.for("react.element"):60103,q=n?Symbol.for("react.portal"):60106,r=n?Symbol.for("react.fragment"):60107,t=n?Symbol.for("react.strict_mode"):60108,u=n?Symbol.for("react.profiler"):60114,v=n?Symbol.for("react.provider"):60109,w=n?Symbol.for("react.context"):60110,x=n?Symbol.for("react.forward_ref"):60112,y=n?Symbol.for("react.suspense"):60113;n&&Symbol.for("react.suspense_list");
+	var z=n?Symbol.for("react.memo"):60115,aa=n?Symbol.for("react.lazy"):60116;n&&Symbol.for("react.fundamental");n&&Symbol.for("react.responder");n&&Symbol.for("react.scope");var A="function"===typeof Symbol&&Symbol.iterator;
+	function B(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var C={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},D={};
+	function E(a,b,c){this.props=a;this.context=b;this.refs=D;this.updater=c||C}E.prototype.isReactComponent={};E.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error(B(85));this.updater.enqueueSetState(this,a,b,"setState")};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};function F(){}F.prototype=E.prototype;function G(a,b,c){this.props=a;this.context=b;this.refs=D;this.updater=c||C}var H=G.prototype=new F;
+	H.constructor=G;h(H,E.prototype);H.isPureReactComponent=!0;var I={current:null},J={current:null},K=Object.prototype.hasOwnProperty,L={key:!0,ref:!0,__self:!0,__source:!0};
+	function M(a,b,c){var e,d={},g=null,l=null;if(null!=b)for(e in void 0!==b.ref&&(l=b.ref),void 0!==b.key&&(g=""+b.key),b)K.call(b,e)&&!L.hasOwnProperty(e)&&(d[e]=b[e]);var f=arguments.length-2;if(1===f)d.children=c;else if(1<f){for(var k=Array(f),m=0;m<f;m++)k[m]=arguments[m+2];d.children=k}if(a&&a.defaultProps)for(e in f=a.defaultProps,f)void 0===d[e]&&(d[e]=f[e]);return{$$typeof:p,type:a,key:g,ref:l,props:d,_owner:J.current}}
+	function ba(a,b){return{$$typeof:p,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function N(a){return"object"===typeof a&&null!==a&&a.$$typeof===p}function escape(a){var b={"=":"=0",":":"=2"};return"$"+(""+a).replace(/[=:]/g,function(a){return b[a]})}var O=/\/+/g,P=[];function Q(a,b,c,e){if(P.length){var d=P.pop();d.result=a;d.keyPrefix=b;d.func=c;d.context=e;d.count=0;return d}return{result:a,keyPrefix:b,func:c,context:e,count:0}}
 	function R(a){a.result=null;a.keyPrefix=null;a.func=null;a.context=null;a.count=0;10>P.length&&P.push(a)}
-	function S(a,b,d,c){var e=typeof a;if("undefined"===e||"boolean"===e)a=null;var g=!1;if(null===a)g=!0;else switch(e){case "string":case "number":g=!0;break;case "object":switch(a.$$typeof){case p:case q:g=!0}}if(g)return d(c,a,""===b?"."+T(a,0):b),1;g=0;b=""===b?".":b+":";if(Array.isArray(a))for(var h=0;h<a.length;h++){e=a[h];var f=b+T(e,h);g+=S(e,f,d,c)}else if(null===a||"object"!==typeof a?f=null:(f=A&&a[A]||a["@@iterator"],f="function"===typeof f?f:null),"function"===typeof f)for(a=f.call(a),h=
-	0;!(e=a.next()).done;)e=e.value,f=b+T(e,h++),g+=S(e,f,d,c);else"object"===e&&(d=""+a,B("31","[object Object]"===d?"object with keys {"+Object.keys(a).join(", ")+"}":d,""));return g}function U(a,b,d){return null==a?0:S(a,"",b,d)}function T(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(a.key):b.toString(36)}function ea(a,b){a.func.call(a.context,b,a.count++)}
-	function fa(a,b,d){var c=a.result,e=a.keyPrefix;a=a.func.call(a.context,b,a.count++);Array.isArray(a)?V(a,c,d,function(a){return a}):null!=a&&(N(a)&&(a=da(a,e+(!a.key||b&&b.key===a.key?"":(""+a.key).replace(O,"$&/")+"/")+d)),c.push(a))}function V(a,b,d,c,e){var g="";null!=d&&(g=(""+d).replace(O,"$&/")+"/");b=Q(b,g,c,e);U(a,fa,b);R(b)}function W(){var a=I.current;null===a?B("321"):void 0;return a}
-	var X={Children:{map:function(a,b,d){if(null==a)return a;var c=[];V(a,c,null,b,d);return c},forEach:function(a,b,d){if(null==a)return a;b=Q(null,null,b,d);U(a,ea,b);R(b)},count:function(a){return U(a,function(){return null},null)},toArray:function(a){var b=[];V(a,b,null,function(a){return a});return b},only:function(a){N(a)?void 0:B("143");return a}},createRef:function(){return{current:null}},Component:E,PureComponent:G,createContext:function(a,b){void 0===b&&(b=null);a={$$typeof:w,_calculateChangedBits:b,
-	_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:v,_context:a};return a.Consumer=a},forwardRef:function(a){return{$$typeof:y,render:a}},lazy:function(a){return{$$typeof:ba,_ctor:a,_status:-1,_result:null}},memo:function(a,b){return{$$typeof:aa,type:a,compare:void 0===b?null:b}},useCallback:function(a,b){return W().useCallback(a,b)},useContext:function(a,b){return W().useContext(a,b)},useEffect:function(a,b){return W().useEffect(a,b)},useImperativeHandle:function(a,
-	b,d){return W().useImperativeHandle(a,b,d)},useDebugValue:function(){},useLayoutEffect:function(a,b){return W().useLayoutEffect(a,b)},useMemo:function(a,b){return W().useMemo(a,b)},useReducer:function(a,b,d){return W().useReducer(a,b,d)},useRef:function(a){return W().useRef(a)},useState:function(a){return W().useState(a)},Fragment:r,StrictMode:t,Suspense:z,createElement:M,cloneElement:function(a,b,d){null===a||void 0===a?B("267",a):void 0;var c=void 0,e=k({},a.props),g=a.key,h=a.ref,f=a._owner;if(null!=
-	b){void 0!==b.ref&&(h=b.ref,f=J.current);void 0!==b.key&&(g=""+b.key);var l=void 0;a.type&&a.type.defaultProps&&(l=a.type.defaultProps);for(c in b)K.call(b,c)&&!L.hasOwnProperty(c)&&(e[c]=void 0===b[c]&&void 0!==l?l[c]:b[c])}c=arguments.length-2;if(1===c)e.children=d;else if(1<c){l=Array(c);for(var m=0;m<c;m++)l[m]=arguments[m+2];e.children=l}return{$$typeof:p,type:a.type,key:g,ref:h,props:e,_owner:f}},createFactory:function(a){var b=M.bind(null,a);b.type=a;return b},isValidElement:N,version:"16.8.6",
-	unstable_ConcurrentMode:x,unstable_Profiler:u,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentDispatcher:I,ReactCurrentOwner:J,assign:k}},Y={default:X},Z=Y&&X||Y;module.exports=Z.default||Z;
+	function S(a,b,c,e){var d=typeof a;if("undefined"===d||"boolean"===d)a=null;var g=!1;if(null===a)g=!0;else switch(d){case "string":case "number":g=!0;break;case "object":switch(a.$$typeof){case p:case q:g=!0}}if(g)return c(e,a,""===b?"."+T(a,0):b),1;g=0;b=""===b?".":b+":";if(Array.isArray(a))for(var l=0;l<a.length;l++){d=a[l];var f=b+T(d,l);g+=S(d,f,c,e)}else if(null===a||"object"!==typeof a?f=null:(f=A&&a[A]||a["@@iterator"],f="function"===typeof f?f:null),"function"===typeof f)for(a=f.call(a),l=
+	0;!(d=a.next()).done;)d=d.value,f=b+T(d,l++),g+=S(d,f,c,e);else if("object"===d)throw c=""+a,Error(B(31,"[object Object]"===c?"object with keys {"+Object.keys(a).join(", ")+"}":c,""));return g}function U(a,b,c){return null==a?0:S(a,"",b,c)}function T(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(a.key):b.toString(36)}function ca(a,b){a.func.call(a.context,b,a.count++)}
+	function da(a,b,c){var e=a.result,d=a.keyPrefix;a=a.func.call(a.context,b,a.count++);Array.isArray(a)?V(a,e,c,function(a){return a}):null!=a&&(N(a)&&(a=ba(a,d+(!a.key||b&&b.key===a.key?"":(""+a.key).replace(O,"$&/")+"/")+c)),e.push(a))}function V(a,b,c,e,d){var g="";null!=c&&(g=(""+c).replace(O,"$&/")+"/");b=Q(b,g,e,d);U(a,da,b);R(b)}function W(){var a=I.current;if(null===a)throw Error(B(321));return a}
+	var X={Children:{map:function(a,b,c){if(null==a)return a;var e=[];V(a,e,null,b,c);return e},forEach:function(a,b,c){if(null==a)return a;b=Q(null,null,b,c);U(a,ca,b);R(b)},count:function(a){return U(a,function(){return null},null)},toArray:function(a){var b=[];V(a,b,null,function(a){return a});return b},only:function(a){if(!N(a))throw Error(B(143));return a}},createRef:function(){return{current:null}},Component:E,PureComponent:G,createContext:function(a,b){void 0===b&&(b=null);a={$$typeof:w,_calculateChangedBits:b,
+	_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:v,_context:a};return a.Consumer=a},forwardRef:function(a){return{$$typeof:x,render:a}},lazy:function(a){return{$$typeof:aa,_ctor:a,_status:-1,_result:null}},memo:function(a,b){return{$$typeof:z,type:a,compare:void 0===b?null:b}},useCallback:function(a,b){return W().useCallback(a,b)},useContext:function(a,b){return W().useContext(a,b)},useEffect:function(a,b){return W().useEffect(a,b)},useImperativeHandle:function(a,
+	b,c){return W().useImperativeHandle(a,b,c)},useDebugValue:function(){},useLayoutEffect:function(a,b){return W().useLayoutEffect(a,b)},useMemo:function(a,b){return W().useMemo(a,b)},useReducer:function(a,b,c){return W().useReducer(a,b,c)},useRef:function(a){return W().useRef(a)},useState:function(a){return W().useState(a)},Fragment:r,Profiler:u,StrictMode:t,Suspense:y,createElement:M,cloneElement:function(a,b,c){if(null===a||void 0===a)throw Error(B(267,a));var e=h({},a.props),d=a.key,g=a.ref,l=a._owner;
+	if(null!=b){void 0!==b.ref&&(g=b.ref,l=J.current);void 0!==b.key&&(d=""+b.key);if(a.type&&a.type.defaultProps)var f=a.type.defaultProps;for(k in b)K.call(b,k)&&!L.hasOwnProperty(k)&&(e[k]=void 0===b[k]&&void 0!==f?f[k]:b[k])}var k=arguments.length-2;if(1===k)e.children=c;else if(1<k){f=Array(k);for(var m=0;m<k;m++)f[m]=arguments[m+2];e.children=f}return{$$typeof:p,type:a.type,key:d,ref:g,props:e,_owner:l}},createFactory:function(a){var b=M.bind(null,a);b.type=a;return b},isValidElement:N,version:"16.12.0",
+	__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentDispatcher:I,ReactCurrentBatchConfig:{suspense:null},ReactCurrentOwner:J,IsSomeRendererActing:{current:!1},assign:h}},Y={default:X},Z=Y&&X||Y;module.exports=Z.default||Z;
 
 
 /***/ }),
@@ -733,7 +733,7 @@
 /* 5 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.8.6
+	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.12.0
 	 * react.development.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -755,40 +755,50 @@
 
 	// TODO: this is special because it gets imported during build.
 
-	var ReactVersion = '16.8.6';
+	var ReactVersion = '16.12.0';
 
 	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
 	// nor polyfill, then a plain number is used for performance.
 	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
-
 	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
 	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
 	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
 	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
 	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
 	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
-	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace;
+	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+	// (unstable) APIs that have been removed. Can we remove the symbols?
+
 
 	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
 	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
 	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
 	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
 	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
-
+	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+	var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
 	var MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
 	var FAUX_ITERATOR_SYMBOL = '@@iterator';
-
 	function getIteratorFn(maybeIterable) {
 	  if (maybeIterable === null || typeof maybeIterable !== 'object') {
 	    return null;
 	  }
+
 	  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
 	  if (typeof maybeIterator === 'function') {
 	    return maybeIterator;
 	  }
+
 	  return null;
 	}
 
+	// Do not require this module directly! Use normal `invariant` calls with
+	// template literal strings. The messages will be replaced with error codes
+	// during build.
+
 	/**
 	 * Use invariant() to assert state which your program assumes to be true.
 	 *
@@ -800,40 +810,6 @@
 	 * will remain to ensure logic does not differ in production.
 	 */
 
-	var validateFormat = function () {};
-
-	{
-	  validateFormat = function (format) {
-	    if (format === undefined) {
-	      throw new Error('invariant requires an error message argument');
-	    }
-	  };
-	}
-
-	function invariant(condition, format, a, b, c, d, e, f) {
-	  validateFormat(format);
-
-	  if (!condition) {
-	    var error = void 0;
-	    if (format === undefined) {
-	      error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
-	    } else {
-	      var args = [a, b, c, d, e, f];
-	      var argIndex = 0;
-	      error = new Error(format.replace(/%s/g, function () {
-	        return args[argIndex++];
-	      }));
-	      error.name = 'Invariant Violation';
-	    }
-
-	    error.framesToPop = 1; // we don't care about invariant's own frame
-	    throw error;
-	  }
-	}
-
-	// Relying on the `invariant()` implementation lets us
-	// preserve the format and params in the www builds.
-
 	/**
 	 * Forked from fbjs/warning:
 	 * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
@@ -847,12 +823,11 @@
 	 * paths. Removing the logging code for production environments will keep the
 	 * same logic and follow the same code paths.
 	 */
-
-	var lowPriorityWarning = function () {};
+	var lowPriorityWarningWithoutStack = function () {};
 
 	{
 	  var printWarning = function (format) {
-	    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
 	      args[_key - 1] = arguments[_key];
 	    }
 
@@ -860,9 +835,11 @@
 	    var message = 'Warning: ' + format.replace(/%s/g, function () {
 	      return args[argIndex++];
 	    });
+
 	    if (typeof console !== 'undefined') {
 	      console.warn(message);
 	    }
+
 	    try {
 	      // --- Welcome to debugging React ---
 	      // This error was thrown as a convenience so that you can use this stack
@@ -871,21 +848,22 @@
 	    } catch (x) {}
 	  };
 
-	  lowPriorityWarning = function (condition, format) {
+	  lowPriorityWarningWithoutStack = function (condition, format) {
 	    if (format === undefined) {
-	      throw new Error('`lowPriorityWarning(condition, format, ...args)` requires a warning ' + 'message argument');
+	      throw new Error('`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
 	    }
+
 	    if (!condition) {
-	      for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+	      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
 	        args[_key2 - 2] = arguments[_key2];
 	      }
 
-	      printWarning.apply(undefined, [format].concat(args));
+	      printWarning.apply(void 0, [format].concat(args));
 	    }
 	  };
 	}
 
-	var lowPriorityWarning$1 = lowPriorityWarning;
+	var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
 
 	/**
 	 * Similar to invariant but only logs a warning if the condition is not met.
@@ -893,35 +871,37 @@
 	 * paths. Removing the logging code for production environments will keep the
 	 * same logic and follow the same code paths.
 	 */
-
 	var warningWithoutStack = function () {};
 
 	{
 	  warningWithoutStack = function (condition, format) {
-	    for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+	    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
 	      args[_key - 2] = arguments[_key];
 	    }
 
 	    if (format === undefined) {
 	      throw new Error('`warningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
 	    }
+
 	    if (args.length > 8) {
 	      // Check before the condition to catch violations early.
 	      throw new Error('warningWithoutStack() currently supports at most 8 arguments.');
 	    }
+
 	    if (condition) {
 	      return;
 	    }
+
 	    if (typeof console !== 'undefined') {
 	      var argsWithFormat = args.map(function (item) {
 	        return '' + item;
 	      });
-	      argsWithFormat.unshift('Warning: ' + format);
-
-	      // We intentionally don't use spread (or .apply) directly because it
+	      argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
 	      // breaks IE9: https://github.com/facebook/react/issues/13610
+
 	      Function.prototype.apply.call(console.error, console, argsWithFormat);
 	    }
+
 	    try {
 	      // --- Welcome to debugging React ---
 	      // This error was thrown as a convenience so that you can use this stack
@@ -943,18 +923,21 @@
 	  {
 	    var _constructor = publicInstance.constructor;
 	    var componentName = _constructor && (_constructor.displayName || _constructor.name) || 'ReactClass';
-	    var warningKey = componentName + '.' + callerName;
+	    var warningKey = componentName + "." + callerName;
+
 	    if (didWarnStateUpdateForUnmountedComponent[warningKey]) {
 	      return;
 	    }
+
 	    warningWithoutStack$1(false, "Can't call %s on a component that is not yet mounted. " + 'This is a no-op, but it might indicate a bug in your application. ' + 'Instead, assign to `this.state` directly or define a `state = {};` ' + 'class property with the desired state in the %s component.', callerName, componentName);
 	    didWarnStateUpdateForUnmountedComponent[warningKey] = true;
 	  }
 	}
-
 	/**
 	 * This is the abstract API for an update queue.
 	 */
+
+
 	var ReactNoopUpdateQueue = {
 	  /**
 	   * Checks whether or not this composite component is mounted.
@@ -1021,25 +1004,26 @@
 	};
 
 	var emptyObject = {};
+
 	{
 	  Object.freeze(emptyObject);
 	}
-
 	/**
 	 * Base class helpers for the updating state of a component.
 	 */
+
+
 	function Component(props, context, updater) {
 	  this.props = props;
-	  this.context = context;
-	  // If a component has string refs, we will assign a different object later.
-	  this.refs = emptyObject;
-	  // We initialize the default updater but the real one gets injected by the
+	  this.context = context; // If a component has string refs, we will assign a different object later.
+
+	  this.refs = emptyObject; // We initialize the default updater but the real one gets injected by the
 	  // renderer.
+
 	  this.updater = updater || ReactNoopUpdateQueue;
 	}
 
 	Component.prototype.isReactComponent = {};
-
 	/**
 	 * Sets a subset of the state. Always use this to mutate
 	 * state. You should treat `this.state` as immutable.
@@ -1065,11 +1049,16 @@
 	 * @final
 	 * @protected
 	 */
+
 	Component.prototype.setState = function (partialState, callback) {
-	  !(typeof partialState === 'object' || typeof partialState === 'function' || partialState == null) ? invariant(false, 'setState(...): takes an object of state variables to update or a function which returns an object of state variables.') : void 0;
+	  if (!(typeof partialState === 'object' || typeof partialState === 'function' || partialState == null)) {
+	    {
+	      throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
+	    }
+	  }
+
 	  this.updater.enqueueSetState(this, partialState, callback, 'setState');
 	};
-
 	/**
 	 * Forces an update. This should only be invoked when it is known with
 	 * certainty that we are **not** in a DOM transaction.
@@ -1084,28 +1073,33 @@
 	 * @final
 	 * @protected
 	 */
+
+
 	Component.prototype.forceUpdate = function (callback) {
 	  this.updater.enqueueForceUpdate(this, callback, 'forceUpdate');
 	};
-
 	/**
 	 * Deprecated APIs. These APIs used to exist on classic React classes but since
 	 * we would like to deprecate them, we're not going to move them over to this
 	 * modern base class. Instead, we define a getter that warns if it's accessed.
 	 */
+
+
 	{
 	  var deprecatedAPIs = {
 	    isMounted: ['isMounted', 'Instead, make sure to clean up subscriptions and pending requests in ' + 'componentWillUnmount to prevent memory leaks.'],
 	    replaceState: ['replaceState', 'Refactor your code to use setState instead (see ' + 'https://github.com/facebook/react/issues/3236).']
 	  };
+
 	  var defineDeprecationWarning = function (methodName, info) {
 	    Object.defineProperty(Component.prototype, methodName, {
 	      get: function () {
-	        lowPriorityWarning$1(false, '%s(...) is deprecated in plain JavaScript React classes. %s', info[0], info[1]);
+	        lowPriorityWarningWithoutStack$1(false, '%s(...) is deprecated in plain JavaScript React classes. %s', info[0], info[1]);
 	        return undefined;
 	      }
 	    });
 	  };
+
 	  for (var fnName in deprecatedAPIs) {
 	    if (deprecatedAPIs.hasOwnProperty(fnName)) {
 	      defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);
@@ -1114,23 +1108,25 @@
 	}
 
 	function ComponentDummy() {}
-	ComponentDummy.prototype = Component.prototype;
 
+	ComponentDummy.prototype = Component.prototype;
 	/**
 	 * Convenience component with default shallow equality check for sCU.
 	 */
+
 	function PureComponent(props, context, updater) {
 	  this.props = props;
-	  this.context = context;
-	  // If a component has string refs, we will assign a different object later.
+	  this.context = context; // If a component has string refs, we will assign a different object later.
+
 	  this.refs = emptyObject;
 	  this.updater = updater || ReactNoopUpdateQueue;
 	}
 
 	var pureComponentPrototype = PureComponent.prototype = new ComponentDummy();
-	pureComponentPrototype.constructor = PureComponent;
-	// Avoid an extra prototype jump for these methods.
+	pureComponentPrototype.constructor = PureComponent; // Avoid an extra prototype jump for these methods.
+
 	_assign(pureComponentPrototype, Component.prototype);
+
 	pureComponentPrototype.isPureReactComponent = true;
 
 	// an immutable object with a single mutable value
@@ -1138,9 +1134,11 @@
 	  var refObject = {
 	    current: null
 	  };
+
 	  {
 	    Object.seal(refObject);
 	  }
+
 	  return refObject;
 	}
 
@@ -1155,6 +1153,14 @@
 	  current: null
 	};
 
+	/**
+	 * Keeps track of the current batch's configuration such as how long an update
+	 * should suspend for if it needs to.
+	 */
+	var ReactCurrentBatchConfig = {
+	  suspense: null
+	};
+
 	/**
 	 * Keeps track of the current owner.
 	 *
@@ -1170,19 +1176,22 @@
 	};
 
 	var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
-
 	var describeComponentFrame = function (name, source, ownerName) {
 	  var sourceInfo = '';
+
 	  if (source) {
 	    var path = source.fileName;
 	    var fileName = path.replace(BEFORE_SLASH_RE, '');
+
 	    {
 	      // In DEV, include code for a common special case:
 	      // prefer "folder/index.js" instead of just "index.js".
 	      if (/^index\./.test(fileName)) {
 	        var match = path.match(BEFORE_SLASH_RE);
+
 	        if (match) {
 	          var pathBeforeSlash = match[1];
+
 	          if (pathBeforeSlash) {
 	            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, '');
 	            fileName = folderName + '/' + fileName;
@@ -1190,23 +1199,24 @@
 	        }
 	      }
 	    }
+
 	    sourceInfo = ' (at ' + fileName + ':' + source.lineNumber + ')';
 	  } else if (ownerName) {
 	    sourceInfo = ' (created by ' + ownerName + ')';
 	  }
+
 	  return '\n    in ' + (name || 'Unknown') + sourceInfo;
 	};
 
 	var Resolved = 1;
 
-
 	function refineResolvedLazyComponent(lazyComponent) {
 	  return lazyComponent._status === Resolved ? lazyComponent._result : null;
 	}
 
 	function getWrappedName(outerType, innerType, wrapperName) {
 	  var functionName = innerType.displayName || innerType.name || '';
-	  return outerType.displayName || (functionName !== '' ? wrapperName + '(' + functionName + ')' : wrapperName);
+	  return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
 	}
 
 	function getComponentName(type) {
@@ -1214,58 +1224,74 @@
 	    // Host root, text node or just invalid type.
 	    return null;
 	  }
+
 	  {
 	    if (typeof type.tag === 'number') {
 	      warningWithoutStack$1(false, 'Received an unexpected object in getComponentName(). ' + 'This is likely a bug in React. Please file an issue.');
 	    }
 	  }
+
 	  if (typeof type === 'function') {
 	    return type.displayName || type.name || null;
 	  }
+
 	  if (typeof type === 'string') {
 	    return type;
 	  }
+
 	  switch (type) {
-	    case REACT_CONCURRENT_MODE_TYPE:
-	      return 'ConcurrentMode';
 	    case REACT_FRAGMENT_TYPE:
 	      return 'Fragment';
+
 	    case REACT_PORTAL_TYPE:
 	      return 'Portal';
+
 	    case REACT_PROFILER_TYPE:
-	      return 'Profiler';
+	      return "Profiler";
+
 	    case REACT_STRICT_MODE_TYPE:
 	      return 'StrictMode';
+
 	    case REACT_SUSPENSE_TYPE:
 	      return 'Suspense';
+
+	    case REACT_SUSPENSE_LIST_TYPE:
+	      return 'SuspenseList';
 	  }
+
 	  if (typeof type === 'object') {
 	    switch (type.$$typeof) {
 	      case REACT_CONTEXT_TYPE:
 	        return 'Context.Consumer';
+
 	      case REACT_PROVIDER_TYPE:
 	        return 'Context.Provider';
+
 	      case REACT_FORWARD_REF_TYPE:
 	        return getWrappedName(type, type.render, 'ForwardRef');
+
 	      case REACT_MEMO_TYPE:
 	        return getComponentName(type.type);
+
 	      case REACT_LAZY_TYPE:
 	        {
 	          var thenable = type;
 	          var resolvedThenable = refineResolvedLazyComponent(thenable);
+
 	          if (resolvedThenable) {
 	            return getComponentName(resolvedThenable);
 	          }
+
+	          break;
 	        }
 	    }
 	  }
+
 	  return null;
 	}
 
 	var ReactDebugCurrentFrame = {};
-
 	var currentlyValidatingElement = null;
-
 	function setCurrentlyValidatingElement(element) {
 	  {
 	    currentlyValidatingElement = element;
@@ -1277,17 +1303,17 @@
 	  ReactDebugCurrentFrame.getCurrentStack = null;
 
 	  ReactDebugCurrentFrame.getStackAddendum = function () {
-	    var stack = '';
+	    var stack = ''; // Add an extra top frame while an element is being validated
 
-	    // Add an extra top frame while an element is being validated
 	    if (currentlyValidatingElement) {
 	      var name = getComponentName(currentlyValidatingElement.type);
 	      var owner = currentlyValidatingElement._owner;
 	      stack += describeComponentFrame(name, currentlyValidatingElement._source, owner && getComponentName(owner.type));
-	    }
+	    } // Delegate to the injected renderer-specific implementation
+
 
-	    // Delegate to the injected renderer-specific implementation
 	    var impl = ReactDebugCurrentFrame.getCurrentStack;
+
 	    if (impl) {
 	      stack += impl() || '';
 	    }
@@ -1296,9 +1322,18 @@
 	  };
 	}
 
+	/**
+	 * Used by act() to track whether you're inside an act() scope.
+	 */
+	var IsSomeRendererActing = {
+	  current: false
+	};
+
 	var ReactSharedInternals = {
 	  ReactCurrentDispatcher: ReactCurrentDispatcher,
+	  ReactCurrentBatchConfig: ReactCurrentBatchConfig,
 	  ReactCurrentOwner: ReactCurrentOwner,
+	  IsSomeRendererActing: IsSomeRendererActing,
 	  // Used by renderers to avoid bundling object-assign twice in UMD bundles:
 	  assign: _assign
 	};
@@ -1327,41 +1362,41 @@
 	    if (condition) {
 	      return;
 	    }
+
 	    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-	    var stack = ReactDebugCurrentFrame.getStackAddendum();
-	    // eslint-disable-next-line react-internal/warning-and-invariant-args
+	    var stack = ReactDebugCurrentFrame.getStackAddendum(); // eslint-disable-next-line react-internal/warning-and-invariant-args
 
-	    for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+	    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
 	      args[_key - 2] = arguments[_key];
 	    }
 
-	    warningWithoutStack$1.apply(undefined, [false, format + '%s'].concat(args, [stack]));
+	    warningWithoutStack$1.apply(void 0, [false, format + '%s'].concat(args, [stack]));
 	  };
 	}
 
 	var warning$1 = warning;
 
 	var hasOwnProperty = Object.prototype.hasOwnProperty;
-
 	var RESERVED_PROPS = {
 	  key: true,
 	  ref: true,
 	  __self: true,
 	  __source: true
 	};
-
-	var specialPropKeyWarningShown = void 0;
-	var specialPropRefWarningShown = void 0;
+	var specialPropKeyWarningShown;
+	var specialPropRefWarningShown;
 
 	function hasValidRef(config) {
 	  {
 	    if (hasOwnProperty.call(config, 'ref')) {
 	      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
+
 	      if (getter && getter.isReactWarning) {
 	        return false;
 	      }
 	    }
 	  }
+
 	  return config.ref !== undefined;
 	}
 
@@ -1369,11 +1404,13 @@
 	  {
 	    if (hasOwnProperty.call(config, 'key')) {
 	      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
+
 	      if (getter && getter.isReactWarning) {
 	        return false;
 	      }
 	    }
 	  }
+
 	  return config.key !== undefined;
 	}
 
@@ -1384,6 +1421,7 @@
 	      warningWithoutStack$1(false, '%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName);
 	    }
 	  };
+
 	  warnAboutAccessingKey.isReactWarning = true;
 	  Object.defineProperty(props, 'key', {
 	    get: warnAboutAccessingKey,
@@ -1398,22 +1436,24 @@
 	      warningWithoutStack$1(false, '%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName);
 	    }
 	  };
+
 	  warnAboutAccessingRef.isReactWarning = true;
 	  Object.defineProperty(props, 'ref', {
 	    get: warnAboutAccessingRef,
 	    configurable: true
 	  });
 	}
-
 	/**
 	 * Factory method to create a new React element. This no longer adheres to
-	 * the class pattern, so do not use new to call it. Also, no instanceof check
-	 * will work. Instead test $$typeof field against Symbol.for('react.element') to check
+	 * the class pattern, so do not use new to call it. Also, instanceof check
+	 * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
 	 * if something is a React Element.
 	 *
 	 * @param {*} type
+	 * @param {*} props
 	 * @param {*} key
 	 * @param {string|object} ref
+	 * @param {*} owner
 	 * @param {*} self A *temporary* helper to detect places where `this` is
 	 * different from the `owner` when React.createElement is called, so that we
 	 * can warn. We want to get rid of owner and replace string `ref`s with arrow
@@ -1421,21 +1461,19 @@
 	 * change in behavior.
 	 * @param {*} source An annotation object (added by a transpiler or otherwise)
 	 * indicating filename, line number, and/or other information.
-	 * @param {*} owner
-	 * @param {*} props
 	 * @internal
 	 */
+
+
 	var ReactElement = function (type, key, ref, self, source, owner, props) {
 	  var element = {
 	    // This tag allows us to uniquely identify this as a React Element
 	    $$typeof: REACT_ELEMENT_TYPE,
-
 	    // Built-in properties that belong on the element
 	    type: type,
 	    key: key,
 	    ref: ref,
 	    props: props,
-
 	    // Record the component responsible for creating this element.
 	    _owner: owner
 	  };
@@ -1445,33 +1483,33 @@
 	    // an external backing store so that we can freeze the whole object.
 	    // This can be replaced with a WeakMap once they are implemented in
 	    // commonly used development environments.
-	    element._store = {};
-
-	    // To make comparing ReactElements easier for testing purposes, we make
+	    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
 	    // the validation flag non-enumerable (where possible, which should
 	    // include every environment we run tests in), so the test framework
 	    // ignores it.
+
 	    Object.defineProperty(element._store, 'validated', {
 	      configurable: false,
 	      enumerable: false,
 	      writable: true,
 	      value: false
-	    });
-	    // self and source are DEV only properties.
+	    }); // self and source are DEV only properties.
+
 	    Object.defineProperty(element, '_self', {
 	      configurable: false,
 	      enumerable: false,
 	      writable: false,
 	      value: self
-	    });
-	    // Two elements created in two different places should be considered
+	    }); // Two elements created in two different places should be considered
 	    // equal for testing purposes and therefore we hide it from enumeration.
+
 	    Object.defineProperty(element, '_source', {
 	      configurable: false,
 	      enumerable: false,
 	      writable: false,
 	      value: source
 	    });
+
 	    if (Object.freeze) {
 	      Object.freeze(element.props);
 	      Object.freeze(element);
@@ -1480,17 +1518,87 @@
 
 	  return element;
 	};
+	/**
+	 * https://github.com/reactjs/rfcs/pull/107
+	 * @param {*} type
+	 * @param {object} props
+	 * @param {string} key
+	 */
+
+
+
+	/**
+	 * https://github.com/reactjs/rfcs/pull/107
+	 * @param {*} type
+	 * @param {object} props
+	 * @param {string} key
+	 */
+
+	function jsxDEV(type, config, maybeKey, source, self) {
+	  var propName; // Reserved names are extracted
+
+	  var props = {};
+	  var key = null;
+	  var ref = null; // Currently, key can be spread in as a prop. This causes a potential
+	  // issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
+	  // or <div key="Hi" {...props} /> ). We want to deprecate key spread,
+	  // but as an intermediary step, we will use jsxDEV for everything except
+	  // <div {...props} key="Hi" />, because we aren't currently able to tell if
+	  // key is explicitly declared to be undefined or not.
+
+	  if (maybeKey !== undefined) {
+	    key = '' + maybeKey;
+	  }
+
+	  if (hasValidKey(config)) {
+	    key = '' + config.key;
+	  }
+
+	  if (hasValidRef(config)) {
+	    ref = config.ref;
+	  } // Remaining properties are added to a new props object
+
+
+	  for (propName in config) {
+	    if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+	      props[propName] = config[propName];
+	    }
+	  } // Resolve default props
+
+
+	  if (type && type.defaultProps) {
+	    var defaultProps = type.defaultProps;
+
+	    for (propName in defaultProps) {
+	      if (props[propName] === undefined) {
+	        props[propName] = defaultProps[propName];
+	      }
+	    }
+	  }
+
+	  if (key || ref) {
+	    var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+
+	    if (key) {
+	      defineKeyPropWarningGetter(props, displayName);
+	    }
 
+	    if (ref) {
+	      defineRefPropWarningGetter(props, displayName);
+	    }
+	  }
+
+	  return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
+	}
 	/**
 	 * Create and return a new ReactElement of the given type.
 	 * See https://reactjs.org/docs/react-api.html#createelement
 	 */
+
 	function createElement(type, config, children) {
-	  var propName = void 0;
+	  var propName; // Reserved names are extracted
 
-	  // Reserved names are extracted
 	  var props = {};
-
 	  var key = null;
 	  var ref = null;
 	  var self = null;
@@ -1500,61 +1608,70 @@
 	    if (hasValidRef(config)) {
 	      ref = config.ref;
 	    }
+
 	    if (hasValidKey(config)) {
 	      key = '' + config.key;
 	    }
 
 	    self = config.__self === undefined ? null : config.__self;
-	    source = config.__source === undefined ? null : config.__source;
-	    // Remaining properties are added to a new props object
+	    source = config.__source === undefined ? null : config.__source; // Remaining properties are added to a new props object
+
 	    for (propName in config) {
 	      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
 	        props[propName] = config[propName];
 	      }
 	    }
-	  }
-
-	  // Children can be more than one argument, and those are transferred onto
+	  } // Children can be more than one argument, and those are transferred onto
 	  // the newly allocated props object.
+
+
 	  var childrenLength = arguments.length - 2;
+
 	  if (childrenLength === 1) {
 	    props.children = children;
 	  } else if (childrenLength > 1) {
 	    var childArray = Array(childrenLength);
+
 	    for (var i = 0; i < childrenLength; i++) {
 	      childArray[i] = arguments[i + 2];
 	    }
+
 	    {
 	      if (Object.freeze) {
 	        Object.freeze(childArray);
 	      }
 	    }
+
 	    props.children = childArray;
-	  }
+	  } // Resolve default props
+
 
-	  // Resolve default props
 	  if (type && type.defaultProps) {
 	    var defaultProps = type.defaultProps;
+
 	    for (propName in defaultProps) {
 	      if (props[propName] === undefined) {
 	        props[propName] = defaultProps[propName];
 	      }
 	    }
 	  }
+
 	  {
 	    if (key || ref) {
 	      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+
 	      if (key) {
 	        defineKeyPropWarningGetter(props, displayName);
 	      }
+
 	      if (ref) {
 	        defineRefPropWarningGetter(props, displayName);
 	      }
 	    }
 	  }
+
 	  return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
 	}
-
 	/**
 	 * Return a function that produces ReactElements of a given type.
 	 * See https://reactjs.org/docs/react-api.html#createfactory
@@ -1563,33 +1680,34 @@
 
 	function cloneAndReplaceKey(oldElement, newKey) {
 	  var newElement = ReactElement(oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props);
-
 	  return newElement;
 	}
-
 	/**
 	 * Clone and return a new ReactElement using element as the starting point.
 	 * See https://reactjs.org/docs/react-api.html#cloneelement
 	 */
+
 	function cloneElement(element, config, children) {
-	  !!(element === null || element === undefined) ? invariant(false, 'React.cloneElement(...): The argument must be a React element, but you passed %s.', element) : void 0;
+	  if (!!(element === null || element === undefined)) {
+	    {
+	      throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + element + ".");
+	    }
+	  }
+
+	  var propName; // Original props are copied
 
-	  var propName = void 0;
+	  var props = _assign({}, element.props); // Reserved names are extracted
 
-	  // Original props are copied
-	  var props = _assign({}, element.props);
 
-	  // Reserved names are extracted
 	  var key = element.key;
-	  var ref = element.ref;
-	  // Self is preserved since the owner is preserved.
-	  var self = element._self;
-	  // Source is preserved since cloneElement is unlikely to be targeted by a
+	  var ref = element.ref; // Self is preserved since the owner is preserved.
+
+	  var self = element._self; // Source is preserved since cloneElement is unlikely to be targeted by a
 	  // transpiler, and the original source is probably a better indicator of the
 	  // true owner.
-	  var source = element._source;
 
-	  // Owner will be preserved, unless ref is overridden
+	  var source = element._source; // Owner will be preserved, unless ref is overridden
+
 	  var owner = element._owner;
 
 	  if (config != null) {
@@ -1598,15 +1716,18 @@
 	      ref = config.ref;
 	      owner = ReactCurrentOwner.current;
 	    }
+
 	    if (hasValidKey(config)) {
 	      key = '' + config.key;
-	    }
+	    } // Remaining properties override existing props
+
+
+	    var defaultProps;
 
-	    // Remaining properties override existing props
-	    var defaultProps = void 0;
 	    if (element.type && element.type.defaultProps) {
 	      defaultProps = element.type.defaultProps;
 	    }
+
 	    for (propName in config) {
 	      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
 	        if (config[propName] === undefined && defaultProps !== undefined) {
@@ -1617,24 +1738,26 @@
 	        }
 	      }
 	    }
-	  }
-
-	  // Children can be more than one argument, and those are transferred onto
+	  } // Children can be more than one argument, and those are transferred onto
 	  // the newly allocated props object.
+
+
 	  var childrenLength = arguments.length - 2;
+
 	  if (childrenLength === 1) {
 	    props.children = children;
 	  } else if (childrenLength > 1) {
 	    var childArray = Array(childrenLength);
+
 	    for (var i = 0; i < childrenLength; i++) {
 	      childArray[i] = arguments[i + 2];
 	    }
+
 	    props.children = childArray;
 	  }
 
 	  return ReactElement(element.type, key, ref, self, source, owner, props);
 	}
-
 	/**
 	 * Verifies the object is a ReactElement.
 	 * See https://reactjs.org/docs/react-api.html#isvalidelement
@@ -1642,19 +1765,20 @@
 	 * @return {boolean} True if `object` is a ReactElement.
 	 * @final
 	 */
+
 	function isValidElement(object) {
 	  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
 	}
 
 	var SEPARATOR = '.';
 	var SUBSEPARATOR = ':';
-
 	/**
 	 * Escape and wrap key so it is safe to use as a reactid
 	 *
 	 * @param {string} key to be escaped.
 	 * @return {string} the escaped key.
 	 */
+
 	function escape(key) {
 	  var escapeRegex = /[=:]/g;
 	  var escaperLookup = {
@@ -1664,24 +1788,24 @@
 	  var escapedString = ('' + key).replace(escapeRegex, function (match) {
 	    return escaperLookup[match];
 	  });
-
 	  return '$' + escapedString;
 	}
-
 	/**
 	 * TODO: Test that a single child and an array with one item have the same key
 	 * pattern.
 	 */
 
-	var didWarnAboutMaps = false;
 
+	var didWarnAboutMaps = false;
 	var userProvidedKeyEscapeRegex = /\/+/g;
+
 	function escapeUserProvidedKey(text) {
 	  return ('' + text).replace(userProvidedKeyEscapeRegex, '$&/');
 	}
 
 	var POOL_SIZE = 10;
 	var traverseContextPool = [];
+
 	function getPooledTraverseContext(mapResult, keyPrefix, mapFunction, mapContext) {
 	  if (traverseContextPool.length) {
 	    var traverseContext = traverseContextPool.pop();
@@ -1708,11 +1832,11 @@
 	  traverseContext.func = null;
 	  traverseContext.context = null;
 	  traverseContext.count = 0;
+
 	  if (traverseContextPool.length < POOL_SIZE) {
 	    traverseContextPool.push(traverseContext);
 	  }
 	}
-
 	/**
 	 * @param {?*} children Children tree container.
 	 * @param {!string} nameSoFar Name of the key path so far.
@@ -1721,6 +1845,8 @@
 	 * process.
 	 * @return {!number} The number of children in this subtree.
 	 */
+
+
 	function traverseAllChildrenImpl(children, nameSoFar, callback, traverseContext) {
 	  var type = typeof children;
 
@@ -1739,26 +1865,28 @@
 	      case 'number':
 	        invokeCallback = true;
 	        break;
+
 	      case 'object':
 	        switch (children.$$typeof) {
 	          case REACT_ELEMENT_TYPE:
 	          case REACT_PORTAL_TYPE:
 	            invokeCallback = true;
 	        }
+
 	    }
 	  }
 
 	  if (invokeCallback) {
-	    callback(traverseContext, children,
-	    // If it's the only child, treat the name as if it was wrapped in an array
+	    callback(traverseContext, children, // If it's the only child, treat the name as if it was wrapped in an array
 	    // so that it's consistent if the number of children grows.
 	    nameSoFar === '' ? SEPARATOR + getComponentKey(children, 0) : nameSoFar);
 	    return 1;
 	  }
 
-	  var child = void 0;
-	  var nextName = void 0;
+	  var child;
+	  var nextName;
 	  var subtreeCount = 0; // Count of children found in the current subtree.
+
 	  var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
 
 	  if (Array.isArray(children)) {
@@ -1769,6 +1897,7 @@
 	    }
 	  } else {
 	    var iteratorFn = getIteratorFn(children);
+
 	    if (typeof iteratorFn === 'function') {
 	      {
 	        // Warn about using Maps as children
@@ -1779,8 +1908,9 @@
 	      }
 
 	      var iterator = iteratorFn.call(children);
-	      var step = void 0;
+	      var step;
 	      var ii = 0;
+
 	      while (!(step = iterator.next()).done) {
 	        child = step.value;
 	        nextName = nextNamePrefix + getComponentKey(child, ii++);
@@ -1788,17 +1918,23 @@
 	      }
 	    } else if (type === 'object') {
 	      var addendum = '';
+
 	      {
 	        addendum = ' If you meant to render a collection of children, use an array ' + 'instead.' + ReactDebugCurrentFrame.getStackAddendum();
 	      }
+
 	      var childrenString = '' + children;
-	      invariant(false, 'Objects are not valid as a React child (found: %s).%s', childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString, addendum);
+
+	      {
+	        {
+	          throw Error("Objects are not valid as a React child (found: " + (childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString) + ")." + addendum);
+	        }
+	      }
 	    }
 	  }
 
 	  return subtreeCount;
 	}
-
 	/**
 	 * Traverses children that are typically specified as `props.children`, but
 	 * might also be specified through attributes:
@@ -1815,6 +1951,8 @@
 	 * @param {?*} traverseContext Context for traversal.
 	 * @return {!number} The number of children in this subtree.
 	 */
+
+
 	function traverseAllChildren(children, callback, traverseContext) {
 	  if (children == null) {
 	    return 0;
@@ -1822,7 +1960,6 @@
 
 	  return traverseAllChildrenImpl(children, '', callback, traverseContext);
 	}
-
 	/**
 	 * Generate a key string that identifies a component within a set.
 	 *
@@ -1830,24 +1967,25 @@
 	 * @param {number} index Index that is used if a manual key is not provided.
 	 * @return {string}
 	 */
+
+
 	function getComponentKey(component, index) {
 	  // Do some typechecking here since we call this blindly. We want to ensure
 	  // that we don't block potential future ES APIs.
 	  if (typeof component === 'object' && component !== null && component.key != null) {
 	    // Explicit key
 	    return escape(component.key);
-	  }
-	  // Implicit key determined by the index in the set
+	  } // Implicit key determined by the index in the set
+
+
 	  return index.toString(36);
 	}
 
 	function forEachSingleChild(bookKeeping, child, name) {
 	  var func = bookKeeping.func,
 	      context = bookKeeping.context;
-
 	  func.call(context, child, bookKeeping.count++);
 	}
-
 	/**
 	 * Iterates through children that are typically specified as `props.children`.
 	 *
@@ -1860,10 +1998,13 @@
 	 * @param {function(*, int)} forEachFunc
 	 * @param {*} forEachContext Context for forEachContext.
 	 */
+
+
 	function forEachChildren(children, forEachFunc, forEachContext) {
 	  if (children == null) {
 	    return children;
 	  }
+
 	  var traverseContext = getPooledTraverseContext(null, null, forEachFunc, forEachContext);
 	  traverseAllChildren(children, forEachSingleChild, traverseContext);
 	  releaseTraverseContext(traverseContext);
@@ -1874,34 +2015,34 @@
 	      keyPrefix = bookKeeping.keyPrefix,
 	      func = bookKeeping.func,
 	      context = bookKeeping.context;
-
-
 	  var mappedChild = func.call(context, child, bookKeeping.count++);
+
 	  if (Array.isArray(mappedChild)) {
 	    mapIntoWithKeyPrefixInternal(mappedChild, result, childKey, function (c) {
 	      return c;
 	    });
 	  } else if (mappedChild != null) {
 	    if (isValidElement(mappedChild)) {
-	      mappedChild = cloneAndReplaceKey(mappedChild,
-	      // Keep both the (mapped) and old keys if they differ, just as
+	      mappedChild = cloneAndReplaceKey(mappedChild, // Keep both the (mapped) and old keys if they differ, just as
 	      // traverseAllChildren used to do for objects as children
 	      keyPrefix + (mappedChild.key && (!child || child.key !== mappedChild.key) ? escapeUserProvidedKey(mappedChild.key) + '/' : '') + childKey);
 	    }
+
 	    result.push(mappedChild);
 	  }
 	}
 
 	function mapIntoWithKeyPrefixInternal(children, array, prefix, func, context) {
 	  var escapedPrefix = '';
+
 	  if (prefix != null) {
 	    escapedPrefix = escapeUserProvidedKey(prefix) + '/';
 	  }
+
 	  var traverseContext = getPooledTraverseContext(array, escapedPrefix, func, context);
 	  traverseAllChildren(children, mapSingleChildIntoContext, traverseContext);
 	  releaseTraverseContext(traverseContext);
 	}
-
 	/**
 	 * Maps children that are typically specified as `props.children`.
 	 *
@@ -1915,15 +2056,17 @@
 	 * @param {*} context Context for mapFunction.
 	 * @return {object} Object containing the ordered map of results.
 	 */
+
+
 	function mapChildren(children, func, context) {
 	  if (children == null) {
 	    return children;
 	  }
+
 	  var result = [];
 	  mapIntoWithKeyPrefixInternal(children, result, null, func, context);
 	  return result;
 	}
-
 	/**
 	 * Count the number of children that are typically specified as
 	 * `props.children`.
@@ -1933,18 +2076,21 @@
 	 * @param {?*} children Children tree container.
 	 * @return {number} The number of children.
 	 */
+
+
 	function countChildren(children) {
 	  return traverseAllChildren(children, function () {
 	    return null;
 	  }, null);
 	}
-
 	/**
 	 * Flatten a children object (typically specified as `props.children`) and
 	 * return an array with appropriately re-keyed children.
 	 *
 	 * See https://reactjs.org/docs/react-api.html#reactchildrentoarray
 	 */
+
+
 	function toArray(children) {
 	  var result = [];
 	  mapIntoWithKeyPrefixInternal(children, result, null, function (child) {
@@ -1952,7 +2098,6 @@
 	  });
 	  return result;
 	}
-
 	/**
 	 * Returns the first child in a collection of children and verifies that there
 	 * is only one child in the collection.
@@ -1967,8 +2112,15 @@
 	 * @return {ReactElement} The first and only `ReactElement` contained in the
 	 * structure.
 	 */
+
+
 	function onlyChild(children) {
-	  !isValidElement(children) ? invariant(false, 'React.Children.only expected to receive a single React element child.') : void 0;
+	  if (!isValidElement(children)) {
+	    {
+	      throw Error("React.Children.only expected to receive a single React element child.");
+	    }
+	  }
+
 	  return children;
 	}
 
@@ -1998,12 +2150,10 @@
 	    Provider: null,
 	    Consumer: null
 	  };
-
 	  context.Provider = {
 	    $$typeof: REACT_PROVIDER_TYPE,
 	    _context: context
 	  };
-
 	  var hasWarnedAboutUsingNestedContextConsumers = false;
 	  var hasWarnedAboutUsingConsumerProvider = false;
 
@@ -2015,8 +2165,8 @@
 	      $$typeof: REACT_CONTEXT_TYPE,
 	      _context: context,
 	      _calculateChangedBits: context._calculateChangedBits
-	    };
-	    // $FlowFixMe: Flow complains about not setting a value, which is intentional here
+	    }; // $FlowFixMe: Flow complains about not setting a value, which is intentional here
+
 	    Object.defineProperties(Consumer, {
 	      Provider: {
 	        get: function () {
@@ -2024,6 +2174,7 @@
 	            hasWarnedAboutUsingConsumerProvider = true;
 	            warning$1(false, 'Rendering <Context.Consumer.Provider> is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Provider> instead?');
 	          }
+
 	          return context.Provider;
 	        },
 	        set: function (_Provider) {
@@ -2060,11 +2211,12 @@
 	            hasWarnedAboutUsingNestedContextConsumers = true;
 	            warning$1(false, 'Rendering <Context.Consumer.Consumer> is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
 	          }
+
 	          return context.Consumer;
 	        }
 	      }
-	    });
-	    // $FlowFixMe: Flow complains about missing properties because it doesn't understand defineProperty
+	    }); // $FlowFixMe: Flow complains about missing properties because it doesn't understand defineProperty
+
 	    context.Consumer = Consumer;
 	  }
 
@@ -2087,8 +2239,8 @@
 
 	  {
 	    // In production, this would just set it on the object.
-	    var defaultProps = void 0;
-	    var propTypes = void 0;
+	    var defaultProps;
+	    var propTypes;
 	    Object.defineProperties(lazyType, {
 	      defaultProps: {
 	        configurable: true,
@@ -2097,8 +2249,8 @@
 	        },
 	        set: function (newDefaultProps) {
 	          warning$1(false, 'React.lazy(...): It is not supported to assign `defaultProps` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
-	          defaultProps = newDefaultProps;
-	          // Match production behavior more closely:
+	          defaultProps = newDefaultProps; // Match production behavior more closely:
+
 	          Object.defineProperty(lazyType, 'defaultProps', {
 	            enumerable: true
 	          });
@@ -2111,8 +2263,8 @@
 	        },
 	        set: function (newPropTypes) {
 	          warning$1(false, 'React.lazy(...): It is not supported to assign `propTypes` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
-	          propTypes = newPropTypes;
-	          // Match production behavior more closely:
+	          propTypes = newPropTypes; // Match production behavior more closely:
+
 	          Object.defineProperty(lazyType, 'propTypes', {
 	            enumerable: true
 	          });
@@ -2131,8 +2283,7 @@
 	    } else if (typeof render !== 'function') {
 	      warningWithoutStack$1(false, 'forwardRef requires a render function but was given %s.', render === null ? 'null' : typeof render);
 	    } else {
-	      !(
-	      // Do not warn for 0 arguments because it could be due to usage of the 'arguments' object
+	      !( // Do not warn for 0 arguments because it could be due to usage of the 'arguments' object
 	      render.length === 0 || render.length === 2) ? warningWithoutStack$1(false, 'forwardRef render functions accept exactly two parameters: props and ref. %s', render.length === 1 ? 'Did you forget to use the ref parameter?' : 'Any additional parameter will be undefined.') : void 0;
 	    }
 
@@ -2148,9 +2299,8 @@
 	}
 
 	function isValidElementType(type) {
-	  return typeof type === 'string' || typeof type === 'function' ||
-	  // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE);
+	  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE);
 	}
 
 	function memo(type, compare) {
@@ -2159,6 +2309,7 @@
 	      warningWithoutStack$1(false, 'memo: The first argument must be a component. Instead ' + 'received: %s', type === null ? 'null' : typeof type);
 	    }
 	  }
+
 	  return {
 	    $$typeof: REACT_MEMO_TYPE,
 	    type: type,
@@ -2168,20 +2319,26 @@
 
 	function resolveDispatcher() {
 	  var dispatcher = ReactCurrentDispatcher.current;
-	  !(dispatcher !== null) ? invariant(false, 'Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.') : void 0;
+
+	  if (!(dispatcher !== null)) {
+	    {
+	      throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.");
+	    }
+	  }
+
 	  return dispatcher;
 	}
 
 	function useContext(Context, unstable_observedBits) {
 	  var dispatcher = resolveDispatcher();
+
 	  {
-	    !(unstable_observedBits === undefined) ? warning$1(false, 'useContext() second argument is reserved for future ' + 'use in React. Passing it is not supported. ' + 'You passed: %s.%s', unstable_observedBits, typeof unstable_observedBits === 'number' && Array.isArray(arguments[2]) ? '\n\nDid you call array.map(useContext)? ' + 'Calling Hooks inside a loop is not supported. ' + 'Learn more at https://fb.me/rules-of-hooks' : '') : void 0;
+	    !(unstable_observedBits === undefined) ? warning$1(false, 'useContext() second argument is reserved for future ' + 'use in React. Passing it is not supported. ' + 'You passed: %s.%s', unstable_observedBits, typeof unstable_observedBits === 'number' && Array.isArray(arguments[2]) ? '\n\nDid you call array.map(useContext)? ' + 'Calling Hooks inside a loop is not supported. ' + 'Learn more at https://fb.me/rules-of-hooks' : '') : void 0; // TODO: add a more generic warning for invalid values.
 
-	    // TODO: add a more generic warning for invalid values.
 	    if (Context._context !== undefined) {
-	      var realContext = Context._context;
-	      // Don't deduplicate because this legitimately causes bugs
+	      var realContext = Context._context; // Don't deduplicate because this legitimately causes bugs
 	      // and nobody should be using this in existing code.
+
 	      if (realContext.Consumer === Context) {
 	        warning$1(false, 'Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be ' + 'removed in a future major release. Did you mean to call useContext(Context) instead?');
 	      } else if (realContext.Provider === Context) {
@@ -2189,55 +2346,79 @@
 	      }
 	    }
 	  }
+
 	  return dispatcher.useContext(Context, unstable_observedBits);
 	}
-
 	function useState(initialState) {
 	  var dispatcher = resolveDispatcher();
 	  return dispatcher.useState(initialState);
 	}
-
 	function useReducer(reducer, initialArg, init) {
 	  var dispatcher = resolveDispatcher();
 	  return dispatcher.useReducer(reducer, initialArg, init);
 	}
-
 	function useRef(initialValue) {
 	  var dispatcher = resolveDispatcher();
 	  return dispatcher.useRef(initialValue);
 	}
-
 	function useEffect(create, inputs) {
 	  var dispatcher = resolveDispatcher();
 	  return dispatcher.useEffect(create, inputs);
 	}
-
 	function useLayoutEffect(create, inputs) {
 	  var dispatcher = resolveDispatcher();
 	  return dispatcher.useLayoutEffect(create, inputs);
 	}
-
 	function useCallback(callback, inputs) {
 	  var dispatcher = resolveDispatcher();
 	  return dispatcher.useCallback(callback, inputs);
 	}
-
 	function useMemo(create, inputs) {
 	  var dispatcher = resolveDispatcher();
 	  return dispatcher.useMemo(create, inputs);
 	}
-
 	function useImperativeHandle(ref, create, inputs) {
 	  var dispatcher = resolveDispatcher();
 	  return dispatcher.useImperativeHandle(ref, create, inputs);
 	}
-
 	function useDebugValue(value, formatterFn) {
 	  {
 	    var dispatcher = resolveDispatcher();
 	    return dispatcher.useDebugValue(value, formatterFn);
 	  }
 	}
+	var emptyObject$1 = {};
+	function useResponder(responder, listenerProps) {
+	  var dispatcher = resolveDispatcher();
+
+	  {
+	    if (responder == null || responder.$$typeof !== REACT_RESPONDER_TYPE) {
+	      warning$1(false, 'useResponder: invalid first argument. Expected an event responder, but instead got %s', responder);
+	      return;
+	    }
+	  }
+
+	  return dispatcher.useResponder(responder, listenerProps || emptyObject$1);
+	}
+	function useTransition(config) {
+	  var dispatcher = resolveDispatcher();
+	  return dispatcher.useTransition(config);
+	}
+	function useDeferredValue(value, config) {
+	  var dispatcher = resolveDispatcher();
+	  return dispatcher.useDeferredValue(value, config);
+	}
+
+	function withSuspenseConfig(scope, config) {
+	  var previousConfig = ReactCurrentBatchConfig.suspense;
+	  ReactCurrentBatchConfig.suspense = config === undefined ? null : config;
+
+	  try {
+	    scope();
+	  } finally {
+	    ReactCurrentBatchConfig.suspense = previousConfig;
+	  }
+	}
 
 	/**
 	 * ReactElementValidator provides a wrapper around a element factory
@@ -2245,38 +2426,50 @@
 	 * used only in DEV and could be replaced by a static type checker for languages
 	 * that support it.
 	 */
-
-	var propTypesMisspellWarningShown = void 0;
+	var propTypesMisspellWarningShown;
 
 	{
 	  propTypesMisspellWarningShown = false;
 	}
 
+	var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+
 	function getDeclarationErrorAddendum() {
 	  if (ReactCurrentOwner.current) {
 	    var name = getComponentName(ReactCurrentOwner.current.type);
+
 	    if (name) {
 	      return '\n\nCheck the render method of `' + name + '`.';
 	    }
 	  }
+
 	  return '';
 	}
 
-	function getSourceInfoErrorAddendum(elementProps) {
-	  if (elementProps !== null && elementProps !== undefined && elementProps.__source !== undefined) {
-	    var source = elementProps.__source;
+	function getSourceInfoErrorAddendum(source) {
+	  if (source !== undefined) {
 	    var fileName = source.fileName.replace(/^.*[\\\/]/, '');
 	    var lineNumber = source.lineNumber;
 	    return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
 	  }
+
 	  return '';
 	}
 
+	function getSourceInfoErrorAddendumForProps(elementProps) {
+	  if (elementProps !== null && elementProps !== undefined) {
+	    return getSourceInfoErrorAddendum(elementProps.__source);
+	  }
+
+	  return '';
+	}
 	/**
 	 * Warn if there's no key explicitly set on dynamic arrays of children or
 	 * object keys are not valid. This allows us to keep track of children between
 	 * updates.
 	 */
+
+
 	var ownerHasKeyUseWarning = {};
 
 	function getCurrentComponentErrorInfo(parentType) {
@@ -2284,13 +2477,14 @@
 
 	  if (!info) {
 	    var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
+
 	    if (parentName) {
-	      info = '\n\nCheck the top-level render call using <' + parentName + '>.';
+	      info = "\n\nCheck the top-level render call using <" + parentName + ">.";
 	    }
 	  }
+
 	  return info;
 	}
-
 	/**
 	 * Warn if the element doesn't have an explicit key assigned to it.
 	 * This element is in an array. The array could grow and shrink or be
@@ -2302,34 +2496,39 @@
 	 * @param {ReactElement} element Element that requires a key.
 	 * @param {*} parentType element's parent's type.
 	 */
+
+
 	function validateExplicitKey(element, parentType) {
 	  if (!element._store || element._store.validated || element.key != null) {
 	    return;
 	  }
-	  element._store.validated = true;
 
+	  element._store.validated = true;
 	  var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+
 	  if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
 	    return;
 	  }
-	  ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
 
-	  // Usually the current owner is the offender, but if it accepts children as a
+	  ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
 	  // property, it may be the creator of the child that's responsible for
 	  // assigning it a key.
+
 	  var childOwner = '';
+
 	  if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
 	    // Give the component that originally created this child.
-	    childOwner = ' It was passed a child from ' + getComponentName(element._owner.type) + '.';
+	    childOwner = " It was passed a child from " + getComponentName(element._owner.type) + ".";
 	  }
 
 	  setCurrentlyValidatingElement(element);
+
 	  {
 	    warning$1(false, 'Each child in a list should have a unique "key" prop.' + '%s%s See https://fb.me/react-warning-keys for more information.', currentComponentErrorInfo, childOwner);
 	  }
+
 	  setCurrentlyValidatingElement(null);
 	}
-
 	/**
 	 * Ensure that every element either is passed in a static location, in an
 	 * array with an explicit keys property defined, or in an object literal
@@ -2339,13 +2538,17 @@
 	 * @param {ReactNode} node Statically passed child of any type.
 	 * @param {*} parentType node's parent's type.
 	 */
+
+
 	function validateChildKeys(node, parentType) {
 	  if (typeof node !== 'object') {
 	    return;
 	  }
+
 	  if (Array.isArray(node)) {
 	    for (var i = 0; i < node.length; i++) {
 	      var child = node[i];
+
 	      if (isValidElement(child)) {
 	        validateExplicitKey(child, parentType);
 	      }
@@ -2357,12 +2560,14 @@
 	    }
 	  } else if (node) {
 	    var iteratorFn = getIteratorFn(node);
+
 	    if (typeof iteratorFn === 'function') {
 	      // Entry iterators used to provide implicit keys,
 	      // but now we print a separate warning for them later.
 	      if (iteratorFn !== node.entries) {
 	        var iterator = iteratorFn.call(node);
-	        var step = void 0;
+	        var step;
+
 	        while (!(step = iterator.next()).done) {
 	          if (isValidElement(step.value)) {
 	            validateExplicitKey(step.value, parentType);
@@ -2372,30 +2577,34 @@
 	    }
 	  }
 	}
-
 	/**
 	 * Given an element, validate that its props follow the propTypes definition,
 	 * provided by the type.
 	 *
 	 * @param {ReactElement} element
 	 */
+
+
 	function validatePropTypes(element) {
 	  var type = element.type;
+
 	  if (type === null || type === undefined || typeof type === 'string') {
 	    return;
 	  }
+
 	  var name = getComponentName(type);
-	  var propTypes = void 0;
+	  var propTypes;
+
 	  if (typeof type === 'function') {
 	    propTypes = type.propTypes;
-	  } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE ||
-	  // Note: Memo only checks outer props here.
+	  } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
 	  // Inner props are checked in the reconciler.
 	  type.$$typeof === REACT_MEMO_TYPE)) {
 	    propTypes = type.propTypes;
 	  } else {
 	    return;
 	  }
+
 	  if (propTypes) {
 	    setCurrentlyValidatingElement(element);
 	    checkPropTypes(propTypes, element.props, 'prop', name, ReactDebugCurrentFrame.getStackAddendum);
@@ -2404,21 +2613,24 @@
 	    propTypesMisspellWarningShown = true;
 	    warningWithoutStack$1(false, 'Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', name || 'Unknown');
 	  }
+
 	  if (typeof type.getDefaultProps === 'function') {
 	    !type.getDefaultProps.isReactClassApproved ? warningWithoutStack$1(false, 'getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.') : void 0;
 	  }
 	}
-
 	/**
 	 * Given a fragment, validate that it can only be provided with fragment props
 	 * @param {ReactElement} fragment
 	 */
+
+
 	function validateFragmentProps(fragment) {
 	  setCurrentlyValidatingElement(fragment);
-
 	  var keys = Object.keys(fragment.props);
+
 	  for (var i = 0; i < keys.length; i++) {
 	    var key = keys[i];
+
 	    if (key !== 'children' && key !== 'key') {
 	      warning$1(false, 'Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
 	      break;
@@ -2432,52 +2644,144 @@
 	  setCurrentlyValidatingElement(null);
 	}
 
-	function createElementWithValidation(type, props, children) {
-	  var validType = isValidElementType(type);
-
-	  // We warn in this case but don't throw. We expect the element creation to
+	function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
+	  var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
 	  // succeed and there will likely be errors in render.
+
 	  if (!validType) {
 	    var info = '';
+
 	    if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
 	      info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
 	    }
 
-	    var sourceInfo = getSourceInfoErrorAddendum(props);
+	    var sourceInfo = getSourceInfoErrorAddendum(source);
+
 	    if (sourceInfo) {
 	      info += sourceInfo;
 	    } else {
 	      info += getDeclarationErrorAddendum();
 	    }
 
-	    var typeString = void 0;
+	    var typeString;
+
 	    if (type === null) {
 	      typeString = 'null';
 	    } else if (Array.isArray(type)) {
 	      typeString = 'array';
 	    } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-	      typeString = '<' + (getComponentName(type.type) || 'Unknown') + ' />';
+	      typeString = "<" + (getComponentName(type.type) || 'Unknown') + " />";
 	      info = ' Did you accidentally export a JSX literal instead of a component?';
 	    } else {
 	      typeString = typeof type;
 	    }
 
-	    warning$1(false, 'React.createElement: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
+	    warning$1(false, 'React.jsx: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
 	  }
 
-	  var element = createElement.apply(this, arguments);
-
-	  // The result can be nullish if a mock or a custom function is used.
+	  var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
 	  // TODO: Drop this when these are no longer allowed as the type argument.
+
 	  if (element == null) {
 	    return element;
+	  } // Skip key warning if the type isn't valid since our key validation logic
+	  // doesn't expect a non-string/function type and can throw confusing errors.
+	  // We don't want exception behavior to differ between dev and prod.
+	  // (Rendering will throw with a helpful message and as soon as the type is
+	  // fixed, the key warnings will appear.)
+
+
+	  if (validType) {
+	    var children = props.children;
+
+	    if (children !== undefined) {
+	      if (isStaticChildren) {
+	        if (Array.isArray(children)) {
+	          for (var i = 0; i < children.length; i++) {
+	            validateChildKeys(children[i], type);
+	          }
+
+	          if (Object.freeze) {
+	            Object.freeze(children);
+	          }
+	        } else {
+	          warning$1(false, 'React.jsx: Static children should always be an array. ' + 'You are likely explicitly calling React.jsxs or React.jsxDEV. ' + 'Use the Babel transform instead.');
+	        }
+	      } else {
+	        validateChildKeys(children, type);
+	      }
+	    }
+	  }
+
+	  if (hasOwnProperty$1.call(props, 'key')) {
+	    warning$1(false, 'React.jsx: Spreading a key to JSX is a deprecated pattern. ' + 'Explicitly pass a key after spreading props in your JSX call. ' + 'E.g. <ComponentName {...props} key={key} />');
+	  }
+
+	  if (type === REACT_FRAGMENT_TYPE) {
+	    validateFragmentProps(element);
+	  } else {
+	    validatePropTypes(element);
+	  }
+
+	  return element;
+	} // These two functions exist to still get child warnings in dev
+	// even with the prod transform. This means that jsxDEV is purely
+	// opt-in behavior for better messages but that we won't stop
+	// giving you warnings if you use production apis.
+
+	function jsxWithValidationStatic(type, props, key) {
+	  return jsxWithValidation(type, props, key, true);
+	}
+	function jsxWithValidationDynamic(type, props, key) {
+	  return jsxWithValidation(type, props, key, false);
+	}
+	function createElementWithValidation(type, props, children) {
+	  var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
+	  // succeed and there will likely be errors in render.
+
+	  if (!validType) {
+	    var info = '';
+
+	    if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+	      info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+	    }
+
+	    var sourceInfo = getSourceInfoErrorAddendumForProps(props);
+
+	    if (sourceInfo) {
+	      info += sourceInfo;
+	    } else {
+	      info += getDeclarationErrorAddendum();
+	    }
+
+	    var typeString;
+
+	    if (type === null) {
+	      typeString = 'null';
+	    } else if (Array.isArray(type)) {
+	      typeString = 'array';
+	    } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+	      typeString = "<" + (getComponentName(type.type) || 'Unknown') + " />";
+	      info = ' Did you accidentally export a JSX literal instead of a component?';
+	    } else {
+	      typeString = typeof type;
+	    }
+
+	    warning$1(false, 'React.createElement: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
 	  }
 
-	  // Skip key warning if the type isn't valid since our key validation logic
+	  var element = createElement.apply(this, arguments); // The result can be nullish if a mock or a custom function is used.
+	  // TODO: Drop this when these are no longer allowed as the type argument.
+
+	  if (element == null) {
+	    return element;
+	  } // Skip key warning if the type isn't valid since our key validation logic
 	  // doesn't expect a non-string/function type and can throw confusing errors.
 	  // We don't want exception behavior to differ between dev and prod.
 	  // (Rendering will throw with a helpful message and as soon as the type is
 	  // fixed, the key warnings will appear.)
+
+
 	  if (validType) {
 	    for (var i = 2; i < arguments.length; i++) {
 	      validateChildKeys(arguments[i], type);
@@ -2492,16 +2796,15 @@
 
 	  return element;
 	}
-
 	function createFactoryWithValidation(type) {
 	  var validatedFactory = createElementWithValidation.bind(null, type);
-	  validatedFactory.type = type;
-	  // Legacy hook: remove it
+	  validatedFactory.type = type; // Legacy hook: remove it
+
 	  {
 	    Object.defineProperty(validatedFactory, 'type', {
 	      enumerable: false,
 	      get: function () {
-	        lowPriorityWarning$1(false, 'Factory.type is deprecated. Access the class directly ' + 'before passing it to createFactory.');
+	        lowPriorityWarningWithoutStack$1(false, 'Factory.type is deprecated. Access the class directly ' + 'before passing it to createFactory.');
 	        Object.defineProperty(this, 'type', {
 	          value: type
 	        });
@@ -2512,54 +2815,157 @@
 
 	  return validatedFactory;
 	}
-
 	function cloneElementWithValidation(element, props, children) {
 	  var newElement = cloneElement.apply(this, arguments);
+
 	  for (var i = 2; i < arguments.length; i++) {
 	    validateChildKeys(arguments[i], newElement.type);
 	  }
+
 	  validatePropTypes(newElement);
 	  return newElement;
 	}
 
-	// Helps identify side effects in begin-phase lifecycle hooks and setState reducers:
+	var hasBadMapPolyfill;
+
+	{
+	  hasBadMapPolyfill = false;
+
+	  try {
+	    var frozenObject = Object.freeze({});
+	    var testMap = new Map([[frozenObject, null]]);
+	    var testSet = new Set([frozenObject]); // This is necessary for Rollup to not consider these unused.
+	    // https://github.com/rollup/rollup/issues/1771
+	    // TODO: we can remove these if Rollup fixes the bug.
 
+	    testMap.set(0, 0);
+	    testSet.add(0);
+	  } catch (e) {
+	    // TODO: Consider warning about bad polyfills
+	    hasBadMapPolyfill = true;
+	  }
+	}
 
-	// In some cases, StrictMode should also double-render lifecycles.
-	// This can be confusing for tests though,
-	// And it can be bad for performance in production.
-	// This feature flag can be used to control the behavior:
+	function createFundamentalComponent(impl) {
+	  // We use responder as a Map key later on. When we have a bad
+	  // polyfill, then we can't use it as a key as the polyfill tries
+	  // to add a property to the object.
+	  if (true && !hasBadMapPolyfill) {
+	    Object.freeze(impl);
+	  }
 
+	  var fundamantalComponent = {
+	    $$typeof: REACT_FUNDAMENTAL_TYPE,
+	    impl: impl
+	  };
 
-	// To preserve the "Pause on caught exceptions" behavior of the debugger, we
-	// replay the begin phase of a failed component inside invokeGuardedCallback.
+	  {
+	    Object.freeze(fundamantalComponent);
+	  }
+
+	  return fundamantalComponent;
+	}
+
+	function createEventResponder(displayName, responderConfig) {
+	  var getInitialState = responderConfig.getInitialState,
+	      onEvent = responderConfig.onEvent,
+	      onMount = responderConfig.onMount,
+	      onUnmount = responderConfig.onUnmount,
+	      onRootEvent = responderConfig.onRootEvent,
+	      rootEventTypes = responderConfig.rootEventTypes,
+	      targetEventTypes = responderConfig.targetEventTypes,
+	      targetPortalPropagation = responderConfig.targetPortalPropagation;
+	  var eventResponder = {
+	    $$typeof: REACT_RESPONDER_TYPE,
+	    displayName: displayName,
+	    getInitialState: getInitialState || null,
+	    onEvent: onEvent || null,
+	    onMount: onMount || null,
+	    onRootEvent: onRootEvent || null,
+	    onUnmount: onUnmount || null,
+	    rootEventTypes: rootEventTypes || null,
+	    targetEventTypes: targetEventTypes || null,
+	    targetPortalPropagation: targetPortalPropagation || false
+	  }; // We use responder as a Map key later on. When we have a bad
+	  // polyfill, then we can't use it as a key as the polyfill tries
+	  // to add a property to the object.
+
+	  if (true && !hasBadMapPolyfill) {
+	    Object.freeze(eventResponder);
+	  }
+
+	  return eventResponder;
+	}
+
+	function createScope() {
+	  var scopeComponent = {
+	    $$typeof: REACT_SCOPE_TYPE
+	  };
 
+	  {
+	    Object.freeze(scopeComponent);
+	  }
 
-	// Warn about deprecated, async-unsafe lifecycles; relates to RFC #6:
+	  return scopeComponent;
+	}
 
+	// Helps identify side effects in render-phase lifecycle hooks and setState
+	// reducers by double invoking them in Strict Mode.
 
-	// Gather advanced timing metrics for Profiler subtrees.
+	 // To preserve the "Pause on caught exceptions" behavior of the debugger, we
+	// replay the begin phase of a failed component inside invokeGuardedCallback.
 
+	 // Warn about deprecated, async-unsafe lifecycles; relates to RFC #6:
 
-	// Trace which interactions trigger each commit.
+	 // Gather advanced timing metrics for Profiler subtrees.
 
+	 // Trace which interactions trigger each commit.
 
-	// Only used in www builds.
-	 // TODO: true? Here it might just be false.
+	 // SSR experiments
 
-	// Only used in www builds.
 
+	 // Only used in www builds.
 
-	// Only used in www builds.
+	 // Only used in www builds.
 
+	 // Disable javascript: URL strings in href for XSS protection.
 
-	// React Fire: prevent the value and checked attributes from syncing
+	 // React Fire: prevent the value and checked attributes from syncing
 	// with their related DOM properties
 
-
-	// These APIs will no longer be "unstable" in the upcoming 16.7 release,
+	 // These APIs will no longer be "unstable" in the upcoming 16.7 release,
 	// Control this behavior with a flag to support 16.6 minor releases in the meanwhile.
-	var enableStableConcurrentModeAPIs = false;
+
+	var exposeConcurrentModeAPIs = false;
+	 // Experimental React Flare event system and event components support.
+
+	var enableFlareAPI = false; // Experimental Host Component support.
+
+	var enableFundamentalAPI = false; // Experimental Scope support.
+
+	var enableScopeAPI = false; // New API for JSX transforms to target - https://github.com/reactjs/rfcs/pull/107
+
+	var enableJSXTransformAPI = false; // We will enforce mocking scheduler with scheduler/unstable_mock at some point. (v17?)
+	// Till then, we warn about the missing mock, but still fallback to a legacy mode compatible version
+
+	 // For tests, we flush suspense fallbacks in an act scope;
+	// *except* in some of our own tests, where we test incremental loading states.
+
+	 // Add a callback property to suspense to notify which promises are currently
+	// in the update queue. This allows reporting and tracing of what is causing
+	// the user to see a loading state.
+	// Also allows hydration callbacks to fire when a dehydrated boundary gets
+	// hydrated or deleted.
+
+	 // Part of the simplification of React.createElement so we can eventually move
+	// from React.createElement to React.jsx
+	// https://github.com/reactjs/rfcs/blob/createlement-rfc/text/0000-create-element-changes.md
+
+
+
+
+
+	 // Flag to turn event.target and event.currentTarget in ReactNative from a reactTag to a component instance
 
 	var React = {
 	  Children: {
@@ -2569,16 +2975,13 @@
 	    toArray: toArray,
 	    only: onlyChild
 	  },
-
 	  createRef: createRef,
 	  Component: Component,
 	  PureComponent: PureComponent,
-
 	  createContext: createContext,
 	  forwardRef: forwardRef,
 	  lazy: lazy,
 	  memo: memo,
-
 	  useCallback: useCallback,
 	  useContext: useContext,
 	  useEffect: useEffect,
@@ -2589,34 +2992,48 @@
 	  useReducer: useReducer,
 	  useRef: useRef,
 	  useState: useState,
-
 	  Fragment: REACT_FRAGMENT_TYPE,
+	  Profiler: REACT_PROFILER_TYPE,
 	  StrictMode: REACT_STRICT_MODE_TYPE,
 	  Suspense: REACT_SUSPENSE_TYPE,
-
 	  createElement: createElementWithValidation,
 	  cloneElement: cloneElementWithValidation,
 	  createFactory: createFactoryWithValidation,
 	  isValidElement: isValidElement,
-
 	  version: ReactVersion,
-
-	  unstable_ConcurrentMode: REACT_CONCURRENT_MODE_TYPE,
-	  unstable_Profiler: REACT_PROFILER_TYPE,
-
 	  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: ReactSharedInternals
 	};
 
-	// Note: some APIs are added with feature flags.
+	if (exposeConcurrentModeAPIs) {
+	  React.useTransition = useTransition;
+	  React.useDeferredValue = useDeferredValue;
+	  React.SuspenseList = REACT_SUSPENSE_LIST_TYPE;
+	  React.unstable_withSuspenseConfig = withSuspenseConfig;
+	}
+
+	if (enableFlareAPI) {
+	  React.unstable_useResponder = useResponder;
+	  React.unstable_createResponder = createEventResponder;
+	}
+
+	if (enableFundamentalAPI) {
+	  React.unstable_createFundamental = createFundamentalComponent;
+	}
+
+	if (enableScopeAPI) {
+	  React.unstable_createScope = createScope;
+	} // Note: some APIs are added with feature flags.
 	// Make sure that stable builds for open source
 	// don't modify the React object to avoid deopts.
 	// Also let's not expose their names in stable builds.
 
-	if (enableStableConcurrentModeAPIs) {
-	  React.ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-	  React.Profiler = REACT_PROFILER_TYPE;
-	  React.unstable_ConcurrentMode = undefined;
-	  React.unstable_Profiler = undefined;
+
+	if (enableJSXTransformAPI) {
+	  {
+	    React.jsxDEV = jsxWithValidation;
+	    React.jsx = jsxWithValidationDynamic;
+	    React.jsxs = jsxWithValidationStatic;
+	  }
 	}
 
 
@@ -2629,6 +3046,8 @@
 
 	// TODO: decide on the top-level export form.
 	// This is hacky but makes it work with both Rollup and Jest.
+
+
 	var react = React$3.default || React$3;
 
 	module.exports = react;
@@ -2813,7 +3232,7 @@
 /* 9 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/** @license React v16.8.6
+	/** @license React v16.12.0
 	 * react-dom.production.min.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -2825,263 +3244,284 @@
 	/*
 	 Modernizr 3.0.0pre (Custom Build) | MIT
 	*/
-	'use strict';var aa=__webpack_require__(1),n=__webpack_require__(4),r=__webpack_require__(10);function ba(a,b,c,d,e,f,g,h){if(!a){a=void 0;if(void 0===b)a=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[c,d,e,f,g,h],k=0;a=Error(b.replace(/%s/g,function(){return l[k++]}));a.name="Invariant Violation"}a.framesToPop=1;throw a;}}
-	function x(a){for(var b=arguments.length-1,c="https://reactjs.org/docs/error-decoder.html?invariant="+a,d=0;d<b;d++)c+="&args[]="+encodeURIComponent(arguments[d+1]);ba(!1,"Minified React error #"+a+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",c)}aa?void 0:x("227");function ca(a,b,c,d,e,f,g,h,l){var k=Array.prototype.slice.call(arguments,3);try{b.apply(c,k)}catch(m){this.onError(m)}}
-	var da=!1,ea=null,fa=!1,ha=null,ia={onError:function(a){da=!0;ea=a}};function ja(a,b,c,d,e,f,g,h,l){da=!1;ea=null;ca.apply(ia,arguments)}function ka(a,b,c,d,e,f,g,h,l){ja.apply(this,arguments);if(da){if(da){var k=ea;da=!1;ea=null}else x("198"),k=void 0;fa||(fa=!0,ha=k)}}var la=null,ma={};
-	function na(){if(la)for(var a in ma){var b=ma[a],c=la.indexOf(a);-1<c?void 0:x("96",a);if(!oa[c]){b.extractEvents?void 0:x("97",a);oa[c]=b;c=b.eventTypes;for(var d in c){var e=void 0;var f=c[d],g=b,h=d;pa.hasOwnProperty(h)?x("99",h):void 0;pa[h]=f;var l=f.phasedRegistrationNames;if(l){for(e in l)l.hasOwnProperty(e)&&qa(l[e],g,h);e=!0}else f.registrationName?(qa(f.registrationName,g,h),e=!0):e=!1;e?void 0:x("98",d,a)}}}}
-	function qa(a,b,c){ra[a]?x("100",a):void 0;ra[a]=b;sa[a]=b.eventTypes[c].dependencies}var oa=[],pa={},ra={},sa={},ta=null,ua=null,va=null;function wa(a,b,c){var d=a.type||"unknown-event";a.currentTarget=va(c);ka(d,b,void 0,a);a.currentTarget=null}function xa(a,b){null==b?x("30"):void 0;if(null==a)return b;if(Array.isArray(a)){if(Array.isArray(b))return a.push.apply(a,b),a;a.push(b);return a}return Array.isArray(b)?[a].concat(b):[a,b]}
-	function ya(a,b,c){Array.isArray(a)?a.forEach(b,c):a&&b.call(c,a)}var za=null;function Aa(a){if(a){var b=a._dispatchListeners,c=a._dispatchInstances;if(Array.isArray(b))for(var d=0;d<b.length&&!a.isPropagationStopped();d++)wa(a,b[d],c[d]);else b&&wa(a,b,c);a._dispatchListeners=null;a._dispatchInstances=null;a.isPersistent()||a.constructor.release(a)}}
-	var Ba={injectEventPluginOrder:function(a){la?x("101"):void 0;la=Array.prototype.slice.call(a);na()},injectEventPluginsByName:function(a){var b=!1,c;for(c in a)if(a.hasOwnProperty(c)){var d=a[c];ma.hasOwnProperty(c)&&ma[c]===d||(ma[c]?x("102",c):void 0,ma[c]=d,b=!0)}b&&na()}};
-	function Ca(a,b){var c=a.stateNode;if(!c)return null;var d=ta(c);if(!d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;c&&"function"!==typeof c?x("231",b,typeof c):void 0;
-	return c}function Da(a){null!==a&&(za=xa(za,a));a=za;za=null;if(a&&(ya(a,Aa),za?x("95"):void 0,fa))throw a=ha,fa=!1,ha=null,a;}var Ea=Math.random().toString(36).slice(2),Fa="__reactInternalInstance$"+Ea,Ga="__reactEventHandlers$"+Ea;function Ha(a){if(a[Fa])return a[Fa];for(;!a[Fa];)if(a.parentNode)a=a.parentNode;else return null;a=a[Fa];return 5===a.tag||6===a.tag?a:null}function Ia(a){a=a[Fa];return!a||5!==a.tag&&6!==a.tag?null:a}
-	function Ja(a){if(5===a.tag||6===a.tag)return a.stateNode;x("33")}function Ka(a){return a[Ga]||null}function La(a){do a=a.return;while(a&&5!==a.tag);return a?a:null}function Ma(a,b,c){if(b=Ca(a,c.dispatchConfig.phasedRegistrationNames[b]))c._dispatchListeners=xa(c._dispatchListeners,b),c._dispatchInstances=xa(c._dispatchInstances,a)}
-	function Na(a){if(a&&a.dispatchConfig.phasedRegistrationNames){for(var b=a._targetInst,c=[];b;)c.push(b),b=La(b);for(b=c.length;0<b--;)Ma(c[b],"captured",a);for(b=0;b<c.length;b++)Ma(c[b],"bubbled",a)}}function Oa(a,b,c){a&&c&&c.dispatchConfig.registrationName&&(b=Ca(a,c.dispatchConfig.registrationName))&&(c._dispatchListeners=xa(c._dispatchListeners,b),c._dispatchInstances=xa(c._dispatchInstances,a))}function Pa(a){a&&a.dispatchConfig.registrationName&&Oa(a._targetInst,null,a)}
-	function Qa(a){ya(a,Na)}var Ra=!("undefined"===typeof window||!window.document||!window.document.createElement);function Sa(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var Ta={animationend:Sa("Animation","AnimationEnd"),animationiteration:Sa("Animation","AnimationIteration"),animationstart:Sa("Animation","AnimationStart"),transitionend:Sa("Transition","TransitionEnd")},Ua={},Va={};
-	Ra&&(Va=document.createElement("div").style,"AnimationEvent"in window||(delete Ta.animationend.animation,delete Ta.animationiteration.animation,delete Ta.animationstart.animation),"TransitionEvent"in window||delete Ta.transitionend.transition);function Wa(a){if(Ua[a])return Ua[a];if(!Ta[a])return a;var b=Ta[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in Va)return Ua[a]=b[c];return a}
-	var Xa=Wa("animationend"),Ya=Wa("animationiteration"),Za=Wa("animationstart"),$a=Wa("transitionend"),ab="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),bb=null,cb=null,db=null;
-	function eb(){if(db)return db;var a,b=cb,c=b.length,d,e="value"in bb?bb.value:bb.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return db=e.slice(a,1<d?1-d:void 0)}function fb(){return!0}function gb(){return!1}
-	function y(a,b,c,d){this.dispatchConfig=a;this._targetInst=b;this.nativeEvent=c;a=this.constructor.Interface;for(var e in a)a.hasOwnProperty(e)&&((b=a[e])?this[e]=b(c):"target"===e?this.target=d:this[e]=c[e]);this.isDefaultPrevented=(null!=c.defaultPrevented?c.defaultPrevented:!1===c.returnValue)?fb:gb;this.isPropagationStopped=gb;return this}
-	n(y.prototype,{preventDefault:function(){this.defaultPrevented=!0;var a=this.nativeEvent;a&&(a.preventDefault?a.preventDefault():"unknown"!==typeof a.returnValue&&(a.returnValue=!1),this.isDefaultPrevented=fb)},stopPropagation:function(){var a=this.nativeEvent;a&&(a.stopPropagation?a.stopPropagation():"unknown"!==typeof a.cancelBubble&&(a.cancelBubble=!0),this.isPropagationStopped=fb)},persist:function(){this.isPersistent=fb},isPersistent:gb,destructor:function(){var a=this.constructor.Interface,
-	b;for(b in a)this[b]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null;this.isPropagationStopped=this.isDefaultPrevented=gb;this._dispatchInstances=this._dispatchListeners=null}});y.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null};
-	y.extend=function(a){function b(){}function c(){return d.apply(this,arguments)}var d=this;b.prototype=d.prototype;var e=new b;n(e,c.prototype);c.prototype=e;c.prototype.constructor=c;c.Interface=n({},d.Interface,a);c.extend=d.extend;hb(c);return c};hb(y);function ib(a,b,c,d){if(this.eventPool.length){var e=this.eventPool.pop();this.call(e,a,b,c,d);return e}return new this(a,b,c,d)}function jb(a){a instanceof this?void 0:x("279");a.destructor();10>this.eventPool.length&&this.eventPool.push(a)}
-	function hb(a){a.eventPool=[];a.getPooled=ib;a.release=jb}var kb=y.extend({data:null}),lb=y.extend({data:null}),mb=[9,13,27,32],nb=Ra&&"CompositionEvent"in window,ob=null;Ra&&"documentMode"in document&&(ob=document.documentMode);
-	var pb=Ra&&"TextEvent"in window&&!ob,qb=Ra&&(!nb||ob&&8<ob&&11>=ob),rb=String.fromCharCode(32),sb={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",
-	captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},tb=!1;
-	function ub(a,b){switch(a){case "keyup":return-1!==mb.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "blur":return!0;default:return!1}}function vb(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var wb=!1;function xb(a,b){switch(a){case "compositionend":return vb(b);case "keypress":if(32!==b.which)return null;tb=!0;return rb;case "textInput":return a=b.data,a===rb&&tb?null:a;default:return null}}
-	function yb(a,b){if(wb)return"compositionend"===a||!nb&&ub(a,b)?(a=eb(),db=cb=bb=null,wb=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return qb&&"ko"!==b.locale?null:b.data;default:return null}}
-	var zb={eventTypes:sb,extractEvents:function(a,b,c,d){var e=void 0;var f=void 0;if(nb)b:{switch(a){case "compositionstart":e=sb.compositionStart;break b;case "compositionend":e=sb.compositionEnd;break b;case "compositionupdate":e=sb.compositionUpdate;break b}e=void 0}else wb?ub(a,c)&&(e=sb.compositionEnd):"keydown"===a&&229===c.keyCode&&(e=sb.compositionStart);e?(qb&&"ko"!==c.locale&&(wb||e!==sb.compositionStart?e===sb.compositionEnd&&wb&&(f=eb()):(bb=d,cb="value"in bb?bb.value:bb.textContent,wb=
-	!0)),e=kb.getPooled(e,b,c,d),f?e.data=f:(f=vb(c),null!==f&&(e.data=f)),Qa(e),f=e):f=null;(a=pb?xb(a,c):yb(a,c))?(b=lb.getPooled(sb.beforeInput,b,c,d),b.data=a,Qa(b)):b=null;return null===f?b:null===b?f:[f,b]}},Ab=null,Bb=null,Cb=null;function Db(a){if(a=ua(a)){"function"!==typeof Ab?x("280"):void 0;var b=ta(a.stateNode);Ab(a.stateNode,a.type,b)}}function Eb(a){Bb?Cb?Cb.push(a):Cb=[a]:Bb=a}function Fb(){if(Bb){var a=Bb,b=Cb;Cb=Bb=null;Db(a);if(b)for(a=0;a<b.length;a++)Db(b[a])}}
-	function Gb(a,b){return a(b)}function Hb(a,b,c){return a(b,c)}function Ib(){}var Jb=!1;function Kb(a,b){if(Jb)return a(b);Jb=!0;try{return Gb(a,b)}finally{if(Jb=!1,null!==Bb||null!==Cb)Ib(),Fb()}}var Lb={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Mb(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!Lb[a.type]:"textarea"===b?!0:!1}
-	function Nb(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}function Ob(a){if(!Ra)return!1;a="on"+a;var b=a in document;b||(b=document.createElement("div"),b.setAttribute(a,"return;"),b="function"===typeof b[a]);return b}function Pb(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
-	function Qb(a){var b=Pb(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=""+a;f.call(this,a)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(a){d=""+a},stopTracking:function(){a._valueTracker=
-	null;delete a[b]}}}}function Rb(a){a._valueTracker||(a._valueTracker=Qb(a))}function Sb(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=Pb(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}var Tb=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;Tb.hasOwnProperty("ReactCurrentDispatcher")||(Tb.ReactCurrentDispatcher={current:null});
-	var Ub=/^(.*)[\\\/]/,z="function"===typeof Symbol&&Symbol.for,Vb=z?Symbol.for("react.element"):60103,Wb=z?Symbol.for("react.portal"):60106,Xb=z?Symbol.for("react.fragment"):60107,Yb=z?Symbol.for("react.strict_mode"):60108,Zb=z?Symbol.for("react.profiler"):60114,$b=z?Symbol.for("react.provider"):60109,ac=z?Symbol.for("react.context"):60110,bc=z?Symbol.for("react.concurrent_mode"):60111,cc=z?Symbol.for("react.forward_ref"):60112,dc=z?Symbol.for("react.suspense"):60113,ec=z?Symbol.for("react.memo"):
-	60115,fc=z?Symbol.for("react.lazy"):60116,gc="function"===typeof Symbol&&Symbol.iterator;function hc(a){if(null===a||"object"!==typeof a)return null;a=gc&&a[gc]||a["@@iterator"];return"function"===typeof a?a:null}
-	function ic(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case bc:return"ConcurrentMode";case Xb:return"Fragment";case Wb:return"Portal";case Zb:return"Profiler";case Yb:return"StrictMode";case dc:return"Suspense"}if("object"===typeof a)switch(a.$$typeof){case ac:return"Context.Consumer";case $b:return"Context.Provider";case cc:var b=a.render;b=b.displayName||b.name||"";return a.displayName||(""!==b?"ForwardRef("+b+
-	")":"ForwardRef");case ec:return ic(a.type);case fc:if(a=1===a._status?a._result:null)return ic(a)}return null}function jc(a){var b="";do{a:switch(a.tag){case 3:case 4:case 6:case 7:case 10:case 9:var c="";break a;default:var d=a._debugOwner,e=a._debugSource,f=ic(a.type);c=null;d&&(c=ic(d.type));d=f;f="";e?f=" (at "+e.fileName.replace(Ub,"")+":"+e.lineNumber+")":c&&(f=" (created by "+c+")");c="\n    in "+(d||"Unknown")+f}b+=c;a=a.return}while(a);return b}
-	var kc=/^[: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]*$/,lc=Object.prototype.hasOwnProperty,mc={},nc={};
-	function oc(a){if(lc.call(nc,a))return!0;if(lc.call(mc,a))return!1;if(kc.test(a))return nc[a]=!0;mc[a]=!0;return!1}function pc(a,b,c,d){if(null!==c&&0===c.type)return!1;switch(typeof b){case "function":case "symbol":return!0;case "boolean":if(d)return!1;if(null!==c)return!c.acceptsBooleans;a=a.toLowerCase().slice(0,5);return"data-"!==a&&"aria-"!==a;default:return!1}}
-	function qc(a,b,c,d){if(null===b||"undefined"===typeof b||pc(a,b,c,d))return!0;if(d)return!1;if(null!==c)switch(c.type){case 3:return!b;case 4:return!1===b;case 5:return isNaN(b);case 6:return isNaN(b)||1>b}return!1}function C(a,b,c,d,e){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b}var D={};
-	"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){D[a]=new C(a,0,!1,a,null)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];D[b]=new C(b,1,!1,a[1],null)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){D[a]=new C(a,2,!1,a.toLowerCase(),null)});
-	["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){D[a]=new C(a,2,!1,a,null)});"allowFullScreen async autoFocus autoPlay controls default defer disabled formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){D[a]=new C(a,3,!1,a.toLowerCase(),null)});["checked","multiple","muted","selected"].forEach(function(a){D[a]=new C(a,3,!0,a,null)});
-	["capture","download"].forEach(function(a){D[a]=new C(a,4,!1,a,null)});["cols","rows","size","span"].forEach(function(a){D[a]=new C(a,6,!1,a,null)});["rowSpan","start"].forEach(function(a){D[a]=new C(a,5,!1,a.toLowerCase(),null)});var rc=/[\-:]([a-z])/g;function sc(a){return a[1].toUpperCase()}
-	"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var b=a.replace(rc,
-	sc);D[b]=new C(b,1,!1,a,null)});"xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(rc,sc);D[b]=new C(b,1,!1,a,"http://www.w3.org/1999/xlink")});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(rc,sc);D[b]=new C(b,1,!1,a,"http://www.w3.org/XML/1998/namespace")});["tabIndex","crossOrigin"].forEach(function(a){D[a]=new C(a,1,!1,a.toLowerCase(),null)});
-	function tc(a,b,c,d){var e=D.hasOwnProperty(b)?D[b]:null;var f=null!==e?0===e.type:d?!1:!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1]?!1:!0;f||(qc(b,c,e,d)&&(c=null),d||null===e?oc(b)&&(null===c?a.removeAttribute(b):a.setAttribute(b,""+c)):e.mustUseProperty?a[e.propertyName]=null===c?3===e.type?!1:"":c:(b=e.attributeName,d=e.attributeNamespace,null===c?a.removeAttribute(b):(e=e.type,c=3===e||4===e&&!0===c?"":""+c,d?a.setAttributeNS(d,b,c):a.setAttribute(b,c))))}
-	function uc(a){switch(typeof a){case "boolean":case "number":case "object":case "string":case "undefined":return a;default:return""}}function vc(a,b){var c=b.checked;return n({},b,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}
-	function wc(a,b){var c=null==b.defaultValue?"":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=uc(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:"checkbox"===b.type||"radio"===b.type?null!=b.checked:null!=b.value}}function xc(a,b){b=b.checked;null!=b&&tc(a,"checked",b,!1)}
-	function yc(a,b){xc(a,b);var c=uc(b.value),d=b.type;if(null!=c)if("number"===d){if(0===c&&""===a.value||a.value!=c)a.value=""+c}else a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d){a.removeAttribute("value");return}b.hasOwnProperty("value")?zc(a,b.type,c):b.hasOwnProperty("defaultValue")&&zc(a,b.type,uc(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked)}
-	function Ac(a,b,c){if(b.hasOwnProperty("value")||b.hasOwnProperty("defaultValue")){var d=b.type;if(!("submit"!==d&&"reset"!==d||void 0!==b.value&&null!==b.value))return;b=""+a._wrapperState.initialValue;c||b===a.value||(a.value=b);a.defaultValue=b}c=a.name;""!==c&&(a.name="");a.defaultChecked=!a.defaultChecked;a.defaultChecked=!!a._wrapperState.initialChecked;""!==c&&(a.name=c)}
-	function zc(a,b,c){if("number"!==b||a.ownerDocument.activeElement!==a)null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c)}var Bc={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function Cc(a,b,c){a=y.getPooled(Bc.change,a,b,c);a.type="change";Eb(c);Qa(a);return a}var Dc=null,Ec=null;function Fc(a){Da(a)}
-	function Gc(a){var b=Ja(a);if(Sb(b))return a}function Hc(a,b){if("change"===a)return b}var Ic=!1;Ra&&(Ic=Ob("input")&&(!document.documentMode||9<document.documentMode));function Jc(){Dc&&(Dc.detachEvent("onpropertychange",Kc),Ec=Dc=null)}function Kc(a){"value"===a.propertyName&&Gc(Ec)&&(a=Cc(Ec,a,Nb(a)),Kb(Fc,a))}function Lc(a,b,c){"focus"===a?(Jc(),Dc=b,Ec=c,Dc.attachEvent("onpropertychange",Kc)):"blur"===a&&Jc()}function Mc(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return Gc(Ec)}
-	function Nc(a,b){if("click"===a)return Gc(b)}function Oc(a,b){if("input"===a||"change"===a)return Gc(b)}
-	var Pc={eventTypes:Bc,_isInputEventSupported:Ic,extractEvents:function(a,b,c,d){var e=b?Ja(b):window,f=void 0,g=void 0,h=e.nodeName&&e.nodeName.toLowerCase();"select"===h||"input"===h&&"file"===e.type?f=Hc:Mb(e)?Ic?f=Oc:(f=Mc,g=Lc):(h=e.nodeName)&&"input"===h.toLowerCase()&&("checkbox"===e.type||"radio"===e.type)&&(f=Nc);if(f&&(f=f(a,b)))return Cc(f,c,d);g&&g(a,e,b);"blur"===a&&(a=e._wrapperState)&&a.controlled&&"number"===e.type&&zc(e,"number",e.value)}},Qc=y.extend({view:null,detail:null}),Rc={Alt:"altKey",
-	Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Sc(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Rc[a])?!!b[a]:!1}function Tc(){return Sc}
-	var Uc=0,Vc=0,Wc=!1,Xc=!1,Yc=Qc.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:Tc,button:null,buttons:null,relatedTarget:function(a){return a.relatedTarget||(a.fromElement===a.srcElement?a.toElement:a.fromElement)},movementX:function(a){if("movementX"in a)return a.movementX;var b=Uc;Uc=a.screenX;return Wc?"mousemove"===a.type?a.screenX-b:0:(Wc=!0,0)},movementY:function(a){if("movementY"in a)return a.movementY;
-	var b=Vc;Vc=a.screenY;return Xc?"mousemove"===a.type?a.screenY-b:0:(Xc=!0,0)}}),Zc=Yc.extend({pointerId:null,width:null,height:null,pressure:null,tangentialPressure:null,tiltX:null,tiltY:null,twist:null,pointerType:null,isPrimary:null}),$c={mouseEnter:{registrationName:"onMouseEnter",dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",
-	dependencies:["pointerout","pointerover"]}},ad={eventTypes:$c,extractEvents:function(a,b,c,d){var e="mouseover"===a||"pointerover"===a,f="mouseout"===a||"pointerout"===a;if(e&&(c.relatedTarget||c.fromElement)||!f&&!e)return null;e=d.window===d?d:(e=d.ownerDocument)?e.defaultView||e.parentWindow:window;f?(f=b,b=(b=c.relatedTarget||c.toElement)?Ha(b):null):f=null;if(f===b)return null;var g=void 0,h=void 0,l=void 0,k=void 0;if("mouseout"===a||"mouseover"===a)g=Yc,h=$c.mouseLeave,l=$c.mouseEnter,k="mouse";
-	else if("pointerout"===a||"pointerover"===a)g=Zc,h=$c.pointerLeave,l=$c.pointerEnter,k="pointer";var m=null==f?e:Ja(f);e=null==b?e:Ja(b);a=g.getPooled(h,f,c,d);a.type=k+"leave";a.target=m;a.relatedTarget=e;c=g.getPooled(l,b,c,d);c.type=k+"enter";c.target=e;c.relatedTarget=m;d=b;if(f&&d)a:{b=f;e=d;k=0;for(g=b;g;g=La(g))k++;g=0;for(l=e;l;l=La(l))g++;for(;0<k-g;)b=La(b),k--;for(;0<g-k;)e=La(e),g--;for(;k--;){if(b===e||b===e.alternate)break a;b=La(b);e=La(e)}b=null}else b=null;e=b;for(b=[];f&&f!==e;){k=
-	f.alternate;if(null!==k&&k===e)break;b.push(f);f=La(f)}for(f=[];d&&d!==e;){k=d.alternate;if(null!==k&&k===e)break;f.push(d);d=La(d)}for(d=0;d<b.length;d++)Oa(b[d],"bubbled",a);for(d=f.length;0<d--;)Oa(f[d],"captured",c);return[a,c]}};function bd(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var cd=Object.prototype.hasOwnProperty;
-	function dd(a,b){if(bd(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++)if(!cd.call(b,c[d])||!bd(a[c[d]],b[c[d]]))return!1;return!0}function ed(a){var b=a;if(a.alternate)for(;b.return;)b=b.return;else{if(0!==(b.effectTag&2))return 1;for(;b.return;)if(b=b.return,0!==(b.effectTag&2))return 1}return 3===b.tag?2:3}function fd(a){2!==ed(a)?x("188"):void 0}
-	function gd(a){var b=a.alternate;if(!b)return b=ed(a),3===b?x("188"):void 0,1===b?null:a;for(var c=a,d=b;;){var e=c.return,f=e?e.alternate:null;if(!e||!f)break;if(e.child===f.child){for(var g=e.child;g;){if(g===c)return fd(e),a;if(g===d)return fd(e),b;g=g.sibling}x("188")}if(c.return!==d.return)c=e,d=f;else{g=!1;for(var h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}g?
-	void 0:x("189")}}c.alternate!==d?x("190"):void 0}3!==c.tag?x("188"):void 0;return c.stateNode.current===c?a:b}function hd(a){a=gd(a);if(!a)return null;for(var b=a;;){if(5===b.tag||6===b.tag)return b;if(b.child)b.child.return=b,b=b.child;else{if(b===a)break;for(;!b.sibling;){if(!b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}}return null}
-	var id=y.extend({animationName:null,elapsedTime:null,pseudoElement:null}),jd=y.extend({clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),kd=Qc.extend({relatedTarget:null});function ld(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}
-	var md={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},nd={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",
-	116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},od=Qc.extend({key:function(a){if(a.key){var b=md[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=ld(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?nd[a.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:Tc,charCode:function(a){return"keypress"===
-	a.type?ld(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===a.type?ld(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),pd=Yc.extend({dataTransfer:null}),qd=Qc.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:Tc}),rd=y.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),sd=Yc.extend({deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in
-	a?-a.wheelDeltaX:0},deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:null,deltaMode:null}),td=[["abort","abort"],[Xa,"animationEnd"],[Ya,"animationIteration"],[Za,"animationStart"],["canplay","canPlay"],["canplaythrough","canPlayThrough"],["drag","drag"],["dragenter","dragEnter"],["dragexit","dragExit"],["dragleave","dragLeave"],["dragover","dragOver"],["durationchange","durationChange"],["emptied","emptied"],["encrypted","encrypted"],
-	["ended","ended"],["error","error"],["gotpointercapture","gotPointerCapture"],["load","load"],["loadeddata","loadedData"],["loadedmetadata","loadedMetadata"],["loadstart","loadStart"],["lostpointercapture","lostPointerCapture"],["mousemove","mouseMove"],["mouseout","mouseOut"],["mouseover","mouseOver"],["playing","playing"],["pointermove","pointerMove"],["pointerout","pointerOut"],["pointerover","pointerOver"],["progress","progress"],["scroll","scroll"],["seeking","seeking"],["stalled","stalled"],
-	["suspend","suspend"],["timeupdate","timeUpdate"],["toggle","toggle"],["touchmove","touchMove"],[$a,"transitionEnd"],["waiting","waiting"],["wheel","wheel"]],ud={},vd={};function wd(a,b){var c=a[0];a=a[1];var d="on"+(a[0].toUpperCase()+a.slice(1));b={phasedRegistrationNames:{bubbled:d,captured:d+"Capture"},dependencies:[c],isInteractive:b};ud[a]=b;vd[c]=b}
-	[["blur","blur"],["cancel","cancel"],["click","click"],["close","close"],["contextmenu","contextMenu"],["copy","copy"],["cut","cut"],["auxclick","auxClick"],["dblclick","doubleClick"],["dragend","dragEnd"],["dragstart","dragStart"],["drop","drop"],["focus","focus"],["input","input"],["invalid","invalid"],["keydown","keyDown"],["keypress","keyPress"],["keyup","keyUp"],["mousedown","mouseDown"],["mouseup","mouseUp"],["paste","paste"],["pause","pause"],["play","play"],["pointercancel","pointerCancel"],
-	["pointerdown","pointerDown"],["pointerup","pointerUp"],["ratechange","rateChange"],["reset","reset"],["seeked","seeked"],["submit","submit"],["touchcancel","touchCancel"],["touchend","touchEnd"],["touchstart","touchStart"],["volumechange","volumeChange"]].forEach(function(a){wd(a,!0)});td.forEach(function(a){wd(a,!1)});
-	var xd={eventTypes:ud,isInteractiveTopLevelEventType:function(a){a=vd[a];return void 0!==a&&!0===a.isInteractive},extractEvents:function(a,b,c,d){var e=vd[a];if(!e)return null;switch(a){case "keypress":if(0===ld(c))return null;case "keydown":case "keyup":a=od;break;case "blur":case "focus":a=kd;break;case "click":if(2===c.button)return null;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":a=Yc;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":a=
-	pd;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":a=qd;break;case Xa:case Ya:case Za:a=id;break;case $a:a=rd;break;case "scroll":a=Qc;break;case "wheel":a=sd;break;case "copy":case "cut":case "paste":a=jd;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":a=Zc;break;default:a=y}b=a.getPooled(e,b,c,d);Qa(b);return b}},yd=xd.isInteractiveTopLevelEventType,
-	zd=[];function Ad(a){var b=a.targetInst,c=b;do{if(!c){a.ancestors.push(c);break}var d;for(d=c;d.return;)d=d.return;d=3!==d.tag?null:d.stateNode.containerInfo;if(!d)break;a.ancestors.push(c);c=Ha(d)}while(c);for(c=0;c<a.ancestors.length;c++){b=a.ancestors[c];var e=Nb(a.nativeEvent);d=a.topLevelType;for(var f=a.nativeEvent,g=null,h=0;h<oa.length;h++){var l=oa[h];l&&(l=l.extractEvents(d,b,f,e))&&(g=xa(g,l))}Da(g)}}var Bd=!0;
-	function E(a,b){if(!b)return null;var c=(yd(a)?Cd:Dd).bind(null,a);b.addEventListener(a,c,!1)}function Ed(a,b){if(!b)return null;var c=(yd(a)?Cd:Dd).bind(null,a);b.addEventListener(a,c,!0)}function Cd(a,b){Hb(Dd,a,b)}
-	function Dd(a,b){if(Bd){var c=Nb(b);c=Ha(c);null===c||"number"!==typeof c.tag||2===ed(c)||(c=null);if(zd.length){var d=zd.pop();d.topLevelType=a;d.nativeEvent=b;d.targetInst=c;a=d}else a={topLevelType:a,nativeEvent:b,targetInst:c,ancestors:[]};try{Kb(Ad,a)}finally{a.topLevelType=null,a.nativeEvent=null,a.targetInst=null,a.ancestors.length=0,10>zd.length&&zd.push(a)}}}var Fd={},Gd=0,Hd="_reactListenersID"+(""+Math.random()).slice(2);
-	function Id(a){Object.prototype.hasOwnProperty.call(a,Hd)||(a[Hd]=Gd++,Fd[a[Hd]]={});return Fd[a[Hd]]}function Jd(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}function Kd(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
-	function Ld(a,b){var c=Kd(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=Kd(c)}}function Md(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Md(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
-	function Nd(){for(var a=window,b=Jd();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=Jd(a.document)}return b}function Od(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
-	function Pd(){var a=Nd();if(Od(a)){if("selectionStart"in a)var b={start:a.selectionStart,end:a.selectionEnd};else a:{b=(b=a.ownerDocument)&&b.defaultView||window;var c=b.getSelection&&b.getSelection();if(c&&0!==c.rangeCount){b=c.anchorNode;var d=c.anchorOffset,e=c.focusNode;c=c.focusOffset;try{b.nodeType,e.nodeType}catch(A){b=null;break a}var f=0,g=-1,h=-1,l=0,k=0,m=a,p=null;b:for(;;){for(var t;;){m!==b||0!==d&&3!==m.nodeType||(g=f+d);m!==e||0!==c&&3!==m.nodeType||(h=f+c);3===m.nodeType&&(f+=m.nodeValue.length);
-	if(null===(t=m.firstChild))break;p=m;m=t}for(;;){if(m===a)break b;p===b&&++l===d&&(g=f);p===e&&++k===c&&(h=f);if(null!==(t=m.nextSibling))break;m=p;p=m.parentNode}m=t}b=-1===g||-1===h?null:{start:g,end:h}}else b=null}b=b||{start:0,end:0}}else b=null;return{focusedElem:a,selectionRange:b}}
-	function Qd(a){var b=Nd(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&Md(c.ownerDocument.documentElement,c)){if(null!==d&&Od(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=Ld(c,f);var g=Ld(c,
-	d);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),a.addRange(b)))}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});"function"===typeof c.focus&&c.focus();for(c=0;c<b.length;c++)a=b[c],a.element.scrollLeft=a.left,a.element.scrollTop=a.top}}
-	var Rd=Ra&&"documentMode"in document&&11>=document.documentMode,Sd={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},Td=null,Ud=null,Vd=null,Wd=!1;
-	function Xd(a,b){var c=b.window===b?b.document:9===b.nodeType?b:b.ownerDocument;if(Wd||null==Td||Td!==Jd(c))return null;c=Td;"selectionStart"in c&&Od(c)?c={start:c.selectionStart,end:c.selectionEnd}:(c=(c.ownerDocument&&c.ownerDocument.defaultView||window).getSelection(),c={anchorNode:c.anchorNode,anchorOffset:c.anchorOffset,focusNode:c.focusNode,focusOffset:c.focusOffset});return Vd&&dd(Vd,c)?null:(Vd=c,a=y.getPooled(Sd.select,Ud,a,b),a.type="select",a.target=Td,Qa(a),a)}
-	var Yd={eventTypes:Sd,extractEvents:function(a,b,c,d){var e=d.window===d?d.document:9===d.nodeType?d:d.ownerDocument,f;if(!(f=!e)){a:{e=Id(e);f=sa.onSelect;for(var g=0;g<f.length;g++){var h=f[g];if(!e.hasOwnProperty(h)||!e[h]){e=!1;break a}}e=!0}f=!e}if(f)return null;e=b?Ja(b):window;switch(a){case "focus":if(Mb(e)||"true"===e.contentEditable)Td=e,Ud=b,Vd=null;break;case "blur":Vd=Ud=Td=null;break;case "mousedown":Wd=!0;break;case "contextmenu":case "mouseup":case "dragend":return Wd=!1,Xd(c,d);case "selectionchange":if(Rd)break;
-	case "keydown":case "keyup":return Xd(c,d)}return null}};Ba.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" "));ta=Ka;ua=Ia;va=Ja;Ba.injectEventPluginsByName({SimpleEventPlugin:xd,EnterLeaveEventPlugin:ad,ChangeEventPlugin:Pc,SelectEventPlugin:Yd,BeforeInputEventPlugin:zb});function Zd(a){var b="";aa.Children.forEach(a,function(a){null!=a&&(b+=a)});return b}
-	function $d(a,b){a=n({children:void 0},b);if(b=Zd(b.children))a.children=b;return a}function ae(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+uc(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
-	function be(a,b){null!=b.dangerouslySetInnerHTML?x("91"):void 0;return n({},b,{value:void 0,defaultValue:void 0,children:""+a._wrapperState.initialValue})}function ce(a,b){var c=b.value;null==c&&(c=b.defaultValue,b=b.children,null!=b&&(null!=c?x("92"):void 0,Array.isArray(b)&&(1>=b.length?void 0:x("93"),b=b[0]),c=b),null==c&&(c=""));a._wrapperState={initialValue:uc(c)}}
-	function de(a,b){var c=uc(b.value),d=uc(b.defaultValue);null!=c&&(c=""+c,c!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c));null!=d&&(a.defaultValue=""+d)}function ee(a){var b=a.textContent;b===a._wrapperState.initialValue&&(a.value=b)}var fe={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};
-	function ge(a){switch(a){case "svg":return"http://www.w3.org/2000/svg";case "math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function he(a,b){return null==a||"http://www.w3.org/1999/xhtml"===a?ge(b):"http://www.w3.org/2000/svg"===a&&"foreignObject"===b?"http://www.w3.org/1999/xhtml":a}
-	var ie=void 0,je=function(a){return"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction(function(){return a(b,c,d,e)})}:a}(function(a,b){if(a.namespaceURI!==fe.svg||"innerHTML"in a)a.innerHTML=b;else{ie=ie||document.createElement("div");ie.innerHTML="<svg>"+b+"</svg>";for(b=ie.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}});
-	function ke(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}
-	var le={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,
-	floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},me=["Webkit","ms","Moz","O"];Object.keys(le).forEach(function(a){me.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);le[b]=le[a]})});function ne(a,b,c){return null==b||"boolean"===typeof b||""===b?"":c||"number"!==typeof b||0===b||le.hasOwnProperty(a)&&le[a]?(""+b).trim():b+"px"}
-	function oe(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf("--"),e=ne(c,b[c],d);"float"===c&&(c="cssFloat");d?a.setProperty(c,e):a[c]=e}}var pe=n({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});
-	function qe(a,b){b&&(pe[a]&&(null!=b.children||null!=b.dangerouslySetInnerHTML?x("137",a,""):void 0),null!=b.dangerouslySetInnerHTML&&(null!=b.children?x("60"):void 0,"object"===typeof b.dangerouslySetInnerHTML&&"__html"in b.dangerouslySetInnerHTML?void 0:x("61")),null!=b.style&&"object"!==typeof b.style?x("62",""):void 0)}
-	function re(a,b){if(-1===a.indexOf("-"))return"string"===typeof b.is;switch(a){case "annotation-xml":case "color-profile":case "font-face":case "font-face-src":case "font-face-uri":case "font-face-format":case "font-face-name":case "missing-glyph":return!1;default:return!0}}
-	function se(a,b){a=9===a.nodeType||11===a.nodeType?a:a.ownerDocument;var c=Id(a);b=sa[b];for(var d=0;d<b.length;d++){var e=b[d];if(!c.hasOwnProperty(e)||!c[e]){switch(e){case "scroll":Ed("scroll",a);break;case "focus":case "blur":Ed("focus",a);Ed("blur",a);c.blur=!0;c.focus=!0;break;case "cancel":case "close":Ob(e)&&Ed(e,a);break;case "invalid":case "submit":case "reset":break;default:-1===ab.indexOf(e)&&E(e,a)}c[e]=!0}}}function te(){}var ue=null,ve=null;
-	function we(a,b){switch(a){case "button":case "input":case "select":case "textarea":return!!b.autoFocus}return!1}function xe(a,b){return"textarea"===a||"option"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}
-	var ye="function"===typeof setTimeout?setTimeout:void 0,ze="function"===typeof clearTimeout?clearTimeout:void 0,Ae=r.unstable_scheduleCallback,Be=r.unstable_cancelCallback;
-	function Ce(a,b,c,d,e){a[Ga]=e;"input"===c&&"radio"===e.type&&null!=e.name&&xc(a,e);re(c,d);d=re(c,e);for(var f=0;f<b.length;f+=2){var g=b[f],h=b[f+1];"style"===g?oe(a,h):"dangerouslySetInnerHTML"===g?je(a,h):"children"===g?ke(a,h):tc(a,g,h,d)}switch(c){case "input":yc(a,e);break;case "textarea":de(a,e);break;case "select":b=a._wrapperState.wasMultiple,a._wrapperState.wasMultiple=!!e.multiple,c=e.value,null!=c?ae(a,!!e.multiple,c,!1):b!==!!e.multiple&&(null!=e.defaultValue?ae(a,!!e.multiple,e.defaultValue,
-	!0):ae(a,!!e.multiple,e.multiple?[]:"",!1))}}function De(a){for(a=a.nextSibling;a&&1!==a.nodeType&&3!==a.nodeType;)a=a.nextSibling;return a}function Ee(a){for(a=a.firstChild;a&&1!==a.nodeType&&3!==a.nodeType;)a=a.nextSibling;return a}new Set;var Fe=[],Ge=-1;function F(a){0>Ge||(a.current=Fe[Ge],Fe[Ge]=null,Ge--)}function G(a,b){Ge++;Fe[Ge]=a.current;a.current=b}var He={},H={current:He},I={current:!1},Ie=He;
-	function Je(a,b){var c=a.type.contextTypes;if(!c)return He;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function J(a){a=a.childContextTypes;return null!==a&&void 0!==a}function Ke(a){F(I,a);F(H,a)}function Le(a){F(I,a);F(H,a)}
-	function Me(a,b,c){H.current!==He?x("168"):void 0;G(H,b,a);G(I,c,a)}function Ne(a,b,c){var d=a.stateNode;a=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)e in a?void 0:x("108",ic(b)||"Unknown",e);return n({},c,d)}function Oe(a){var b=a.stateNode;b=b&&b.__reactInternalMemoizedMergedChildContext||He;Ie=H.current;G(H,b,a);G(I,I.current,a);return!0}
-	function Pe(a,b,c){var d=a.stateNode;d?void 0:x("169");c?(b=Ne(a,b,Ie),d.__reactInternalMemoizedMergedChildContext=b,F(I,a),F(H,a),G(H,b,a)):F(I,a);G(I,c,a)}var Qe=null,Re=null;function Se(a){return function(b){try{return a(b)}catch(c){}}}
-	function Te(a){if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var b=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(b.isDisabled||!b.supportsFiber)return!0;try{var c=b.inject(a);Qe=Se(function(a){return b.onCommitFiberRoot(c,a)});Re=Se(function(a){return b.onCommitFiberUnmount(c,a)})}catch(d){}return!0}
-	function Ue(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.ref=null;this.pendingProps=b;this.contextDependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.effectTag=0;this.lastEffect=this.firstEffect=this.nextEffect=null;this.childExpirationTime=this.expirationTime=0;this.alternate=null}function K(a,b,c,d){return new Ue(a,b,c,d)}
-	function Ve(a){a=a.prototype;return!(!a||!a.isReactComponent)}function We(a){if("function"===typeof a)return Ve(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===cc)return 11;if(a===ec)return 14}return 2}
-	function Xe(a,b){var c=a.alternate;null===c?(c=K(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.effectTag=0,c.nextEffect=null,c.firstEffect=null,c.lastEffect=null);c.childExpirationTime=a.childExpirationTime;c.expirationTime=a.expirationTime;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;c.contextDependencies=a.contextDependencies;c.sibling=a.sibling;
-	c.index=a.index;c.ref=a.ref;return c}
-	function Ye(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)Ve(a)&&(g=1);else if("string"===typeof a)g=5;else a:switch(a){case Xb:return Ze(c.children,e,f,b);case bc:return $e(c,e|3,f,b);case Yb:return $e(c,e|2,f,b);case Zb:return a=K(12,c,b,e|4),a.elementType=Zb,a.type=Zb,a.expirationTime=f,a;case dc:return a=K(13,c,b,e),a.elementType=dc,a.type=dc,a.expirationTime=f,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case $b:g=10;break a;case ac:g=9;break a;case cc:g=11;break a;case ec:g=
-	14;break a;case fc:g=16;d=null;break a}x("130",null==a?a:typeof a,"")}b=K(g,c,b,e);b.elementType=a;b.type=d;b.expirationTime=f;return b}function Ze(a,b,c,d){a=K(7,a,d,b);a.expirationTime=c;return a}function $e(a,b,c,d){a=K(8,a,d,b);b=0===(b&1)?Yb:bc;a.elementType=b;a.type=b;a.expirationTime=c;return a}function af(a,b,c){a=K(6,a,null,b);a.expirationTime=c;return a}
-	function bf(a,b,c){b=K(4,null!==a.children?a.children:[],a.key,b);b.expirationTime=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}function cf(a,b){a.didError=!1;var c=a.earliestPendingTime;0===c?a.earliestPendingTime=a.latestPendingTime=b:c<b?a.earliestPendingTime=b:a.latestPendingTime>b&&(a.latestPendingTime=b);df(b,a)}
-	function ef(a,b){a.didError=!1;if(0===b)a.earliestPendingTime=0,a.latestPendingTime=0,a.earliestSuspendedTime=0,a.latestSuspendedTime=0,a.latestPingedTime=0;else{b<a.latestPingedTime&&(a.latestPingedTime=0);var c=a.latestPendingTime;0!==c&&(c>b?a.earliestPendingTime=a.latestPendingTime=0:a.earliestPendingTime>b&&(a.earliestPendingTime=a.latestPendingTime));c=a.earliestSuspendedTime;0===c?cf(a,b):b<a.latestSuspendedTime?(a.earliestSuspendedTime=0,a.latestSuspendedTime=0,a.latestPingedTime=0,cf(a,b)):
-	b>c&&cf(a,b)}df(0,a)}function ff(a,b){a.didError=!1;a.latestPingedTime>=b&&(a.latestPingedTime=0);var c=a.earliestPendingTime,d=a.latestPendingTime;c===b?a.earliestPendingTime=d===b?a.latestPendingTime=0:d:d===b&&(a.latestPendingTime=c);c=a.earliestSuspendedTime;d=a.latestSuspendedTime;0===c?a.earliestSuspendedTime=a.latestSuspendedTime=b:c<b?a.earliestSuspendedTime=b:d>b&&(a.latestSuspendedTime=b);df(b,a)}
-	function gf(a,b){var c=a.earliestPendingTime;a=a.earliestSuspendedTime;c>b&&(b=c);a>b&&(b=a);return b}function df(a,b){var c=b.earliestSuspendedTime,d=b.latestSuspendedTime,e=b.earliestPendingTime,f=b.latestPingedTime;e=0!==e?e:f;0===e&&(0===a||d<a)&&(e=d);a=e;0!==a&&c>a&&(a=c);b.nextExpirationTimeToWorkOn=e;b.expirationTime=a}function L(a,b){if(a&&a.defaultProps){b=n({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c])}return b}
-	function hf(a){var b=a._result;switch(a._status){case 1:return b;case 2:throw b;case 0:throw b;default:a._status=0;b=a._ctor;b=b();b.then(function(b){0===a._status&&(b=b.default,a._status=1,a._result=b)},function(b){0===a._status&&(a._status=2,a._result=b)});switch(a._status){case 1:return a._result;case 2:throw a._result;}a._result=b;throw b;}}var jf=(new aa.Component).refs;
-	function kf(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:n({},b,c);a.memoizedState=c;d=a.updateQueue;null!==d&&0===a.expirationTime&&(d.baseState=c)}
-	var tf={isMounted:function(a){return(a=a._reactInternalFiber)?2===ed(a):!1},enqueueSetState:function(a,b,c){a=a._reactInternalFiber;var d=lf();d=mf(d,a);var e=nf(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);of();pf(a,e);qf(a,d)},enqueueReplaceState:function(a,b,c){a=a._reactInternalFiber;var d=lf();d=mf(d,a);var e=nf(d);e.tag=rf;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);of();pf(a,e);qf(a,d)},enqueueForceUpdate:function(a,b){a=a._reactInternalFiber;var c=lf();c=mf(c,a);var d=nf(c);d.tag=
-	sf;void 0!==b&&null!==b&&(d.callback=b);of();pf(a,d);qf(a,c)}};function uf(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!dd(c,d)||!dd(e,f):!0}
-	function vf(a,b,c){var d=!1,e=He;var f=b.contextType;"object"===typeof f&&null!==f?f=M(f):(e=J(b)?Ie:H.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?Je(a,e):He);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=tf;a.stateNode=b;b._reactInternalFiber=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
-	function wf(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&tf.enqueueReplaceState(b,b.state,null)}
-	function xf(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs=jf;var f=b.contextType;"object"===typeof f&&null!==f?e.context=M(f):(f=J(b)?Ie:H.current,e.context=Je(a,f));f=a.updateQueue;null!==f&&(yf(a,f,c,e,d),e.state=a.memoizedState);f=b.getDerivedStateFromProps;"function"===typeof f&&(kf(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==
-	typeof e.componentWillMount||(b=e.state,"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&tf.enqueueReplaceState(e,e.state,null),f=a.updateQueue,null!==f&&(yf(a,f,c,e,d),e.state=a.memoizedState));"function"===typeof e.componentDidMount&&(a.effectTag|=4)}var zf=Array.isArray;
-	function Af(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;var d=void 0;c&&(1!==c.tag?x("309"):void 0,d=c.stateNode);d?void 0:x("147",a);var e=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===e)return b.ref;b=function(a){var b=d.refs;b===jf&&(b=d.refs={});null===a?delete b[e]:b[e]=a};b._stringRef=e;return b}"string"!==typeof a?x("284"):void 0;c._owner?void 0:x("290",a)}return a}
-	function Bf(a,b){"textarea"!==a.type&&x("31","[object Object]"===Object.prototype.toString.call(b)?"object with keys {"+Object.keys(b).join(", ")+"}":b,"")}
-	function Cf(a){function b(b,c){if(a){var d=b.lastEffect;null!==d?(d.nextEffect=c,b.lastEffect=c):b.firstEffect=b.lastEffect=c;c.nextEffect=null;c.effectTag=8}}function c(c,d){if(!a)return null;for(;null!==d;)b(c,d),d=d.sibling;return null}function d(a,b){for(a=new Map;null!==b;)null!==b.key?a.set(b.key,b):a.set(b.index,b),b=b.sibling;return a}function e(a,b,c){a=Xe(a,b,c);a.index=0;a.sibling=null;return a}function f(b,c,d){b.index=d;if(!a)return c;d=b.alternate;if(null!==d)return d=d.index,d<c?(b.effectTag=
-	2,c):d;b.effectTag=2;return c}function g(b){a&&null===b.alternate&&(b.effectTag=2);return b}function h(a,b,c,d){if(null===b||6!==b.tag)return b=af(c,a.mode,d),b.return=a,b;b=e(b,c,d);b.return=a;return b}function l(a,b,c,d){if(null!==b&&b.elementType===c.type)return d=e(b,c.props,d),d.ref=Af(a,b,c),d.return=a,d;d=Ye(c.type,c.key,c.props,null,a.mode,d);d.ref=Af(a,b,c);d.return=a;return d}function k(a,b,c,d){if(null===b||4!==b.tag||b.stateNode.containerInfo!==c.containerInfo||b.stateNode.implementation!==
-	c.implementation)return b=bf(c,a.mode,d),b.return=a,b;b=e(b,c.children||[],d);b.return=a;return b}function m(a,b,c,d,f){if(null===b||7!==b.tag)return b=Ze(c,a.mode,d,f),b.return=a,b;b=e(b,c,d);b.return=a;return b}function p(a,b,c){if("string"===typeof b||"number"===typeof b)return b=af(""+b,a.mode,c),b.return=a,b;if("object"===typeof b&&null!==b){switch(b.$$typeof){case Vb:return c=Ye(b.type,b.key,b.props,null,a.mode,c),c.ref=Af(a,null,b),c.return=a,c;case Wb:return b=bf(b,a.mode,c),b.return=a,b}if(zf(b)||
-	hc(b))return b=Ze(b,a.mode,c,null),b.return=a,b;Bf(a,b)}return null}function t(a,b,c,d){var e=null!==b?b.key:null;if("string"===typeof c||"number"===typeof c)return null!==e?null:h(a,b,""+c,d);if("object"===typeof c&&null!==c){switch(c.$$typeof){case Vb:return c.key===e?c.type===Xb?m(a,b,c.props.children,d,e):l(a,b,c,d):null;case Wb:return c.key===e?k(a,b,c,d):null}if(zf(c)||hc(c))return null!==e?null:m(a,b,c,d,null);Bf(a,c)}return null}function A(a,b,c,d,e){if("string"===typeof d||"number"===typeof d)return a=
-	a.get(c)||null,h(b,a,""+d,e);if("object"===typeof d&&null!==d){switch(d.$$typeof){case Vb:return a=a.get(null===d.key?c:d.key)||null,d.type===Xb?m(b,a,d.props.children,e,d.key):l(b,a,d,e);case Wb:return a=a.get(null===d.key?c:d.key)||null,k(b,a,d,e)}if(zf(d)||hc(d))return a=a.get(c)||null,m(b,a,d,e,null);Bf(b,d)}return null}function v(e,g,h,k){for(var l=null,m=null,q=g,u=g=0,B=null;null!==q&&u<h.length;u++){q.index>u?(B=q,q=null):B=q.sibling;var w=t(e,q,h[u],k);if(null===w){null===q&&(q=B);break}a&&
-	q&&null===w.alternate&&b(e,q);g=f(w,g,u);null===m?l=w:m.sibling=w;m=w;q=B}if(u===h.length)return c(e,q),l;if(null===q){for(;u<h.length;u++)if(q=p(e,h[u],k))g=f(q,g,u),null===m?l=q:m.sibling=q,m=q;return l}for(q=d(e,q);u<h.length;u++)if(B=A(q,e,u,h[u],k))a&&null!==B.alternate&&q.delete(null===B.key?u:B.key),g=f(B,g,u),null===m?l=B:m.sibling=B,m=B;a&&q.forEach(function(a){return b(e,a)});return l}function R(e,g,h,k){var l=hc(h);"function"!==typeof l?x("150"):void 0;h=l.call(h);null==h?x("151"):void 0;
-	for(var m=l=null,q=g,u=g=0,B=null,w=h.next();null!==q&&!w.done;u++,w=h.next()){q.index>u?(B=q,q=null):B=q.sibling;var v=t(e,q,w.value,k);if(null===v){q||(q=B);break}a&&q&&null===v.alternate&&b(e,q);g=f(v,g,u);null===m?l=v:m.sibling=v;m=v;q=B}if(w.done)return c(e,q),l;if(null===q){for(;!w.done;u++,w=h.next())w=p(e,w.value,k),null!==w&&(g=f(w,g,u),null===m?l=w:m.sibling=w,m=w);return l}for(q=d(e,q);!w.done;u++,w=h.next())w=A(q,e,u,w.value,k),null!==w&&(a&&null!==w.alternate&&q.delete(null===w.key?u:
-	w.key),g=f(w,g,u),null===m?l=w:m.sibling=w,m=w);a&&q.forEach(function(a){return b(e,a)});return l}return function(a,d,f,h){var k="object"===typeof f&&null!==f&&f.type===Xb&&null===f.key;k&&(f=f.props.children);var l="object"===typeof f&&null!==f;if(l)switch(f.$$typeof){case Vb:a:{l=f.key;for(k=d;null!==k;){if(k.key===l)if(7===k.tag?f.type===Xb:k.elementType===f.type){c(a,k.sibling);d=e(k,f.type===Xb?f.props.children:f.props,h);d.ref=Af(a,k,f);d.return=a;a=d;break a}else{c(a,k);break}else b(a,k);k=
-	k.sibling}f.type===Xb?(d=Ze(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=Ye(f.type,f.key,f.props,null,a.mode,h),h.ref=Af(a,d,f),h.return=a,a=h)}return g(a);case Wb:a:{for(k=f.key;null!==d;){if(d.key===k)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[],h);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=d.sibling}d=bf(f,a.mode,h);d.return=a;a=d}return g(a)}if("string"===typeof f||"number"===typeof f)return f=
-	""+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f,h),d.return=a,a=d):(c(a,d),d=af(f,a.mode,h),d.return=a,a=d),g(a);if(zf(f))return v(a,d,f,h);if(hc(f))return R(a,d,f,h);l&&Bf(a,f);if("undefined"===typeof f&&!k)switch(a.tag){case 1:case 0:h=a.type,x("152",h.displayName||h.name||"Component")}return c(a,d)}}var Df=Cf(!0),Ef=Cf(!1),Ff={},N={current:Ff},Gf={current:Ff},Hf={current:Ff};function If(a){a===Ff?x("174"):void 0;return a}
-	function Jf(a,b){G(Hf,b,a);G(Gf,a,a);G(N,Ff,a);var c=b.nodeType;switch(c){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:he(null,"");break;default:c=8===c?b.parentNode:b,b=c.namespaceURI||null,c=c.tagName,b=he(b,c)}F(N,a);G(N,b,a)}function Kf(a){F(N,a);F(Gf,a);F(Hf,a)}function Lf(a){If(Hf.current);var b=If(N.current);var c=he(b,a.type);b!==c&&(G(Gf,a,a),G(N,c,a))}function Mf(a){Gf.current===a&&(F(N,a),F(Gf,a))}
-	var Nf=0,Of=2,Pf=4,Qf=8,Rf=16,Sf=32,Tf=64,Uf=128,Vf=Tb.ReactCurrentDispatcher,Wf=0,Xf=null,O=null,P=null,Yf=null,Q=null,Zf=null,$f=0,ag=null,bg=0,cg=!1,dg=null,eg=0;function fg(){x("321")}function gg(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!bd(a[c],b[c]))return!1;return!0}
-	function hg(a,b,c,d,e,f){Wf=f;Xf=b;P=null!==a?a.memoizedState:null;Vf.current=null===P?ig:jg;b=c(d,e);if(cg){do cg=!1,eg+=1,P=null!==a?a.memoizedState:null,Zf=Yf,ag=Q=O=null,Vf.current=jg,b=c(d,e);while(cg);dg=null;eg=0}Vf.current=kg;a=Xf;a.memoizedState=Yf;a.expirationTime=$f;a.updateQueue=ag;a.effectTag|=bg;a=null!==O&&null!==O.next;Wf=0;Zf=Q=Yf=P=O=Xf=null;$f=0;ag=null;bg=0;a?x("300"):void 0;return b}function lg(){Vf.current=kg;Wf=0;Zf=Q=Yf=P=O=Xf=null;$f=0;ag=null;bg=0;cg=!1;dg=null;eg=0}
-	function mg(){var a={memoizedState:null,baseState:null,queue:null,baseUpdate:null,next:null};null===Q?Yf=Q=a:Q=Q.next=a;return Q}function ng(){if(null!==Zf)Q=Zf,Zf=Q.next,O=P,P=null!==O?O.next:null;else{null===P?x("310"):void 0;O=P;var a={memoizedState:O.memoizedState,baseState:O.baseState,queue:O.queue,baseUpdate:O.baseUpdate,next:null};Q=null===Q?Yf=a:Q.next=a;P=O.next}return Q}function og(a,b){return"function"===typeof b?b(a):b}
-	function pg(a){var b=ng(),c=b.queue;null===c?x("311"):void 0;c.lastRenderedReducer=a;if(0<eg){var d=c.dispatch;if(null!==dg){var e=dg.get(c);if(void 0!==e){dg.delete(c);var f=b.memoizedState;do f=a(f,e.action),e=e.next;while(null!==e);bd(f,b.memoizedState)||(qg=!0);b.memoizedState=f;b.baseUpdate===c.last&&(b.baseState=f);c.lastRenderedState=f;return[f,d]}}return[b.memoizedState,d]}d=c.last;var g=b.baseUpdate;f=b.baseState;null!==g?(null!==d&&(d.next=null),d=g.next):d=null!==d?d.next:null;if(null!==
-	d){var h=e=null,l=d,k=!1;do{var m=l.expirationTime;m<Wf?(k||(k=!0,h=g,e=f),m>$f&&($f=m)):f=l.eagerReducer===a?l.eagerState:a(f,l.action);g=l;l=l.next}while(null!==l&&l!==d);k||(h=g,e=f);bd(f,b.memoizedState)||(qg=!0);b.memoizedState=f;b.baseUpdate=h;b.baseState=e;c.lastRenderedState=f}return[b.memoizedState,c.dispatch]}
-	function rg(a,b,c,d){a={tag:a,create:b,destroy:c,deps:d,next:null};null===ag?(ag={lastEffect:null},ag.lastEffect=a.next=a):(b=ag.lastEffect,null===b?ag.lastEffect=a.next=a:(c=b.next,b.next=a,a.next=c,ag.lastEffect=a));return a}function sg(a,b,c,d){var e=mg();bg|=a;e.memoizedState=rg(b,c,void 0,void 0===d?null:d)}
-	function tg(a,b,c,d){var e=ng();d=void 0===d?null:d;var f=void 0;if(null!==O){var g=O.memoizedState;f=g.destroy;if(null!==d&&gg(d,g.deps)){rg(Nf,c,f,d);return}}bg|=a;e.memoizedState=rg(b,c,f,d)}function ug(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}function vg(){}
-	function wg(a,b,c){25>eg?void 0:x("301");var d=a.alternate;if(a===Xf||null!==d&&d===Xf)if(cg=!0,a={expirationTime:Wf,action:c,eagerReducer:null,eagerState:null,next:null},null===dg&&(dg=new Map),c=dg.get(b),void 0===c)dg.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}else{of();var e=lf();e=mf(e,a);var f={expirationTime:e,action:c,eagerReducer:null,eagerState:null,next:null},g=b.last;if(null===g)f.next=f;else{var h=g.next;null!==h&&(f.next=h);g.next=f}b.last=f;if(0===a.expirationTime&&(null===
-	d||0===d.expirationTime)&&(d=b.lastRenderedReducer,null!==d))try{var l=b.lastRenderedState,k=d(l,c);f.eagerReducer=d;f.eagerState=k;if(bd(k,l))return}catch(m){}finally{}qf(a,e)}}
-	var kg={readContext:M,useCallback:fg,useContext:fg,useEffect:fg,useImperativeHandle:fg,useLayoutEffect:fg,useMemo:fg,useReducer:fg,useRef:fg,useState:fg,useDebugValue:fg},ig={readContext:M,useCallback:function(a,b){mg().memoizedState=[a,void 0===b?null:b];return a},useContext:M,useEffect:function(a,b){return sg(516,Uf|Tf,a,b)},useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return sg(4,Pf|Sf,ug.bind(null,b,a),c)},useLayoutEffect:function(a,b){return sg(4,Pf|Sf,a,b)},
-	useMemo:function(a,b){var c=mg();b=void 0===b?null:b;a=a();c.memoizedState=[a,b];return a},useReducer:function(a,b,c){var d=mg();b=void 0!==c?c(b):b;d.memoizedState=d.baseState=b;a=d.queue={last:null,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};a=a.dispatch=wg.bind(null,Xf,a);return[d.memoizedState,a]},useRef:function(a){var b=mg();a={current:a};return b.memoizedState=a},useState:function(a){var b=mg();"function"===typeof a&&(a=a());b.memoizedState=b.baseState=a;a=b.queue={last:null,dispatch:null,
-	lastRenderedReducer:og,lastRenderedState:a};a=a.dispatch=wg.bind(null,Xf,a);return[b.memoizedState,a]},useDebugValue:vg},jg={readContext:M,useCallback:function(a,b){var c=ng();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&gg(b,d[1]))return d[0];c.memoizedState=[a,b];return a},useContext:M,useEffect:function(a,b){return tg(516,Uf|Tf,a,b)},useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return tg(4,Pf|Sf,ug.bind(null,b,a),c)},useLayoutEffect:function(a,
-	b){return tg(4,Pf|Sf,a,b)},useMemo:function(a,b){var c=ng();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&gg(b,d[1]))return d[0];a=a();c.memoizedState=[a,b];return a},useReducer:pg,useRef:function(){return ng().memoizedState},useState:function(a){return pg(og,a)},useDebugValue:vg},xg=null,yg=null,zg=!1;
-	function Ag(a,b){var c=K(5,null,null,0);c.elementType="DELETED";c.type="DELETED";c.stateNode=b;c.return=a;c.effectTag=8;null!==a.lastEffect?(a.lastEffect.nextEffect=c,a.lastEffect=c):a.firstEffect=a.lastEffect=c}function Bg(a,b){switch(a.tag){case 5:var c=a.type;b=1!==b.nodeType||c.toLowerCase()!==b.nodeName.toLowerCase()?null:b;return null!==b?(a.stateNode=b,!0):!1;case 6:return b=""===a.pendingProps||3!==b.nodeType?null:b,null!==b?(a.stateNode=b,!0):!1;case 13:return!1;default:return!1}}
-	function Cg(a){if(zg){var b=yg;if(b){var c=b;if(!Bg(a,b)){b=De(c);if(!b||!Bg(a,b)){a.effectTag|=2;zg=!1;xg=a;return}Ag(xg,c)}xg=a;yg=Ee(b)}else a.effectTag|=2,zg=!1,xg=a}}function Dg(a){for(a=a.return;null!==a&&5!==a.tag&&3!==a.tag&&18!==a.tag;)a=a.return;xg=a}function Eg(a){if(a!==xg)return!1;if(!zg)return Dg(a),zg=!0,!1;var b=a.type;if(5!==a.tag||"head"!==b&&"body"!==b&&!xe(b,a.memoizedProps))for(b=yg;b;)Ag(a,b),b=De(b);Dg(a);yg=xg?De(a.stateNode):null;return!0}function Fg(){yg=xg=null;zg=!1}
-	var Gg=Tb.ReactCurrentOwner,qg=!1;function S(a,b,c,d){b.child=null===a?Ef(b,null,c,d):Df(b,a.child,c,d)}function Hg(a,b,c,d,e){c=c.render;var f=b.ref;Ig(b,e);d=hg(a,b,c,d,f,e);if(null!==a&&!qg)return b.updateQueue=a.updateQueue,b.effectTag&=-517,a.expirationTime<=e&&(a.expirationTime=0),Jg(a,b,e);b.effectTag|=1;S(a,b,d,e);return b.child}
-	function Kg(a,b,c,d,e,f){if(null===a){var g=c.type;if("function"===typeof g&&!Ve(g)&&void 0===g.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=g,Lg(a,b,g,d,e,f);a=Ye(c.type,null,d,null,b.mode,f);a.ref=b.ref;a.return=b;return b.child=a}g=a.child;if(e<f&&(e=g.memoizedProps,c=c.compare,c=null!==c?c:dd,c(e,d)&&a.ref===b.ref))return Jg(a,b,f);b.effectTag|=1;a=Xe(g,d,f);a.ref=b.ref;a.return=b;return b.child=a}
-	function Lg(a,b,c,d,e,f){return null!==a&&dd(a.memoizedProps,d)&&a.ref===b.ref&&(qg=!1,e<f)?Jg(a,b,f):Mg(a,b,c,d,f)}function Ng(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.effectTag|=128}function Mg(a,b,c,d,e){var f=J(c)?Ie:H.current;f=Je(b,f);Ig(b,e);c=hg(a,b,c,d,f,e);if(null!==a&&!qg)return b.updateQueue=a.updateQueue,b.effectTag&=-517,a.expirationTime<=e&&(a.expirationTime=0),Jg(a,b,e);b.effectTag|=1;S(a,b,c,e);return b.child}
-	function Og(a,b,c,d,e){if(J(c)){var f=!0;Oe(b)}else f=!1;Ig(b,e);if(null===b.stateNode)null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2),vf(b,c,d,e),xf(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var l=g.context,k=c.contextType;"object"===typeof k&&null!==k?k=M(k):(k=J(c)?Ie:H.current,k=Je(b,k));var m=c.getDerivedStateFromProps,p="function"===typeof m||"function"===typeof g.getSnapshotBeforeUpdate;p||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&
-	"function"!==typeof g.componentWillReceiveProps||(h!==d||l!==k)&&wf(b,g,d,k);Pg=!1;var t=b.memoizedState;l=g.state=t;var A=b.updateQueue;null!==A&&(yf(b,A,d,g,e),l=b.memoizedState);h!==d||t!==l||I.current||Pg?("function"===typeof m&&(kf(b,c,m,d),l=b.memoizedState),(h=Pg||uf(b,c,h,d,t,l,k))?(p||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&
-	g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.effectTag|=4)):("function"===typeof g.componentDidMount&&(b.effectTag|=4),b.memoizedProps=d,b.memoizedState=l),g.props=d,g.state=l,g.context=k,d=h):("function"===typeof g.componentDidMount&&(b.effectTag|=4),d=!1)}else g=b.stateNode,h=b.memoizedProps,g.props=b.type===b.elementType?h:L(b.type,h),l=g.context,k=c.contextType,"object"===typeof k&&null!==k?k=M(k):(k=J(c)?Ie:H.current,k=Je(b,k)),m=c.getDerivedStateFromProps,(p="function"===
-	typeof m||"function"===typeof g.getSnapshotBeforeUpdate)||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==d||l!==k)&&wf(b,g,d,k),Pg=!1,l=b.memoizedState,t=g.state=l,A=b.updateQueue,null!==A&&(yf(b,A,d,g,e),t=b.memoizedState),h!==d||l!==t||I.current||Pg?("function"===typeof m&&(kf(b,c,m,d),t=b.memoizedState),(m=Pg||uf(b,c,h,d,l,t,k))?(p||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===
-	typeof g.componentWillUpdate&&g.componentWillUpdate(d,t,k),"function"===typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,t,k)),"function"===typeof g.componentDidUpdate&&(b.effectTag|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.effectTag|=256)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&l===a.memoizedState||(b.effectTag|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&l===a.memoizedState||(b.effectTag|=256),b.memoizedProps=d,b.memoizedState=
-	t),g.props=d,g.state=t,g.context=k,d=m):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&l===a.memoizedState||(b.effectTag|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&l===a.memoizedState||(b.effectTag|=256),d=!1);return Qg(a,b,c,d,f,e)}
-	function Qg(a,b,c,d,e,f){Ng(a,b);var g=0!==(b.effectTag&64);if(!d&&!g)return e&&Pe(b,c,!1),Jg(a,b,f);d=b.stateNode;Gg.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.effectTag|=1;null!==a&&g?(b.child=Df(b,a.child,null,f),b.child=Df(b,null,h,f)):S(a,b,h,f);b.memoizedState=d.state;e&&Pe(b,c,!0);return b.child}function Rg(a){var b=a.stateNode;b.pendingContext?Me(a,b.pendingContext,b.pendingContext!==b.context):b.context&&Me(a,b.context,!1);Jf(a,b.containerInfo)}
-	function Sg(a,b,c){var d=b.mode,e=b.pendingProps,f=b.memoizedState;if(0===(b.effectTag&64)){f=null;var g=!1}else f={timedOutAt:null!==f?f.timedOutAt:0},g=!0,b.effectTag&=-65;if(null===a)if(g){var h=e.fallback;a=Ze(null,d,0,null);0===(b.mode&1)&&(a.child=null!==b.memoizedState?b.child.child:b.child);d=Ze(h,d,c,null);a.sibling=d;c=a;c.return=d.return=b}else c=d=Ef(b,null,e.children,c);else null!==a.memoizedState?(d=a.child,h=d.sibling,g?(c=e.fallback,e=Xe(d,d.pendingProps,0),0===(b.mode&1)&&(g=null!==
-	b.memoizedState?b.child.child:b.child,g!==d.child&&(e.child=g)),d=e.sibling=Xe(h,c,h.expirationTime),c=e,e.childExpirationTime=0,c.return=d.return=b):c=d=Df(b,d.child,e.children,c)):(h=a.child,g?(g=e.fallback,e=Ze(null,d,0,null),e.child=h,0===(b.mode&1)&&(e.child=null!==b.memoizedState?b.child.child:b.child),d=e.sibling=Ze(g,d,c,null),d.effectTag|=2,c=e,e.childExpirationTime=0,c.return=d.return=b):d=c=Df(b,h,e.children,c)),b.stateNode=a.stateNode;b.memoizedState=f;b.child=c;return d}
-	function Jg(a,b,c){null!==a&&(b.contextDependencies=a.contextDependencies);if(b.childExpirationTime<c)return null;null!==a&&b.child!==a.child?x("153"):void 0;if(null!==b.child){a=b.child;c=Xe(a,a.pendingProps,a.expirationTime);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=Xe(a,a.pendingProps,a.expirationTime),c.return=b;c.sibling=null}return b.child}
-	function Tg(a,b,c){var d=b.expirationTime;if(null!==a)if(a.memoizedProps!==b.pendingProps||I.current)qg=!0;else{if(d<c){qg=!1;switch(b.tag){case 3:Rg(b);Fg();break;case 5:Lf(b);break;case 1:J(b.type)&&Oe(b);break;case 4:Jf(b,b.stateNode.containerInfo);break;case 10:Ug(b,b.memoizedProps.value);break;case 13:if(null!==b.memoizedState){d=b.child.childExpirationTime;if(0!==d&&d>=c)return Sg(a,b,c);b=Jg(a,b,c);return null!==b?b.sibling:null}}return Jg(a,b,c)}}else qg=!1;b.expirationTime=0;switch(b.tag){case 2:d=
-	b.elementType;null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2);a=b.pendingProps;var e=Je(b,H.current);Ig(b,c);e=hg(null,b,d,a,e,c);b.effectTag|=1;if("object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof){b.tag=1;lg();if(J(d)){var f=!0;Oe(b)}else f=!1;b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null;var g=d.getDerivedStateFromProps;"function"===typeof g&&kf(b,d,g,a);e.updater=tf;b.stateNode=e;e._reactInternalFiber=b;xf(b,d,a,c);b=Qg(null,b,d,!0,f,
-	c)}else b.tag=0,S(null,b,e,c),b=b.child;return b;case 16:e=b.elementType;null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2);f=b.pendingProps;a=hf(e);b.type=a;e=b.tag=We(a);f=L(a,f);g=void 0;switch(e){case 0:g=Mg(null,b,a,f,c);break;case 1:g=Og(null,b,a,f,c);break;case 11:g=Hg(null,b,a,f,c);break;case 14:g=Kg(null,b,a,L(a.type,f),d,c);break;default:x("306",a,"")}return g;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:L(d,e),Mg(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,
-	e=b.elementType===d?e:L(d,e),Og(a,b,d,e,c);case 3:Rg(b);d=b.updateQueue;null===d?x("282"):void 0;e=b.memoizedState;e=null!==e?e.element:null;yf(b,d,b.pendingProps,null,c);d=b.memoizedState.element;if(d===e)Fg(),b=Jg(a,b,c);else{e=b.stateNode;if(e=(null===a||null===a.child)&&e.hydrate)yg=Ee(b.stateNode.containerInfo),xg=b,e=zg=!0;e?(b.effectTag|=2,b.child=Ef(b,null,d,c)):(S(a,b,d,c),Fg());b=b.child}return b;case 5:return Lf(b),null===a&&Cg(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,
-	g=e.children,xe(d,e)?g=null:null!==f&&xe(d,f)&&(b.effectTag|=16),Ng(a,b),1!==c&&b.mode&1&&e.hidden?(b.expirationTime=b.childExpirationTime=1,b=null):(S(a,b,g,c),b=b.child),b;case 6:return null===a&&Cg(b),null;case 13:return Sg(a,b,c);case 4:return Jf(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Df(b,null,d,c):S(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:L(d,e),Hg(a,b,d,e,c);case 7:return S(a,b,b.pendingProps,c),b.child;case 8:return S(a,b,b.pendingProps.children,
-	c),b.child;case 12:return S(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;g=b.memoizedProps;f=e.value;Ug(b,f);if(null!==g){var h=g.value;f=bd(h,f)?0:("function"===typeof d._calculateChangedBits?d._calculateChangedBits(h,f):1073741823)|0;if(0===f){if(g.children===e.children&&!I.current){b=Jg(a,b,c);break a}}else for(h=b.child,null!==h&&(h.return=b);null!==h;){var l=h.contextDependencies;if(null!==l){g=h.child;for(var k=l.first;null!==k;){if(k.context===d&&0!==
-	(k.observedBits&f)){1===h.tag&&(k=nf(c),k.tag=sf,pf(h,k));h.expirationTime<c&&(h.expirationTime=c);k=h.alternate;null!==k&&k.expirationTime<c&&(k.expirationTime=c);k=c;for(var m=h.return;null!==m;){var p=m.alternate;if(m.childExpirationTime<k)m.childExpirationTime=k,null!==p&&p.childExpirationTime<k&&(p.childExpirationTime=k);else if(null!==p&&p.childExpirationTime<k)p.childExpirationTime=k;else break;m=m.return}l.expirationTime<c&&(l.expirationTime=c);break}k=k.next}}else g=10===h.tag?h.type===b.type?
-	null:h.child:h.child;if(null!==g)g.return=h;else for(g=h;null!==g;){if(g===b){g=null;break}h=g.sibling;if(null!==h){h.return=g.return;g=h;break}g=g.return}h=g}}S(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,f=b.pendingProps,d=f.children,Ig(b,c),e=M(e,f.unstable_observedBits),d=d(e),b.effectTag|=1,S(a,b,d,c),b.child;case 14:return e=b.type,f=L(e,b.pendingProps),f=L(e.type,f),Kg(a,b,e,f,d,c);case 15:return Lg(a,b,b.type,b.pendingProps,d,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===
-	d?e:L(d,e),null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2),b.tag=1,J(d)?(a=!0,Oe(b)):a=!1,Ig(b,c),vf(b,d,e,c),xf(b,d,e,c),Qg(null,b,d,!0,a,c)}x("156")}var Vg={current:null},Wg=null,Xg=null,Yg=null;function Ug(a,b){var c=a.type._context;G(Vg,c._currentValue,a);c._currentValue=b}function Zg(a){var b=Vg.current;F(Vg,a);a.type._context._currentValue=b}function Ig(a,b){Wg=a;Yg=Xg=null;var c=a.contextDependencies;null!==c&&c.expirationTime>=b&&(qg=!0);a.contextDependencies=null}
-	function M(a,b){if(Yg!==a&&!1!==b&&0!==b){if("number"!==typeof b||1073741823===b)Yg=a,b=1073741823;b={context:a,observedBits:b,next:null};null===Xg?(null===Wg?x("308"):void 0,Xg=b,Wg.contextDependencies={first:b,expirationTime:0}):Xg=Xg.next=b}return a._currentValue}var $g=0,rf=1,sf=2,ah=3,Pg=!1;function bh(a){return{baseState:a,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}
-	function ch(a){return{baseState:a.baseState,firstUpdate:a.firstUpdate,lastUpdate:a.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function nf(a){return{expirationTime:a,tag:$g,payload:null,callback:null,next:null,nextEffect:null}}function dh(a,b){null===a.lastUpdate?a.firstUpdate=a.lastUpdate=b:(a.lastUpdate.next=b,a.lastUpdate=b)}
-	function pf(a,b){var c=a.alternate;if(null===c){var d=a.updateQueue;var e=null;null===d&&(d=a.updateQueue=bh(a.memoizedState))}else d=a.updateQueue,e=c.updateQueue,null===d?null===e?(d=a.updateQueue=bh(a.memoizedState),e=c.updateQueue=bh(c.memoizedState)):d=a.updateQueue=ch(e):null===e&&(e=c.updateQueue=ch(d));null===e||d===e?dh(d,b):null===d.lastUpdate||null===e.lastUpdate?(dh(d,b),dh(e,b)):(dh(d,b),e.lastUpdate=b)}
-	function eh(a,b){var c=a.updateQueue;c=null===c?a.updateQueue=bh(a.memoizedState):fh(a,c);null===c.lastCapturedUpdate?c.firstCapturedUpdate=c.lastCapturedUpdate=b:(c.lastCapturedUpdate.next=b,c.lastCapturedUpdate=b)}function fh(a,b){var c=a.alternate;null!==c&&b===c.updateQueue&&(b=a.updateQueue=ch(b));return b}
-	function gh(a,b,c,d,e,f){switch(c.tag){case rf:return a=c.payload,"function"===typeof a?a.call(f,d,e):a;case ah:a.effectTag=a.effectTag&-2049|64;case $g:a=c.payload;e="function"===typeof a?a.call(f,d,e):a;if(null===e||void 0===e)break;return n({},d,e);case sf:Pg=!0}return d}
-	function yf(a,b,c,d,e){Pg=!1;b=fh(a,b);for(var f=b.baseState,g=null,h=0,l=b.firstUpdate,k=f;null!==l;){var m=l.expirationTime;m<e?(null===g&&(g=l,f=k),h<m&&(h=m)):(k=gh(a,b,l,k,c,d),null!==l.callback&&(a.effectTag|=32,l.nextEffect=null,null===b.lastEffect?b.firstEffect=b.lastEffect=l:(b.lastEffect.nextEffect=l,b.lastEffect=l)));l=l.next}m=null;for(l=b.firstCapturedUpdate;null!==l;){var p=l.expirationTime;p<e?(null===m&&(m=l,null===g&&(f=k)),h<p&&(h=p)):(k=gh(a,b,l,k,c,d),null!==l.callback&&(a.effectTag|=
-	32,l.nextEffect=null,null===b.lastCapturedEffect?b.firstCapturedEffect=b.lastCapturedEffect=l:(b.lastCapturedEffect.nextEffect=l,b.lastCapturedEffect=l)));l=l.next}null===g&&(b.lastUpdate=null);null===m?b.lastCapturedUpdate=null:a.effectTag|=32;null===g&&null===m&&(f=k);b.baseState=f;b.firstUpdate=g;b.firstCapturedUpdate=m;a.expirationTime=h;a.memoizedState=k}
-	function hh(a,b,c){null!==b.firstCapturedUpdate&&(null!==b.lastUpdate&&(b.lastUpdate.next=b.firstCapturedUpdate,b.lastUpdate=b.lastCapturedUpdate),b.firstCapturedUpdate=b.lastCapturedUpdate=null);ih(b.firstEffect,c);b.firstEffect=b.lastEffect=null;ih(b.firstCapturedEffect,c);b.firstCapturedEffect=b.lastCapturedEffect=null}function ih(a,b){for(;null!==a;){var c=a.callback;if(null!==c){a.callback=null;var d=b;"function"!==typeof c?x("191",c):void 0;c.call(d)}a=a.nextEffect}}
-	function jh(a,b){return{value:a,source:b,stack:jc(b)}}function kh(a){a.effectTag|=4}var lh=void 0,mh=void 0,nh=void 0,oh=void 0;lh=function(a,b){for(var c=b.child;null!==c;){if(5===c.tag||6===c.tag)a.appendChild(c.stateNode);else if(4!==c.tag&&null!==c.child){c.child.return=c;c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;c=c.return}c.sibling.return=c.return;c=c.sibling}};mh=function(){};
-	nh=function(a,b,c,d,e){var f=a.memoizedProps;if(f!==d){var g=b.stateNode;If(N.current);a=null;switch(c){case "input":f=vc(g,f);d=vc(g,d);a=[];break;case "option":f=$d(g,f);d=$d(g,d);a=[];break;case "select":f=n({},f,{value:void 0});d=n({},d,{value:void 0});a=[];break;case "textarea":f=be(g,f);d=be(g,d);a=[];break;default:"function"!==typeof f.onClick&&"function"===typeof d.onClick&&(g.onclick=te)}qe(c,d);g=c=void 0;var h=null;for(c in f)if(!d.hasOwnProperty(c)&&f.hasOwnProperty(c)&&null!=f[c])if("style"===
-	c){var l=f[c];for(g in l)l.hasOwnProperty(g)&&(h||(h={}),h[g]="")}else"dangerouslySetInnerHTML"!==c&&"children"!==c&&"suppressContentEditableWarning"!==c&&"suppressHydrationWarning"!==c&&"autoFocus"!==c&&(ra.hasOwnProperty(c)?a||(a=[]):(a=a||[]).push(c,null));for(c in d){var k=d[c];l=null!=f?f[c]:void 0;if(d.hasOwnProperty(c)&&k!==l&&(null!=k||null!=l))if("style"===c)if(l){for(g in l)!l.hasOwnProperty(g)||k&&k.hasOwnProperty(g)||(h||(h={}),h[g]="");for(g in k)k.hasOwnProperty(g)&&l[g]!==k[g]&&(h||
-	(h={}),h[g]=k[g])}else h||(a||(a=[]),a.push(c,h)),h=k;else"dangerouslySetInnerHTML"===c?(k=k?k.__html:void 0,l=l?l.__html:void 0,null!=k&&l!==k&&(a=a||[]).push(c,""+k)):"children"===c?l===k||"string"!==typeof k&&"number"!==typeof k||(a=a||[]).push(c,""+k):"suppressContentEditableWarning"!==c&&"suppressHydrationWarning"!==c&&(ra.hasOwnProperty(c)?(null!=k&&se(e,c),a||l===k||(a=[])):(a=a||[]).push(c,k))}h&&(a=a||[]).push("style",h);e=a;(b.updateQueue=e)&&kh(b)}};oh=function(a,b,c,d){c!==d&&kh(b)};
-	var ph="function"===typeof WeakSet?WeakSet:Set;function qh(a,b){var c=b.source,d=b.stack;null===d&&null!==c&&(d=jc(c));null!==c&&ic(c.type);b=b.value;null!==a&&1===a.tag&&ic(a.type);try{console.error(b)}catch(e){setTimeout(function(){throw e;})}}function rh(a){var b=a.ref;if(null!==b)if("function"===typeof b)try{b(null)}catch(c){sh(a,c)}else b.current=null}
-	function th(a,b,c){c=c.updateQueue;c=null!==c?c.lastEffect:null;if(null!==c){var d=c=c.next;do{if((d.tag&a)!==Nf){var e=d.destroy;d.destroy=void 0;void 0!==e&&e()}(d.tag&b)!==Nf&&(e=d.create,d.destroy=e());d=d.next}while(d!==c)}}
-	function uh(a,b){for(var c=a;;){if(5===c.tag){var d=c.stateNode;if(b)d.style.display="none";else{d=c.stateNode;var e=c.memoizedProps.style;e=void 0!==e&&null!==e&&e.hasOwnProperty("display")?e.display:null;d.style.display=ne("display",e)}}else if(6===c.tag)c.stateNode.nodeValue=b?"":c.memoizedProps;else if(13===c.tag&&null!==c.memoizedState){d=c.child.sibling;d.return=c;c=d;continue}else if(null!==c.child){c.child.return=c;c=c.child;continue}if(c===a)break;for(;null===c.sibling;){if(null===c.return||
-	c.return===a)return;c=c.return}c.sibling.return=c.return;c=c.sibling}}
-	function vh(a){"function"===typeof Re&&Re(a);switch(a.tag){case 0:case 11:case 14:case 15:var b=a.updateQueue;if(null!==b&&(b=b.lastEffect,null!==b)){var c=b=b.next;do{var d=c.destroy;if(void 0!==d){var e=a;try{d()}catch(f){sh(e,f)}}c=c.next}while(c!==b)}break;case 1:rh(a);b=a.stateNode;if("function"===typeof b.componentWillUnmount)try{b.props=a.memoizedProps,b.state=a.memoizedState,b.componentWillUnmount()}catch(f){sh(a,f)}break;case 5:rh(a);break;case 4:wh(a)}}
-	function xh(a){return 5===a.tag||3===a.tag||4===a.tag}
-	function yh(a){a:{for(var b=a.return;null!==b;){if(xh(b)){var c=b;break a}b=b.return}x("160");c=void 0}var d=b=void 0;switch(c.tag){case 5:b=c.stateNode;d=!1;break;case 3:b=c.stateNode.containerInfo;d=!0;break;case 4:b=c.stateNode.containerInfo;d=!0;break;default:x("161")}c.effectTag&16&&(ke(b,""),c.effectTag&=-17);a:b:for(c=a;;){for(;null===c.sibling;){if(null===c.return||xh(c.return)){c=null;break a}c=c.return}c.sibling.return=c.return;for(c=c.sibling;5!==c.tag&&6!==c.tag&&18!==c.tag;){if(c.effectTag&
-	2)continue b;if(null===c.child||4===c.tag)continue b;else c.child.return=c,c=c.child}if(!(c.effectTag&2)){c=c.stateNode;break a}}for(var e=a;;){if(5===e.tag||6===e.tag)if(c)if(d){var f=b,g=e.stateNode,h=c;8===f.nodeType?f.parentNode.insertBefore(g,h):f.insertBefore(g,h)}else b.insertBefore(e.stateNode,c);else d?(g=b,h=e.stateNode,8===g.nodeType?(f=g.parentNode,f.insertBefore(h,g)):(f=g,f.appendChild(h)),g=g._reactRootContainer,null!==g&&void 0!==g||null!==f.onclick||(f.onclick=te)):b.appendChild(e.stateNode);
-	else if(4!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===a)break;for(;null===e.sibling;){if(null===e.return||e.return===a)return;e=e.return}e.sibling.return=e.return;e=e.sibling}}
-	function wh(a){for(var b=a,c=!1,d=void 0,e=void 0;;){if(!c){c=b.return;a:for(;;){null===c?x("160"):void 0;switch(c.tag){case 5:d=c.stateNode;e=!1;break a;case 3:d=c.stateNode.containerInfo;e=!0;break a;case 4:d=c.stateNode.containerInfo;e=!0;break a}c=c.return}c=!0}if(5===b.tag||6===b.tag){a:for(var f=b,g=f;;)if(vh(g),null!==g.child&&4!==g.tag)g.child.return=g,g=g.child;else{if(g===f)break;for(;null===g.sibling;){if(null===g.return||g.return===f)break a;g=g.return}g.sibling.return=g.return;g=g.sibling}e?
-	(f=d,g=b.stateNode,8===f.nodeType?f.parentNode.removeChild(g):f.removeChild(g)):d.removeChild(b.stateNode)}else if(4===b.tag){if(null!==b.child){d=b.stateNode.containerInfo;e=!0;b.child.return=b;b=b.child;continue}}else if(vh(b),null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return;b=b.return;4===b.tag&&(c=!1)}b.sibling.return=b.return;b=b.sibling}}
-	function zh(a,b){switch(b.tag){case 0:case 11:case 14:case 15:th(Pf,Qf,b);break;case 1:break;case 5:var c=b.stateNode;if(null!=c){var d=b.memoizedProps;a=null!==a?a.memoizedProps:d;var e=b.type,f=b.updateQueue;b.updateQueue=null;null!==f&&Ce(c,f,e,a,d,b)}break;case 6:null===b.stateNode?x("162"):void 0;b.stateNode.nodeValue=b.memoizedProps;break;case 3:break;case 12:break;case 13:c=b.memoizedState;d=void 0;a=b;null===c?d=!1:(d=!0,a=b.child,0===c.timedOutAt&&(c.timedOutAt=lf()));null!==a&&uh(a,d);c=
-	b.updateQueue;if(null!==c){b.updateQueue=null;var g=b.stateNode;null===g&&(g=b.stateNode=new ph);c.forEach(function(a){var c=Ah.bind(null,b,a);g.has(a)||(g.add(a),a.then(c,c))})}break;case 17:break;default:x("163")}}var Bh="function"===typeof WeakMap?WeakMap:Map;function Ch(a,b,c){c=nf(c);c.tag=ah;c.payload={element:null};var d=b.value;c.callback=function(){Dh(d);qh(a,b)};return c}
-	function Eh(a,b,c){c=nf(c);c.tag=ah;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){"function"!==typeof d&&(null===Fh?Fh=new Set([this]):Fh.add(this));var c=b.value,e=b.stack;qh(a,b);this.componentDidCatch(c,{componentStack:null!==e?e:""})});return c}
-	function Gh(a){switch(a.tag){case 1:J(a.type)&&Ke(a);var b=a.effectTag;return b&2048?(a.effectTag=b&-2049|64,a):null;case 3:return Kf(a),Le(a),b=a.effectTag,0!==(b&64)?x("285"):void 0,a.effectTag=b&-2049|64,a;case 5:return Mf(a),null;case 13:return b=a.effectTag,b&2048?(a.effectTag=b&-2049|64,a):null;case 18:return null;case 4:return Kf(a),null;case 10:return Zg(a),null;default:return null}}
-	var Hh=Tb.ReactCurrentDispatcher,Ih=Tb.ReactCurrentOwner,Jh=1073741822,Kh=!1,T=null,Lh=null,U=0,Mh=-1,Nh=!1,V=null,Oh=!1,Ph=null,Qh=null,Rh=null,Fh=null;function Sh(){if(null!==T)for(var a=T.return;null!==a;){var b=a;switch(b.tag){case 1:var c=b.type.childContextTypes;null!==c&&void 0!==c&&Ke(b);break;case 3:Kf(b);Le(b);break;case 5:Mf(b);break;case 4:Kf(b);break;case 10:Zg(b)}a=a.return}Lh=null;U=0;Mh=-1;Nh=!1;T=null}
-	function Th(){for(;null!==V;){var a=V.effectTag;a&16&&ke(V.stateNode,"");if(a&128){var b=V.alternate;null!==b&&(b=b.ref,null!==b&&("function"===typeof b?b(null):b.current=null))}switch(a&14){case 2:yh(V);V.effectTag&=-3;break;case 6:yh(V);V.effectTag&=-3;zh(V.alternate,V);break;case 4:zh(V.alternate,V);break;case 8:a=V,wh(a),a.return=null,a.child=null,a.memoizedState=null,a.updateQueue=null,a=a.alternate,null!==a&&(a.return=null,a.child=null,a.memoizedState=null,a.updateQueue=null)}V=V.nextEffect}}
-	function Uh(){for(;null!==V;){if(V.effectTag&256)a:{var a=V.alternate,b=V;switch(b.tag){case 0:case 11:case 15:th(Of,Nf,b);break a;case 1:if(b.effectTag&256&&null!==a){var c=a.memoizedProps,d=a.memoizedState;a=b.stateNode;b=a.getSnapshotBeforeUpdate(b.elementType===b.type?c:L(b.type,c),d);a.__reactInternalSnapshotBeforeUpdate=b}break a;case 3:case 5:case 6:case 4:case 17:break a;default:x("163")}}V=V.nextEffect}}
-	function Vh(a,b){for(;null!==V;){var c=V.effectTag;if(c&36){var d=V.alternate,e=V,f=b;switch(e.tag){case 0:case 11:case 15:th(Rf,Sf,e);break;case 1:var g=e.stateNode;if(e.effectTag&4)if(null===d)g.componentDidMount();else{var h=e.elementType===e.type?d.memoizedProps:L(e.type,d.memoizedProps);g.componentDidUpdate(h,d.memoizedState,g.__reactInternalSnapshotBeforeUpdate)}d=e.updateQueue;null!==d&&hh(e,d,g,f);break;case 3:d=e.updateQueue;if(null!==d){g=null;if(null!==e.child)switch(e.child.tag){case 5:g=
-	e.child.stateNode;break;case 1:g=e.child.stateNode}hh(e,d,g,f)}break;case 5:f=e.stateNode;null===d&&e.effectTag&4&&we(e.type,e.memoizedProps)&&f.focus();break;case 6:break;case 4:break;case 12:break;case 13:break;case 17:break;default:x("163")}}c&128&&(e=V.ref,null!==e&&(f=V.stateNode,"function"===typeof e?e(f):e.current=f));c&512&&(Ph=a);V=V.nextEffect}}
-	function Wh(a,b){Rh=Qh=Ph=null;var c=W;W=!0;do{if(b.effectTag&512){var d=!1,e=void 0;try{var f=b;th(Uf,Nf,f);th(Nf,Tf,f)}catch(g){d=!0,e=g}d&&sh(b,e)}b=b.nextEffect}while(null!==b);W=c;c=a.expirationTime;0!==c&&Xh(a,c);X||W||Yh(1073741823,!1)}function of(){null!==Qh&&Be(Qh);null!==Rh&&Rh()}
-	function Zh(a,b){Oh=Kh=!0;a.current===b?x("177"):void 0;var c=a.pendingCommitExpirationTime;0===c?x("261"):void 0;a.pendingCommitExpirationTime=0;var d=b.expirationTime,e=b.childExpirationTime;ef(a,e>d?e:d);Ih.current=null;d=void 0;1<b.effectTag?null!==b.lastEffect?(b.lastEffect.nextEffect=b,d=b.firstEffect):d=b:d=b.firstEffect;ue=Bd;ve=Pd();Bd=!1;for(V=d;null!==V;){e=!1;var f=void 0;try{Uh()}catch(h){e=!0,f=h}e&&(null===V?x("178"):void 0,sh(V,f),null!==V&&(V=V.nextEffect))}for(V=d;null!==V;){e=!1;
-	f=void 0;try{Th()}catch(h){e=!0,f=h}e&&(null===V?x("178"):void 0,sh(V,f),null!==V&&(V=V.nextEffect))}Qd(ve);ve=null;Bd=!!ue;ue=null;a.current=b;for(V=d;null!==V;){e=!1;f=void 0;try{Vh(a,c)}catch(h){e=!0,f=h}e&&(null===V?x("178"):void 0,sh(V,f),null!==V&&(V=V.nextEffect))}if(null!==d&&null!==Ph){var g=Wh.bind(null,a,d);Qh=r.unstable_runWithPriority(r.unstable_NormalPriority,function(){return Ae(g)});Rh=g}Kh=Oh=!1;"function"===typeof Qe&&Qe(b.stateNode);c=b.expirationTime;b=b.childExpirationTime;b=
-	b>c?b:c;0===b&&(Fh=null);$h(a,b)}
-	function ai(a){for(;;){var b=a.alternate,c=a.return,d=a.sibling;if(0===(a.effectTag&1024)){T=a;a:{var e=b;b=a;var f=U;var g=b.pendingProps;switch(b.tag){case 2:break;case 16:break;case 15:case 0:break;case 1:J(b.type)&&Ke(b);break;case 3:Kf(b);Le(b);g=b.stateNode;g.pendingContext&&(g.context=g.pendingContext,g.pendingContext=null);if(null===e||null===e.child)Eg(b),b.effectTag&=-3;mh(b);break;case 5:Mf(b);var h=If(Hf.current);f=b.type;if(null!==e&&null!=b.stateNode)nh(e,b,f,g,h),e.ref!==b.ref&&(b.effectTag|=
-	128);else if(g){var l=If(N.current);if(Eg(b)){g=b;e=g.stateNode;var k=g.type,m=g.memoizedProps,p=h;e[Fa]=g;e[Ga]=m;f=void 0;h=k;switch(h){case "iframe":case "object":E("load",e);break;case "video":case "audio":for(k=0;k<ab.length;k++)E(ab[k],e);break;case "source":E("error",e);break;case "img":case "image":case "link":E("error",e);E("load",e);break;case "form":E("reset",e);E("submit",e);break;case "details":E("toggle",e);break;case "input":wc(e,m);E("invalid",e);se(p,"onChange");break;case "select":e._wrapperState=
-	{wasMultiple:!!m.multiple};E("invalid",e);se(p,"onChange");break;case "textarea":ce(e,m),E("invalid",e),se(p,"onChange")}qe(h,m);k=null;for(f in m)m.hasOwnProperty(f)&&(l=m[f],"children"===f?"string"===typeof l?e.textContent!==l&&(k=["children",l]):"number"===typeof l&&e.textContent!==""+l&&(k=["children",""+l]):ra.hasOwnProperty(f)&&null!=l&&se(p,f));switch(h){case "input":Rb(e);Ac(e,m,!0);break;case "textarea":Rb(e);ee(e,m);break;case "select":case "option":break;default:"function"===typeof m.onClick&&
-	(e.onclick=te)}f=k;g.updateQueue=f;g=null!==f?!0:!1;g&&kh(b)}else{m=b;p=f;e=g;k=9===h.nodeType?h:h.ownerDocument;l===fe.html&&(l=ge(p));l===fe.html?"script"===p?(e=k.createElement("div"),e.innerHTML="<script>\x3c/script>",k=e.removeChild(e.firstChild)):"string"===typeof e.is?k=k.createElement(p,{is:e.is}):(k=k.createElement(p),"select"===p&&(p=k,e.multiple?p.multiple=!0:e.size&&(p.size=e.size))):k=k.createElementNS(l,p);e=k;e[Fa]=m;e[Ga]=g;lh(e,b,!1,!1);p=e;k=f;m=g;var t=h,A=re(k,m);switch(k){case "iframe":case "object":E("load",
-	p);h=m;break;case "video":case "audio":for(h=0;h<ab.length;h++)E(ab[h],p);h=m;break;case "source":E("error",p);h=m;break;case "img":case "image":case "link":E("error",p);E("load",p);h=m;break;case "form":E("reset",p);E("submit",p);h=m;break;case "details":E("toggle",p);h=m;break;case "input":wc(p,m);h=vc(p,m);E("invalid",p);se(t,"onChange");break;case "option":h=$d(p,m);break;case "select":p._wrapperState={wasMultiple:!!m.multiple};h=n({},m,{value:void 0});E("invalid",p);se(t,"onChange");break;case "textarea":ce(p,
-	m);h=be(p,m);E("invalid",p);se(t,"onChange");break;default:h=m}qe(k,h);l=void 0;var v=k,R=p,u=h;for(l in u)if(u.hasOwnProperty(l)){var q=u[l];"style"===l?oe(R,q):"dangerouslySetInnerHTML"===l?(q=q?q.__html:void 0,null!=q&&je(R,q)):"children"===l?"string"===typeof q?("textarea"!==v||""!==q)&&ke(R,q):"number"===typeof q&&ke(R,""+q):"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&"autoFocus"!==l&&(ra.hasOwnProperty(l)?null!=q&&se(t,l):null!=q&&tc(R,l,q,A))}switch(k){case "input":Rb(p);
-	Ac(p,m,!1);break;case "textarea":Rb(p);ee(p,m);break;case "option":null!=m.value&&p.setAttribute("value",""+uc(m.value));break;case "select":h=p;h.multiple=!!m.multiple;p=m.value;null!=p?ae(h,!!m.multiple,p,!1):null!=m.defaultValue&&ae(h,!!m.multiple,m.defaultValue,!0);break;default:"function"===typeof h.onClick&&(p.onclick=te)}(g=we(f,g))&&kh(b);b.stateNode=e}null!==b.ref&&(b.effectTag|=128)}else null===b.stateNode?x("166"):void 0;break;case 6:e&&null!=b.stateNode?oh(e,b,e.memoizedProps,g):("string"!==
-	typeof g&&(null===b.stateNode?x("166"):void 0),e=If(Hf.current),If(N.current),Eg(b)?(g=b,f=g.stateNode,e=g.memoizedProps,f[Fa]=g,(g=f.nodeValue!==e)&&kh(b)):(f=b,g=(9===e.nodeType?e:e.ownerDocument).createTextNode(g),g[Fa]=b,f.stateNode=g));break;case 11:break;case 13:g=b.memoizedState;if(0!==(b.effectTag&64)){b.expirationTime=f;T=b;break a}g=null!==g;f=null!==e&&null!==e.memoizedState;null!==e&&!g&&f&&(e=e.child.sibling,null!==e&&(h=b.firstEffect,null!==h?(b.firstEffect=e,e.nextEffect=h):(b.firstEffect=
-	b.lastEffect=e,e.nextEffect=null),e.effectTag=8));if(g||f)b.effectTag|=4;break;case 7:break;case 8:break;case 12:break;case 4:Kf(b);mh(b);break;case 10:Zg(b);break;case 9:break;case 14:break;case 17:J(b.type)&&Ke(b);break;case 18:break;default:x("156")}T=null}b=a;if(1===U||1!==b.childExpirationTime){g=0;for(f=b.child;null!==f;)e=f.expirationTime,h=f.childExpirationTime,e>g&&(g=e),h>g&&(g=h),f=f.sibling;b.childExpirationTime=g}if(null!==T)return T;null!==c&&0===(c.effectTag&1024)&&(null===c.firstEffect&&
-	(c.firstEffect=a.firstEffect),null!==a.lastEffect&&(null!==c.lastEffect&&(c.lastEffect.nextEffect=a.firstEffect),c.lastEffect=a.lastEffect),1<a.effectTag&&(null!==c.lastEffect?c.lastEffect.nextEffect=a:c.firstEffect=a,c.lastEffect=a))}else{a=Gh(a,U);if(null!==a)return a.effectTag&=1023,a;null!==c&&(c.firstEffect=c.lastEffect=null,c.effectTag|=1024)}if(null!==d)return d;if(null!==c)a=c;else break}return null}
-	function bi(a){var b=Tg(a.alternate,a,U);a.memoizedProps=a.pendingProps;null===b&&(b=ai(a));Ih.current=null;return b}
-	function ci(a,b){Kh?x("243"):void 0;of();Kh=!0;var c=Hh.current;Hh.current=kg;var d=a.nextExpirationTimeToWorkOn;if(d!==U||a!==Lh||null===T)Sh(),Lh=a,U=d,T=Xe(Lh.current,null,U),a.pendingCommitExpirationTime=0;var e=!1;do{try{if(b)for(;null!==T&&!di();)T=bi(T);else for(;null!==T;)T=bi(T)}catch(u){if(Yg=Xg=Wg=null,lg(),null===T)e=!0,Dh(u);else{null===T?x("271"):void 0;var f=T,g=f.return;if(null===g)e=!0,Dh(u);else{a:{var h=a,l=g,k=f,m=u;g=U;k.effectTag|=1024;k.firstEffect=k.lastEffect=null;if(null!==
-	m&&"object"===typeof m&&"function"===typeof m.then){var p=m;m=l;var t=-1,A=-1;do{if(13===m.tag){var v=m.alternate;if(null!==v&&(v=v.memoizedState,null!==v)){A=10*(1073741822-v.timedOutAt);break}v=m.pendingProps.maxDuration;if("number"===typeof v)if(0>=v)t=0;else if(-1===t||v<t)t=v}m=m.return}while(null!==m);m=l;do{if(v=13===m.tag)v=void 0===m.memoizedProps.fallback?!1:null===m.memoizedState;if(v){l=m.updateQueue;null===l?(l=new Set,l.add(p),m.updateQueue=l):l.add(p);if(0===(m.mode&1)){m.effectTag|=
-	64;k.effectTag&=-1957;1===k.tag&&(null===k.alternate?k.tag=17:(g=nf(1073741823),g.tag=sf,pf(k,g)));k.expirationTime=1073741823;break a}k=h;l=g;var R=k.pingCache;null===R?(R=k.pingCache=new Bh,v=new Set,R.set(p,v)):(v=R.get(p),void 0===v&&(v=new Set,R.set(p,v)));v.has(l)||(v.add(l),k=ei.bind(null,k,p,l),p.then(k,k));-1===t?h=1073741823:(-1===A&&(A=10*(1073741822-gf(h,g))-5E3),h=A+t);0<=h&&Mh<h&&(Mh=h);m.effectTag|=2048;m.expirationTime=g;break a}m=m.return}while(null!==m);m=Error((ic(k.type)||"A React component")+
-	" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display."+jc(k))}Nh=!0;m=jh(m,k);h=l;do{switch(h.tag){case 3:h.effectTag|=2048;h.expirationTime=g;g=Ch(h,m,g);eh(h,g);break a;case 1:if(t=m,A=h.type,k=h.stateNode,0===(h.effectTag&64)&&("function"===typeof A.getDerivedStateFromError||null!==k&&"function"===typeof k.componentDidCatch&&(null===Fh||!Fh.has(k)))){h.effectTag|=2048;
-	h.expirationTime=g;g=Eh(h,t,g);eh(h,g);break a}}h=h.return}while(null!==h)}T=ai(f);continue}}}break}while(1);Kh=!1;Hh.current=c;Yg=Xg=Wg=null;lg();if(e)Lh=null,a.finishedWork=null;else if(null!==T)a.finishedWork=null;else{c=a.current.alternate;null===c?x("281"):void 0;Lh=null;if(Nh){e=a.latestPendingTime;f=a.latestSuspendedTime;g=a.latestPingedTime;if(0!==e&&e<d||0!==f&&f<d||0!==g&&g<d){ff(a,d);fi(a,c,d,a.expirationTime,-1);return}if(!a.didError&&b){a.didError=!0;d=a.nextExpirationTimeToWorkOn=d;
-	b=a.expirationTime=1073741823;fi(a,c,d,b,-1);return}}b&&-1!==Mh?(ff(a,d),b=10*(1073741822-gf(a,d)),b<Mh&&(Mh=b),b=10*(1073741822-lf()),b=Mh-b,fi(a,c,d,a.expirationTime,0>b?0:b)):(a.pendingCommitExpirationTime=d,a.finishedWork=c)}}
-	function sh(a,b){for(var c=a.return;null!==c;){switch(c.tag){case 1:var d=c.stateNode;if("function"===typeof c.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===Fh||!Fh.has(d))){a=jh(b,a);a=Eh(c,a,1073741823);pf(c,a);qf(c,1073741823);return}break;case 3:a=jh(b,a);a=Ch(c,a,1073741823);pf(c,a);qf(c,1073741823);return}c=c.return}3===a.tag&&(c=jh(b,a),c=Ch(a,c,1073741823),pf(a,c),qf(a,1073741823))}
-	function mf(a,b){var c=r.unstable_getCurrentPriorityLevel(),d=void 0;if(0===(b.mode&1))d=1073741823;else if(Kh&&!Oh)d=U;else{switch(c){case r.unstable_ImmediatePriority:d=1073741823;break;case r.unstable_UserBlockingPriority:d=1073741822-10*(((1073741822-a+15)/10|0)+1);break;case r.unstable_NormalPriority:d=1073741822-25*(((1073741822-a+500)/25|0)+1);break;case r.unstable_LowPriority:case r.unstable_IdlePriority:d=1;break;default:x("313")}null!==Lh&&d===U&&--d}c===r.unstable_UserBlockingPriority&&
-	(0===gi||d<gi)&&(gi=d);return d}function ei(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);if(null!==Lh&&U===c)Lh=null;else if(b=a.earliestSuspendedTime,d=a.latestSuspendedTime,0!==b&&c<=b&&c>=d){a.didError=!1;b=a.latestPingedTime;if(0===b||b>c)a.latestPingedTime=c;df(c,a);c=a.expirationTime;0!==c&&Xh(a,c)}}function Ah(a,b){var c=a.stateNode;null!==c&&c.delete(b);b=lf();b=mf(b,a);a=hi(a,b);null!==a&&(cf(a,b),b=a.expirationTime,0!==b&&Xh(a,b))}
-	function hi(a,b){a.expirationTime<b&&(a.expirationTime=b);var c=a.alternate;null!==c&&c.expirationTime<b&&(c.expirationTime=b);var d=a.return,e=null;if(null===d&&3===a.tag)e=a.stateNode;else for(;null!==d;){c=d.alternate;d.childExpirationTime<b&&(d.childExpirationTime=b);null!==c&&c.childExpirationTime<b&&(c.childExpirationTime=b);if(null===d.return&&3===d.tag){e=d.stateNode;break}d=d.return}return e}
-	function qf(a,b){a=hi(a,b);null!==a&&(!Kh&&0!==U&&b>U&&Sh(),cf(a,b),Kh&&!Oh&&Lh===a||Xh(a,a.expirationTime),ii>ji&&(ii=0,x("185")))}function ki(a,b,c,d,e){return r.unstable_runWithPriority(r.unstable_ImmediatePriority,function(){return a(b,c,d,e)})}var li=null,Y=null,mi=0,ni=void 0,W=!1,oi=null,Z=0,gi=0,pi=!1,qi=null,X=!1,ri=!1,si=null,ti=r.unstable_now(),ui=1073741822-(ti/10|0),vi=ui,ji=50,ii=0,wi=null;function xi(){ui=1073741822-((r.unstable_now()-ti)/10|0)}
-	function yi(a,b){if(0!==mi){if(b<mi)return;null!==ni&&r.unstable_cancelCallback(ni)}mi=b;a=r.unstable_now()-ti;ni=r.unstable_scheduleCallback(zi,{timeout:10*(1073741822-b)-a})}function fi(a,b,c,d,e){a.expirationTime=d;0!==e||di()?0<e&&(a.timeoutHandle=ye(Ai.bind(null,a,b,c),e)):(a.pendingCommitExpirationTime=c,a.finishedWork=b)}function Ai(a,b,c){a.pendingCommitExpirationTime=c;a.finishedWork=b;xi();vi=ui;Bi(a,c)}function $h(a,b){a.expirationTime=b;a.finishedWork=null}
-	function lf(){if(W)return vi;Ci();if(0===Z||1===Z)xi(),vi=ui;return vi}function Xh(a,b){null===a.nextScheduledRoot?(a.expirationTime=b,null===Y?(li=Y=a,a.nextScheduledRoot=a):(Y=Y.nextScheduledRoot=a,Y.nextScheduledRoot=li)):b>a.expirationTime&&(a.expirationTime=b);W||(X?ri&&(oi=a,Z=1073741823,Di(a,1073741823,!1)):1073741823===b?Yh(1073741823,!1):yi(a,b))}
-	function Ci(){var a=0,b=null;if(null!==Y)for(var c=Y,d=li;null!==d;){var e=d.expirationTime;if(0===e){null===c||null===Y?x("244"):void 0;if(d===d.nextScheduledRoot){li=Y=d.nextScheduledRoot=null;break}else if(d===li)li=e=d.nextScheduledRoot,Y.nextScheduledRoot=e,d.nextScheduledRoot=null;else if(d===Y){Y=c;Y.nextScheduledRoot=li;d.nextScheduledRoot=null;break}else c.nextScheduledRoot=d.nextScheduledRoot,d.nextScheduledRoot=null;d=c.nextScheduledRoot}else{e>a&&(a=e,b=d);if(d===Y)break;if(1073741823===
-	a)break;c=d;d=d.nextScheduledRoot}}oi=b;Z=a}var Ei=!1;function di(){return Ei?!0:r.unstable_shouldYield()?Ei=!0:!1}function zi(){try{if(!di()&&null!==li){xi();var a=li;do{var b=a.expirationTime;0!==b&&ui<=b&&(a.nextExpirationTimeToWorkOn=ui);a=a.nextScheduledRoot}while(a!==li)}Yh(0,!0)}finally{Ei=!1}}
-	function Yh(a,b){Ci();if(b)for(xi(),vi=ui;null!==oi&&0!==Z&&a<=Z&&!(Ei&&ui>Z);)Di(oi,Z,ui>Z),Ci(),xi(),vi=ui;else for(;null!==oi&&0!==Z&&a<=Z;)Di(oi,Z,!1),Ci();b&&(mi=0,ni=null);0!==Z&&yi(oi,Z);ii=0;wi=null;if(null!==si)for(a=si,si=null,b=0;b<a.length;b++){var c=a[b];try{c._onComplete()}catch(d){pi||(pi=!0,qi=d)}}if(pi)throw a=qi,qi=null,pi=!1,a;}function Bi(a,b){W?x("253"):void 0;oi=a;Z=b;Di(a,b,!1);Yh(1073741823,!1)}
-	function Di(a,b,c){W?x("245"):void 0;W=!0;if(c){var d=a.finishedWork;null!==d?Fi(a,d,b):(a.finishedWork=null,d=a.timeoutHandle,-1!==d&&(a.timeoutHandle=-1,ze(d)),ci(a,c),d=a.finishedWork,null!==d&&(di()?a.finishedWork=d:Fi(a,d,b)))}else d=a.finishedWork,null!==d?Fi(a,d,b):(a.finishedWork=null,d=a.timeoutHandle,-1!==d&&(a.timeoutHandle=-1,ze(d)),ci(a,c),d=a.finishedWork,null!==d&&Fi(a,d,b));W=!1}
-	function Fi(a,b,c){var d=a.firstBatch;if(null!==d&&d._expirationTime>=c&&(null===si?si=[d]:si.push(d),d._defer)){a.finishedWork=b;a.expirationTime=0;return}a.finishedWork=null;a===wi?ii++:(wi=a,ii=0);r.unstable_runWithPriority(r.unstable_ImmediatePriority,function(){Zh(a,b)})}function Dh(a){null===oi?x("246"):void 0;oi.expirationTime=0;pi||(pi=!0,qi=a)}function Gi(a,b){var c=X;X=!0;try{return a(b)}finally{(X=c)||W||Yh(1073741823,!1)}}
-	function Hi(a,b){if(X&&!ri){ri=!0;try{return a(b)}finally{ri=!1}}return a(b)}function Ii(a,b,c){X||W||0===gi||(Yh(gi,!1),gi=0);var d=X;X=!0;try{return r.unstable_runWithPriority(r.unstable_UserBlockingPriority,function(){return a(b,c)})}finally{(X=d)||W||Yh(1073741823,!1)}}
-	function Ji(a,b,c,d,e){var f=b.current;a:if(c){c=c._reactInternalFiber;b:{2===ed(c)&&1===c.tag?void 0:x("170");var g=c;do{switch(g.tag){case 3:g=g.stateNode.context;break b;case 1:if(J(g.type)){g=g.stateNode.__reactInternalMemoizedMergedChildContext;break b}}g=g.return}while(null!==g);x("171");g=void 0}if(1===c.tag){var h=c.type;if(J(h)){c=Ne(c,h,g);break a}}c=g}else c=He;null===b.context?b.context=c:b.pendingContext=c;b=e;e=nf(d);e.payload={element:a};b=void 0===b?null:b;null!==b&&(e.callback=b);
-	of();pf(f,e);qf(f,d);return d}function Ki(a,b,c,d){var e=b.current,f=lf();e=mf(f,e);return Ji(a,b,c,e,d)}function Li(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 5:return a.child.stateNode;default:return a.child.stateNode}}function Mi(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:Wb,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
-	Ab=function(a,b,c){switch(b){case "input":yc(a,c);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll("input[name="+JSON.stringify(""+b)+'][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Ka(d);e?void 0:x("90");Sb(d);yc(d,e)}}}break;case "textarea":de(a,c);break;case "select":b=c.value,null!=b&&ae(a,!!c.multiple,b,!1)}};
-	function Ni(a){var b=1073741822-25*(((1073741822-lf()+500)/25|0)+1);b>=Jh&&(b=Jh-1);this._expirationTime=Jh=b;this._root=a;this._callbacks=this._next=null;this._hasChildren=this._didComplete=!1;this._children=null;this._defer=!0}Ni.prototype.render=function(a){this._defer?void 0:x("250");this._hasChildren=!0;this._children=a;var b=this._root._internalRoot,c=this._expirationTime,d=new Oi;Ji(a,b,null,c,d._onCommit);return d};
-	Ni.prototype.then=function(a){if(this._didComplete)a();else{var b=this._callbacks;null===b&&(b=this._callbacks=[]);b.push(a)}};
-	Ni.prototype.commit=function(){var a=this._root._internalRoot,b=a.firstBatch;this._defer&&null!==b?void 0:x("251");if(this._hasChildren){var c=this._expirationTime;if(b!==this){this._hasChildren&&(c=this._expirationTime=b._expirationTime,this.render(this._children));for(var d=null,e=b;e!==this;)d=e,e=e._next;null===d?x("251"):void 0;d._next=e._next;this._next=b;a.firstBatch=this}this._defer=!1;Bi(a,c);b=this._next;this._next=null;b=a.firstBatch=b;null!==b&&b._hasChildren&&b.render(b._children)}else this._next=
-	null,this._defer=!1};Ni.prototype._onComplete=function(){if(!this._didComplete){this._didComplete=!0;var a=this._callbacks;if(null!==a)for(var b=0;b<a.length;b++)(0,a[b])()}};function Oi(){this._callbacks=null;this._didCommit=!1;this._onCommit=this._onCommit.bind(this)}Oi.prototype.then=function(a){if(this._didCommit)a();else{var b=this._callbacks;null===b&&(b=this._callbacks=[]);b.push(a)}};
-	Oi.prototype._onCommit=function(){if(!this._didCommit){this._didCommit=!0;var a=this._callbacks;if(null!==a)for(var b=0;b<a.length;b++){var c=a[b];"function"!==typeof c?x("191",c):void 0;c()}}};
-	function Pi(a,b,c){b=K(3,null,null,b?3:0);a={current:b,containerInfo:a,pendingChildren:null,pingCache:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,didError:!1,pendingCommitExpirationTime:0,finishedWork:null,timeoutHandle:-1,context:null,pendingContext:null,hydrate:c,nextExpirationTimeToWorkOn:0,expirationTime:0,firstBatch:null,nextScheduledRoot:null};this._internalRoot=b.stateNode=a}
-	Pi.prototype.render=function(a,b){var c=this._internalRoot,d=new Oi;b=void 0===b?null:b;null!==b&&d.then(b);Ki(a,c,null,d._onCommit);return d};Pi.prototype.unmount=function(a){var b=this._internalRoot,c=new Oi;a=void 0===a?null:a;null!==a&&c.then(a);Ki(null,b,null,c._onCommit);return c};Pi.prototype.legacy_renderSubtreeIntoContainer=function(a,b,c){var d=this._internalRoot,e=new Oi;c=void 0===c?null:c;null!==c&&e.then(c);Ki(b,d,a,e._onCommit);return e};
-	Pi.prototype.createBatch=function(){var a=new Ni(this),b=a._expirationTime,c=this._internalRoot,d=c.firstBatch;if(null===d)c.firstBatch=a,a._next=null;else{for(c=null;null!==d&&d._expirationTime>=b;)c=d,d=d._next;a._next=d;null!==c&&(c._next=a)}return a};function Qi(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}Gb=Gi;Hb=Ii;Ib=function(){W||0===gi||(Yh(gi,!1),gi=0)};
-	function Ri(a,b){b||(b=a?9===a.nodeType?a.documentElement:a.firstChild:null,b=!(!b||1!==b.nodeType||!b.hasAttribute("data-reactroot")));if(!b)for(var c;c=a.lastChild;)a.removeChild(c);return new Pi(a,!1,b)}
-	function Si(a,b,c,d,e){var f=c._reactRootContainer;if(f){if("function"===typeof e){var g=e;e=function(){var a=Li(f._internalRoot);g.call(a)}}null!=a?f.legacy_renderSubtreeIntoContainer(a,b,e):f.render(b,e)}else{f=c._reactRootContainer=Ri(c,d);if("function"===typeof e){var h=e;e=function(){var a=Li(f._internalRoot);h.call(a)}}Hi(function(){null!=a?f.legacy_renderSubtreeIntoContainer(a,b,e):f.render(b,e)})}return Li(f._internalRoot)}
-	function Ti(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;Qi(b)?void 0:x("200");return Mi(a,b,null,c)}
-	var Vi={createPortal:Ti,findDOMNode:function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternalFiber;void 0===b&&("function"===typeof a.render?x("188"):x("268",Object.keys(a)));a=hd(b);a=null===a?null:a.stateNode;return a},hydrate:function(a,b,c){Qi(b)?void 0:x("200");return Si(null,a,b,!0,c)},render:function(a,b,c){Qi(b)?void 0:x("200");return Si(null,a,b,!1,c)},unstable_renderSubtreeIntoContainer:function(a,b,c,d){Qi(c)?void 0:x("200");null==a||void 0===a._reactInternalFiber?
-	x("38"):void 0;return Si(a,b,c,!1,d)},unmountComponentAtNode:function(a){Qi(a)?void 0:x("40");return a._reactRootContainer?(Hi(function(){Si(null,null,a,!1,function(){a._reactRootContainer=null})}),!0):!1},unstable_createPortal:function(){return Ti.apply(void 0,arguments)},unstable_batchedUpdates:Gi,unstable_interactiveUpdates:Ii,flushSync:function(a,b){W?x("187"):void 0;var c=X;X=!0;try{return ki(a,b)}finally{X=c,Yh(1073741823,!1)}},unstable_createRoot:Ui,unstable_flushControlled:function(a){var b=
-	X;X=!0;try{ki(a)}finally{(X=b)||W||Yh(1073741823,!1)}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{Events:[Ia,Ja,Ka,Ba.injectEventPluginsByName,pa,Qa,function(a){ya(a,Pa)},Eb,Fb,Dd,Da]}};function Ui(a,b){Qi(a)?void 0:x("299","unstable_createRoot");return new Pi(a,!0,null!=b&&!0===b.hydrate)}
-	(function(a){var b=a.findFiberByHostInstance;return Te(n({},a,{overrideProps:null,currentDispatcherRef:Tb.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=hd(a);return null===a?null:a.stateNode},findFiberByHostInstance:function(a){return b?b(a):null}}))})({findFiberByHostInstance:Ha,bundleType:0,version:"16.8.6",rendererPackageName:"react-dom"});var Wi={default:Vi},Xi=Wi&&Vi||Wi;module.exports=Xi.default||Xi;
+	'use strict';var aa=__webpack_require__(1),n=__webpack_require__(4),q=__webpack_require__(10);function u(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!aa)throw Error(u(227));var ba=null,ca={};
+	function da(){if(ba)for(var a in ca){var b=ca[a],c=ba.indexOf(a);if(!(-1<c))throw Error(u(96,a));if(!ea[c]){if(!b.extractEvents)throw Error(u(97,a));ea[c]=b;c=b.eventTypes;for(var d in c){var e=void 0;var f=c[d],g=b,h=d;if(fa.hasOwnProperty(h))throw Error(u(99,h));fa[h]=f;var k=f.phasedRegistrationNames;if(k){for(e in k)k.hasOwnProperty(e)&&ha(k[e],g,h);e=!0}else f.registrationName?(ha(f.registrationName,g,h),e=!0):e=!1;if(!e)throw Error(u(98,d,a));}}}}
+	function ha(a,b,c){if(ia[a])throw Error(u(100,a));ia[a]=b;ja[a]=b.eventTypes[c].dependencies}var ea=[],fa={},ia={},ja={};function ka(a,b,c,d,e,f,g,h,k){var l=Array.prototype.slice.call(arguments,3);try{b.apply(c,l)}catch(m){this.onError(m)}}var la=!1,ma=null,na=!1,oa=null,pa={onError:function(a){la=!0;ma=a}};function qa(a,b,c,d,e,f,g,h,k){la=!1;ma=null;ka.apply(pa,arguments)}
+	function ra(a,b,c,d,e,f,g,h,k){qa.apply(this,arguments);if(la){if(la){var l=ma;la=!1;ma=null}else throw Error(u(198));na||(na=!0,oa=l)}}var sa=null,ua=null,va=null;function wa(a,b,c){var d=a.type||"unknown-event";a.currentTarget=va(c);ra(d,b,void 0,a);a.currentTarget=null}function xa(a,b){if(null==b)throw Error(u(30));if(null==a)return b;if(Array.isArray(a)){if(Array.isArray(b))return a.push.apply(a,b),a;a.push(b);return a}return Array.isArray(b)?[a].concat(b):[a,b]}
+	function ya(a,b,c){Array.isArray(a)?a.forEach(b,c):a&&b.call(c,a)}var za=null;function Aa(a){if(a){var b=a._dispatchListeners,c=a._dispatchInstances;if(Array.isArray(b))for(var d=0;d<b.length&&!a.isPropagationStopped();d++)wa(a,b[d],c[d]);else b&&wa(a,b,c);a._dispatchListeners=null;a._dispatchInstances=null;a.isPersistent()||a.constructor.release(a)}}function Ba(a){null!==a&&(za=xa(za,a));a=za;za=null;if(a){ya(a,Aa);if(za)throw Error(u(95));if(na)throw a=oa,na=!1,oa=null,a;}}
+	var Ca={injectEventPluginOrder:function(a){if(ba)throw Error(u(101));ba=Array.prototype.slice.call(a);da()},injectEventPluginsByName:function(a){var b=!1,c;for(c in a)if(a.hasOwnProperty(c)){var d=a[c];if(!ca.hasOwnProperty(c)||ca[c]!==d){if(ca[c])throw Error(u(102,c));ca[c]=d;b=!0}}b&&da()}};
+	function Da(a,b){var c=a.stateNode;if(!c)return null;var d=sa(c);if(!d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==typeof c)throw Error(u(231,b,typeof c));
+	return c}var Ea=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;Ea.hasOwnProperty("ReactCurrentDispatcher")||(Ea.ReactCurrentDispatcher={current:null});Ea.hasOwnProperty("ReactCurrentBatchConfig")||(Ea.ReactCurrentBatchConfig={suspense:null});
+	var Fa=/^(.*)[\\\/]/,w="function"===typeof Symbol&&Symbol.for,Ga=w?Symbol.for("react.element"):60103,Ha=w?Symbol.for("react.portal"):60106,Ia=w?Symbol.for("react.fragment"):60107,Ja=w?Symbol.for("react.strict_mode"):60108,Ka=w?Symbol.for("react.profiler"):60114,La=w?Symbol.for("react.provider"):60109,Ma=w?Symbol.for("react.context"):60110,Na=w?Symbol.for("react.concurrent_mode"):60111,Oa=w?Symbol.for("react.forward_ref"):60112,Pa=w?Symbol.for("react.suspense"):60113,Qa=w?Symbol.for("react.suspense_list"):
+	60120,Ra=w?Symbol.for("react.memo"):60115,Sa=w?Symbol.for("react.lazy"):60116;w&&Symbol.for("react.fundamental");w&&Symbol.for("react.responder");w&&Symbol.for("react.scope");var Ta="function"===typeof Symbol&&Symbol.iterator;function Ua(a){if(null===a||"object"!==typeof a)return null;a=Ta&&a[Ta]||a["@@iterator"];return"function"===typeof a?a:null}
+	function Va(a){if(-1===a._status){a._status=0;var b=a._ctor;b=b();a._result=b;b.then(function(b){0===a._status&&(b=b.default,a._status=1,a._result=b)},function(b){0===a._status&&(a._status=2,a._result=b)})}}
+	function Wa(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case Ia:return"Fragment";case Ha:return"Portal";case Ka:return"Profiler";case Ja:return"StrictMode";case Pa:return"Suspense";case Qa:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ma:return"Context.Consumer";case La:return"Context.Provider";case Oa:var b=a.render;b=b.displayName||b.name||"";return a.displayName||(""!==b?"ForwardRef("+b+")":
+	"ForwardRef");case Ra:return Wa(a.type);case Sa:if(a=1===a._status?a._result:null)return Wa(a)}return null}function Xa(a){var b="";do{a:switch(a.tag){case 3:case 4:case 6:case 7:case 10:case 9:var c="";break a;default:var d=a._debugOwner,e=a._debugSource,f=Wa(a.type);c=null;d&&(c=Wa(d.type));d=f;f="";e?f=" (at "+e.fileName.replace(Fa,"")+":"+e.lineNumber+")":c&&(f=" (created by "+c+")");c="\n    in "+(d||"Unknown")+f}b+=c;a=a.return}while(a);return b}
+	var Ya=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),Za=null,$a=null,ab=null;function bb(a){if(a=ua(a)){if("function"!==typeof Za)throw Error(u(280));var b=sa(a.stateNode);Za(a.stateNode,a.type,b)}}function cb(a){$a?ab?ab.push(a):ab=[a]:$a=a}function db(){if($a){var a=$a,b=ab;ab=$a=null;bb(a);if(b)for(a=0;a<b.length;a++)bb(b[a])}}function eb(a,b){return a(b)}function fb(a,b,c,d){return a(b,c,d)}function gb(){}
+	var hb=eb,ib=!1,jb=!1;function kb(){if(null!==$a||null!==ab)gb(),db()}new Map;var lb=/^[: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]*$/,mb=Object.prototype.hasOwnProperty,nb={},ob={};
+	function pb(a){if(mb.call(ob,a))return!0;if(mb.call(nb,a))return!1;if(lb.test(a))return ob[a]=!0;nb[a]=!0;return!1}function qb(a,b,c,d){if(null!==c&&0===c.type)return!1;switch(typeof b){case "function":case "symbol":return!0;case "boolean":if(d)return!1;if(null!==c)return!c.acceptsBooleans;a=a.toLowerCase().slice(0,5);return"data-"!==a&&"aria-"!==a;default:return!1}}
+	function rb(a,b,c,d){if(null===b||"undefined"===typeof b||qb(a,b,c,d))return!0;if(d)return!1;if(null!==c)switch(c.type){case 3:return!b;case 4:return!1===b;case 5:return isNaN(b);case 6:return isNaN(b)||1>b}return!1}function B(a,b,c,d,e,f){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f}var D={};
+	"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){D[a]=new B(a,0,!1,a,null,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];D[b]=new B(b,1,!1,a[1],null,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){D[a]=new B(a,2,!1,a.toLowerCase(),null,!1)});
+	["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){D[a]=new B(a,2,!1,a,null,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){D[a]=new B(a,3,!1,a.toLowerCase(),null,!1)});
+	["checked","multiple","muted","selected"].forEach(function(a){D[a]=new B(a,3,!0,a,null,!1)});["capture","download"].forEach(function(a){D[a]=new B(a,4,!1,a,null,!1)});["cols","rows","size","span"].forEach(function(a){D[a]=new B(a,6,!1,a,null,!1)});["rowSpan","start"].forEach(function(a){D[a]=new B(a,5,!1,a.toLowerCase(),null,!1)});var sb=/[\-:]([a-z])/g;function tb(a){return a[1].toUpperCase()}
+	"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var b=a.replace(sb,
+	tb);D[b]=new B(b,1,!1,a,null,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(sb,tb);D[b]=new B(b,1,!1,a,"http://www.w3.org/1999/xlink",!1)});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(sb,tb);D[b]=new B(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1)});["tabIndex","crossOrigin"].forEach(function(a){D[a]=new B(a,1,!1,a.toLowerCase(),null,!1)});
+	D.xlinkHref=new B("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0);["src","href","action","formAction"].forEach(function(a){D[a]=new B(a,1,!1,a.toLowerCase(),null,!0)});function ub(a){switch(typeof a){case "boolean":case "number":case "object":case "string":case "undefined":return a;default:return""}}
+	function vb(a,b,c,d){var e=D.hasOwnProperty(b)?D[b]:null;var f=null!==e?0===e.type:d?!1:!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1]?!1:!0;f||(rb(b,c,e,d)&&(c=null),d||null===e?pb(b)&&(null===c?a.removeAttribute(b):a.setAttribute(b,""+c)):e.mustUseProperty?a[e.propertyName]=null===c?3===e.type?!1:"":c:(b=e.attributeName,d=e.attributeNamespace,null===c?a.removeAttribute(b):(e=e.type,c=3===e||4===e&&!0===c?"":""+c,d?a.setAttributeNS(d,b,c):a.setAttribute(b,c))))}
+	function wb(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
+	function xb(a){var b=wb(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=""+a;f.call(this,a)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(a){d=""+a},stopTracking:function(){a._valueTracker=
+	null;delete a[b]}}}}function yb(a){a._valueTracker||(a._valueTracker=xb(a))}function zb(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=wb(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Ab(a,b){var c=b.checked;return n({},b,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}
+	function Bb(a,b){var c=null==b.defaultValue?"":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=ub(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:"checkbox"===b.type||"radio"===b.type?null!=b.checked:null!=b.value}}function Cb(a,b){b=b.checked;null!=b&&vb(a,"checked",b,!1)}
+	function Eb(a,b){Cb(a,b);var c=ub(b.value),d=b.type;if(null!=c)if("number"===d){if(0===c&&""===a.value||a.value!=c)a.value=""+c}else a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d){a.removeAttribute("value");return}b.hasOwnProperty("value")?Fb(a,b.type,c):b.hasOwnProperty("defaultValue")&&Fb(a,b.type,ub(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked)}
+	function Gb(a,b,c){if(b.hasOwnProperty("value")||b.hasOwnProperty("defaultValue")){var d=b.type;if(!("submit"!==d&&"reset"!==d||void 0!==b.value&&null!==b.value))return;b=""+a._wrapperState.initialValue;c||b===a.value||(a.value=b);a.defaultValue=b}c=a.name;""!==c&&(a.name="");a.defaultChecked=!a.defaultChecked;a.defaultChecked=!!a._wrapperState.initialChecked;""!==c&&(a.name=c)}
+	function Fb(a,b,c){if("number"!==b||a.ownerDocument.activeElement!==a)null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c)}function Hb(a){var b="";aa.Children.forEach(a,function(a){null!=a&&(b+=a)});return b}function Ib(a,b){a=n({children:void 0},b);if(b=Hb(b.children))a.children=b;return a}
+	function Jb(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+ub(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
+	function Kb(a,b){if(null!=b.dangerouslySetInnerHTML)throw Error(u(91));return n({},b,{value:void 0,defaultValue:void 0,children:""+a._wrapperState.initialValue})}function Lb(a,b){var c=b.value;if(null==c){c=b.defaultValue;b=b.children;if(null!=b){if(null!=c)throw Error(u(92));if(Array.isArray(b)){if(!(1>=b.length))throw Error(u(93));b=b[0]}c=b}null==c&&(c="")}a._wrapperState={initialValue:ub(c)}}
+	function Mb(a,b){var c=ub(b.value),d=ub(b.defaultValue);null!=c&&(c=""+c,c!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c));null!=d&&(a.defaultValue=""+d)}function Nb(a){var b=a.textContent;b===a._wrapperState.initialValue&&""!==b&&null!==b&&(a.value=b)}var Ob={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};
+	function Pb(a){switch(a){case "svg":return"http://www.w3.org/2000/svg";case "math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function Qb(a,b){return null==a||"http://www.w3.org/1999/xhtml"===a?Pb(b):"http://www.w3.org/2000/svg"===a&&"foreignObject"===b?"http://www.w3.org/1999/xhtml":a}
+	var Rb,Sb=function(a){return"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction(function(){return a(b,c,d,e)})}:a}(function(a,b){if(a.namespaceURI!==Ob.svg||"innerHTML"in a)a.innerHTML=b;else{Rb=Rb||document.createElement("div");Rb.innerHTML="<svg>"+b.valueOf().toString()+"</svg>";for(b=Rb.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}});
+	function Tb(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}function Ub(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var Vb={animationend:Ub("Animation","AnimationEnd"),animationiteration:Ub("Animation","AnimationIteration"),animationstart:Ub("Animation","AnimationStart"),transitionend:Ub("Transition","TransitionEnd")},Wb={},Xb={};
+	Ya&&(Xb=document.createElement("div").style,"AnimationEvent"in window||(delete Vb.animationend.animation,delete Vb.animationiteration.animation,delete Vb.animationstart.animation),"TransitionEvent"in window||delete Vb.transitionend.transition);function Yb(a){if(Wb[a])return Wb[a];if(!Vb[a])return a;var b=Vb[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in Xb)return Wb[a]=b[c];return a}var Zb=Yb("animationend"),$b=Yb("animationiteration"),ac=Yb("animationstart"),bc=Yb("transitionend"),cc="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" ");
+	function ec(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.effectTag&1026)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}function fc(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function gc(a){if(ec(a)!==a)throw Error(u(188));}
+	function hc(a){var b=a.alternate;if(!b){b=ec(a);if(null===b)throw Error(u(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return gc(e),a;if(f===d)return gc(e),b;f=f.sibling}throw Error(u(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===
+	c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(u(189));}}if(c.alternate!==d)throw Error(u(190));}if(3!==c.tag)throw Error(u(188));return c.stateNode.current===c?a:b}function ic(a){a=hc(a);if(!a)return null;for(var b=a;;){if(5===b.tag||6===b.tag)return b;if(b.child)b.child.return=b,b=b.child;else{if(b===a)break;for(;!b.sibling;){if(!b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}}return null}
+	var jc,kc,lc,mc=!1,nc=[],oc=null,pc=null,qc=null,rc=new Map,sc=new Map,tc=[],uc="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput close cancel copy cut paste click change contextmenu reset submit".split(" "),vc="focus blur dragenter dragleave mouseover mouseout pointerover pointerout gotpointercapture lostpointercapture".split(" ");
+	function wc(a){var b=xc(a);uc.forEach(function(c){yc(c,a,b)});vc.forEach(function(c){yc(c,a,b)})}function zc(a,b,c,d){return{blockedOn:a,topLevelType:b,eventSystemFlags:c|32,nativeEvent:d}}function Ac(a,b){switch(a){case "focus":case "blur":oc=null;break;case "dragenter":case "dragleave":pc=null;break;case "mouseover":case "mouseout":qc=null;break;case "pointerover":case "pointerout":rc.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":sc.delete(b.pointerId)}}
+	function Bc(a,b,c,d,e){if(null===a||a.nativeEvent!==e)return a=zc(b,c,d,e),null!==b&&(b=Cc(b),null!==b&&kc(b)),a;a.eventSystemFlags|=d;return a}function Dc(a,b,c,d){switch(b){case "focus":return oc=Bc(oc,a,b,c,d),!0;case "dragenter":return pc=Bc(pc,a,b,c,d),!0;case "mouseover":return qc=Bc(qc,a,b,c,d),!0;case "pointerover":var e=d.pointerId;rc.set(e,Bc(rc.get(e)||null,a,b,c,d));return!0;case "gotpointercapture":return e=d.pointerId,sc.set(e,Bc(sc.get(e)||null,a,b,c,d)),!0}return!1}
+	function Ec(a){var b=Fc(a.target);if(null!==b){var c=ec(b);if(null!==c)if(b=c.tag,13===b){if(b=fc(c),null!==b){a.blockedOn=b;q.unstable_runWithPriority(a.priority,function(){lc(c)});return}}else if(3===b&&c.stateNode.hydrate){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}function Gc(a){if(null!==a.blockedOn)return!1;var b=Hc(a.topLevelType,a.eventSystemFlags,a.nativeEvent);if(null!==b){var c=Cc(b);null!==c&&kc(c);a.blockedOn=b;return!1}return!0}
+	function Ic(a,b,c){Gc(a)&&c.delete(b)}function Jc(){for(mc=!1;0<nc.length;){var a=nc[0];if(null!==a.blockedOn){a=Cc(a.blockedOn);null!==a&&jc(a);break}var b=Hc(a.topLevelType,a.eventSystemFlags,a.nativeEvent);null!==b?a.blockedOn=b:nc.shift()}null!==oc&&Gc(oc)&&(oc=null);null!==pc&&Gc(pc)&&(pc=null);null!==qc&&Gc(qc)&&(qc=null);rc.forEach(Ic);sc.forEach(Ic)}function Kc(a,b){a.blockedOn===b&&(a.blockedOn=null,mc||(mc=!0,q.unstable_scheduleCallback(q.unstable_NormalPriority,Jc)))}
+	function Lc(a){function b(b){return Kc(b,a)}if(0<nc.length){Kc(nc[0],a);for(var c=1;c<nc.length;c++){var d=nc[c];d.blockedOn===a&&(d.blockedOn=null)}}null!==oc&&Kc(oc,a);null!==pc&&Kc(pc,a);null!==qc&&Kc(qc,a);rc.forEach(b);sc.forEach(b);for(c=0;c<tc.length;c++)d=tc[c],d.blockedOn===a&&(d.blockedOn=null);for(;0<tc.length&&(c=tc[0],null===c.blockedOn);)Ec(c),null===c.blockedOn&&tc.shift()}
+	function Mc(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}function Nc(a){do a=a.return;while(a&&5!==a.tag);return a?a:null}function Oc(a,b,c){if(b=Da(a,c.dispatchConfig.phasedRegistrationNames[b]))c._dispatchListeners=xa(c._dispatchListeners,b),c._dispatchInstances=xa(c._dispatchInstances,a)}
+	function Pc(a){if(a&&a.dispatchConfig.phasedRegistrationNames){for(var b=a._targetInst,c=[];b;)c.push(b),b=Nc(b);for(b=c.length;0<b--;)Oc(c[b],"captured",a);for(b=0;b<c.length;b++)Oc(c[b],"bubbled",a)}}function Qc(a,b,c){a&&c&&c.dispatchConfig.registrationName&&(b=Da(a,c.dispatchConfig.registrationName))&&(c._dispatchListeners=xa(c._dispatchListeners,b),c._dispatchInstances=xa(c._dispatchInstances,a))}function Rc(a){a&&a.dispatchConfig.registrationName&&Qc(a._targetInst,null,a)}
+	function Sc(a){ya(a,Pc)}function Tc(){return!0}function Uc(){return!1}function E(a,b,c,d){this.dispatchConfig=a;this._targetInst=b;this.nativeEvent=c;a=this.constructor.Interface;for(var e in a)a.hasOwnProperty(e)&&((b=a[e])?this[e]=b(c):"target"===e?this.target=d:this[e]=c[e]);this.isDefaultPrevented=(null!=c.defaultPrevented?c.defaultPrevented:!1===c.returnValue)?Tc:Uc;this.isPropagationStopped=Uc;return this}
+	n(E.prototype,{preventDefault:function(){this.defaultPrevented=!0;var a=this.nativeEvent;a&&(a.preventDefault?a.preventDefault():"unknown"!==typeof a.returnValue&&(a.returnValue=!1),this.isDefaultPrevented=Tc)},stopPropagation:function(){var a=this.nativeEvent;a&&(a.stopPropagation?a.stopPropagation():"unknown"!==typeof a.cancelBubble&&(a.cancelBubble=!0),this.isPropagationStopped=Tc)},persist:function(){this.isPersistent=Tc},isPersistent:Uc,destructor:function(){var a=this.constructor.Interface,
+	b;for(b in a)this[b]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null;this.isPropagationStopped=this.isDefaultPrevented=Uc;this._dispatchInstances=this._dispatchListeners=null}});E.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null};
+	E.extend=function(a){function b(){}function c(){return d.apply(this,arguments)}var d=this;b.prototype=d.prototype;var e=new b;n(e,c.prototype);c.prototype=e;c.prototype.constructor=c;c.Interface=n({},d.Interface,a);c.extend=d.extend;Vc(c);return c};Vc(E);function Wc(a,b,c,d){if(this.eventPool.length){var e=this.eventPool.pop();this.call(e,a,b,c,d);return e}return new this(a,b,c,d)}
+	function Xc(a){if(!(a instanceof this))throw Error(u(279));a.destructor();10>this.eventPool.length&&this.eventPool.push(a)}function Vc(a){a.eventPool=[];a.getPooled=Wc;a.release=Xc}var Yc=E.extend({animationName:null,elapsedTime:null,pseudoElement:null}),Zc=E.extend({clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),$c=E.extend({view:null,detail:null}),ad=$c.extend({relatedTarget:null});
+	function bd(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}
+	var cd={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},dd={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",
+	116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},ed={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function gd(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=ed[a])?!!b[a]:!1}function hd(){return gd}
+	var id=$c.extend({key:function(a){if(a.key){var b=cd[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=bd(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?dd[a.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:hd,charCode:function(a){return"keypress"===a.type?bd(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===
+	a.type?bd(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),jd=0,kd=0,ld=!1,md=!1,nd=$c.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:hd,button:null,buttons:null,relatedTarget:function(a){return a.relatedTarget||(a.fromElement===a.srcElement?a.toElement:a.fromElement)},movementX:function(a){if("movementX"in a)return a.movementX;var b=jd;jd=a.screenX;return ld?"mousemove"===a.type?a.screenX-
+	b:0:(ld=!0,0)},movementY:function(a){if("movementY"in a)return a.movementY;var b=kd;kd=a.screenY;return md?"mousemove"===a.type?a.screenY-b:0:(md=!0,0)}}),od=nd.extend({pointerId:null,width:null,height:null,pressure:null,tangentialPressure:null,tiltX:null,tiltY:null,twist:null,pointerType:null,isPrimary:null}),pd=nd.extend({dataTransfer:null}),qd=$c.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:hd}),rd=E.extend({propertyName:null,
+	elapsedTime:null,pseudoElement:null}),sd=nd.extend({deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:null,deltaMode:null}),td=[["blur","blur",0],["cancel","cancel",0],["click","click",0],["close","close",0],["contextmenu","contextMenu",0],["copy","copy",0],["cut","cut",0],["auxclick","auxClick",0],["dblclick","doubleClick",0],["dragend","dragEnd",
+	0],["dragstart","dragStart",0],["drop","drop",0],["focus","focus",0],["input","input",0],["invalid","invalid",0],["keydown","keyDown",0],["keypress","keyPress",0],["keyup","keyUp",0],["mousedown","mouseDown",0],["mouseup","mouseUp",0],["paste","paste",0],["pause","pause",0],["play","play",0],["pointercancel","pointerCancel",0],["pointerdown","pointerDown",0],["pointerup","pointerUp",0],["ratechange","rateChange",0],["reset","reset",0],["seeked","seeked",0],["submit","submit",0],["touchcancel","touchCancel",
+	0],["touchend","touchEnd",0],["touchstart","touchStart",0],["volumechange","volumeChange",0],["drag","drag",1],["dragenter","dragEnter",1],["dragexit","dragExit",1],["dragleave","dragLeave",1],["dragover","dragOver",1],["mousemove","mouseMove",1],["mouseout","mouseOut",1],["mouseover","mouseOver",1],["pointermove","pointerMove",1],["pointerout","pointerOut",1],["pointerover","pointerOver",1],["scroll","scroll",1],["toggle","toggle",1],["touchmove","touchMove",1],["wheel","wheel",1],["abort","abort",
+	2],[Zb,"animationEnd",2],[$b,"animationIteration",2],[ac,"animationStart",2],["canplay","canPlay",2],["canplaythrough","canPlayThrough",2],["durationchange","durationChange",2],["emptied","emptied",2],["encrypted","encrypted",2],["ended","ended",2],["error","error",2],["gotpointercapture","gotPointerCapture",2],["load","load",2],["loadeddata","loadedData",2],["loadedmetadata","loadedMetadata",2],["loadstart","loadStart",2],["lostpointercapture","lostPointerCapture",2],["playing","playing",2],["progress",
+	"progress",2],["seeking","seeking",2],["stalled","stalled",2],["suspend","suspend",2],["timeupdate","timeUpdate",2],[bc,"transitionEnd",2],["waiting","waiting",2]],ud={},vd={},wd=0;for(;wd<td.length;wd++){var yd=td[wd],zd=yd[0],Ad=yd[1],Bd=yd[2],Cd="on"+(Ad[0].toUpperCase()+Ad.slice(1)),Dd={phasedRegistrationNames:{bubbled:Cd,captured:Cd+"Capture"},dependencies:[zd],eventPriority:Bd};ud[Ad]=Dd;vd[zd]=Dd}
+	var Ed={eventTypes:ud,getEventPriority:function(a){a=vd[a];return void 0!==a?a.eventPriority:2},extractEvents:function(a,b,c,d){var e=vd[a];if(!e)return null;switch(a){case "keypress":if(0===bd(c))return null;case "keydown":case "keyup":a=id;break;case "blur":case "focus":a=ad;break;case "click":if(2===c.button)return null;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":a=nd;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":a=
+	pd;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":a=qd;break;case Zb:case $b:case ac:a=Yc;break;case bc:a=rd;break;case "scroll":a=$c;break;case "wheel":a=sd;break;case "copy":case "cut":case "paste":a=Zc;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":a=od;break;default:a=E}b=a.getPooled(e,b,c,d);Sc(b);return b}},Fd=q.unstable_UserBlockingPriority,
+	Gd=q.unstable_runWithPriority,Hd=Ed.getEventPriority,Id=10,Jd=[];
+	function Kd(a){var b=a.targetInst,c=b;do{if(!c){a.ancestors.push(c);break}var d=c;if(3===d.tag)d=d.stateNode.containerInfo;else{for(;d.return;)d=d.return;d=3!==d.tag?null:d.stateNode.containerInfo}if(!d)break;b=c.tag;5!==b&&6!==b||a.ancestors.push(c);c=Fc(d)}while(c);for(c=0;c<a.ancestors.length;c++){b=a.ancestors[c];var e=Mc(a.nativeEvent);d=a.topLevelType;for(var f=a.nativeEvent,g=a.eventSystemFlags,h=null,k=0;k<ea.length;k++){var l=ea[k];l&&(l=l.extractEvents(d,b,f,e,g))&&(h=xa(h,l))}Ba(h)}}
+	var Ld=!0;function F(a,b){Md(b,a,!1)}function Md(a,b,c){switch(Hd(b)){case 0:var d=Nd.bind(null,b,1);break;case 1:d=Od.bind(null,b,1);break;default:d=Pd.bind(null,b,1)}c?a.addEventListener(b,d,!0):a.addEventListener(b,d,!1)}function Nd(a,b,c){ib||gb();var d=Pd,e=ib;ib=!0;try{fb(d,a,b,c)}finally{(ib=e)||kb()}}function Od(a,b,c){Gd(Fd,Pd.bind(null,a,b,c))}
+	function Qd(a,b,c,d){if(Jd.length){var e=Jd.pop();e.topLevelType=a;e.eventSystemFlags=b;e.nativeEvent=c;e.targetInst=d;a=e}else a={topLevelType:a,eventSystemFlags:b,nativeEvent:c,targetInst:d,ancestors:[]};try{if(b=Kd,c=a,jb)b(c,void 0);else{jb=!0;try{hb(b,c,void 0)}finally{jb=!1,kb()}}}finally{a.topLevelType=null,a.nativeEvent=null,a.targetInst=null,a.ancestors.length=0,Jd.length<Id&&Jd.push(a)}}
+	function Pd(a,b,c){if(Ld)if(0<nc.length&&-1<uc.indexOf(a))a=zc(null,a,b,c),nc.push(a);else{var d=Hc(a,b,c);null===d?Ac(a,c):-1<uc.indexOf(a)?(a=zc(d,a,b,c),nc.push(a)):Dc(d,a,b,c)||(Ac(a,c),Qd(a,b,c,null))}}function Hc(a,b,c){var d=Mc(c);d=Fc(d);if(null!==d){var e=ec(d);if(null===e)d=null;else{var f=e.tag;if(13===f){d=fc(e);if(null!==d)return d;d=null}else if(3===f){if(e.stateNode.hydrate)return 3===e.tag?e.stateNode.containerInfo:null;d=null}else e!==d&&(d=null)}}Qd(a,b,c,d);return null}
+	function Rd(a){if(!Ya)return!1;a="on"+a;var b=a in document;b||(b=document.createElement("div"),b.setAttribute(a,"return;"),b="function"===typeof b[a]);return b}var Sd=new ("function"===typeof WeakMap?WeakMap:Map);function xc(a){var b=Sd.get(a);void 0===b&&(b=new Set,Sd.set(a,b));return b}
+	function yc(a,b,c){if(!c.has(a)){switch(a){case "scroll":Md(b,"scroll",!0);break;case "focus":case "blur":Md(b,"focus",!0);Md(b,"blur",!0);c.add("blur");c.add("focus");break;case "cancel":case "close":Rd(a)&&Md(b,a,!0);break;case "invalid":case "submit":case "reset":break;default:-1===cc.indexOf(a)&&F(a,b)}c.add(a)}}
+	var Td={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,
+	floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Ud=["Webkit","ms","Moz","O"];Object.keys(Td).forEach(function(a){Ud.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);Td[b]=Td[a]})});function Vd(a,b,c){return null==b||"boolean"===typeof b||""===b?"":c||"number"!==typeof b||0===b||Td.hasOwnProperty(a)&&Td[a]?(""+b).trim():b+"px"}
+	function Wd(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf("--"),e=Vd(c,b[c],d);"float"===c&&(c="cssFloat");d?a.setProperty(c,e):a[c]=e}}var Xd=n({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});
+	function Yd(a,b){if(b){if(Xd[a]&&(null!=b.children||null!=b.dangerouslySetInnerHTML))throw Error(u(137,a,""));if(null!=b.dangerouslySetInnerHTML){if(null!=b.children)throw Error(u(60));if(!("object"===typeof b.dangerouslySetInnerHTML&&"__html"in b.dangerouslySetInnerHTML))throw Error(u(61));}if(null!=b.style&&"object"!==typeof b.style)throw Error(u(62,""));}}
+	function Zd(a,b){if(-1===a.indexOf("-"))return"string"===typeof b.is;switch(a){case "annotation-xml":case "color-profile":case "font-face":case "font-face-src":case "font-face-uri":case "font-face-format":case "font-face-name":case "missing-glyph":return!1;default:return!0}}function $d(a,b){a=9===a.nodeType||11===a.nodeType?a:a.ownerDocument;var c=xc(a);b=ja[b];for(var d=0;d<b.length;d++)yc(b[d],a,c)}function ae(){}
+	function be(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}function ce(a){for(;a&&a.firstChild;)a=a.firstChild;return a}function de(a,b){var c=ce(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=ce(c)}}
+	function ee(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?ee(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}function fe(){for(var a=window,b=be();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=be(a.document)}return b}
+	function ge(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}var he="$",ie="/$",je="$?",ke="$!",le=null,me=null;function ne(a,b){switch(a){case "button":case "input":case "select":case "textarea":return!!b.autoFocus}return!1}
+	function oe(a,b){return"textarea"===a||"option"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var pe="function"===typeof setTimeout?setTimeout:void 0,qe="function"===typeof clearTimeout?clearTimeout:void 0;function re(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break}return a}
+	function se(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if(c===he||c===ke||c===je){if(0===b)return a;b--}else c===ie&&b++}a=a.previousSibling}return null}var te=Math.random().toString(36).slice(2),ue="__reactInternalInstance$"+te,ve="__reactEventHandlers$"+te,we="__reactContainere$"+te;
+	function Fc(a){var b=a[ue];if(b)return b;for(var c=a.parentNode;c;){if(b=c[we]||c[ue]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=se(a);null!==a;){if(c=a[ue])return c;a=se(a)}return b}a=c;c=a.parentNode}return null}function Cc(a){a=a[ue]||a[we];return!a||5!==a.tag&&6!==a.tag&&13!==a.tag&&3!==a.tag?null:a}function xe(a){if(5===a.tag||6===a.tag)return a.stateNode;throw Error(u(33));}function ye(a){return a[ve]||null}var ze=null,Ae=null,Be=null;
+	function Ce(){if(Be)return Be;var a,b=Ae,c=b.length,d,e="value"in ze?ze.value:ze.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return Be=e.slice(a,1<d?1-d:void 0)}var De=E.extend({data:null}),Ee=E.extend({data:null}),Fe=[9,13,27,32],Ge=Ya&&"CompositionEvent"in window,He=null;Ya&&"documentMode"in document&&(He=document.documentMode);
+	var Ie=Ya&&"TextEvent"in window&&!He,Je=Ya&&(!Ge||He&&8<He&&11>=He),Ke=String.fromCharCode(32),Le={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",
+	captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},Me=!1;
+	function Ne(a,b){switch(a){case "keyup":return-1!==Fe.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "blur":return!0;default:return!1}}function Oe(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var Pe=!1;function Qe(a,b){switch(a){case "compositionend":return Oe(b);case "keypress":if(32!==b.which)return null;Me=!0;return Ke;case "textInput":return a=b.data,a===Ke&&Me?null:a;default:return null}}
+	function Re(a,b){if(Pe)return"compositionend"===a||!Ge&&Ne(a,b)?(a=Ce(),Be=Ae=ze=null,Pe=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return Je&&"ko"!==b.locale?null:b.data;default:return null}}
+	var Se={eventTypes:Le,extractEvents:function(a,b,c,d){var e;if(Ge)b:{switch(a){case "compositionstart":var f=Le.compositionStart;break b;case "compositionend":f=Le.compositionEnd;break b;case "compositionupdate":f=Le.compositionUpdate;break b}f=void 0}else Pe?Ne(a,c)&&(f=Le.compositionEnd):"keydown"===a&&229===c.keyCode&&(f=Le.compositionStart);f?(Je&&"ko"!==c.locale&&(Pe||f!==Le.compositionStart?f===Le.compositionEnd&&Pe&&(e=Ce()):(ze=d,Ae="value"in ze?ze.value:ze.textContent,Pe=!0)),f=De.getPooled(f,
+	b,c,d),e?f.data=e:(e=Oe(c),null!==e&&(f.data=e)),Sc(f),e=f):e=null;(a=Ie?Qe(a,c):Re(a,c))?(b=Ee.getPooled(Le.beforeInput,b,c,d),b.data=a,Sc(b)):b=null;return null===e?b:null===b?e:[e,b]}},Te={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Ue(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!Te[a.type]:"textarea"===b?!0:!1}
+	var Ve={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function We(a,b,c){a=E.getPooled(Ve.change,a,b,c);a.type="change";cb(c);Sc(a);return a}var Xe=null,Ye=null;function Ze(a){Ba(a)}function $e(a){var b=xe(a);if(zb(b))return a}function af(a,b){if("change"===a)return b}var bf=!1;Ya&&(bf=Rd("input")&&(!document.documentMode||9<document.documentMode));
+	function cf(){Xe&&(Xe.detachEvent("onpropertychange",df),Ye=Xe=null)}function df(a){if("value"===a.propertyName&&$e(Ye))if(a=We(Ye,a,Mc(a)),ib)Ba(a);else{ib=!0;try{eb(Ze,a)}finally{ib=!1,kb()}}}function ef(a,b,c){"focus"===a?(cf(),Xe=b,Ye=c,Xe.attachEvent("onpropertychange",df)):"blur"===a&&cf()}function ff(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return $e(Ye)}function gf(a,b){if("click"===a)return $e(b)}function hf(a,b){if("input"===a||"change"===a)return $e(b)}
+	var jf={eventTypes:Ve,_isInputEventSupported:bf,extractEvents:function(a,b,c,d){var e=b?xe(b):window,f=e.nodeName&&e.nodeName.toLowerCase();if("select"===f||"input"===f&&"file"===e.type)var g=af;else if(Ue(e))if(bf)g=hf;else{g=ff;var h=ef}else(f=e.nodeName)&&"input"===f.toLowerCase()&&("checkbox"===e.type||"radio"===e.type)&&(g=gf);if(g&&(g=g(a,b)))return We(g,c,d);h&&h(a,e,b);"blur"===a&&(a=e._wrapperState)&&a.controlled&&"number"===e.type&&Fb(e,"number",e.value)}},kf={mouseEnter:{registrationName:"onMouseEnter",
+	dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",dependencies:["pointerout","pointerover"]}},lf,mf={eventTypes:kf,extractEvents:function(a,b,c,d,e){var f="mouseover"===a||"pointerover"===a,g="mouseout"===a||"pointerout"===a;if(f&&0===(e&32)&&(c.relatedTarget||c.fromElement)||!g&&!f)return null;
+	e=d.window===d?d:(e=d.ownerDocument)?e.defaultView||e.parentWindow:window;if(g){if(g=b,b=(b=c.relatedTarget||c.toElement)?Fc(b):null,null!==b&&(f=ec(b),b!==f||5!==b.tag&&6!==b.tag))b=null}else g=null;if(g===b)return null;if("mouseout"===a||"mouseover"===a){var h=nd;var k=kf.mouseLeave;var l=kf.mouseEnter;var m="mouse"}else if("pointerout"===a||"pointerover"===a)h=od,k=kf.pointerLeave,l=kf.pointerEnter,m="pointer";a=null==g?e:xe(g);e=null==b?e:xe(b);k=h.getPooled(k,g,c,d);k.type=m+"leave";k.target=
+	a;k.relatedTarget=e;d=h.getPooled(l,b,c,d);d.type=m+"enter";d.target=e;d.relatedTarget=a;h=g;m=b;if(h&&m)a:{l=h;a=m;g=0;for(b=l;b;b=Nc(b))g++;b=0;for(e=a;e;e=Nc(e))b++;for(;0<g-b;)l=Nc(l),g--;for(;0<b-g;)a=Nc(a),b--;for(;g--;){if(l===a||l===a.alternate)break a;l=Nc(l);a=Nc(a)}l=null}else l=null;a=l;for(l=[];h&&h!==a;){g=h.alternate;if(null!==g&&g===a)break;l.push(h);h=Nc(h)}for(h=[];m&&m!==a;){g=m.alternate;if(null!==g&&g===a)break;h.push(m);m=Nc(m)}for(m=0;m<l.length;m++)Qc(l[m],"bubbled",k);for(m=
+	h.length;0<m--;)Qc(h[m],"captured",d);if(c===lf)return lf=null,[k];lf=c;return[k,d]}};function nf(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var of="function"===typeof Object.is?Object.is:nf,pf=Object.prototype.hasOwnProperty;function qf(a,b){if(of(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++)if(!pf.call(b,c[d])||!of(a[c[d]],b[c[d]]))return!1;return!0}
+	var rf=Ya&&"documentMode"in document&&11>=document.documentMode,sf={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},tf=null,uf=null,vf=null,wf=!1;
+	function xf(a,b){var c=b.window===b?b.document:9===b.nodeType?b:b.ownerDocument;if(wf||null==tf||tf!==be(c))return null;c=tf;"selectionStart"in c&&ge(c)?c={start:c.selectionStart,end:c.selectionEnd}:(c=(c.ownerDocument&&c.ownerDocument.defaultView||window).getSelection(),c={anchorNode:c.anchorNode,anchorOffset:c.anchorOffset,focusNode:c.focusNode,focusOffset:c.focusOffset});return vf&&qf(vf,c)?null:(vf=c,a=E.getPooled(sf.select,uf,a,b),a.type="select",a.target=tf,Sc(a),a)}
+	var yf={eventTypes:sf,extractEvents:function(a,b,c,d){var e=d.window===d?d.document:9===d.nodeType?d:d.ownerDocument,f;if(!(f=!e)){a:{e=xc(e);f=ja.onSelect;for(var g=0;g<f.length;g++)if(!e.has(f[g])){e=!1;break a}e=!0}f=!e}if(f)return null;e=b?xe(b):window;switch(a){case "focus":if(Ue(e)||"true"===e.contentEditable)tf=e,uf=b,vf=null;break;case "blur":vf=uf=tf=null;break;case "mousedown":wf=!0;break;case "contextmenu":case "mouseup":case "dragend":return wf=!1,xf(c,d);case "selectionchange":if(rf)break;
+	case "keydown":case "keyup":return xf(c,d)}return null}};Ca.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" "));var zf=Cc;sa=ye;ua=zf;va=xe;Ca.injectEventPluginsByName({SimpleEventPlugin:Ed,EnterLeaveEventPlugin:mf,ChangeEventPlugin:jf,SelectEventPlugin:yf,BeforeInputEventPlugin:Se});new Set;var Af=[],Bf=-1;function G(a){0>Bf||(a.current=Af[Bf],Af[Bf]=null,Bf--)}
+	function I(a,b){Bf++;Af[Bf]=a.current;a.current=b}var Cf={},J={current:Cf},K={current:!1},Df=Cf;function Ef(a,b){var c=a.type.contextTypes;if(!c)return Cf;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function L(a){a=a.childContextTypes;return null!==a&&void 0!==a}
+	function Ff(a){G(K,a);G(J,a)}function Gf(a){G(K,a);G(J,a)}function Hf(a,b,c){if(J.current!==Cf)throw Error(u(168));I(J,b,a);I(K,c,a)}function If(a,b,c){var d=a.stateNode;a=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in a))throw Error(u(108,Wa(b)||"Unknown",e));return n({},c,{},d)}function Jf(a){var b=a.stateNode;b=b&&b.__reactInternalMemoizedMergedChildContext||Cf;Df=J.current;I(J,b,a);I(K,K.current,a);return!0}
+	function Kf(a,b,c){var d=a.stateNode;if(!d)throw Error(u(169));c?(b=If(a,b,Df),d.__reactInternalMemoizedMergedChildContext=b,G(K,a),G(J,a),I(J,b,a)):G(K,a);I(K,c,a)}
+	var Lf=q.unstable_runWithPriority,Mf=q.unstable_scheduleCallback,Nf=q.unstable_cancelCallback,Of=q.unstable_shouldYield,Pf=q.unstable_requestPaint,Qf=q.unstable_now,Rf=q.unstable_getCurrentPriorityLevel,Sf=q.unstable_ImmediatePriority,Tf=q.unstable_UserBlockingPriority,Uf=q.unstable_NormalPriority,Vf=q.unstable_LowPriority,Wf=q.unstable_IdlePriority,Xf={},Yf=void 0!==Pf?Pf:function(){},Zf=null,$f=null,ag=!1,bg=Qf(),cg=1E4>bg?Qf:function(){return Qf()-bg};
+	function dg(){switch(Rf()){case Sf:return 99;case Tf:return 98;case Uf:return 97;case Vf:return 96;case Wf:return 95;default:throw Error(u(332));}}function eg(a){switch(a){case 99:return Sf;case 98:return Tf;case 97:return Uf;case 96:return Vf;case 95:return Wf;default:throw Error(u(332));}}function fg(a,b){a=eg(a);return Lf(a,b)}function gg(a,b,c){a=eg(a);return Mf(a,b,c)}function hg(a){null===Zf?(Zf=[a],$f=Mf(Sf,ig)):Zf.push(a);return Xf}function jg(){if(null!==$f){var a=$f;$f=null;Nf(a)}ig()}
+	function ig(){if(!ag&&null!==Zf){ag=!0;var a=0;try{var b=Zf;fg(99,function(){for(;a<b.length;a++){var c=b[a];do c=c(!0);while(null!==c)}});Zf=null}catch(c){throw null!==Zf&&(Zf=Zf.slice(a+1)),Mf(Sf,jg),c;}finally{ag=!1}}}var kg=3;function lg(a,b,c){c/=10;return 1073741821-(((1073741821-a+b/10)/c|0)+1)*c}function mg(a,b){if(a&&a.defaultProps){b=n({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c])}return b}var ng={current:null},og=null,pg=null,qg=null;function rg(){qg=pg=og=null}
+	function sg(a,b){var c=a.type._context;I(ng,c._currentValue,a);c._currentValue=b}function tg(a){var b=ng.current;G(ng,a);a.type._context._currentValue=b}function ug(a,b){for(;null!==a;){var c=a.alternate;if(a.childExpirationTime<b)a.childExpirationTime=b,null!==c&&c.childExpirationTime<b&&(c.childExpirationTime=b);else if(null!==c&&c.childExpirationTime<b)c.childExpirationTime=b;else break;a=a.return}}
+	function vg(a,b){og=a;qg=pg=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(a.expirationTime>=b&&(wg=!0),a.firstContext=null)}function xg(a,b){if(qg!==a&&!1!==b&&0!==b){if("number"!==typeof b||1073741823===b)qg=a,b=1073741823;b={context:a,observedBits:b,next:null};if(null===pg){if(null===og)throw Error(u(308));pg=b;og.dependencies={expirationTime:0,firstContext:b,responders:null}}else pg=pg.next=b}return a._currentValue}var yg=!1;
+	function zg(a){return{baseState:a,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function Ag(a){return{baseState:a.baseState,firstUpdate:a.firstUpdate,lastUpdate:a.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}
+	function Bg(a,b){return{expirationTime:a,suspenseConfig:b,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function Cg(a,b){null===a.lastUpdate?a.firstUpdate=a.lastUpdate=b:(a.lastUpdate.next=b,a.lastUpdate=b)}
+	function Dg(a,b){var c=a.alternate;if(null===c){var d=a.updateQueue;var e=null;null===d&&(d=a.updateQueue=zg(a.memoizedState))}else d=a.updateQueue,e=c.updateQueue,null===d?null===e?(d=a.updateQueue=zg(a.memoizedState),e=c.updateQueue=zg(c.memoizedState)):d=a.updateQueue=Ag(e):null===e&&(e=c.updateQueue=Ag(d));null===e||d===e?Cg(d,b):null===d.lastUpdate||null===e.lastUpdate?(Cg(d,b),Cg(e,b)):(Cg(d,b),e.lastUpdate=b)}
+	function Eg(a,b){var c=a.updateQueue;c=null===c?a.updateQueue=zg(a.memoizedState):Fg(a,c);null===c.lastCapturedUpdate?c.firstCapturedUpdate=c.lastCapturedUpdate=b:(c.lastCapturedUpdate.next=b,c.lastCapturedUpdate=b)}function Fg(a,b){var c=a.alternate;null!==c&&b===c.updateQueue&&(b=a.updateQueue=Ag(b));return b}
+	function Gg(a,b,c,d,e,f){switch(c.tag){case 1:return a=c.payload,"function"===typeof a?a.call(f,d,e):a;case 3:a.effectTag=a.effectTag&-4097|64;case 0:a=c.payload;e="function"===typeof a?a.call(f,d,e):a;if(null===e||void 0===e)break;return n({},d,e);case 2:yg=!0}return d}
+	function Hg(a,b,c,d,e){yg=!1;b=Fg(a,b);for(var f=b.baseState,g=null,h=0,k=b.firstUpdate,l=f;null!==k;){var m=k.expirationTime;m<e?(null===g&&(g=k,f=l),h<m&&(h=m)):(Ig(m,k.suspenseConfig),l=Gg(a,b,k,l,c,d),null!==k.callback&&(a.effectTag|=32,k.nextEffect=null,null===b.lastEffect?b.firstEffect=b.lastEffect=k:(b.lastEffect.nextEffect=k,b.lastEffect=k)));k=k.next}m=null;for(k=b.firstCapturedUpdate;null!==k;){var C=k.expirationTime;C<e?(null===m&&(m=k,null===g&&(f=l)),h<C&&(h=C)):(l=Gg(a,b,k,l,c,d),null!==
+	k.callback&&(a.effectTag|=32,k.nextEffect=null,null===b.lastCapturedEffect?b.firstCapturedEffect=b.lastCapturedEffect=k:(b.lastCapturedEffect.nextEffect=k,b.lastCapturedEffect=k)));k=k.next}null===g&&(b.lastUpdate=null);null===m?b.lastCapturedUpdate=null:a.effectTag|=32;null===g&&null===m&&(f=l);b.baseState=f;b.firstUpdate=g;b.firstCapturedUpdate=m;Jg(h);a.expirationTime=h;a.memoizedState=l}
+	function Kg(a,b,c){null!==b.firstCapturedUpdate&&(null!==b.lastUpdate&&(b.lastUpdate.next=b.firstCapturedUpdate,b.lastUpdate=b.lastCapturedUpdate),b.firstCapturedUpdate=b.lastCapturedUpdate=null);Lg(b.firstEffect,c);b.firstEffect=b.lastEffect=null;Lg(b.firstCapturedEffect,c);b.firstCapturedEffect=b.lastCapturedEffect=null}function Lg(a,b){for(;null!==a;){var c=a.callback;if(null!==c){a.callback=null;var d=b;if("function"!==typeof c)throw Error(u(191,c));c.call(d)}a=a.nextEffect}}
+	var Mg=Ea.ReactCurrentBatchConfig,Ng=(new aa.Component).refs;function Og(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:n({},b,c);a.memoizedState=c;d=a.updateQueue;null!==d&&0===a.expirationTime&&(d.baseState=c)}
+	var Sg={isMounted:function(a){return(a=a._reactInternalFiber)?ec(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternalFiber;var d=Pg(),e=Mg.suspense;d=Qg(d,a,e);e=Bg(d,e);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);Dg(a,e);Rg(a,d)},enqueueReplaceState:function(a,b,c){a=a._reactInternalFiber;var d=Pg(),e=Mg.suspense;d=Qg(d,a,e);e=Bg(d,e);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);Dg(a,e);Rg(a,d)},enqueueForceUpdate:function(a,b){a=a._reactInternalFiber;var c=Pg(),d=Mg.suspense;
+	c=Qg(c,a,d);d=Bg(c,d);d.tag=2;void 0!==b&&null!==b&&(d.callback=b);Dg(a,d);Rg(a,c)}};function Tg(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!qf(c,d)||!qf(e,f):!0}
+	function Ug(a,b,c){var d=!1,e=Cf;var f=b.contextType;"object"===typeof f&&null!==f?f=xg(f):(e=L(b)?Df:J.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?Ef(a,e):Cf);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=Sg;a.stateNode=b;b._reactInternalFiber=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
+	function Vg(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&Sg.enqueueReplaceState(b,b.state,null)}
+	function Wg(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs=Ng;var f=b.contextType;"object"===typeof f&&null!==f?e.context=xg(f):(f=L(b)?Df:J.current,e.context=Ef(a,f));f=a.updateQueue;null!==f&&(Hg(a,f,c,e,d),e.state=a.memoizedState);f=b.getDerivedStateFromProps;"function"===typeof f&&(Og(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==
+	typeof e.componentWillMount||(b=e.state,"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&Sg.enqueueReplaceState(e,e.state,null),f=a.updateQueue,null!==f&&(Hg(a,f,c,e,d),e.state=a.memoizedState));"function"===typeof e.componentDidMount&&(a.effectTag|=4)}var Xg=Array.isArray;
+	function Yg(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;if(c){if(1!==c.tag)throw Error(u(309));var d=c.stateNode}if(!d)throw Error(u(147,a));var e=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===e)return b.ref;b=function(a){var b=d.refs;b===Ng&&(b=d.refs={});null===a?delete b[e]:b[e]=a};b._stringRef=e;return b}if("string"!==typeof a)throw Error(u(284));if(!c._owner)throw Error(u(290,a));}return a}
+	function Zg(a,b){if("textarea"!==a.type)throw Error(u(31,"[object Object]"===Object.prototype.toString.call(b)?"object with keys {"+Object.keys(b).join(", ")+"}":b,""));}
+	function $g(a){function b(b,c){if(a){var d=b.lastEffect;null!==d?(d.nextEffect=c,b.lastEffect=c):b.firstEffect=b.lastEffect=c;c.nextEffect=null;c.effectTag=8}}function c(c,d){if(!a)return null;for(;null!==d;)b(c,d),d=d.sibling;return null}function d(a,b){for(a=new Map;null!==b;)null!==b.key?a.set(b.key,b):a.set(b.index,b),b=b.sibling;return a}function e(a,b,c){a=ah(a,b,c);a.index=0;a.sibling=null;return a}function f(b,c,d){b.index=d;if(!a)return c;d=b.alternate;if(null!==d)return d=d.index,d<c?(b.effectTag=
+	2,c):d;b.effectTag=2;return c}function g(b){a&&null===b.alternate&&(b.effectTag=2);return b}function h(a,b,c,d){if(null===b||6!==b.tag)return b=bh(c,a.mode,d),b.return=a,b;b=e(b,c,d);b.return=a;return b}function k(a,b,c,d){if(null!==b&&b.elementType===c.type)return d=e(b,c.props,d),d.ref=Yg(a,b,c),d.return=a,d;d=ch(c.type,c.key,c.props,null,a.mode,d);d.ref=Yg(a,b,c);d.return=a;return d}function l(a,b,c,d){if(null===b||4!==b.tag||b.stateNode.containerInfo!==c.containerInfo||b.stateNode.implementation!==
+	c.implementation)return b=dh(c,a.mode,d),b.return=a,b;b=e(b,c.children||[],d);b.return=a;return b}function m(a,b,c,d,f){if(null===b||7!==b.tag)return b=eh(c,a.mode,d,f),b.return=a,b;b=e(b,c,d);b.return=a;return b}function C(a,b,c){if("string"===typeof b||"number"===typeof b)return b=bh(""+b,a.mode,c),b.return=a,b;if("object"===typeof b&&null!==b){switch(b.$$typeof){case Ga:return c=ch(b.type,b.key,b.props,null,a.mode,c),c.ref=Yg(a,null,b),c.return=a,c;case Ha:return b=dh(b,a.mode,c),b.return=a,b}if(Xg(b)||
+	Ua(b))return b=eh(b,a.mode,c,null),b.return=a,b;Zg(a,b)}return null}function y(a,b,c,d){var e=null!==b?b.key:null;if("string"===typeof c||"number"===typeof c)return null!==e?null:h(a,b,""+c,d);if("object"===typeof c&&null!==c){switch(c.$$typeof){case Ga:return c.key===e?c.type===Ia?m(a,b,c.props.children,d,e):k(a,b,c,d):null;case Ha:return c.key===e?l(a,b,c,d):null}if(Xg(c)||Ua(c))return null!==e?null:m(a,b,c,d,null);Zg(a,c)}return null}function H(a,b,c,d,e){if("string"===typeof d||"number"===typeof d)return a=
+	a.get(c)||null,h(b,a,""+d,e);if("object"===typeof d&&null!==d){switch(d.$$typeof){case Ga:return a=a.get(null===d.key?c:d.key)||null,d.type===Ia?m(b,a,d.props.children,e,d.key):k(b,a,d,e);case Ha:return a=a.get(null===d.key?c:d.key)||null,l(b,a,d,e)}if(Xg(d)||Ua(d))return a=a.get(c)||null,m(b,a,d,e,null);Zg(b,d)}return null}function z(e,g,h,k){for(var l=null,m=null,r=g,x=g=0,A=null;null!==r&&x<h.length;x++){r.index>x?(A=r,r=null):A=r.sibling;var p=y(e,r,h[x],k);if(null===p){null===r&&(r=A);break}a&&
+	r&&null===p.alternate&&b(e,r);g=f(p,g,x);null===m?l=p:m.sibling=p;m=p;r=A}if(x===h.length)return c(e,r),l;if(null===r){for(;x<h.length;x++)r=C(e,h[x],k),null!==r&&(g=f(r,g,x),null===m?l=r:m.sibling=r,m=r);return l}for(r=d(e,r);x<h.length;x++)A=H(r,e,x,h[x],k),null!==A&&(a&&null!==A.alternate&&r.delete(null===A.key?x:A.key),g=f(A,g,x),null===m?l=A:m.sibling=A,m=A);a&&r.forEach(function(a){return b(e,a)});return l}function ta(e,g,h,k){var l=Ua(h);if("function"!==typeof l)throw Error(u(150));h=l.call(h);
+	if(null==h)throw Error(u(151));for(var m=l=null,r=g,x=g=0,A=null,p=h.next();null!==r&&!p.done;x++,p=h.next()){r.index>x?(A=r,r=null):A=r.sibling;var z=y(e,r,p.value,k);if(null===z){null===r&&(r=A);break}a&&r&&null===z.alternate&&b(e,r);g=f(z,g,x);null===m?l=z:m.sibling=z;m=z;r=A}if(p.done)return c(e,r),l;if(null===r){for(;!p.done;x++,p=h.next())p=C(e,p.value,k),null!==p&&(g=f(p,g,x),null===m?l=p:m.sibling=p,m=p);return l}for(r=d(e,r);!p.done;x++,p=h.next())p=H(r,e,x,p.value,k),null!==p&&(a&&null!==
+	p.alternate&&r.delete(null===p.key?x:p.key),g=f(p,g,x),null===m?l=p:m.sibling=p,m=p);a&&r.forEach(function(a){return b(e,a)});return l}return function(a,d,f,h){var k="object"===typeof f&&null!==f&&f.type===Ia&&null===f.key;k&&(f=f.props.children);var l="object"===typeof f&&null!==f;if(l)switch(f.$$typeof){case Ga:a:{l=f.key;for(k=d;null!==k;){if(k.key===l)if(7===k.tag?f.type===Ia:k.elementType===f.type){c(a,k.sibling);d=e(k,f.type===Ia?f.props.children:f.props,h);d.ref=Yg(a,k,f);d.return=a;a=d;break a}else{c(a,
+	k);break}else b(a,k);k=k.sibling}f.type===Ia?(d=eh(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=ch(f.type,f.key,f.props,null,a.mode,h),h.ref=Yg(a,d,f),h.return=a,a=h)}return g(a);case Ha:a:{for(k=f.key;null!==d;){if(d.key===k)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[],h);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=d.sibling}d=dh(f,a.mode,h);d.return=a;a=d}return g(a)}if("string"===
+	typeof f||"number"===typeof f)return f=""+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f,h),d.return=a,a=d):(c(a,d),d=bh(f,a.mode,h),d.return=a,a=d),g(a);if(Xg(f))return z(a,d,f,h);if(Ua(f))return ta(a,d,f,h);l&&Zg(a,f);if("undefined"===typeof f&&!k)switch(a.tag){case 1:case 0:throw a=a.type,Error(u(152,a.displayName||a.name||"Component"));}return c(a,d)}}var fh=$g(!0),gh=$g(!1),hh={},ih={current:hh},jh={current:hh},kh={current:hh};function lh(a){if(a===hh)throw Error(u(174));return a}
+	function mh(a,b){I(kh,b,a);I(jh,a,a);I(ih,hh,a);var c=b.nodeType;switch(c){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:Qb(null,"");break;default:c=8===c?b.parentNode:b,b=c.namespaceURI||null,c=c.tagName,b=Qb(b,c)}G(ih,a);I(ih,b,a)}function nh(a){G(ih,a);G(jh,a);G(kh,a)}function oh(a){lh(kh.current);var b=lh(ih.current);var c=Qb(b,a.type);b!==c&&(I(jh,a,a),I(ih,c,a))}function ph(a){jh.current===a&&(G(ih,a),G(jh,a))}var M={current:0};
+	function qh(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||c.data===je||c.data===ke))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.effectTag&64))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}function rh(a,b){return{responder:a,props:b}}
+	var sh=Ea.ReactCurrentDispatcher,N=Ea.ReactCurrentBatchConfig,th=0,uh=null,O=null,vh=null,wh=null,P=null,xh=null,yh=0,zh=null,Ah=0,Bh=!1,Ch=null,Gh=0;function Q(){throw Error(u(321));}function Hh(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!of(a[c],b[c]))return!1;return!0}
+	function Ih(a,b,c,d,e,f){th=f;uh=b;vh=null!==a?a.memoizedState:null;sh.current=null===vh?Jh:Kh;b=c(d,e);if(Bh){do Bh=!1,Gh+=1,vh=null!==a?a.memoizedState:null,xh=wh,zh=P=O=null,sh.current=Kh,b=c(d,e);while(Bh);Ch=null;Gh=0}sh.current=Lh;a=uh;a.memoizedState=wh;a.expirationTime=yh;a.updateQueue=zh;a.effectTag|=Ah;a=null!==O&&null!==O.next;th=0;xh=P=wh=vh=O=uh=null;yh=0;zh=null;Ah=0;if(a)throw Error(u(300));return b}
+	function Mh(){sh.current=Lh;th=0;xh=P=wh=vh=O=uh=null;yh=0;zh=null;Ah=0;Bh=!1;Ch=null;Gh=0}function Nh(){var a={memoizedState:null,baseState:null,queue:null,baseUpdate:null,next:null};null===P?wh=P=a:P=P.next=a;return P}function Oh(){if(null!==xh)P=xh,xh=P.next,O=vh,vh=null!==O?O.next:null;else{if(null===vh)throw Error(u(310));O=vh;var a={memoizedState:O.memoizedState,baseState:O.baseState,queue:O.queue,baseUpdate:O.baseUpdate,next:null};P=null===P?wh=a:P.next=a;vh=O.next}return P}
+	function Ph(a,b){return"function"===typeof b?b(a):b}
+	function Qh(a){var b=Oh(),c=b.queue;if(null===c)throw Error(u(311));c.lastRenderedReducer=a;if(0<Gh){var d=c.dispatch;if(null!==Ch){var e=Ch.get(c);if(void 0!==e){Ch.delete(c);var f=b.memoizedState;do f=a(f,e.action),e=e.next;while(null!==e);of(f,b.memoizedState)||(wg=!0);b.memoizedState=f;b.baseUpdate===c.last&&(b.baseState=f);c.lastRenderedState=f;return[f,d]}}return[b.memoizedState,d]}d=c.last;var g=b.baseUpdate;f=b.baseState;null!==g?(null!==d&&(d.next=null),d=g.next):d=null!==d?d.next:null;if(null!==
+	d){var h=e=null,k=d,l=!1;do{var m=k.expirationTime;m<th?(l||(l=!0,h=g,e=f),m>yh&&(yh=m,Jg(yh))):(Ig(m,k.suspenseConfig),f=k.eagerReducer===a?k.eagerState:a(f,k.action));g=k;k=k.next}while(null!==k&&k!==d);l||(h=g,e=f);of(f,b.memoizedState)||(wg=!0);b.memoizedState=f;b.baseUpdate=h;b.baseState=e;c.lastRenderedState=f}return[b.memoizedState,c.dispatch]}
+	function Rh(a){var b=Nh();"function"===typeof a&&(a=a());b.memoizedState=b.baseState=a;a=b.queue={last:null,dispatch:null,lastRenderedReducer:Ph,lastRenderedState:a};a=a.dispatch=Sh.bind(null,uh,a);return[b.memoizedState,a]}function Th(a){return Qh(Ph,a)}function Uh(a,b,c,d){a={tag:a,create:b,destroy:c,deps:d,next:null};null===zh?(zh={lastEffect:null},zh.lastEffect=a.next=a):(b=zh.lastEffect,null===b?zh.lastEffect=a.next=a:(c=b.next,b.next=a,a.next=c,zh.lastEffect=a));return a}
+	function Vh(a,b,c,d){var e=Nh();Ah|=a;e.memoizedState=Uh(b,c,void 0,void 0===d?null:d)}function Wh(a,b,c,d){var e=Oh();d=void 0===d?null:d;var f=void 0;if(null!==O){var g=O.memoizedState;f=g.destroy;if(null!==d&&Hh(d,g.deps)){Uh(0,c,f,d);return}}Ah|=a;e.memoizedState=Uh(b,c,f,d)}function Xh(a,b){return Vh(516,192,a,b)}function Yh(a,b){return Wh(516,192,a,b)}
+	function Zh(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}function $h(){}function ai(a,b){Nh().memoizedState=[a,void 0===b?null:b];return a}function bi(a,b){var c=Oh();b=void 0===b?null:b;var d=c.memoizedState;if(null!==d&&null!==b&&Hh(b,d[1]))return d[0];c.memoizedState=[a,b];return a}
+	function Sh(a,b,c){if(!(25>Gh))throw Error(u(301));var d=a.alternate;if(a===uh||null!==d&&d===uh)if(Bh=!0,a={expirationTime:th,suspenseConfig:null,action:c,eagerReducer:null,eagerState:null,next:null},null===Ch&&(Ch=new Map),c=Ch.get(b),void 0===c)Ch.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}else{var e=Pg(),f=Mg.suspense;e=Qg(e,a,f);f={expirationTime:e,suspenseConfig:f,action:c,eagerReducer:null,eagerState:null,next:null};var g=b.last;if(null===g)f.next=f;else{var h=g.next;null!==h&&
+	(f.next=h);g.next=f}b.last=f;if(0===a.expirationTime&&(null===d||0===d.expirationTime)&&(d=b.lastRenderedReducer,null!==d))try{var k=b.lastRenderedState,l=d(k,c);f.eagerReducer=d;f.eagerState=l;if(of(l,k))return}catch(m){}finally{}Rg(a,e)}}
+	var Lh={readContext:xg,useCallback:Q,useContext:Q,useEffect:Q,useImperativeHandle:Q,useLayoutEffect:Q,useMemo:Q,useReducer:Q,useRef:Q,useState:Q,useDebugValue:Q,useResponder:Q,useDeferredValue:Q,useTransition:Q},Jh={readContext:xg,useCallback:ai,useContext:xg,useEffect:Xh,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return Vh(4,36,Zh.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Vh(4,36,a,b)},useMemo:function(a,b){var c=Nh();b=void 0===b?null:b;a=a();c.memoizedState=
+	[a,b];return a},useReducer:function(a,b,c){var d=Nh();b=void 0!==c?c(b):b;d.memoizedState=d.baseState=b;a=d.queue={last:null,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};a=a.dispatch=Sh.bind(null,uh,a);return[d.memoizedState,a]},useRef:function(a){var b=Nh();a={current:a};return b.memoizedState=a},useState:Rh,useDebugValue:$h,useResponder:rh,useDeferredValue:function(a,b){var c=Rh(a),d=c[0],e=c[1];Xh(function(){q.unstable_next(function(){var c=N.suspense;N.suspense=void 0===b?null:b;try{e(a)}finally{N.suspense=
+	c}})},[a,b]);return d},useTransition:function(a){var b=Rh(!1),c=b[0],d=b[1];return[ai(function(b){d(!0);q.unstable_next(function(){var c=N.suspense;N.suspense=void 0===a?null:a;try{d(!1),b()}finally{N.suspense=c}})},[a,c]),c]}},Kh={readContext:xg,useCallback:bi,useContext:xg,useEffect:Yh,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return Wh(4,36,Zh.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Wh(4,36,a,b)},useMemo:function(a,b){var c=Oh();b=void 0===b?
+	null:b;var d=c.memoizedState;if(null!==d&&null!==b&&Hh(b,d[1]))return d[0];a=a();c.memoizedState=[a,b];return a},useReducer:Qh,useRef:function(){return Oh().memoizedState},useState:Th,useDebugValue:$h,useResponder:rh,useDeferredValue:function(a,b){var c=Th(a),d=c[0],e=c[1];Yh(function(){q.unstable_next(function(){var c=N.suspense;N.suspense=void 0===b?null:b;try{e(a)}finally{N.suspense=c}})},[a,b]);return d},useTransition:function(a){var b=Th(!1),c=b[0],d=b[1];return[bi(function(b){d(!0);q.unstable_next(function(){var c=
+	N.suspense;N.suspense=void 0===a?null:a;try{d(!1),b()}finally{N.suspense=c}})},[a,c]),c]}},ci=null,di=null,ei=!1;function fi(a,b){var c=gi(5,null,null,0);c.elementType="DELETED";c.type="DELETED";c.stateNode=b;c.return=a;c.effectTag=8;null!==a.lastEffect?(a.lastEffect.nextEffect=c,a.lastEffect=c):a.firstEffect=a.lastEffect=c}
+	function hi(a,b){switch(a.tag){case 5:var c=a.type;b=1!==b.nodeType||c.toLowerCase()!==b.nodeName.toLowerCase()?null:b;return null!==b?(a.stateNode=b,!0):!1;case 6:return b=""===a.pendingProps||3!==b.nodeType?null:b,null!==b?(a.stateNode=b,!0):!1;case 13:return!1;default:return!1}}
+	function ii(a){if(ei){var b=di;if(b){var c=b;if(!hi(a,b)){b=re(c.nextSibling);if(!b||!hi(a,b)){a.effectTag=a.effectTag&-1025|2;ei=!1;ci=a;return}fi(ci,c)}ci=a;di=re(b.firstChild)}else a.effectTag=a.effectTag&-1025|2,ei=!1,ci=a}}function ji(a){for(a=a.return;null!==a&&5!==a.tag&&3!==a.tag&&13!==a.tag;)a=a.return;ci=a}
+	function ki(a){if(a!==ci)return!1;if(!ei)return ji(a),ei=!0,!1;var b=a.type;if(5!==a.tag||"head"!==b&&"body"!==b&&!oe(b,a.memoizedProps))for(b=di;b;)fi(a,b),b=re(b.nextSibling);ji(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(u(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType){var c=a.data;if(c===ie){if(0===b){di=re(a.nextSibling);break a}b--}else c!==he&&c!==ke&&c!==je||b++}a=a.nextSibling}di=null}}else di=ci?re(a.stateNode.nextSibling):null;return!0}
+	function li(){di=ci=null;ei=!1}var mi=Ea.ReactCurrentOwner,wg=!1;function R(a,b,c,d){b.child=null===a?gh(b,null,c,d):fh(b,a.child,c,d)}function ni(a,b,c,d,e){c=c.render;var f=b.ref;vg(b,e);d=Ih(a,b,c,d,f,e);if(null!==a&&!wg)return b.updateQueue=a.updateQueue,b.effectTag&=-517,a.expirationTime<=e&&(a.expirationTime=0),oi(a,b,e);b.effectTag|=1;R(a,b,d,e);return b.child}
+	function pi(a,b,c,d,e,f){if(null===a){var g=c.type;if("function"===typeof g&&!qi(g)&&void 0===g.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=g,ri(a,b,g,d,e,f);a=ch(c.type,null,d,null,b.mode,f);a.ref=b.ref;a.return=b;return b.child=a}g=a.child;if(e<f&&(e=g.memoizedProps,c=c.compare,c=null!==c?c:qf,c(e,d)&&a.ref===b.ref))return oi(a,b,f);b.effectTag|=1;a=ah(g,d,f);a.ref=b.ref;a.return=b;return b.child=a}
+	function ri(a,b,c,d,e,f){return null!==a&&qf(a.memoizedProps,d)&&a.ref===b.ref&&(wg=!1,e<f)?oi(a,b,f):si(a,b,c,d,f)}function ti(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.effectTag|=128}function si(a,b,c,d,e){var f=L(c)?Df:J.current;f=Ef(b,f);vg(b,e);c=Ih(a,b,c,d,f,e);if(null!==a&&!wg)return b.updateQueue=a.updateQueue,b.effectTag&=-517,a.expirationTime<=e&&(a.expirationTime=0),oi(a,b,e);b.effectTag|=1;R(a,b,c,e);return b.child}
+	function ui(a,b,c,d,e){if(L(c)){var f=!0;Jf(b)}else f=!1;vg(b,e);if(null===b.stateNode)null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2),Ug(b,c,d,e),Wg(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,l=c.contextType;"object"===typeof l&&null!==l?l=xg(l):(l=L(c)?Df:J.current,l=Ef(b,l));var m=c.getDerivedStateFromProps,C="function"===typeof m||"function"===typeof g.getSnapshotBeforeUpdate;C||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&
+	"function"!==typeof g.componentWillReceiveProps||(h!==d||k!==l)&&Vg(b,g,d,l);yg=!1;var y=b.memoizedState;k=g.state=y;var H=b.updateQueue;null!==H&&(Hg(b,H,d,g,e),k=b.memoizedState);h!==d||y!==k||K.current||yg?("function"===typeof m&&(Og(b,c,m,d),k=b.memoizedState),(h=yg||Tg(b,c,h,d,y,k,l))?(C||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&
+	g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.effectTag|=4)):("function"===typeof g.componentDidMount&&(b.effectTag|=4),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=l,d=h):("function"===typeof g.componentDidMount&&(b.effectTag|=4),d=!1)}else g=b.stateNode,h=b.memoizedProps,g.props=b.type===b.elementType?h:mg(b.type,h),k=g.context,l=c.contextType,"object"===typeof l&&null!==l?l=xg(l):(l=L(c)?Df:J.current,l=Ef(b,l)),m=c.getDerivedStateFromProps,(C=
+	"function"===typeof m||"function"===typeof g.getSnapshotBeforeUpdate)||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==d||k!==l)&&Vg(b,g,d,l),yg=!1,k=b.memoizedState,y=g.state=k,H=b.updateQueue,null!==H&&(Hg(b,H,d,g,e),y=b.memoizedState),h!==d||k!==y||K.current||yg?("function"===typeof m&&(Og(b,c,m,d),y=b.memoizedState),(m=yg||Tg(b,c,h,d,k,y,l))?(C||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||
+	("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,y,l),"function"===typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,y,l)),"function"===typeof g.componentDidUpdate&&(b.effectTag|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.effectTag|=256)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&k===a.memoizedState||(b.effectTag|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&k===a.memoizedState||(b.effectTag|=256),b.memoizedProps=
+	d,b.memoizedState=y),g.props=d,g.state=y,g.context=l,d=m):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&k===a.memoizedState||(b.effectTag|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&k===a.memoizedState||(b.effectTag|=256),d=!1);return vi(a,b,c,d,f,e)}
+	function vi(a,b,c,d,e,f){ti(a,b);var g=0!==(b.effectTag&64);if(!d&&!g)return e&&Kf(b,c,!1),oi(a,b,f);d=b.stateNode;mi.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.effectTag|=1;null!==a&&g?(b.child=fh(b,a.child,null,f),b.child=fh(b,null,h,f)):R(a,b,h,f);b.memoizedState=d.state;e&&Kf(b,c,!0);return b.child}function wi(a){var b=a.stateNode;b.pendingContext?Hf(a,b.pendingContext,b.pendingContext!==b.context):b.context&&Hf(a,b.context,!1);mh(a,b.containerInfo)}
+	var xi={dehydrated:null,retryTime:0};
+	function yi(a,b,c){var d=b.mode,e=b.pendingProps,f=M.current,g=!1,h;(h=0!==(b.effectTag&64))||(h=0!==(f&2)&&(null===a||null!==a.memoizedState));h?(g=!0,b.effectTag&=-65):null!==a&&null===a.memoizedState||void 0===e.fallback||!0===e.unstable_avoidThisFallback||(f|=1);I(M,f&1,b);if(null===a){void 0!==e.fallback&&ii(b);if(g){g=e.fallback;e=eh(null,d,0,null);e.return=b;if(0===(b.mode&2))for(a=null!==b.memoizedState?b.child.child:b.child,e.child=a;null!==a;)a.return=e,a=a.sibling;c=eh(g,d,c,null);c.return=
+	b;e.sibling=c;b.memoizedState=xi;b.child=e;return c}d=e.children;b.memoizedState=null;return b.child=gh(b,null,d,c)}if(null!==a.memoizedState){a=a.child;d=a.sibling;if(g){e=e.fallback;c=ah(a,a.pendingProps,0);c.return=b;if(0===(b.mode&2)&&(g=null!==b.memoizedState?b.child.child:b.child,g!==a.child))for(c.child=g;null!==g;)g.return=c,g=g.sibling;d=ah(d,e,d.expirationTime);d.return=b;c.sibling=d;c.childExpirationTime=0;b.memoizedState=xi;b.child=c;return d}c=fh(b,a.child,e.children,c);b.memoizedState=
+	null;return b.child=c}a=a.child;if(g){g=e.fallback;e=eh(null,d,0,null);e.return=b;e.child=a;null!==a&&(a.return=e);if(0===(b.mode&2))for(a=null!==b.memoizedState?b.child.child:b.child,e.child=a;null!==a;)a.return=e,a=a.sibling;c=eh(g,d,c,null);c.return=b;e.sibling=c;c.effectTag|=2;e.childExpirationTime=0;b.memoizedState=xi;b.child=e;return c}b.memoizedState=null;return b.child=fh(b,a,e.children,c)}
+	function zi(a,b){a.expirationTime<b&&(a.expirationTime=b);var c=a.alternate;null!==c&&c.expirationTime<b&&(c.expirationTime=b);ug(a.return,b)}function Ai(a,b,c,d,e,f){var g=a.memoizedState;null===g?a.memoizedState={isBackwards:b,rendering:null,last:d,tail:c,tailExpiration:0,tailMode:e,lastEffect:f}:(g.isBackwards=b,g.rendering=null,g.last=d,g.tail=c,g.tailExpiration=0,g.tailMode=e,g.lastEffect=f)}
+	function Bi(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;R(a,b,d.children,c);d=M.current;if(0!==(d&2))d=d&1|2,b.effectTag|=64;else{if(null!==a&&0!==(a.effectTag&64))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&zi(a,c);else if(19===a.tag)zi(a,c);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}I(M,d,b);if(0===(b.mode&2))b.memoizedState=
+	null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===qh(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);Ai(b,!1,e,c,f,b.lastEffect);break;case "backwards":c=null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===qh(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}Ai(b,!0,c,null,f,b.lastEffect);break;case "together":Ai(b,!1,null,null,void 0,b.lastEffect);break;default:b.memoizedState=null}return b.child}
+	function oi(a,b,c){null!==a&&(b.dependencies=a.dependencies);var d=b.expirationTime;0!==d&&Jg(d);if(b.childExpirationTime<c)return null;if(null!==a&&b.child!==a.child)throw Error(u(153));if(null!==b.child){a=b.child;c=ah(a,a.pendingProps,a.expirationTime);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=ah(a,a.pendingProps,a.expirationTime),c.return=b;c.sibling=null}return b.child}function Ci(a){a.effectTag|=4}var Hi,Ii,Ji,Ki;
+	Hi=function(a,b){for(var c=b.child;null!==c;){if(5===c.tag||6===c.tag)a.appendChild(c.stateNode);else if(4!==c.tag&&null!==c.child){c.child.return=c;c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;c=c.return}c.sibling.return=c.return;c=c.sibling}};Ii=function(){};
+	Ji=function(a,b,c,d,e){var f=a.memoizedProps;if(f!==d){var g=b.stateNode;lh(ih.current);a=null;switch(c){case "input":f=Ab(g,f);d=Ab(g,d);a=[];break;case "option":f=Ib(g,f);d=Ib(g,d);a=[];break;case "select":f=n({},f,{value:void 0});d=n({},d,{value:void 0});a=[];break;case "textarea":f=Kb(g,f);d=Kb(g,d);a=[];break;default:"function"!==typeof f.onClick&&"function"===typeof d.onClick&&(g.onclick=ae)}Yd(c,d);var h,k;c=null;for(h in f)if(!d.hasOwnProperty(h)&&f.hasOwnProperty(h)&&null!=f[h])if("style"===
+	h)for(k in g=f[h],g)g.hasOwnProperty(k)&&(c||(c={}),c[k]="");else"dangerouslySetInnerHTML"!==h&&"children"!==h&&"suppressContentEditableWarning"!==h&&"suppressHydrationWarning"!==h&&"autoFocus"!==h&&(ia.hasOwnProperty(h)?a||(a=[]):(a=a||[]).push(h,null));for(h in d){var l=d[h];g=null!=f?f[h]:void 0;if(d.hasOwnProperty(h)&&l!==g&&(null!=l||null!=g))if("style"===h)if(g){for(k in g)!g.hasOwnProperty(k)||l&&l.hasOwnProperty(k)||(c||(c={}),c[k]="");for(k in l)l.hasOwnProperty(k)&&g[k]!==l[k]&&(c||(c={}),
+	c[k]=l[k])}else c||(a||(a=[]),a.push(h,c)),c=l;else"dangerouslySetInnerHTML"===h?(l=l?l.__html:void 0,g=g?g.__html:void 0,null!=l&&g!==l&&(a=a||[]).push(h,""+l)):"children"===h?g===l||"string"!==typeof l&&"number"!==typeof l||(a=a||[]).push(h,""+l):"suppressContentEditableWarning"!==h&&"suppressHydrationWarning"!==h&&(ia.hasOwnProperty(h)?(null!=l&&$d(e,h),a||g===l||(a=[])):(a=a||[]).push(h,l))}c&&(a=a||[]).push("style",c);e=a;(b.updateQueue=e)&&Ci(b)}};Ki=function(a,b,c,d){c!==d&&Ci(b)};
+	function Li(a,b){switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}
+	function Mi(a){switch(a.tag){case 1:L(a.type)&&Ff(a);var b=a.effectTag;return b&4096?(a.effectTag=b&-4097|64,a):null;case 3:nh(a);Gf(a);b=a.effectTag;if(0!==(b&64))throw Error(u(285));a.effectTag=b&-4097|64;return a;case 5:return ph(a),null;case 13:return G(M,a),b=a.effectTag,b&4096?(a.effectTag=b&-4097|64,a):null;case 19:return G(M,a),null;case 4:return nh(a),null;case 10:return tg(a),null;default:return null}}function Ni(a,b){return{value:a,source:b,stack:Xa(b)}}
+	var Oi="function"===typeof WeakSet?WeakSet:Set;function Pi(a,b){var c=b.source,d=b.stack;null===d&&null!==c&&(d=Xa(c));null!==c&&Wa(c.type);b=b.value;null!==a&&1===a.tag&&Wa(a.type);try{console.error(b)}catch(e){setTimeout(function(){throw e;})}}function Qi(a,b){try{b.props=a.memoizedProps,b.state=a.memoizedState,b.componentWillUnmount()}catch(c){Ri(a,c)}}function Si(a){var b=a.ref;if(null!==b)if("function"===typeof b)try{b(null)}catch(c){Ri(a,c)}else b.current=null}
+	function Ti(a,b){switch(b.tag){case 0:case 11:case 15:Ui(2,0,b);break;case 1:if(b.effectTag&256&&null!==a){var c=a.memoizedProps,d=a.memoizedState;a=b.stateNode;b=a.getSnapshotBeforeUpdate(b.elementType===b.type?c:mg(b.type,c),d);a.__reactInternalSnapshotBeforeUpdate=b}break;case 3:case 5:case 6:case 4:case 17:break;default:throw Error(u(163));}}
+	function Ui(a,b,c){c=c.updateQueue;c=null!==c?c.lastEffect:null;if(null!==c){var d=c=c.next;do{if(0!==(d.tag&a)){var e=d.destroy;d.destroy=void 0;void 0!==e&&e()}0!==(d.tag&b)&&(e=d.create,d.destroy=e());d=d.next}while(d!==c)}}
+	function Vi(a,b,c){"function"===typeof Wi&&Wi(b);switch(b.tag){case 0:case 11:case 14:case 15:a=b.updateQueue;if(null!==a&&(a=a.lastEffect,null!==a)){var d=a.next;fg(97<c?97:c,function(){var a=d;do{var c=a.destroy;if(void 0!==c){var g=b;try{c()}catch(h){Ri(g,h)}}a=a.next}while(a!==d)})}break;case 1:Si(b);c=b.stateNode;"function"===typeof c.componentWillUnmount&&Qi(b,c);break;case 5:Si(b);break;case 4:Xi(a,b,c)}}
+	function Yi(a){var b=a.alternate;a.return=null;a.child=null;a.memoizedState=null;a.updateQueue=null;a.dependencies=null;a.alternate=null;a.firstEffect=null;a.lastEffect=null;a.pendingProps=null;a.memoizedProps=null;null!==b&&Yi(b)}function Zi(a){return 5===a.tag||3===a.tag||4===a.tag}
+	function $i(a){a:{for(var b=a.return;null!==b;){if(Zi(b)){var c=b;break a}b=b.return}throw Error(u(160));}b=c.stateNode;switch(c.tag){case 5:var d=!1;break;case 3:b=b.containerInfo;d=!0;break;case 4:b=b.containerInfo;d=!0;break;default:throw Error(u(161));}c.effectTag&16&&(Tb(b,""),c.effectTag&=-17);a:b:for(c=a;;){for(;null===c.sibling;){if(null===c.return||Zi(c.return)){c=null;break a}c=c.return}c.sibling.return=c.return;for(c=c.sibling;5!==c.tag&&6!==c.tag&&18!==c.tag;){if(c.effectTag&2)continue b;
+	if(null===c.child||4===c.tag)continue b;else c.child.return=c,c=c.child}if(!(c.effectTag&2)){c=c.stateNode;break a}}for(var e=a;;){var f=5===e.tag||6===e.tag;if(f){var g=f?e.stateNode:e.stateNode.instance;if(c)if(d){f=b;var h=g;g=c;8===f.nodeType?f.parentNode.insertBefore(h,g):f.insertBefore(h,g)}else b.insertBefore(g,c);else d?(h=b,8===h.nodeType?(f=h.parentNode,f.insertBefore(g,h)):(f=h,f.appendChild(g)),h=h._reactRootContainer,null!==h&&void 0!==h||null!==f.onclick||(f.onclick=ae)):b.appendChild(g)}else if(4!==
+	e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===a)break;for(;null===e.sibling;){if(null===e.return||e.return===a)return;e=e.return}e.sibling.return=e.return;e=e.sibling}}
+	function Xi(a,b,c){for(var d=b,e=!1,f,g;;){if(!e){e=d.return;a:for(;;){if(null===e)throw Error(u(160));f=e.stateNode;switch(e.tag){case 5:g=!1;break a;case 3:f=f.containerInfo;g=!0;break a;case 4:f=f.containerInfo;g=!0;break a}e=e.return}e=!0}if(5===d.tag||6===d.tag){a:for(var h=a,k=d,l=c,m=k;;)if(Vi(h,m,l),null!==m.child&&4!==m.tag)m.child.return=m,m=m.child;else{if(m===k)break;for(;null===m.sibling;){if(null===m.return||m.return===k)break a;m=m.return}m.sibling.return=m.return;m=m.sibling}g?(h=
+	f,k=d.stateNode,8===h.nodeType?h.parentNode.removeChild(k):h.removeChild(k)):f.removeChild(d.stateNode)}else if(4===d.tag){if(null!==d.child){f=d.stateNode.containerInfo;g=!0;d.child.return=d;d=d.child;continue}}else if(Vi(a,d,c),null!==d.child){d.child.return=d;d=d.child;continue}if(d===b)break;for(;null===d.sibling;){if(null===d.return||d.return===b)return;d=d.return;4===d.tag&&(e=!1)}d.sibling.return=d.return;d=d.sibling}}
+	function aj(a,b){switch(b.tag){case 0:case 11:case 14:case 15:Ui(4,8,b);break;case 1:break;case 5:var c=b.stateNode;if(null!=c){var d=b.memoizedProps,e=null!==a?a.memoizedProps:d;a=b.type;var f=b.updateQueue;b.updateQueue=null;if(null!==f){c[ve]=d;"input"===a&&"radio"===d.type&&null!=d.name&&Cb(c,d);Zd(a,e);b=Zd(a,d);for(e=0;e<f.length;e+=2){var g=f[e],h=f[e+1];"style"===g?Wd(c,h):"dangerouslySetInnerHTML"===g?Sb(c,h):"children"===g?Tb(c,h):vb(c,g,h,b)}switch(a){case "input":Eb(c,d);break;case "textarea":Mb(c,
+	d);break;case "select":b=c._wrapperState.wasMultiple,c._wrapperState.wasMultiple=!!d.multiple,a=d.value,null!=a?Jb(c,!!d.multiple,a,!1):b!==!!d.multiple&&(null!=d.defaultValue?Jb(c,!!d.multiple,d.defaultValue,!0):Jb(c,!!d.multiple,d.multiple?[]:"",!1))}}}break;case 6:if(null===b.stateNode)throw Error(u(162));b.stateNode.nodeValue=b.memoizedProps;break;case 3:b=b.stateNode;b.hydrate&&(b.hydrate=!1,Lc(b.containerInfo));break;case 12:break;case 13:c=b;null===b.memoizedState?d=!1:(d=!0,c=b.child,bj=cg());
+	if(null!==c)a:for(a=c;;){if(5===a.tag)f=a.stateNode,d?(f=f.style,"function"===typeof f.setProperty?f.setProperty("display","none","important"):f.display="none"):(f=a.stateNode,e=a.memoizedProps.style,e=void 0!==e&&null!==e&&e.hasOwnProperty("display")?e.display:null,f.style.display=Vd("display",e));else if(6===a.tag)a.stateNode.nodeValue=d?"":a.memoizedProps;else if(13===a.tag&&null!==a.memoizedState&&null===a.memoizedState.dehydrated){f=a.child.sibling;f.return=a;a=f;continue}else if(null!==a.child){a.child.return=
+	a;a=a.child;continue}if(a===c)break a;for(;null===a.sibling;){if(null===a.return||a.return===c)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}cj(b);break;case 19:cj(b);break;case 17:break;case 20:break;case 21:break;default:throw Error(u(163));}}function cj(a){var b=a.updateQueue;if(null!==b){a.updateQueue=null;var c=a.stateNode;null===c&&(c=a.stateNode=new Oi);b.forEach(function(b){var d=dj.bind(null,a,b);c.has(b)||(c.add(b),b.then(d,d))})}}var ej="function"===typeof WeakMap?WeakMap:Map;
+	function fj(a,b,c){c=Bg(c,null);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){gj||(gj=!0,hj=d);Pi(a,b)};return c}
+	function ij(a,b,c){c=Bg(c,null);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){Pi(a,b);return d(e)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){"function"!==typeof d&&(null===jj?jj=new Set([this]):jj.add(this),Pi(a,b));var c=b.stack;this.componentDidCatch(b.value,{componentStack:null!==c?c:""})});return c}
+	var kj=Math.ceil,lj=Ea.ReactCurrentDispatcher,mj=Ea.ReactCurrentOwner,S=0,nj=8,oj=16,pj=32,qj=0,rj=1,sj=2,tj=3,uj=4,vj=5,T=S,U=null,V=null,W=0,X=qj,wj=null,xj=1073741823,yj=1073741823,zj=null,Aj=0,Bj=!1,bj=0,Cj=500,Y=null,gj=!1,hj=null,jj=null,Dj=!1,Ej=null,Fj=90,Gj=null,Hj=0,Ij=null,Jj=0;function Pg(){return(T&(oj|pj))!==S?1073741821-(cg()/10|0):0!==Jj?Jj:Jj=1073741821-(cg()/10|0)}
+	function Qg(a,b,c){b=b.mode;if(0===(b&2))return 1073741823;var d=dg();if(0===(b&4))return 99===d?1073741823:1073741822;if((T&oj)!==S)return W;if(null!==c)a=lg(a,c.timeoutMs|0||5E3,250);else switch(d){case 99:a=1073741823;break;case 98:a=lg(a,150,100);break;case 97:case 96:a=lg(a,5E3,250);break;case 95:a=2;break;default:throw Error(u(326));}null!==U&&a===W&&--a;return a}
+	function Rg(a,b){if(50<Hj)throw Hj=0,Ij=null,Error(u(185));a=Kj(a,b);if(null!==a){var c=dg();1073741823===b?(T&nj)!==S&&(T&(oj|pj))===S?Lj(a):(Z(a),T===S&&jg()):Z(a);(T&4)===S||98!==c&&99!==c||(null===Gj?Gj=new Map([[a,b]]):(c=Gj.get(a),(void 0===c||c>b)&&Gj.set(a,b)))}}
+	function Kj(a,b){a.expirationTime<b&&(a.expirationTime=b);var c=a.alternate;null!==c&&c.expirationTime<b&&(c.expirationTime=b);var d=a.return,e=null;if(null===d&&3===a.tag)e=a.stateNode;else for(;null!==d;){c=d.alternate;d.childExpirationTime<b&&(d.childExpirationTime=b);null!==c&&c.childExpirationTime<b&&(c.childExpirationTime=b);if(null===d.return&&3===d.tag){e=d.stateNode;break}d=d.return}null!==e&&(U===e&&(Jg(b),X===uj&&Mj(e,W)),Nj(e,b));return e}
+	function Oj(a){var b=a.lastExpiredTime;if(0!==b)return b;b=a.firstPendingTime;if(!Pj(a,b))return b;b=a.lastPingedTime;a=a.nextKnownPendingLevel;return b>a?b:a}
+	function Z(a){if(0!==a.lastExpiredTime)a.callbackExpirationTime=1073741823,a.callbackPriority=99,a.callbackNode=hg(Lj.bind(null,a));else{var b=Oj(a),c=a.callbackNode;if(0===b)null!==c&&(a.callbackNode=null,a.callbackExpirationTime=0,a.callbackPriority=90);else{var d=Pg();1073741823===b?d=99:1===b||2===b?d=95:(d=10*(1073741821-b)-10*(1073741821-d),d=0>=d?99:250>=d?98:5250>=d?97:95);if(null!==c){var e=a.callbackPriority;if(a.callbackExpirationTime===b&&e>=d)return;c!==Xf&&Nf(c)}a.callbackExpirationTime=
+	b;a.callbackPriority=d;b=1073741823===b?hg(Lj.bind(null,a)):gg(d,Qj.bind(null,a),{timeout:10*(1073741821-b)-cg()});a.callbackNode=b}}}
+	function Qj(a,b){Jj=0;if(b)return b=Pg(),Rj(a,b),Z(a),null;var c=Oj(a);if(0!==c){b=a.callbackNode;if((T&(oj|pj))!==S)throw Error(u(327));Sj();a===U&&c===W||Tj(a,c);if(null!==V){var d=T;T|=oj;var e=Uj(a);do try{Vj();break}catch(h){Wj(a,h)}while(1);rg();T=d;lj.current=e;if(X===rj)throw b=wj,Tj(a,c),Mj(a,c),Z(a),b;if(null===V)switch(e=a.finishedWork=a.current.alternate,a.finishedExpirationTime=c,d=X,U=null,d){case qj:case rj:throw Error(u(345));case sj:Rj(a,2<c?2:c);break;case tj:Mj(a,c);d=a.lastSuspendedTime;
+	c===d&&(a.nextKnownPendingLevel=Xj(e));if(1073741823===xj&&(e=bj+Cj-cg(),10<e)){if(Bj){var f=a.lastPingedTime;if(0===f||f>=c){a.lastPingedTime=c;Tj(a,c);break}}f=Oj(a);if(0!==f&&f!==c)break;if(0!==d&&d!==c){a.lastPingedTime=d;break}a.timeoutHandle=pe(Yj.bind(null,a),e);break}Yj(a);break;case uj:Mj(a,c);d=a.lastSuspendedTime;c===d&&(a.nextKnownPendingLevel=Xj(e));if(Bj&&(e=a.lastPingedTime,0===e||e>=c)){a.lastPingedTime=c;Tj(a,c);break}e=Oj(a);if(0!==e&&e!==c)break;if(0!==d&&d!==c){a.lastPingedTime=
+	d;break}1073741823!==yj?d=10*(1073741821-yj)-cg():1073741823===xj?d=0:(d=10*(1073741821-xj)-5E3,e=cg(),c=10*(1073741821-c)-e,d=e-d,0>d&&(d=0),d=(120>d?120:480>d?480:1080>d?1080:1920>d?1920:3E3>d?3E3:4320>d?4320:1960*kj(d/1960))-d,c<d&&(d=c));if(10<d){a.timeoutHandle=pe(Yj.bind(null,a),d);break}Yj(a);break;case vj:if(1073741823!==xj&&null!==zj){f=xj;var g=zj;d=g.busyMinDurationMs|0;0>=d?d=0:(e=g.busyDelayMs|0,f=cg()-(10*(1073741821-f)-(g.timeoutMs|0||5E3)),d=f<=e?0:e+d-f);if(10<d){Mj(a,c);a.timeoutHandle=
+	pe(Yj.bind(null,a),d);break}}Yj(a);break;default:throw Error(u(329));}Z(a);if(a.callbackNode===b)return Qj.bind(null,a)}}return null}
+	function Lj(a){var b=a.lastExpiredTime;b=0!==b?b:1073741823;if(a.finishedExpirationTime===b)Yj(a);else{if((T&(oj|pj))!==S)throw Error(u(327));Sj();a===U&&b===W||Tj(a,b);if(null!==V){var c=T;T|=oj;var d=Uj(a);do try{Zj();break}catch(e){Wj(a,e)}while(1);rg();T=c;lj.current=d;if(X===rj)throw c=wj,Tj(a,b),Mj(a,b),Z(a),c;if(null!==V)throw Error(u(261));a.finishedWork=a.current.alternate;a.finishedExpirationTime=b;U=null;Yj(a);Z(a)}}return null}
+	function ak(){if(null!==Gj){var a=Gj;Gj=null;a.forEach(function(a,c){Rj(c,a);Z(c)});jg()}}function bk(a,b){var c=T;T|=1;try{return a(b)}finally{T=c,T===S&&jg()}}function ck(a,b){var c=T;T&=-2;T|=nj;try{return a(b)}finally{T=c,T===S&&jg()}}
+	function Tj(a,b){a.finishedWork=null;a.finishedExpirationTime=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,qe(c));if(null!==V)for(c=V.return;null!==c;){var d=c;switch(d.tag){case 1:var e=d.type.childContextTypes;null!==e&&void 0!==e&&Ff(d);break;case 3:nh(d);Gf(d);break;case 5:ph(d);break;case 4:nh(d);break;case 13:G(M,d);break;case 19:G(M,d);break;case 10:tg(d)}c=c.return}U=a;V=ah(a.current,null,b);W=b;X=qj;wj=null;yj=xj=1073741823;zj=null;Aj=0;Bj=!1}
+	function Wj(a,b){do{try{rg();Mh();if(null===V||null===V.return)return X=rj,wj=b,null;a:{var c=a,d=V.return,e=V,f=b;b=W;e.effectTag|=2048;e.firstEffect=e.lastEffect=null;if(null!==f&&"object"===typeof f&&"function"===typeof f.then){var g=f,h=0!==(M.current&1),k=d;do{var l;if(l=13===k.tag){var m=k.memoizedState;if(null!==m)l=null!==m.dehydrated?!0:!1;else{var C=k.memoizedProps;l=void 0===C.fallback?!1:!0!==C.unstable_avoidThisFallback?!0:h?!1:!0}}if(l){var y=k.updateQueue;if(null===y){var H=new Set;
+	H.add(g);k.updateQueue=H}else y.add(g);if(0===(k.mode&2)){k.effectTag|=64;e.effectTag&=-2981;if(1===e.tag)if(null===e.alternate)e.tag=17;else{var z=Bg(1073741823,null);z.tag=2;Dg(e,z)}e.expirationTime=1073741823;break a}f=void 0;e=b;var ta=c.pingCache;null===ta?(ta=c.pingCache=new ej,f=new Set,ta.set(g,f)):(f=ta.get(g),void 0===f&&(f=new Set,ta.set(g,f)));if(!f.has(e)){f.add(e);var r=dk.bind(null,c,g,e);g.then(r,r)}k.effectTag|=4096;k.expirationTime=b;break a}k=k.return}while(null!==k);f=Error((Wa(e.type)||
+	"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display."+Xa(e))}X!==vj&&(X=sj);f=Ni(f,e);k=d;do{switch(k.tag){case 3:g=f;k.effectTag|=4096;k.expirationTime=b;var x=fj(k,g,b);Eg(k,x);break a;case 1:g=f;var A=k.type,p=k.stateNode;if(0===(k.effectTag&64)&&("function"===typeof A.getDerivedStateFromError||null!==p&&"function"===typeof p.componentDidCatch&&
+	(null===jj||!jj.has(p)))){k.effectTag|=4096;k.expirationTime=b;var t=ij(k,g,b);Eg(k,t);break a}}k=k.return}while(null!==k)}V=ek(V)}catch(v){b=v;continue}break}while(1)}function Uj(){var a=lj.current;lj.current=Lh;return null===a?Lh:a}function Ig(a,b){a<xj&&2<a&&(xj=a);null!==b&&a<yj&&2<a&&(yj=a,zj=b)}function Jg(a){a>Aj&&(Aj=a)}function Zj(){for(;null!==V;)V=fk(V)}function Vj(){for(;null!==V&&!Of();)V=fk(V)}
+	function fk(a){var b=gk(a.alternate,a,W);a.memoizedProps=a.pendingProps;null===b&&(b=ek(a));mj.current=null;return b}
+	function ek(a){V=a;do{var b=V.alternate;a=V.return;if(0===(V.effectTag&2048)){a:{var c=b;b=V;var d=W;var e=b.pendingProps;switch(b.tag){case 2:break;case 16:break;case 15:case 0:break;case 1:L(b.type)&&Ff(b);break;case 3:nh(b);Gf(b);e=b.stateNode;e.pendingContext&&(e.context=e.pendingContext,e.pendingContext=null);(null===c||null===c.child)&&ki(b)&&Ci(b);Ii(b);break;case 5:ph(b);d=lh(kh.current);var f=b.type;if(null!==c&&null!=b.stateNode)Ji(c,b,f,e,d),c.ref!==b.ref&&(b.effectTag|=128);else if(e){var g=
+	lh(ih.current);if(ki(b)){e=b;var h=e.stateNode;c=e.type;var k=e.memoizedProps,l=d;h[ue]=e;h[ve]=k;f=void 0;d=h;switch(c){case "iframe":case "object":case "embed":F("load",d);break;case "video":case "audio":for(h=0;h<cc.length;h++)F(cc[h],d);break;case "source":F("error",d);break;case "img":case "image":case "link":F("error",d);F("load",d);break;case "form":F("reset",d);F("submit",d);break;case "details":F("toggle",d);break;case "input":Bb(d,k);F("invalid",d);$d(l,"onChange");break;case "select":d._wrapperState=
+	{wasMultiple:!!k.multiple};F("invalid",d);$d(l,"onChange");break;case "textarea":Lb(d,k),F("invalid",d),$d(l,"onChange")}Yd(c,k);h=null;for(f in k)k.hasOwnProperty(f)&&(g=k[f],"children"===f?"string"===typeof g?d.textContent!==g&&(h=["children",g]):"number"===typeof g&&d.textContent!==""+g&&(h=["children",""+g]):ia.hasOwnProperty(f)&&null!=g&&$d(l,f));switch(c){case "input":yb(d);Gb(d,k,!0);break;case "textarea":yb(d);Nb(d,k);break;case "select":case "option":break;default:"function"===typeof k.onClick&&
+	(d.onclick=ae)}f=h;e.updateQueue=f;e=null!==f?!0:!1;e&&Ci(b)}else{c=b;l=f;k=e;h=9===d.nodeType?d:d.ownerDocument;g===Ob.html&&(g=Pb(l));g===Ob.html?"script"===l?(k=h.createElement("div"),k.innerHTML="<script>\x3c/script>",h=k.removeChild(k.firstChild)):"string"===typeof k.is?h=h.createElement(l,{is:k.is}):(h=h.createElement(l),"select"===l&&(l=h,k.multiple?l.multiple=!0:k.size&&(l.size=k.size))):h=h.createElementNS(g,l);k=h;k[ue]=c;k[ve]=e;Hi(k,b,!1,!1);b.stateNode=k;l=f;c=e;var m=d,C=Zd(l,c);switch(l){case "iframe":case "object":case "embed":F("load",
+	k);d=c;break;case "video":case "audio":for(d=0;d<cc.length;d++)F(cc[d],k);d=c;break;case "source":F("error",k);d=c;break;case "img":case "image":case "link":F("error",k);F("load",k);d=c;break;case "form":F("reset",k);F("submit",k);d=c;break;case "details":F("toggle",k);d=c;break;case "input":Bb(k,c);d=Ab(k,c);F("invalid",k);$d(m,"onChange");break;case "option":d=Ib(k,c);break;case "select":k._wrapperState={wasMultiple:!!c.multiple};d=n({},c,{value:void 0});F("invalid",k);$d(m,"onChange");break;case "textarea":Lb(k,
+	c);d=Kb(k,c);F("invalid",k);$d(m,"onChange");break;default:d=c}Yd(l,d);h=void 0;g=l;var y=k,H=d;for(h in H)if(H.hasOwnProperty(h)){var z=H[h];"style"===h?Wd(y,z):"dangerouslySetInnerHTML"===h?(z=z?z.__html:void 0,null!=z&&Sb(y,z)):"children"===h?"string"===typeof z?("textarea"!==g||""!==z)&&Tb(y,z):"number"===typeof z&&Tb(y,""+z):"suppressContentEditableWarning"!==h&&"suppressHydrationWarning"!==h&&"autoFocus"!==h&&(ia.hasOwnProperty(h)?null!=z&&$d(m,h):null!=z&&vb(y,h,z,C))}switch(l){case "input":yb(k);
+	Gb(k,c,!1);break;case "textarea":yb(k);Nb(k,c);break;case "option":null!=c.value&&k.setAttribute("value",""+ub(c.value));break;case "select":d=k;d.multiple=!!c.multiple;k=c.value;null!=k?Jb(d,!!c.multiple,k,!1):null!=c.defaultValue&&Jb(d,!!c.multiple,c.defaultValue,!0);break;default:"function"===typeof d.onClick&&(k.onclick=ae)}(e=ne(f,e))&&Ci(b)}null!==b.ref&&(b.effectTag|=128)}else if(null===b.stateNode)throw Error(u(166));break;case 6:if(c&&null!=b.stateNode)Ki(c,b,c.memoizedProps,e);else{if("string"!==
+	typeof e&&null===b.stateNode)throw Error(u(166));d=lh(kh.current);lh(ih.current);ki(b)?(e=b,f=e.stateNode,d=e.memoizedProps,f[ue]=e,(e=f.nodeValue!==d)&&Ci(b)):(f=b,e=(9===d.nodeType?d:d.ownerDocument).createTextNode(e),e[ue]=f,b.stateNode=e)}break;case 11:break;case 13:G(M,b);e=b.memoizedState;if(0!==(b.effectTag&64)){b.expirationTime=d;break a}e=null!==e;f=!1;null===c?void 0!==b.memoizedProps.fallback&&ki(b):(d=c.memoizedState,f=null!==d,e||null===d||(d=c.child.sibling,null!==d&&(k=b.firstEffect,
+	null!==k?(b.firstEffect=d,d.nextEffect=k):(b.firstEffect=b.lastEffect=d,d.nextEffect=null),d.effectTag=8)));if(e&&!f&&0!==(b.mode&2))if(null===c&&!0!==b.memoizedProps.unstable_avoidThisFallback||0!==(M.current&1))X===qj&&(X=tj);else{if(X===qj||X===tj)X=uj;0!==Aj&&null!==U&&(Mj(U,W),Nj(U,Aj))}if(e||f)b.effectTag|=4;break;case 7:break;case 8:break;case 12:break;case 4:nh(b);Ii(b);break;case 10:tg(b);break;case 9:break;case 14:break;case 17:L(b.type)&&Ff(b);break;case 19:G(M,b);e=b.memoizedState;if(null===
+	e)break;f=0!==(b.effectTag&64);k=e.rendering;if(null===k)if(f)Li(e,!1);else{if(X!==qj||null!==c&&0!==(c.effectTag&64))for(c=b.child;null!==c;){k=qh(c);if(null!==k){b.effectTag|=64;Li(e,!1);f=k.updateQueue;null!==f&&(b.updateQueue=f,b.effectTag|=4);null===e.lastEffect&&(b.firstEffect=null);b.lastEffect=e.lastEffect;e=d;for(f=b.child;null!==f;)d=f,c=e,d.effectTag&=2,d.nextEffect=null,d.firstEffect=null,d.lastEffect=null,k=d.alternate,null===k?(d.childExpirationTime=0,d.expirationTime=c,d.child=null,
+	d.memoizedProps=null,d.memoizedState=null,d.updateQueue=null,d.dependencies=null):(d.childExpirationTime=k.childExpirationTime,d.expirationTime=k.expirationTime,d.child=k.child,d.memoizedProps=k.memoizedProps,d.memoizedState=k.memoizedState,d.updateQueue=k.updateQueue,c=k.dependencies,d.dependencies=null===c?null:{expirationTime:c.expirationTime,firstContext:c.firstContext,responders:c.responders}),f=f.sibling;I(M,M.current&1|2,b);b=b.child;break a}c=c.sibling}}else{if(!f)if(c=qh(k),null!==c){if(b.effectTag|=
+	64,f=!0,d=c.updateQueue,null!==d&&(b.updateQueue=d,b.effectTag|=4),Li(e,!0),null===e.tail&&"hidden"===e.tailMode&&!k.alternate){b=b.lastEffect=e.lastEffect;null!==b&&(b.nextEffect=null);break}}else cg()>e.tailExpiration&&1<d&&(b.effectTag|=64,f=!0,Li(e,!1),b.expirationTime=b.childExpirationTime=d-1);e.isBackwards?(k.sibling=b.child,b.child=k):(d=e.last,null!==d?d.sibling=k:b.child=k,e.last=k)}if(null!==e.tail){0===e.tailExpiration&&(e.tailExpiration=cg()+500);d=e.tail;e.rendering=d;e.tail=d.sibling;
+	e.lastEffect=b.lastEffect;d.sibling=null;e=M.current;e=f?e&1|2:e&1;I(M,e,b);b=d;break a}break;case 20:break;case 21:break;default:throw Error(u(156,b.tag));}b=null}e=V;if(1===W||1!==e.childExpirationTime){f=0;for(d=e.child;null!==d;)c=d.expirationTime,k=d.childExpirationTime,c>f&&(f=c),k>f&&(f=k),d=d.sibling;e.childExpirationTime=f}if(null!==b)return b;null!==a&&0===(a.effectTag&2048)&&(null===a.firstEffect&&(a.firstEffect=V.firstEffect),null!==V.lastEffect&&(null!==a.lastEffect&&(a.lastEffect.nextEffect=
+	V.firstEffect),a.lastEffect=V.lastEffect),1<V.effectTag&&(null!==a.lastEffect?a.lastEffect.nextEffect=V:a.firstEffect=V,a.lastEffect=V))}else{b=Mi(V,W);if(null!==b)return b.effectTag&=2047,b;null!==a&&(a.firstEffect=a.lastEffect=null,a.effectTag|=2048)}b=V.sibling;if(null!==b)return b;V=a}while(null!==V);X===qj&&(X=vj);return null}function Xj(a){var b=a.expirationTime;a=a.childExpirationTime;return b>a?b:a}function Yj(a){var b=dg();fg(99,ik.bind(null,a,b));return null}
+	function ik(a,b){do Sj();while(null!==Ej);if((T&(oj|pj))!==S)throw Error(u(327));var c=a.finishedWork,d=a.finishedExpirationTime;if(null===c)return null;a.finishedWork=null;a.finishedExpirationTime=0;if(c===a.current)throw Error(u(177));a.callbackNode=null;a.callbackExpirationTime=0;a.callbackPriority=90;a.nextKnownPendingLevel=0;var e=Xj(c);a.firstPendingTime=e;d<=a.lastSuspendedTime?a.firstSuspendedTime=a.lastSuspendedTime=a.nextKnownPendingLevel=0:d<=a.firstSuspendedTime&&(a.firstSuspendedTime=
+	d-1);d<=a.lastPingedTime&&(a.lastPingedTime=0);d<=a.lastExpiredTime&&(a.lastExpiredTime=0);a===U&&(V=U=null,W=0);1<c.effectTag?null!==c.lastEffect?(c.lastEffect.nextEffect=c,e=c.firstEffect):e=c:e=c.firstEffect;if(null!==e){var f=T;T|=pj;mj.current=null;le=Ld;var g=fe();if(ge(g)){if("selectionStart"in g)var h={start:g.selectionStart,end:g.selectionEnd};else a:{h=(h=g.ownerDocument)&&h.defaultView||window;var k=h.getSelection&&h.getSelection();if(k&&0!==k.rangeCount){h=k.anchorNode;var l=k.anchorOffset,
+	m=k.focusNode;k=k.focusOffset;try{h.nodeType,m.nodeType}catch(Db){h=null;break a}var C=0,y=-1,H=-1,z=0,ta=0,r=g,x=null;b:for(;;){for(var A;;){r!==h||0!==l&&3!==r.nodeType||(y=C+l);r!==m||0!==k&&3!==r.nodeType||(H=C+k);3===r.nodeType&&(C+=r.nodeValue.length);if(null===(A=r.firstChild))break;x=r;r=A}for(;;){if(r===g)break b;x===h&&++z===l&&(y=C);x===m&&++ta===k&&(H=C);if(null!==(A=r.nextSibling))break;r=x;x=r.parentNode}r=A}h=-1===y||-1===H?null:{start:y,end:H}}else h=null}h=h||{start:0,end:0}}else h=
+	null;me={focusedElem:g,selectionRange:h};Ld=!1;Y=e;do try{jk()}catch(Db){if(null===Y)throw Error(u(330));Ri(Y,Db);Y=Y.nextEffect}while(null!==Y);Y=e;do try{for(g=a,h=b;null!==Y;){var p=Y.effectTag;p&16&&Tb(Y.stateNode,"");if(p&128){var t=Y.alternate;if(null!==t){var v=t.ref;null!==v&&("function"===typeof v?v(null):v.current=null)}}switch(p&1038){case 2:$i(Y);Y.effectTag&=-3;break;case 6:$i(Y);Y.effectTag&=-3;aj(Y.alternate,Y);break;case 1024:Y.effectTag&=-1025;break;case 1028:Y.effectTag&=-1025;aj(Y.alternate,
+	Y);break;case 4:aj(Y.alternate,Y);break;case 8:l=Y,Xi(g,l,h),Yi(l)}Y=Y.nextEffect}}catch(Db){if(null===Y)throw Error(u(330));Ri(Y,Db);Y=Y.nextEffect}while(null!==Y);v=me;t=fe();p=v.focusedElem;h=v.selectionRange;if(t!==p&&p&&p.ownerDocument&&ee(p.ownerDocument.documentElement,p)){null!==h&&ge(p)&&(t=h.start,v=h.end,void 0===v&&(v=t),"selectionStart"in p?(p.selectionStart=t,p.selectionEnd=Math.min(v,p.value.length)):(v=(t=p.ownerDocument||document)&&t.defaultView||window,v.getSelection&&(v=v.getSelection(),
+	l=p.textContent.length,g=Math.min(h.start,l),h=void 0===h.end?g:Math.min(h.end,l),!v.extend&&g>h&&(l=h,h=g,g=l),l=de(p,g),m=de(p,h),l&&m&&(1!==v.rangeCount||v.anchorNode!==l.node||v.anchorOffset!==l.offset||v.focusNode!==m.node||v.focusOffset!==m.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),v.removeAllRanges(),g>h?(v.addRange(t),v.extend(m.node,m.offset)):(t.setEnd(m.node,m.offset),v.addRange(t))))));t=[];for(v=p;v=v.parentNode;)1===v.nodeType&&t.push({element:v,left:v.scrollLeft,top:v.scrollTop});
+	"function"===typeof p.focus&&p.focus();for(p=0;p<t.length;p++)v=t[p],v.element.scrollLeft=v.left,v.element.scrollTop=v.top}me=null;Ld=!!le;le=null;a.current=c;Y=e;do try{for(p=d;null!==Y;){var Dh=Y.effectTag;if(Dh&36){var dc=Y.alternate;t=Y;v=p;switch(t.tag){case 0:case 11:case 15:Ui(16,32,t);break;case 1:var fd=t.stateNode;if(t.effectTag&4)if(null===dc)fd.componentDidMount();else{var hk=t.elementType===t.type?dc.memoizedProps:mg(t.type,dc.memoizedProps);fd.componentDidUpdate(hk,dc.memoizedState,
+	fd.__reactInternalSnapshotBeforeUpdate)}var Eh=t.updateQueue;null!==Eh&&Kg(t,Eh,fd,v);break;case 3:var Fh=t.updateQueue;if(null!==Fh){g=null;if(null!==t.child)switch(t.child.tag){case 5:g=t.child.stateNode;break;case 1:g=t.child.stateNode}Kg(t,Fh,g,v)}break;case 5:var xk=t.stateNode;null===dc&&t.effectTag&4&&ne(t.type,t.memoizedProps)&&xk.focus();break;case 6:break;case 4:break;case 12:break;case 13:if(null===t.memoizedState){var Di=t.alternate;if(null!==Di){var Ei=Di.memoizedState;if(null!==Ei){var Fi=
+	Ei.dehydrated;null!==Fi&&Lc(Fi)}}}break;case 19:case 17:case 20:case 21:break;default:throw Error(u(163));}}if(Dh&128){t=void 0;var xd=Y.ref;if(null!==xd){var Gi=Y.stateNode;switch(Y.tag){case 5:t=Gi;break;default:t=Gi}"function"===typeof xd?xd(t):xd.current=t}}Y=Y.nextEffect}}catch(Db){if(null===Y)throw Error(u(330));Ri(Y,Db);Y=Y.nextEffect}while(null!==Y);Y=null;Yf();T=f}else a.current=c;if(Dj)Dj=!1,Ej=a,Fj=b;else for(Y=e;null!==Y;)b=Y.nextEffect,Y.nextEffect=null,Y=b;b=a.firstPendingTime;0===b&&
+	(jj=null);1073741823===b?a===Ij?Hj++:(Hj=0,Ij=a):Hj=0;"function"===typeof kk&&kk(c.stateNode,d);Z(a);if(gj)throw gj=!1,a=hj,hj=null,a;if((T&nj)!==S)return null;jg();return null}function jk(){for(;null!==Y;){var a=Y.effectTag;0!==(a&256)&&Ti(Y.alternate,Y);0===(a&512)||Dj||(Dj=!0,gg(97,function(){Sj();return null}));Y=Y.nextEffect}}function Sj(){if(90!==Fj){var a=97<Fj?97:Fj;Fj=90;return fg(a,lk)}}
+	function lk(){if(null===Ej)return!1;var a=Ej;Ej=null;if((T&(oj|pj))!==S)throw Error(u(331));var b=T;T|=pj;for(a=a.current.firstEffect;null!==a;){try{var c=a;if(0!==(c.effectTag&512))switch(c.tag){case 0:case 11:case 15:Ui(128,0,c),Ui(0,64,c)}}catch(d){if(null===a)throw Error(u(330));Ri(a,d)}c=a.nextEffect;a.nextEffect=null;a=c}T=b;jg();return!0}function mk(a,b,c){b=Ni(c,b);b=fj(a,b,1073741823);Dg(a,b);a=Kj(a,1073741823);null!==a&&Z(a)}
+	function Ri(a,b){if(3===a.tag)mk(a,a,b);else for(var c=a.return;null!==c;){if(3===c.tag){mk(c,a,b);break}else if(1===c.tag){var d=c.stateNode;if("function"===typeof c.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===jj||!jj.has(d))){a=Ni(b,a);a=ij(c,a,1073741823);Dg(c,a);c=Kj(c,1073741823);null!==c&&Z(c);break}}c=c.return}}
+	function dk(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);U===a&&W===c?X===uj||X===tj&&1073741823===xj&&cg()-bj<Cj?Tj(a,W):Bj=!0:Pj(a,c)&&(b=a.lastPingedTime,0!==b&&b<c||(a.lastPingedTime=c,a.finishedExpirationTime===c&&(a.finishedExpirationTime=0,a.finishedWork=null),Z(a)))}function dj(a,b){var c=a.stateNode;null!==c&&c.delete(b);b=0;0===b&&(b=Pg(),b=Qg(b,a,null));a=Kj(a,b);null!==a&&Z(a)}var gk;
+	gk=function(a,b,c){var d=b.expirationTime;if(null!==a){var e=b.pendingProps;if(a.memoizedProps!==e||K.current)wg=!0;else{if(d<c){wg=!1;switch(b.tag){case 3:wi(b);li();break;case 5:oh(b);if(b.mode&4&&1!==c&&e.hidden)return b.expirationTime=b.childExpirationTime=1,null;break;case 1:L(b.type)&&Jf(b);break;case 4:mh(b,b.stateNode.containerInfo);break;case 10:sg(b,b.memoizedProps.value);break;case 13:if(null!==b.memoizedState){d=b.child.childExpirationTime;if(0!==d&&d>=c)return yi(a,b,c);I(M,M.current&
+	1,b);b=oi(a,b,c);return null!==b?b.sibling:null}I(M,M.current&1,b);break;case 19:d=b.childExpirationTime>=c;if(0!==(a.effectTag&64)){if(d)return Bi(a,b,c);b.effectTag|=64}e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null);I(M,M.current,b);if(!d)return null}return oi(a,b,c)}wg=!1}}else wg=!1;b.expirationTime=0;switch(b.tag){case 2:d=b.type;null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2);a=b.pendingProps;e=Ef(b,J.current);vg(b,c);e=Ih(null,b,d,a,e,c);b.effectTag|=1;if("object"===
+	typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof){b.tag=1;Mh();if(L(d)){var f=!0;Jf(b)}else f=!1;b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null;var g=d.getDerivedStateFromProps;"function"===typeof g&&Og(b,d,g,a);e.updater=Sg;b.stateNode=e;e._reactInternalFiber=b;Wg(b,d,a,c);b=vi(null,b,d,!0,f,c)}else b.tag=0,R(null,b,e,c),b=b.child;return b;case 16:e=b.elementType;null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2);a=b.pendingProps;Va(e);if(1!==e._status)throw e._result;
+	e=e._result;b.type=e;f=b.tag=nk(e);a=mg(e,a);switch(f){case 0:b=si(null,b,e,a,c);break;case 1:b=ui(null,b,e,a,c);break;case 11:b=ni(null,b,e,a,c);break;case 14:b=pi(null,b,e,mg(e.type,a),d,c);break;default:throw Error(u(306,e,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:mg(d,e),si(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:mg(d,e),ui(a,b,d,e,c);case 3:wi(b);d=b.updateQueue;if(null===d)throw Error(u(282));e=b.memoizedState;e=null!==e?e.element:
+	null;Hg(b,d,b.pendingProps,null,c);d=b.memoizedState.element;if(d===e)li(),b=oi(a,b,c);else{if(e=b.stateNode.hydrate)di=re(b.stateNode.containerInfo.firstChild),ci=b,e=ei=!0;if(e)for(c=gh(b,null,d,c),b.child=c;c;)c.effectTag=c.effectTag&-3|1024,c=c.sibling;else R(a,b,d,c),li();b=b.child}return b;case 5:return oh(b),null===a&&ii(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,g=e.children,oe(d,e)?g=null:null!==f&&oe(d,f)&&(b.effectTag|=16),ti(a,b),b.mode&4&&1!==c&&e.hidden?(b.expirationTime=
+	b.childExpirationTime=1,b=null):(R(a,b,g,c),b=b.child),b;case 6:return null===a&&ii(b),null;case 13:return yi(a,b,c);case 4:return mh(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=fh(b,null,d,c):R(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:mg(d,e),ni(a,b,d,e,c);case 7:return R(a,b,b.pendingProps,c),b.child;case 8:return R(a,b,b.pendingProps.children,c),b.child;case 12:return R(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;
+	e=b.pendingProps;g=b.memoizedProps;f=e.value;sg(b,f);if(null!==g){var h=g.value;f=of(h,f)?0:("function"===typeof d._calculateChangedBits?d._calculateChangedBits(h,f):1073741823)|0;if(0===f){if(g.children===e.children&&!K.current){b=oi(a,b,c);break a}}else for(h=b.child,null!==h&&(h.return=b);null!==h;){var k=h.dependencies;if(null!==k){g=h.child;for(var l=k.firstContext;null!==l;){if(l.context===d&&0!==(l.observedBits&f)){1===h.tag&&(l=Bg(c,null),l.tag=2,Dg(h,l));h.expirationTime<c&&(h.expirationTime=
+	c);l=h.alternate;null!==l&&l.expirationTime<c&&(l.expirationTime=c);ug(h.return,c);k.expirationTime<c&&(k.expirationTime=c);break}l=l.next}}else g=10===h.tag?h.type===b.type?null:h.child:h.child;if(null!==g)g.return=h;else for(g=h;null!==g;){if(g===b){g=null;break}h=g.sibling;if(null!==h){h.return=g.return;g=h;break}g=g.return}h=g}}R(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,f=b.pendingProps,d=f.children,vg(b,c),e=xg(e,f.unstable_observedBits),d=d(e),b.effectTag|=1,R(a,b,d,c),b.child;
+	case 14:return e=b.type,f=mg(e,b.pendingProps),f=mg(e.type,f),pi(a,b,e,f,d,c);case 15:return ri(a,b,b.type,b.pendingProps,d,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:mg(d,e),null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2),b.tag=1,L(d)?(a=!0,Jf(b)):a=!1,vg(b,c),Ug(b,d,e,c),Wg(b,d,e,c),vi(null,b,d,!0,a,c);case 19:return Bi(a,b,c)}throw Error(u(156,b.tag));};var kk=null,Wi=null;
+	function ok(a){if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var b=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(b.isDisabled||!b.supportsFiber)return!0;try{var c=b.inject(a);kk=function(a){try{b.onCommitFiberRoot(c,a,void 0,64===(a.current.effectTag&64))}catch(e){}};Wi=function(a){try{b.onCommitFiberUnmount(c,a)}catch(e){}}}catch(d){}return!0}
+	function pk(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.effectTag=0;this.lastEffect=this.firstEffect=this.nextEffect=null;this.childExpirationTime=this.expirationTime=0;this.alternate=null}function gi(a,b,c,d){return new pk(a,b,c,d)}
+	function qi(a){a=a.prototype;return!(!a||!a.isReactComponent)}function nk(a){if("function"===typeof a)return qi(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===Oa)return 11;if(a===Ra)return 14}return 2}
+	function ah(a,b){var c=a.alternate;null===c?(c=gi(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.effectTag=0,c.nextEffect=null,c.firstEffect=null,c.lastEffect=null);c.childExpirationTime=a.childExpirationTime;c.expirationTime=a.expirationTime;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{expirationTime:b.expirationTime,
+	firstContext:b.firstContext,responders:b.responders};c.sibling=a.sibling;c.index=a.index;c.ref=a.ref;return c}
+	function ch(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)qi(a)&&(g=1);else if("string"===typeof a)g=5;else a:switch(a){case Ia:return eh(c.children,e,f,b);case Na:g=8;e|=7;break;case Ja:g=8;e|=1;break;case Ka:return a=gi(12,c,b,e|8),a.elementType=Ka,a.type=Ka,a.expirationTime=f,a;case Pa:return a=gi(13,c,b,e),a.type=Pa,a.elementType=Pa,a.expirationTime=f,a;case Qa:return a=gi(19,c,b,e),a.elementType=Qa,a.expirationTime=f,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case La:g=
+	10;break a;case Ma:g=9;break a;case Oa:g=11;break a;case Ra:g=14;break a;case Sa:g=16;d=null;break a}throw Error(u(130,null==a?a:typeof a,""));}b=gi(g,c,b,e);b.elementType=a;b.type=d;b.expirationTime=f;return b}function eh(a,b,c,d){a=gi(7,a,d,b);a.expirationTime=c;return a}function bh(a,b,c){a=gi(6,a,null,b);a.expirationTime=c;return a}
+	function dh(a,b,c){b=gi(4,null!==a.children?a.children:[],a.key,b);b.expirationTime=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}
+	function qk(a,b,c){this.tag=b;this.current=null;this.containerInfo=a;this.pingCache=this.pendingChildren=null;this.finishedExpirationTime=0;this.finishedWork=null;this.timeoutHandle=-1;this.pendingContext=this.context=null;this.hydrate=c;this.callbackNode=null;this.callbackPriority=90;this.lastExpiredTime=this.lastPingedTime=this.nextKnownPendingLevel=this.lastSuspendedTime=this.firstSuspendedTime=this.firstPendingTime=0}
+	function Pj(a,b){var c=a.firstSuspendedTime;a=a.lastSuspendedTime;return 0!==c&&c>=b&&a<=b}function Mj(a,b){var c=a.firstSuspendedTime,d=a.lastSuspendedTime;c<b&&(a.firstSuspendedTime=b);if(d>b||0===c)a.lastSuspendedTime=b;b<=a.lastPingedTime&&(a.lastPingedTime=0);b<=a.lastExpiredTime&&(a.lastExpiredTime=0)}
+	function Nj(a,b){b>a.firstPendingTime&&(a.firstPendingTime=b);var c=a.firstSuspendedTime;0!==c&&(b>=c?a.firstSuspendedTime=a.lastSuspendedTime=a.nextKnownPendingLevel=0:b>=a.lastSuspendedTime&&(a.lastSuspendedTime=b+1),b>a.nextKnownPendingLevel&&(a.nextKnownPendingLevel=b))}function Rj(a,b){var c=a.lastExpiredTime;if(0===c||c>b)a.lastExpiredTime=b}
+	function rk(a,b,c,d){var e=b.current,f=Pg(),g=Mg.suspense;f=Qg(f,e,g);a:if(c){c=c._reactInternalFiber;b:{if(ec(c)!==c||1!==c.tag)throw Error(u(170));var h=c;do{switch(h.tag){case 3:h=h.stateNode.context;break b;case 1:if(L(h.type)){h=h.stateNode.__reactInternalMemoizedMergedChildContext;break b}}h=h.return}while(null!==h);throw Error(u(171));}if(1===c.tag){var k=c.type;if(L(k)){c=If(c,k,h);break a}}c=h}else c=Cf;null===b.context?b.context=c:b.pendingContext=c;b=Bg(f,g);b.payload={element:a};d=void 0===
+	d?null:d;null!==d&&(b.callback=d);Dg(e,b);Rg(e,f);return f}function sk(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 5:return a.child.stateNode;default:return a.child.stateNode}}function tk(a,b){a=a.memoizedState;null!==a&&null!==a.dehydrated&&a.retryTime<b&&(a.retryTime=b)}function uk(a,b){tk(a,b);(a=a.alternate)&&tk(a,b)}
+	function vk(a,b,c){c=null!=c&&!0===c.hydrate;var d=new qk(a,b,c),e=gi(3,null,null,2===b?7:1===b?3:0);d.current=e;e.stateNode=d;a[we]=d.current;c&&0!==b&&wc(9===a.nodeType?a:a.ownerDocument);this._internalRoot=d}vk.prototype.render=function(a,b){rk(a,this._internalRoot,null,void 0===b?null:b)};vk.prototype.unmount=function(a){var b=this._internalRoot,c=void 0===a?null:a,d=b.containerInfo;rk(null,b,null,function(){d[we]=null;null!==c&&c()})};
+	function wk(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function yk(a,b){b||(b=a?9===a.nodeType?a.documentElement:a.firstChild:null,b=!(!b||1!==b.nodeType||!b.hasAttribute("data-reactroot")));if(!b)for(var c;c=a.lastChild;)a.removeChild(c);return new vk(a,0,b?{hydrate:!0}:void 0)}
+	function zk(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f._internalRoot;if("function"===typeof e){var h=e;e=function(){var a=sk(g);h.call(a)}}rk(b,g,a,e)}else{f=c._reactRootContainer=yk(c,d);g=f._internalRoot;if("function"===typeof e){var k=e;e=function(){var a=sk(g);k.call(a)}}ck(function(){rk(b,g,a,e)})}return sk(g)}function Ak(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:Ha,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
+	jc=function(a){if(13===a.tag){var b=lg(Pg(),150,100);Rg(a,b);uk(a,b)}};kc=function(a){if(13===a.tag){Pg();var b=kg++;Rg(a,b);uk(a,b)}};lc=function(a){if(13===a.tag){var b=Pg();b=Qg(b,a,null);Rg(a,b);uk(a,b)}};
+	Za=function(a,b,c){switch(b){case "input":Eb(a,c);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll("input[name="+JSON.stringify(""+b)+'][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=ye(d);if(!e)throw Error(u(90));zb(d);Eb(d,e)}}}break;case "textarea":Mb(a,c);break;case "select":b=c.value,null!=b&&Jb(a,!!c.multiple,b,!1)}};eb=bk;
+	fb=function(a,b,c,d){var e=T;T|=4;try{return fg(98,a.bind(null,b,c,d))}finally{T=e,T===S&&jg()}};gb=function(){(T&(1|oj|pj))===S&&(ak(),Sj())};hb=function(a,b){var c=T;T|=2;try{return a(b)}finally{T=c,T===S&&jg()}};function Bk(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!wk(b))throw Error(u(200));return Ak(a,b,null,c)}
+	var Ck={createPortal:Bk,findDOMNode:function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternalFiber;if(void 0===b){if("function"===typeof a.render)throw Error(u(188));throw Error(u(268,Object.keys(a)));}a=ic(b);a=null===a?null:a.stateNode;return a},hydrate:function(a,b,c){if(!wk(b))throw Error(u(200));return zk(null,a,b,!0,c)},render:function(a,b,c){if(!wk(b))throw Error(u(200));return zk(null,a,b,!1,c)},unstable_renderSubtreeIntoContainer:function(a,b,c,d){if(!wk(c))throw Error(u(200));
+	if(null==a||void 0===a._reactInternalFiber)throw Error(u(38));return zk(a,b,c,!1,d)},unmountComponentAtNode:function(a){if(!wk(a))throw Error(u(40));return a._reactRootContainer?(ck(function(){zk(null,null,a,!1,function(){a._reactRootContainer=null;a[we]=null})}),!0):!1},unstable_createPortal:function(){return Bk.apply(void 0,arguments)},unstable_batchedUpdates:bk,flushSync:function(a,b){if((T&(oj|pj))!==S)throw Error(u(187));var c=T;T|=1;try{return fg(99,a.bind(null,b))}finally{T=c,jg()}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{Events:[Cc,
+	xe,ye,Ca.injectEventPluginsByName,fa,Sc,function(a){ya(a,Rc)},cb,db,Pd,Ba,Sj,{current:!1}]}};
+	(function(a){var b=a.findFiberByHostInstance;return ok(n({},a,{overrideHookState:null,overrideProps:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:Ea.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=ic(a);return null===a?null:a.stateNode},findFiberByHostInstance:function(a){return b?b(a):null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null}))})({findFiberByHostInstance:Fc,bundleType:0,version:"16.12.0",
+	rendererPackageName:"react-dom"});var Dk={default:Ck},Ek=Dk&&Ck||Dk;module.exports=Ek.default||Ek;
 
 
 /***/ }),
@@ -3102,7 +3542,7 @@
 /* 11 */
 /***/ (function(module, exports) {
 
-	/* WEBPACK VAR INJECTION */(function(global) {/** @license React v0.13.6
+	/** @license React v0.18.0
 	 * scheduler.production.min.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -3111,26 +3551,26 @@
 	 * LICENSE file in the root directory of this source tree.
 	 */
 
-	'use strict';Object.defineProperty(exports,"__esModule",{value:!0});var d=null,e=!1,g=3,k=-1,l=-1,m=!1,n=!1;function p(){if(!m){var a=d.expirationTime;n?q():n=!0;r(t,a)}}
-	function u(){var a=d,b=d.next;if(d===b)d=null;else{var c=d.previous;d=c.next=b;b.previous=c}a.next=a.previous=null;c=a.callback;b=a.expirationTime;a=a.priorityLevel;var f=g,Q=l;g=a;l=b;try{var h=c()}finally{g=f,l=Q}if("function"===typeof h)if(h={callback:h,priorityLevel:a,expirationTime:b,next:null,previous:null},null===d)d=h.next=h.previous=h;else{c=null;a=d;do{if(a.expirationTime>=b){c=a;break}a=a.next}while(a!==d);null===c?c=d:c===d&&(d=h,p());b=c.previous;b.next=c.previous=h;h.next=c;h.previous=
-	b}}function v(){if(-1===k&&null!==d&&1===d.priorityLevel){m=!0;try{do u();while(null!==d&&1===d.priorityLevel)}finally{m=!1,null!==d?p():n=!1}}}function t(a){m=!0;var b=e;e=a;try{if(a)for(;null!==d;){var c=exports.unstable_now();if(d.expirationTime<=c){do u();while(null!==d&&d.expirationTime<=c)}else break}else if(null!==d){do u();while(null!==d&&!w())}}finally{m=!1,e=b,null!==d?p():n=!1,v()}}
-	var x=Date,y="function"===typeof setTimeout?setTimeout:void 0,z="function"===typeof clearTimeout?clearTimeout:void 0,A="function"===typeof requestAnimationFrame?requestAnimationFrame:void 0,B="function"===typeof cancelAnimationFrame?cancelAnimationFrame:void 0,C,D;function E(a){C=A(function(b){z(D);a(b)});D=y(function(){B(C);a(exports.unstable_now())},100)}
-	if("object"===typeof performance&&"function"===typeof performance.now){var F=performance;exports.unstable_now=function(){return F.now()}}else exports.unstable_now=function(){return x.now()};var r,q,w,G=null;"undefined"!==typeof window?G=window:"undefined"!==typeof global&&(G=global);
-	if(G&&G._schedMock){var H=G._schedMock;r=H[0];q=H[1];w=H[2];exports.unstable_now=H[3]}else if("undefined"===typeof window||"function"!==typeof MessageChannel){var I=null,J=function(a){if(null!==I)try{I(a)}finally{I=null}};r=function(a){null!==I?setTimeout(r,0,a):(I=a,setTimeout(J,0,!1))};q=function(){I=null};w=function(){return!1}}else{"undefined"!==typeof console&&("function"!==typeof A&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),
-	"function"!==typeof B&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var K=null,L=!1,M=-1,N=!1,O=!1,P=0,R=33,S=33;w=function(){return P<=exports.unstable_now()};var T=new MessageChannel,U=T.port2;T.port1.onmessage=function(){L=!1;var a=K,b=M;K=null;M=-1;var c=exports.unstable_now(),f=!1;if(0>=P-c)if(-1!==b&&b<=c)f=!0;else{N||(N=!0,E(V));K=a;M=b;return}if(null!==a){O=!0;try{a(f)}finally{O=!1}}};
-	var V=function(a){if(null!==K){E(V);var b=a-P+S;b<S&&R<S?(8>b&&(b=8),S=b<R?R:b):R=b;P=a+S;L||(L=!0,U.postMessage(void 0))}else N=!1};r=function(a,b){K=a;M=b;O||0>b?U.postMessage(void 0):N||(N=!0,E(V))};q=function(){K=null;L=!1;M=-1}}exports.unstable_ImmediatePriority=1;exports.unstable_UserBlockingPriority=2;exports.unstable_NormalPriority=3;exports.unstable_IdlePriority=5;exports.unstable_LowPriority=4;
-	exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3}var c=g,f=k;g=a;k=exports.unstable_now();try{return b()}finally{g=c,k=f,v()}};exports.unstable_next=function(a){switch(g){case 1:case 2:case 3:var b=3;break;default:b=g}var c=g,f=k;g=b;k=exports.unstable_now();try{return a()}finally{g=c,k=f,v()}};
-	exports.unstable_scheduleCallback=function(a,b){var c=-1!==k?k:exports.unstable_now();if("object"===typeof b&&null!==b&&"number"===typeof b.timeout)b=c+b.timeout;else switch(g){case 1:b=c+-1;break;case 2:b=c+250;break;case 5:b=c+1073741823;break;case 4:b=c+1E4;break;default:b=c+5E3}a={callback:a,priorityLevel:g,expirationTime:b,next:null,previous:null};if(null===d)d=a.next=a.previous=a,p();else{c=null;var f=d;do{if(f.expirationTime>b){c=f;break}f=f.next}while(f!==d);null===c?c=d:c===d&&(d=a,p());
-	b=c.previous;b.next=c.previous=a;a.next=c;a.previous=b}return a};exports.unstable_cancelCallback=function(a){var b=a.next;if(null!==b){if(b===a)d=null;else{a===d&&(d=b);var c=a.previous;c.next=b;b.previous=c}a.next=a.previous=null}};exports.unstable_wrapCallback=function(a){var b=g;return function(){var c=g,f=k;g=b;k=exports.unstable_now();try{return a.apply(this,arguments)}finally{g=c,k=f,v()}}};exports.unstable_getCurrentPriorityLevel=function(){return g};
-	exports.unstable_shouldYield=function(){return!e&&(null!==d&&d.expirationTime<l||w())};exports.unstable_continueExecution=function(){null!==d&&p()};exports.unstable_pauseExecution=function(){};exports.unstable_getFirstCallbackNode=function(){return d};
+	'use strict';Object.defineProperty(exports,"__esModule",{value:!0});var f,g,h,k,l;
+	if("undefined"===typeof window||"function"!==typeof MessageChannel){var p=null,q=null,t=function(){if(null!==p)try{var a=exports.unstable_now();p(!0,a);p=null}catch(b){throw setTimeout(t,0),b;}},u=Date.now();exports.unstable_now=function(){return Date.now()-u};f=function(a){null!==p?setTimeout(f,0,a):(p=a,setTimeout(t,0))};g=function(a,b){q=setTimeout(a,b)};h=function(){clearTimeout(q)};k=function(){return!1};l=exports.unstable_forceFrameRate=function(){}}else{var w=window.performance,x=window.Date,
+	y=window.setTimeout,z=window.clearTimeout;if("undefined"!==typeof console){var A=window.cancelAnimationFrame;"function"!==typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills");"function"!==typeof A&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills")}if("object"===
+	typeof w&&"function"===typeof w.now)exports.unstable_now=function(){return w.now()};else{var B=x.now();exports.unstable_now=function(){return x.now()-B}}var C=!1,D=null,E=-1,F=5,G=0;k=function(){return exports.unstable_now()>=G};l=function(){};exports.unstable_forceFrameRate=function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing framerates higher than 125 fps is not unsupported"):F=0<a?Math.floor(1E3/a):5};var H=new MessageChannel,I=H.port2;H.port1.onmessage=
+	function(){if(null!==D){var a=exports.unstable_now();G=a+F;try{D(!0,a)?I.postMessage(null):(C=!1,D=null)}catch(b){throw I.postMessage(null),b;}}else C=!1};f=function(a){D=a;C||(C=!0,I.postMessage(null))};g=function(a,b){E=y(function(){a(exports.unstable_now())},b)};h=function(){z(E);E=-1}}function J(a,b){var c=a.length;a.push(b);a:for(;;){var d=Math.floor((c-1)/2),e=a[d];if(void 0!==e&&0<K(e,b))a[d]=b,a[c]=e,c=d;else break a}}function L(a){a=a[0];return void 0===a?null:a}
+	function M(a){var b=a[0];if(void 0!==b){var c=a.pop();if(c!==b){a[0]=c;a:for(var d=0,e=a.length;d<e;){var m=2*(d+1)-1,n=a[m],v=m+1,r=a[v];if(void 0!==n&&0>K(n,c))void 0!==r&&0>K(r,n)?(a[d]=r,a[v]=c,d=v):(a[d]=n,a[m]=c,d=m);else if(void 0!==r&&0>K(r,c))a[d]=r,a[v]=c,d=v;else break a}}return b}return null}function K(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}var N=[],O=[],P=1,Q=null,R=3,S=!1,T=!1,U=!1;
+	function V(a){for(var b=L(O);null!==b;){if(null===b.callback)M(O);else if(b.startTime<=a)M(O),b.sortIndex=b.expirationTime,J(N,b);else break;b=L(O)}}function W(a){U=!1;V(a);if(!T)if(null!==L(N))T=!0,f(X);else{var b=L(O);null!==b&&g(W,b.startTime-a)}}
+	function X(a,b){T=!1;U&&(U=!1,h());S=!0;var c=R;try{V(b);for(Q=L(N);null!==Q&&(!(Q.expirationTime>b)||a&&!k());){var d=Q.callback;if(null!==d){Q.callback=null;R=Q.priorityLevel;var e=d(Q.expirationTime<=b);b=exports.unstable_now();"function"===typeof e?Q.callback=e:Q===L(N)&&M(N);V(b)}else M(N);Q=L(N)}if(null!==Q)var m=!0;else{var n=L(O);null!==n&&g(W,n.startTime-b);m=!1}return m}finally{Q=null,R=c,S=!1}}
+	function Y(a){switch(a){case 1:return-1;case 2:return 250;case 5:return 1073741823;case 4:return 1E4;default:return 5E3}}var Z=l;exports.unstable_ImmediatePriority=1;exports.unstable_UserBlockingPriority=2;exports.unstable_NormalPriority=3;exports.unstable_IdlePriority=5;exports.unstable_LowPriority=4;exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3}var c=R;R=a;try{return b()}finally{R=c}};
+	exports.unstable_next=function(a){switch(R){case 1:case 2:case 3:var b=3;break;default:b=R}var c=R;R=b;try{return a()}finally{R=c}};
+	exports.unstable_scheduleCallback=function(a,b,c){var d=exports.unstable_now();if("object"===typeof c&&null!==c){var e=c.delay;e="number"===typeof e&&0<e?d+e:d;c="number"===typeof c.timeout?c.timeout:Y(a)}else c=Y(a),e=d;c=e+c;a={id:P++,callback:b,priorityLevel:a,startTime:e,expirationTime:c,sortIndex:-1};e>d?(a.sortIndex=e,J(O,a),null===L(N)&&a===L(O)&&(U?h():U=!0,g(W,e-d))):(a.sortIndex=c,J(N,a),T||S||(T=!0,f(X)));return a};exports.unstable_cancelCallback=function(a){a.callback=null};
+	exports.unstable_wrapCallback=function(a){var b=R;return function(){var c=R;R=b;try{return a.apply(this,arguments)}finally{R=c}}};exports.unstable_getCurrentPriorityLevel=function(){return R};exports.unstable_shouldYield=function(){var a=exports.unstable_now();V(a);var b=L(N);return b!==Q&&null!==Q&&null!==b&&null!==b.callback&&b.startTime<=a&&b.expirationTime<Q.expirationTime||k()};exports.unstable_requestPaint=Z;exports.unstable_continueExecution=function(){T||S||(T=!0,f(X))};
+	exports.unstable_pauseExecution=function(){};exports.unstable_getFirstCallbackNode=function(){return L(N)};exports.unstable_Profiling=null;
 
-	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
 
 /***/ }),
 /* 12 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process, global) {/** @license React v0.13.6
+	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v0.18.0
 	 * scheduler.development.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -3150,219 +3590,662 @@
 	Object.defineProperty(exports, '__esModule', { value: true });
 
 	var enableSchedulerDebugging = false;
+	var enableIsInputPending = false;
+	var enableProfiling = true;
 
-	/* eslint-disable no-var */
+	var requestHostCallback;
+
+	var requestHostTimeout;
+	var cancelHostTimeout;
+	var shouldYieldToHost;
+	var requestPaint;
+
+
+
+	if ( // If Scheduler runs in a non-DOM environment, it falls back to a naive
+	// implementation using setTimeout.
+	typeof window === 'undefined' || // Check if MessageChannel is supported, too.
+	typeof MessageChannel !== 'function') {
+	  // If this accidentally gets imported in a non-browser environment, e.g. JavaScriptCore,
+	  // fallback to a naive implementation.
+	  var _callback = null;
+	  var _timeoutID = null;
+
+	  var _flushCallback = function () {
+	    if (_callback !== null) {
+	      try {
+	        var currentTime = exports.unstable_now();
+	        var hasRemainingTime = true;
+
+	        _callback(hasRemainingTime, currentTime);
+
+	        _callback = null;
+	      } catch (e) {
+	        setTimeout(_flushCallback, 0);
+	        throw e;
+	      }
+	    }
+	  };
+
+	  var initialTime = Date.now();
+
+	  exports.unstable_now = function () {
+	    return Date.now() - initialTime;
+	  };
+
+	  requestHostCallback = function (cb) {
+	    if (_callback !== null) {
+	      // Protect against re-entrancy.
+	      setTimeout(requestHostCallback, 0, cb);
+	    } else {
+	      _callback = cb;
+	      setTimeout(_flushCallback, 0);
+	    }
+	  };
+
+	  requestHostTimeout = function (cb, ms) {
+	    _timeoutID = setTimeout(cb, ms);
+	  };
+
+	  cancelHostTimeout = function () {
+	    clearTimeout(_timeoutID);
+	  };
+
+	  shouldYieldToHost = function () {
+	    return false;
+	  };
+
+	  requestPaint = exports.unstable_forceFrameRate = function () {};
+	} else {
+	  // Capture local references to native APIs, in case a polyfill overrides them.
+	  var performance = window.performance;
+	  var _Date = window.Date;
+	  var _setTimeout = window.setTimeout;
+	  var _clearTimeout = window.clearTimeout;
+
+	  if (typeof console !== 'undefined') {
+	    // TODO: Scheduler no longer requires these methods to be polyfilled. But
+	    // maybe we want to continue warning if they don't exist, to preserve the
+	    // option to rely on it in the future?
+	    var requestAnimationFrame = window.requestAnimationFrame;
+	    var cancelAnimationFrame = window.cancelAnimationFrame; // TODO: Remove fb.me link
+
+	    if (typeof requestAnimationFrame !== 'function') {
+	      console.error("This browser doesn't support requestAnimationFrame. " + 'Make sure that you load a ' + 'polyfill in older browsers. https://fb.me/react-polyfills');
+	    }
+
+	    if (typeof cancelAnimationFrame !== 'function') {
+	      console.error("This browser doesn't support cancelAnimationFrame. " + 'Make sure that you load a ' + 'polyfill in older browsers. https://fb.me/react-polyfills');
+	    }
+	  }
+
+	  if (typeof performance === 'object' && typeof performance.now === 'function') {
+	    exports.unstable_now = function () {
+	      return performance.now();
+	    };
+	  } else {
+	    var _initialTime = _Date.now();
+
+	    exports.unstable_now = function () {
+	      return _Date.now() - _initialTime;
+	    };
+	  }
+
+	  var isMessageLoopRunning = false;
+	  var scheduledHostCallback = null;
+	  var taskTimeoutID = -1; // Scheduler periodically yields in case there is other work on the main
+	  // thread, like user events. By default, it yields multiple times per frame.
+	  // It does not attempt to align with frame boundaries, since most tasks don't
+	  // need to be frame aligned; for those that do, use requestAnimationFrame.
+
+	  var yieldInterval = 5;
+	  var deadline = 0; // TODO: Make this configurable
+	  // TODO: Adjust this based on priority?
+
+	  var maxYieldInterval = 300;
+	  var needsPaint = false;
+
+	  if (enableIsInputPending && navigator !== undefined && navigator.scheduling !== undefined && navigator.scheduling.isInputPending !== undefined) {
+	    var scheduling = navigator.scheduling;
+
+	    shouldYieldToHost = function () {
+	      var currentTime = exports.unstable_now();
+
+	      if (currentTime >= deadline) {
+	        // There's no time left. We may want to yield control of the main
+	        // thread, so the browser can perform high priority tasks. The main ones
+	        // are painting and user input. If there's a pending paint or a pending
+	        // input, then we should yield. But if there's neither, then we can
+	        // yield less often while remaining responsive. We'll eventually yield
+	        // regardless, since there could be a pending paint that wasn't
+	        // accompanied by a call to `requestPaint`, or other main thread tasks
+	        // like network events.
+	        if (needsPaint || scheduling.isInputPending()) {
+	          // There is either a pending paint or a pending input.
+	          return true;
+	        } // There's no pending input. Only yield if we've reached the max
+	        // yield interval.
+
+
+	        return currentTime >= maxYieldInterval;
+	      } else {
+	        // There's still time left in the frame.
+	        return false;
+	      }
+	    };
+
+	    requestPaint = function () {
+	      needsPaint = true;
+	    };
+	  } else {
+	    // `isInputPending` is not available. Since we have no way of knowing if
+	    // there's pending input, always yield at the end of the frame.
+	    shouldYieldToHost = function () {
+	      return exports.unstable_now() >= deadline;
+	    }; // Since we yield every frame regardless, `requestPaint` has no effect.
+
+
+	    requestPaint = function () {};
+	  }
+
+	  exports.unstable_forceFrameRate = function (fps) {
+	    if (fps < 0 || fps > 125) {
+	      console.error('forceFrameRate takes a positive int between 0 and 125, ' + 'forcing framerates higher than 125 fps is not unsupported');
+	      return;
+	    }
+
+	    if (fps > 0) {
+	      yieldInterval = Math.floor(1000 / fps);
+	    } else {
+	      // reset the framerate
+	      yieldInterval = 5;
+	    }
+	  };
+
+	  var performWorkUntilDeadline = function () {
+	    if (scheduledHostCallback !== null) {
+	      var currentTime = exports.unstable_now(); // Yield after `yieldInterval` ms, regardless of where we are in the vsync
+	      // cycle. This means there's always time remaining at the beginning of
+	      // the message event.
+
+	      deadline = currentTime + yieldInterval;
+	      var hasTimeRemaining = true;
+
+	      try {
+	        var hasMoreWork = scheduledHostCallback(hasTimeRemaining, currentTime);
+
+	        if (!hasMoreWork) {
+	          isMessageLoopRunning = false;
+	          scheduledHostCallback = null;
+	        } else {
+	          // If there's more work, schedule the next message event at the end
+	          // of the preceding one.
+	          port.postMessage(null);
+	        }
+	      } catch (error) {
+	        // If a scheduler task throws, exit the current browser task so the
+	        // error can be observed.
+	        port.postMessage(null);
+	        throw error;
+	      }
+	    } else {
+	      isMessageLoopRunning = false;
+	    } // Yielding to the browser will give it a chance to paint, so we can
+	    // reset this.
+
+
+	    needsPaint = false;
+	  };
+
+	  var channel = new MessageChannel();
+	  var port = channel.port2;
+	  channel.port1.onmessage = performWorkUntilDeadline;
+
+	  requestHostCallback = function (callback) {
+	    scheduledHostCallback = callback;
+
+	    if (!isMessageLoopRunning) {
+	      isMessageLoopRunning = true;
+	      port.postMessage(null);
+	    }
+	  };
+
+	  requestHostTimeout = function (callback, ms) {
+	    taskTimeoutID = _setTimeout(function () {
+	      callback(exports.unstable_now());
+	    }, ms);
+	  };
+
+	  cancelHostTimeout = function () {
+	    _clearTimeout(taskTimeoutID);
+
+	    taskTimeoutID = -1;
+	  };
+	}
+
+	function push(heap, node) {
+	  var index = heap.length;
+	  heap.push(node);
+	  siftUp(heap, node, index);
+	}
+	function peek(heap) {
+	  var first = heap[0];
+	  return first === undefined ? null : first;
+	}
+	function pop(heap) {
+	  var first = heap[0];
+
+	  if (first !== undefined) {
+	    var last = heap.pop();
+
+	    if (last !== first) {
+	      heap[0] = last;
+	      siftDown(heap, last, 0);
+	    }
+
+	    return first;
+	  } else {
+	    return null;
+	  }
+	}
+
+	function siftUp(heap, node, i) {
+	  var index = i;
+
+	  while (true) {
+	    var parentIndex = Math.floor((index - 1) / 2);
+	    var parent = heap[parentIndex];
+
+	    if (parent !== undefined && compare(parent, node) > 0) {
+	      // The parent is larger. Swap positions.
+	      heap[parentIndex] = node;
+	      heap[index] = parent;
+	      index = parentIndex;
+	    } else {
+	      // The parent is smaller. Exit.
+	      return;
+	    }
+	  }
+	}
+
+	function siftDown(heap, node, i) {
+	  var index = i;
+	  var length = heap.length;
+
+	  while (index < length) {
+	    var leftIndex = (index + 1) * 2 - 1;
+	    var left = heap[leftIndex];
+	    var rightIndex = leftIndex + 1;
+	    var right = heap[rightIndex]; // If the left or right node is smaller, swap with the smaller of those.
+
+	    if (left !== undefined && compare(left, node) < 0) {
+	      if (right !== undefined && compare(right, left) < 0) {
+	        heap[index] = right;
+	        heap[rightIndex] = node;
+	        index = rightIndex;
+	      } else {
+	        heap[index] = left;
+	        heap[leftIndex] = node;
+	        index = leftIndex;
+	      }
+	    } else if (right !== undefined && compare(right, node) < 0) {
+	      heap[index] = right;
+	      heap[rightIndex] = node;
+	      index = rightIndex;
+	    } else {
+	      // Neither child is smaller. Exit.
+	      return;
+	    }
+	  }
+	}
+
+	function compare(a, b) {
+	  // Compare sort index first, then task id.
+	  var diff = a.sortIndex - b.sortIndex;
+	  return diff !== 0 ? diff : a.id - b.id;
+	}
 
 	// TODO: Use symbols?
+	var NoPriority = 0;
 	var ImmediatePriority = 1;
 	var UserBlockingPriority = 2;
 	var NormalPriority = 3;
 	var LowPriority = 4;
 	var IdlePriority = 5;
 
-	// Max 31 bit integer. The max integer size in V8 for 32-bit systems.
+	var runIdCounter = 0;
+	var mainThreadIdCounter = 0;
+	var profilingStateSize = 4;
+	var sharedProfilingBuffer = enableProfiling ? // $FlowFixMe Flow doesn't know about SharedArrayBuffer
+	typeof SharedArrayBuffer === 'function' ? new SharedArrayBuffer(profilingStateSize * Int32Array.BYTES_PER_ELEMENT) : // $FlowFixMe Flow doesn't know about ArrayBuffer
+	typeof ArrayBuffer === 'function' ? new ArrayBuffer(profilingStateSize * Int32Array.BYTES_PER_ELEMENT) : null // Don't crash the init path on IE9
+	: null;
+	var profilingState = enableProfiling && sharedProfilingBuffer !== null ? new Int32Array(sharedProfilingBuffer) : []; // We can't read this but it helps save bytes for null checks
+
+	var PRIORITY = 0;
+	var CURRENT_TASK_ID = 1;
+	var CURRENT_RUN_ID = 2;
+	var QUEUE_SIZE = 3;
+
+	if (enableProfiling) {
+	  profilingState[PRIORITY] = NoPriority; // This is maintained with a counter, because the size of the priority queue
+	  // array might include canceled tasks.
+
+	  profilingState[QUEUE_SIZE] = 0;
+	  profilingState[CURRENT_TASK_ID] = 0;
+	} // Bytes per element is 4
+
+
+	var INITIAL_EVENT_LOG_SIZE = 131072;
+	var MAX_EVENT_LOG_SIZE = 524288; // Equivalent to 2 megabytes
+
+	var eventLogSize = 0;
+	var eventLogBuffer = null;
+	var eventLog = null;
+	var eventLogIndex = 0;
+	var TaskStartEvent = 1;
+	var TaskCompleteEvent = 2;
+	var TaskErrorEvent = 3;
+	var TaskCancelEvent = 4;
+	var TaskRunEvent = 5;
+	var TaskYieldEvent = 6;
+	var SchedulerSuspendEvent = 7;
+	var SchedulerResumeEvent = 8;
+
+	function logEvent(entries) {
+	  if (eventLog !== null) {
+	    var offset = eventLogIndex;
+	    eventLogIndex += entries.length;
+
+	    if (eventLogIndex + 1 > eventLogSize) {
+	      eventLogSize *= 2;
+
+	      if (eventLogSize > MAX_EVENT_LOG_SIZE) {
+	        console.error("Scheduler Profiling: Event log exceeded maximum size. Don't " + 'forget to call `stopLoggingProfilingEvents()`.');
+	        stopLoggingProfilingEvents();
+	        return;
+	      }
+
+	      var newEventLog = new Int32Array(eventLogSize * 4);
+	      newEventLog.set(eventLog);
+	      eventLogBuffer = newEventLog.buffer;
+	      eventLog = newEventLog;
+	    }
+
+	    eventLog.set(entries, offset);
+	  }
+	}
+
+	function startLoggingProfilingEvents() {
+	  eventLogSize = INITIAL_EVENT_LOG_SIZE;
+	  eventLogBuffer = new ArrayBuffer(eventLogSize * 4);
+	  eventLog = new Int32Array(eventLogBuffer);
+	  eventLogIndex = 0;
+	}
+	function stopLoggingProfilingEvents() {
+	  var buffer = eventLogBuffer;
+	  eventLogSize = 0;
+	  eventLogBuffer = null;
+	  eventLog = null;
+	  eventLogIndex = 0;
+	  return buffer;
+	}
+	function markTaskStart(task, ms) {
+	  if (enableProfiling) {
+	    profilingState[QUEUE_SIZE]++;
+
+	    if (eventLog !== null) {
+	      // performance.now returns a float, representing milliseconds. When the
+	      // event is logged, it's coerced to an int. Convert to microseconds to
+	      // maintain extra degrees of precision.
+	      logEvent([TaskStartEvent, ms * 1000, task.id, task.priorityLevel]);
+	    }
+	  }
+	}
+	function markTaskCompleted(task, ms) {
+	  if (enableProfiling) {
+	    profilingState[PRIORITY] = NoPriority;
+	    profilingState[CURRENT_TASK_ID] = 0;
+	    profilingState[QUEUE_SIZE]--;
+
+	    if (eventLog !== null) {
+	      logEvent([TaskCompleteEvent, ms * 1000, task.id]);
+	    }
+	  }
+	}
+	function markTaskCanceled(task, ms) {
+	  if (enableProfiling) {
+	    profilingState[QUEUE_SIZE]--;
+
+	    if (eventLog !== null) {
+	      logEvent([TaskCancelEvent, ms * 1000, task.id]);
+	    }
+	  }
+	}
+	function markTaskErrored(task, ms) {
+	  if (enableProfiling) {
+	    profilingState[PRIORITY] = NoPriority;
+	    profilingState[CURRENT_TASK_ID] = 0;
+	    profilingState[QUEUE_SIZE]--;
+
+	    if (eventLog !== null) {
+	      logEvent([TaskErrorEvent, ms * 1000, task.id]);
+	    }
+	  }
+	}
+	function markTaskRun(task, ms) {
+	  if (enableProfiling) {
+	    runIdCounter++;
+	    profilingState[PRIORITY] = task.priorityLevel;
+	    profilingState[CURRENT_TASK_ID] = task.id;
+	    profilingState[CURRENT_RUN_ID] = runIdCounter;
+
+	    if (eventLog !== null) {
+	      logEvent([TaskRunEvent, ms * 1000, task.id, runIdCounter]);
+	    }
+	  }
+	}
+	function markTaskYield(task, ms) {
+	  if (enableProfiling) {
+	    profilingState[PRIORITY] = NoPriority;
+	    profilingState[CURRENT_TASK_ID] = 0;
+	    profilingState[CURRENT_RUN_ID] = 0;
+
+	    if (eventLog !== null) {
+	      logEvent([TaskYieldEvent, ms * 1000, task.id, runIdCounter]);
+	    }
+	  }
+	}
+	function markSchedulerSuspended(ms) {
+	  if (enableProfiling) {
+	    mainThreadIdCounter++;
+
+	    if (eventLog !== null) {
+	      logEvent([SchedulerSuspendEvent, ms * 1000, mainThreadIdCounter]);
+	    }
+	  }
+	}
+	function markSchedulerUnsuspended(ms) {
+	  if (enableProfiling) {
+	    if (eventLog !== null) {
+	      logEvent([SchedulerResumeEvent, ms * 1000, mainThreadIdCounter]);
+	    }
+	  }
+	}
+
+	/* eslint-disable no-var */
 	// Math.pow(2, 30) - 1
 	// 0b111111111111111111111111111111
-	var maxSigned31BitInt = 1073741823;
 
-	// Times out immediately
-	var IMMEDIATE_PRIORITY_TIMEOUT = -1;
-	// Eventually times out
+	var maxSigned31BitInt = 1073741823; // Times out immediately
+
+	var IMMEDIATE_PRIORITY_TIMEOUT = -1; // Eventually times out
+
 	var USER_BLOCKING_PRIORITY = 250;
 	var NORMAL_PRIORITY_TIMEOUT = 5000;
-	var LOW_PRIORITY_TIMEOUT = 10000;
-	// Never times out
-	var IDLE_PRIORITY = maxSigned31BitInt;
+	var LOW_PRIORITY_TIMEOUT = 10000; // Never times out
 
-	// Callbacks are stored as a circular, doubly linked list.
-	var firstCallbackNode = null;
+	var IDLE_PRIORITY = maxSigned31BitInt; // Tasks are stored on a min heap
 
-	var currentDidTimeout = false;
-	// Pausing the scheduler is useful for debugging.
-	var isSchedulerPaused = false;
+	var taskQueue = [];
+	var timerQueue = []; // Incrementing id counter. Used to maintain insertion order.
 
-	var currentPriorityLevel = NormalPriority;
-	var currentEventStartTime = -1;
-	var currentExpirationTime = -1;
+	var taskIdCounter = 1; // Pausing the scheduler is useful for debugging.
 
-	// This is set when a callback is being executed, to prevent re-entrancy.
-	var isExecutingCallback = false;
+	var isSchedulerPaused = false;
+	var currentTask = null;
+	var currentPriorityLevel = NormalPriority; // This is set while performing work, to prevent re-entrancy.
 
+	var isPerformingWork = false;
 	var isHostCallbackScheduled = false;
+	var isHostTimeoutScheduled = false;
+
+	function advanceTimers(currentTime) {
+	  // Check for tasks that are no longer delayed and add them to the queue.
+	  var timer = peek(timerQueue);
+
+	  while (timer !== null) {
+	    if (timer.callback === null) {
+	      // Timer was cancelled.
+	      pop(timerQueue);
+	    } else if (timer.startTime <= currentTime) {
+	      // Timer fired. Transfer to the task queue.
+	      pop(timerQueue);
+	      timer.sortIndex = timer.expirationTime;
+	      push(taskQueue, timer);
+
+	      if (enableProfiling) {
+	        markTaskStart(timer, currentTime);
+	        timer.isQueued = true;
+	      }
+	    } else {
+	      // Remaining timers are pending.
+	      return;
+	    }
 
-	var hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
-
-	function ensureHostCallbackIsScheduled() {
-	  if (isExecutingCallback) {
-	    // Don't schedule work yet; wait until the next time we yield.
-	    return;
+	    timer = peek(timerQueue);
 	  }
-	  // Schedule the host callback using the earliest expiration in the list.
-	  var expirationTime = firstCallbackNode.expirationTime;
+	}
+
+	function handleTimeout(currentTime) {
+	  isHostTimeoutScheduled = false;
+	  advanceTimers(currentTime);
+
 	  if (!isHostCallbackScheduled) {
-	    isHostCallbackScheduled = true;
-	  } else {
-	    // Cancel the existing host callback.
-	    cancelHostCallback();
+	    if (peek(taskQueue) !== null) {
+	      isHostCallbackScheduled = true;
+	      requestHostCallback(flushWork);
+	    } else {
+	      var firstTimer = peek(timerQueue);
+
+	      if (firstTimer !== null) {
+	        requestHostTimeout(handleTimeout, firstTimer.startTime - currentTime);
+	      }
+	    }
 	  }
-	  requestHostCallback(flushWork, expirationTime);
 	}
 
-	function flushFirstCallback() {
-	  var flushedNode = firstCallbackNode;
+	function flushWork(hasTimeRemaining, initialTime) {
+	  if (enableProfiling) {
+	    markSchedulerUnsuspended(initialTime);
+	  } // We'll need a host callback the next time work is scheduled.
 
-	  // Remove the node from the list before calling the callback. That way the
-	  // list is in a consistent state even if the callback throws.
-	  var next = firstCallbackNode.next;
-	  if (firstCallbackNode === next) {
-	    // This is the last callback in the list.
-	    firstCallbackNode = null;
-	    next = null;
-	  } else {
-	    var lastCallbackNode = firstCallbackNode.previous;
-	    firstCallbackNode = lastCallbackNode.next = next;
-	    next.previous = lastCallbackNode;
-	  }
 
-	  flushedNode.next = flushedNode.previous = null;
+	  isHostCallbackScheduled = false;
 
-	  // Now it's safe to call the callback.
-	  var callback = flushedNode.callback;
-	  var expirationTime = flushedNode.expirationTime;
-	  var priorityLevel = flushedNode.priorityLevel;
-	  var previousPriorityLevel = currentPriorityLevel;
-	  var previousExpirationTime = currentExpirationTime;
-	  currentPriorityLevel = priorityLevel;
-	  currentExpirationTime = expirationTime;
-	  var continuationCallback;
-	  try {
-	    continuationCallback = callback();
-	  } finally {
-	    currentPriorityLevel = previousPriorityLevel;
-	    currentExpirationTime = previousExpirationTime;
+	  if (isHostTimeoutScheduled) {
+	    // We scheduled a timeout but it's no longer needed. Cancel it.
+	    isHostTimeoutScheduled = false;
+	    cancelHostTimeout();
 	  }
 
-	  // A callback may return a continuation. The continuation should be scheduled
-	  // with the same priority and expiration as the just-finished callback.
-	  if (typeof continuationCallback === 'function') {
-	    var continuationNode = {
-	      callback: continuationCallback,
-	      priorityLevel: priorityLevel,
-	      expirationTime: expirationTime,
-	      next: null,
-	      previous: null
-	    };
+	  isPerformingWork = true;
+	  var previousPriorityLevel = currentPriorityLevel;
 
-	    // Insert the new callback into the list, sorted by its expiration. This is
-	    // almost the same as the code in `scheduleCallback`, except the callback
-	    // is inserted into the list *before* callbacks of equal expiration instead
-	    // of after.
-	    if (firstCallbackNode === null) {
-	      // This is the first callback in the list.
-	      firstCallbackNode = continuationNode.next = continuationNode.previous = continuationNode;
-	    } else {
-	      var nextAfterContinuation = null;
-	      var node = firstCallbackNode;
-	      do {
-	        if (node.expirationTime >= expirationTime) {
-	          // This callback expires at or after the continuation. We will insert
-	          // the continuation *before* this callback.
-	          nextAfterContinuation = node;
-	          break;
+	  try {
+	    if (enableProfiling) {
+	      try {
+	        return workLoop(hasTimeRemaining, initialTime);
+	      } catch (error) {
+	        if (currentTask !== null) {
+	          var currentTime = exports.unstable_now();
+	          markTaskErrored(currentTask, currentTime);
+	          currentTask.isQueued = false;
 	        }
-	        node = node.next;
-	      } while (node !== firstCallbackNode);
 
-	      if (nextAfterContinuation === null) {
-	        // No equal or lower priority callback was found, which means the new
-	        // callback is the lowest priority callback in the list.
-	        nextAfterContinuation = firstCallbackNode;
-	      } else if (nextAfterContinuation === firstCallbackNode) {
-	        // The new callback is the highest priority callback in the list.
-	        firstCallbackNode = continuationNode;
-	        ensureHostCallbackIsScheduled();
+	        throw error;
 	      }
+	    } else {
+	      // No catch in prod codepath.
+	      return workLoop(hasTimeRemaining, initialTime);
+	    }
+	  } finally {
+	    currentTask = null;
+	    currentPriorityLevel = previousPriorityLevel;
+	    isPerformingWork = false;
 
-	      var previous = nextAfterContinuation.previous;
-	      previous.next = nextAfterContinuation.previous = continuationNode;
-	      continuationNode.next = nextAfterContinuation;
-	      continuationNode.previous = previous;
+	    if (enableProfiling) {
+	      var _currentTime = exports.unstable_now();
+
+	      markSchedulerSuspended(_currentTime);
 	    }
 	  }
 	}
 
-	function flushImmediateWork() {
-	  if (
-	  // Confirm we've exited the outer most event handler
-	  currentEventStartTime === -1 && firstCallbackNode !== null && firstCallbackNode.priorityLevel === ImmediatePriority) {
-	    isExecutingCallback = true;
-	    try {
-	      do {
-	        flushFirstCallback();
-	      } while (
-	      // Keep flushing until there are no more immediate callbacks
-	      firstCallbackNode !== null && firstCallbackNode.priorityLevel === ImmediatePriority);
-	    } finally {
-	      isExecutingCallback = false;
-	      if (firstCallbackNode !== null) {
-	        // There's still work remaining. Request another callback.
-	        ensureHostCallbackIsScheduled();
-	      } else {
-	        isHostCallbackScheduled = false;
-	      }
+	function workLoop(hasTimeRemaining, initialTime) {
+	  var currentTime = initialTime;
+	  advanceTimers(currentTime);
+	  currentTask = peek(taskQueue);
+
+	  while (currentTask !== null && !(enableSchedulerDebugging && isSchedulerPaused)) {
+	    if (currentTask.expirationTime > currentTime && (!hasTimeRemaining || shouldYieldToHost())) {
+	      // This currentTask hasn't expired, and we've reached the deadline.
+	      break;
 	    }
-	  }
-	}
 
-	function flushWork(didTimeout) {
-	  // Exit right away if we're currently paused
+	    var callback = currentTask.callback;
 
-	  if (enableSchedulerDebugging && isSchedulerPaused) {
-	    return;
-	  }
+	    if (callback !== null) {
+	      currentTask.callback = null;
+	      currentPriorityLevel = currentTask.priorityLevel;
+	      var didUserCallbackTimeout = currentTask.expirationTime <= currentTime;
+	      markTaskRun(currentTask, currentTime);
+	      var continuationCallback = callback(didUserCallbackTimeout);
+	      currentTime = exports.unstable_now();
 
-	  isExecutingCallback = true;
-	  var previousDidTimeout = currentDidTimeout;
-	  currentDidTimeout = didTimeout;
-	  try {
-	    if (didTimeout) {
-	      // Flush all the expired callbacks without yielding.
-	      while (firstCallbackNode !== null && !(enableSchedulerDebugging && isSchedulerPaused)) {
-	        // TODO Wrap in feature flag
-	        // Read the current time. Flush all the callbacks that expire at or
-	        // earlier than that time. Then read the current time again and repeat.
-	        // This optimizes for as few performance.now calls as possible.
-	        var currentTime = exports.unstable_now();
-	        if (firstCallbackNode.expirationTime <= currentTime) {
-	          do {
-	            flushFirstCallback();
-	          } while (firstCallbackNode !== null && firstCallbackNode.expirationTime <= currentTime && !(enableSchedulerDebugging && isSchedulerPaused));
-	          continue;
+	      if (typeof continuationCallback === 'function') {
+	        currentTask.callback = continuationCallback;
+	        markTaskYield(currentTask, currentTime);
+	      } else {
+	        if (enableProfiling) {
+	          markTaskCompleted(currentTask, currentTime);
+	          currentTask.isQueued = false;
+	        }
+
+	        if (currentTask === peek(taskQueue)) {
+	          pop(taskQueue);
 	        }
-	        break;
 	      }
+
+	      advanceTimers(currentTime);
 	    } else {
-	      // Keep flushing callbacks until we run out of time in the frame.
-	      if (firstCallbackNode !== null) {
-	        do {
-	          if (enableSchedulerDebugging && isSchedulerPaused) {
-	            break;
-	          }
-	          flushFirstCallback();
-	        } while (firstCallbackNode !== null && !shouldYieldToHost());
-	      }
+	      pop(taskQueue);
 	    }
-	  } finally {
-	    isExecutingCallback = false;
-	    currentDidTimeout = previousDidTimeout;
-	    if (firstCallbackNode !== null) {
-	      // There's still work remaining. Request another callback.
-	      ensureHostCallbackIsScheduled();
-	    } else {
-	      isHostCallbackScheduled = false;
+
+	    currentTask = peek(taskQueue);
+	  } // Return whether there's additional work
+
+
+	  if (currentTask !== null) {
+	    return true;
+	  } else {
+	    var firstTimer = peek(timerQueue);
+
+	    if (firstTimer !== null) {
+	      requestHostTimeout(handleTimeout, firstTimer.startTime - currentTime);
 	    }
-	    // Before exiting, flush all the immediate work that was scheduled.
-	    flushImmediateWork();
+
+	    return false;
 	  }
 	}
 
@@ -3374,28 +4257,24 @@
 	    case LowPriority:
 	    case IdlePriority:
 	      break;
+
 	    default:
 	      priorityLevel = NormalPriority;
 	  }
 
 	  var previousPriorityLevel = currentPriorityLevel;
-	  var previousEventStartTime = currentEventStartTime;
 	  currentPriorityLevel = priorityLevel;
-	  currentEventStartTime = exports.unstable_now();
 
 	  try {
 	    return eventHandler();
 	  } finally {
 	    currentPriorityLevel = previousPriorityLevel;
-	    currentEventStartTime = previousEventStartTime;
-
-	    // Before exiting, flush all the immediate work that was scheduled.
-	    flushImmediateWork();
 	  }
 	}
 
 	function unstable_next(eventHandler) {
-	  var priorityLevel = void 0;
+	  var priorityLevel;
+
 	  switch (currentPriorityLevel) {
 	    case ImmediatePriority:
 	    case UserBlockingPriority:
@@ -3403,6 +4282,7 @@
 	      // Shift down to normal priority
 	      priorityLevel = NormalPriority;
 	      break;
+
 	    default:
 	      // Anything lower than normal priority should remain at the current level.
 	      priorityLevel = currentPriorityLevel;
@@ -3410,18 +4290,12 @@
 	  }
 
 	  var previousPriorityLevel = currentPriorityLevel;
-	  var previousEventStartTime = currentEventStartTime;
 	  currentPriorityLevel = priorityLevel;
-	  currentEventStartTime = exports.unstable_now();
 
 	  try {
 	    return eventHandler();
 	  } finally {
 	    currentPriorityLevel = previousPriorityLevel;
-	    currentEventStartTime = previousEventStartTime;
-
-	    // Before exiting, flush all the immediate work that was scheduled.
-	    flushImmediateWork();
 	  }
 	}
 
@@ -3430,91 +4304,105 @@
 	  return function () {
 	    // This is a fork of runWithPriority, inlined for performance.
 	    var previousPriorityLevel = currentPriorityLevel;
-	    var previousEventStartTime = currentEventStartTime;
 	    currentPriorityLevel = parentPriorityLevel;
-	    currentEventStartTime = exports.unstable_now();
 
 	    try {
 	      return callback.apply(this, arguments);
 	    } finally {
 	      currentPriorityLevel = previousPriorityLevel;
-	      currentEventStartTime = previousEventStartTime;
-	      flushImmediateWork();
 	    }
 	  };
 	}
 
-	function unstable_scheduleCallback(callback, deprecated_options) {
-	  var startTime = currentEventStartTime !== -1 ? currentEventStartTime : exports.unstable_now();
+	function timeoutForPriorityLevel(priorityLevel) {
+	  switch (priorityLevel) {
+	    case ImmediatePriority:
+	      return IMMEDIATE_PRIORITY_TIMEOUT;
 
-	  var expirationTime;
-	  if (typeof deprecated_options === 'object' && deprecated_options !== null && typeof deprecated_options.timeout === 'number') {
-	    // FIXME: Remove this branch once we lift expiration times out of React.
-	    expirationTime = startTime + deprecated_options.timeout;
-	  } else {
-	    switch (currentPriorityLevel) {
-	      case ImmediatePriority:
-	        expirationTime = startTime + IMMEDIATE_PRIORITY_TIMEOUT;
-	        break;
-	      case UserBlockingPriority:
-	        expirationTime = startTime + USER_BLOCKING_PRIORITY;
-	        break;
-	      case IdlePriority:
-	        expirationTime = startTime + IDLE_PRIORITY;
-	        break;
-	      case LowPriority:
-	        expirationTime = startTime + LOW_PRIORITY_TIMEOUT;
-	        break;
-	      case NormalPriority:
-	      default:
-	        expirationTime = startTime + NORMAL_PRIORITY_TIMEOUT;
+	    case UserBlockingPriority:
+	      return USER_BLOCKING_PRIORITY;
+
+	    case IdlePriority:
+	      return IDLE_PRIORITY;
+
+	    case LowPriority:
+	      return LOW_PRIORITY_TIMEOUT;
+
+	    case NormalPriority:
+	    default:
+	      return NORMAL_PRIORITY_TIMEOUT;
+	  }
+	}
+
+	function unstable_scheduleCallback(priorityLevel, callback, options) {
+	  var currentTime = exports.unstable_now();
+	  var startTime;
+	  var timeout;
+
+	  if (typeof options === 'object' && options !== null) {
+	    var delay = options.delay;
+
+	    if (typeof delay === 'number' && delay > 0) {
+	      startTime = currentTime + delay;
+	    } else {
+	      startTime = currentTime;
 	    }
+
+	    timeout = typeof options.timeout === 'number' ? options.timeout : timeoutForPriorityLevel(priorityLevel);
+	  } else {
+	    timeout = timeoutForPriorityLevel(priorityLevel);
+	    startTime = currentTime;
 	  }
 
-	  var newNode = {
+	  var expirationTime = startTime + timeout;
+	  var newTask = {
+	    id: taskIdCounter++,
 	    callback: callback,
-	    priorityLevel: currentPriorityLevel,
+	    priorityLevel: priorityLevel,
+	    startTime: startTime,
 	    expirationTime: expirationTime,
-	    next: null,
-	    previous: null
+	    sortIndex: -1
 	  };
 
-	  // Insert the new callback into the list, ordered first by expiration, then
-	  // by insertion. So the new callback is inserted any other callback with
-	  // equal expiration.
-	  if (firstCallbackNode === null) {
-	    // This is the first callback in the list.
-	    firstCallbackNode = newNode.next = newNode.previous = newNode;
-	    ensureHostCallbackIsScheduled();
-	  } else {
-	    var next = null;
-	    var node = firstCallbackNode;
-	    do {
-	      if (node.expirationTime > expirationTime) {
-	        // The new callback expires before this one.
-	        next = node;
-	        break;
-	      }
-	      node = node.next;
-	    } while (node !== firstCallbackNode);
+	  if (enableProfiling) {
+	    newTask.isQueued = false;
+	  }
+
+	  if (startTime > currentTime) {
+	    // This is a delayed task.
+	    newTask.sortIndex = startTime;
+	    push(timerQueue, newTask);
+
+	    if (peek(taskQueue) === null && newTask === peek(timerQueue)) {
+	      // All tasks are delayed, and this is the task with the earliest delay.
+	      if (isHostTimeoutScheduled) {
+	        // Cancel an existing timeout.
+	        cancelHostTimeout();
+	      } else {
+	        isHostTimeoutScheduled = true;
+	      } // Schedule a timeout.
 
-	    if (next === null) {
-	      // No callback with a later expiration was found, which means the new
-	      // callback has the latest expiration in the list.
-	      next = firstCallbackNode;
-	    } else if (next === firstCallbackNode) {
-	      // The new callback has the earliest expiration in the entire list.
-	      firstCallbackNode = newNode;
-	      ensureHostCallbackIsScheduled();
+
+	      requestHostTimeout(handleTimeout, startTime - currentTime);
 	    }
+	  } else {
+	    newTask.sortIndex = expirationTime;
+	    push(taskQueue, newTask);
+
+	    if (enableProfiling) {
+	      markTaskStart(newTask, currentTime);
+	      newTask.isQueued = true;
+	    } // Schedule a host callback, if needed. If we're already performing work,
+	    // wait until the next time we yield.
+
 
-	    var previous = next.previous;
-	    previous.next = next.previous = newNode;
-	    newNode.next = next;
-	    newNode.previous = previous;
+	    if (!isHostCallbackScheduled && !isPerformingWork) {
+	      isHostCallbackScheduled = true;
+	      requestHostCallback(flushWork);
+	    }
 	  }
 
-	  return newNode;
+	  return newTask;
 	}
 
 	function unstable_pauseExecution() {
@@ -3523,36 +4411,30 @@
 
 	function unstable_continueExecution() {
 	  isSchedulerPaused = false;
-	  if (firstCallbackNode !== null) {
-	    ensureHostCallbackIsScheduled();
+
+	  if (!isHostCallbackScheduled && !isPerformingWork) {
+	    isHostCallbackScheduled = true;
+	    requestHostCallback(flushWork);
 	  }
 	}
 
 	function unstable_getFirstCallbackNode() {
-	  return firstCallbackNode;
+	  return peek(taskQueue);
 	}
 
-	function unstable_cancelCallback(callbackNode) {
-	  var next = callbackNode.next;
-	  if (next === null) {
-	    // Already cancelled.
-	    return;
-	  }
-
-	  if (next === callbackNode) {
-	    // This is the only scheduled callback. Clear the list.
-	    firstCallbackNode = null;
-	  } else {
-	    // Remove the callback from its position in the list.
-	    if (callbackNode === firstCallbackNode) {
-	      firstCallbackNode = next;
+	function unstable_cancelCallback(task) {
+	  if (enableProfiling) {
+	    if (task.isQueued) {
+	      var currentTime = exports.unstable_now();
+	      markTaskCanceled(task, currentTime);
+	      task.isQueued = false;
 	    }
-	    var previous = callbackNode.previous;
-	    previous.next = next;
-	    next.previous = previous;
-	  }
+	  } // Null out the callback to indicate the task has been canceled. (Can't
+	  // remove from the queue because you can't remove arbitrary nodes from an
+	  // array based heap, only the first one.)
+
 
-	  callbackNode.next = callbackNode.previous = null;
+	  task.callback = null;
 	}
 
 	function unstable_getCurrentPriorityLevel() {
@@ -3560,257 +4442,18 @@
 	}
 
 	function unstable_shouldYield() {
-	  return !currentDidTimeout && (firstCallbackNode !== null && firstCallbackNode.expirationTime < currentExpirationTime || shouldYieldToHost());
-	}
-
-	// The remaining code is essentially a polyfill for requestIdleCallback. It
-	// works by scheduling a requestAnimationFrame, storing the time for the start
-	// of the frame, then scheduling a postMessage which gets scheduled after paint.
-	// Within the postMessage handler do as much work as possible until time + frame
-	// rate. By separating the idle call into a separate event tick we ensure that
-	// layout, paint and other browser work is counted against the available time.
-	// The frame rate is dynamically adjusted.
-
-	// We capture a local reference to any global, in case it gets polyfilled after
-	// this module is initially evaluated. We want to be using a
-	// consistent implementation.
-	var localDate = Date;
-
-	// This initialization code may run even on server environments if a component
-	// just imports ReactDOM (e.g. for findDOMNode). Some environments might not
-	// have setTimeout or clearTimeout. However, we always expect them to be defined
-	// on the client. https://github.com/facebook/react/pull/13088
-	var localSetTimeout = typeof setTimeout === 'function' ? setTimeout : undefined;
-	var localClearTimeout = typeof clearTimeout === 'function' ? clearTimeout : undefined;
-
-	// We don't expect either of these to necessarily be defined, but we will error
-	// later if they are missing on the client.
-	var localRequestAnimationFrame = typeof requestAnimationFrame === 'function' ? requestAnimationFrame : undefined;
-	var localCancelAnimationFrame = typeof cancelAnimationFrame === 'function' ? cancelAnimationFrame : undefined;
-
-	// requestAnimationFrame does not run when the tab is in the background. If
-	// we're backgrounded we prefer for that work to happen so that the page
-	// continues to load in the background. So we also schedule a 'setTimeout' as
-	// a fallback.
-	// TODO: Need a better heuristic for backgrounded work.
-	var ANIMATION_FRAME_TIMEOUT = 100;
-	var rAFID;
-	var rAFTimeoutID;
-	var requestAnimationFrameWithTimeout = function (callback) {
-	  // schedule rAF and also a setTimeout
-	  rAFID = localRequestAnimationFrame(function (timestamp) {
-	    // cancel the setTimeout
-	    localClearTimeout(rAFTimeoutID);
-	    callback(timestamp);
-	  });
-	  rAFTimeoutID = localSetTimeout(function () {
-	    // cancel the requestAnimationFrame
-	    localCancelAnimationFrame(rAFID);
-	    callback(exports.unstable_now());
-	  }, ANIMATION_FRAME_TIMEOUT);
-	};
-
-	if (hasNativePerformanceNow) {
-	  var Performance = performance;
-	  exports.unstable_now = function () {
-	    return Performance.now();
-	  };
-	} else {
-	  exports.unstable_now = function () {
-	    return localDate.now();
-	  };
+	  var currentTime = exports.unstable_now();
+	  advanceTimers(currentTime);
+	  var firstTask = peek(taskQueue);
+	  return firstTask !== currentTask && currentTask !== null && firstTask !== null && firstTask.callback !== null && firstTask.startTime <= currentTime && firstTask.expirationTime < currentTask.expirationTime || shouldYieldToHost();
 	}
 
-	var requestHostCallback;
-	var cancelHostCallback;
-	var shouldYieldToHost;
-
-	var globalValue = null;
-	if (typeof window !== 'undefined') {
-	  globalValue = window;
-	} else if (typeof global !== 'undefined') {
-	  globalValue = global;
-	}
-
-	if (globalValue && globalValue._schedMock) {
-	  // Dynamic injection, only for testing purposes.
-	  var globalImpl = globalValue._schedMock;
-	  requestHostCallback = globalImpl[0];
-	  cancelHostCallback = globalImpl[1];
-	  shouldYieldToHost = globalImpl[2];
-	  exports.unstable_now = globalImpl[3];
-	} else if (
-	// If Scheduler runs in a non-DOM environment, it falls back to a naive
-	// implementation using setTimeout.
-	typeof window === 'undefined' ||
-	// Check if MessageChannel is supported, too.
-	typeof MessageChannel !== 'function') {
-	  // If this accidentally gets imported in a non-browser environment, e.g. JavaScriptCore,
-	  // fallback to a naive implementation.
-	  var _callback = null;
-	  var _flushCallback = function (didTimeout) {
-	    if (_callback !== null) {
-	      try {
-	        _callback(didTimeout);
-	      } finally {
-	        _callback = null;
-	      }
-	    }
-	  };
-	  requestHostCallback = function (cb, ms) {
-	    if (_callback !== null) {
-	      // Protect against re-entrancy.
-	      setTimeout(requestHostCallback, 0, cb);
-	    } else {
-	      _callback = cb;
-	      setTimeout(_flushCallback, 0, false);
-	    }
-	  };
-	  cancelHostCallback = function () {
-	    _callback = null;
-	  };
-	  shouldYieldToHost = function () {
-	    return false;
-	  };
-	} else {
-	  if (typeof console !== 'undefined') {
-	    // TODO: Remove fb.me link
-	    if (typeof localRequestAnimationFrame !== 'function') {
-	      console.error("This browser doesn't support requestAnimationFrame. " + 'Make sure that you load a ' + 'polyfill in older browsers. https://fb.me/react-polyfills');
-	    }
-	    if (typeof localCancelAnimationFrame !== 'function') {
-	      console.error("This browser doesn't support cancelAnimationFrame. " + 'Make sure that you load a ' + 'polyfill in older browsers. https://fb.me/react-polyfills');
-	    }
-	  }
-
-	  var scheduledHostCallback = null;
-	  var isMessageEventScheduled = false;
-	  var timeoutTime = -1;
-
-	  var isAnimationFrameScheduled = false;
-
-	  var isFlushingHostCallback = false;
-
-	  var frameDeadline = 0;
-	  // We start out assuming that we run at 30fps but then the heuristic tracking
-	  // will adjust this value to a faster fps if we get more frequent animation
-	  // frames.
-	  var previousFrameTime = 33;
-	  var activeFrameTime = 33;
-
-	  shouldYieldToHost = function () {
-	    return frameDeadline <= exports.unstable_now();
-	  };
-
-	  // We use the postMessage trick to defer idle work until after the repaint.
-	  var channel = new MessageChannel();
-	  var port = channel.port2;
-	  channel.port1.onmessage = function (event) {
-	    isMessageEventScheduled = false;
-
-	    var prevScheduledCallback = scheduledHostCallback;
-	    var prevTimeoutTime = timeoutTime;
-	    scheduledHostCallback = null;
-	    timeoutTime = -1;
-
-	    var currentTime = exports.unstable_now();
-
-	    var didTimeout = false;
-	    if (frameDeadline - currentTime <= 0) {
-	      // There's no time left in this idle period. Check if the callback has
-	      // a timeout and whether it's been exceeded.
-	      if (prevTimeoutTime !== -1 && prevTimeoutTime <= currentTime) {
-	        // Exceeded the timeout. Invoke the callback even though there's no
-	        // time left.
-	        didTimeout = true;
-	      } else {
-	        // No timeout.
-	        if (!isAnimationFrameScheduled) {
-	          // Schedule another animation callback so we retry later.
-	          isAnimationFrameScheduled = true;
-	          requestAnimationFrameWithTimeout(animationTick);
-	        }
-	        // Exit without invoking the callback.
-	        scheduledHostCallback = prevScheduledCallback;
-	        timeoutTime = prevTimeoutTime;
-	        return;
-	      }
-	    }
-
-	    if (prevScheduledCallback !== null) {
-	      isFlushingHostCallback = true;
-	      try {
-	        prevScheduledCallback(didTimeout);
-	      } finally {
-	        isFlushingHostCallback = false;
-	      }
-	    }
-	  };
-
-	  var animationTick = function (rafTime) {
-	    if (scheduledHostCallback !== null) {
-	      // Eagerly schedule the next animation callback at the beginning of the
-	      // frame. If the scheduler queue is not empty at the end of the frame, it
-	      // will continue flushing inside that callback. If the queue *is* empty,
-	      // then it will exit immediately. Posting the callback at the start of the
-	      // frame ensures it's fired within the earliest possible frame. If we
-	      // waited until the end of the frame to post the callback, we risk the
-	      // browser skipping a frame and not firing the callback until the frame
-	      // after that.
-	      requestAnimationFrameWithTimeout(animationTick);
-	    } else {
-	      // No pending work. Exit.
-	      isAnimationFrameScheduled = false;
-	      return;
-	    }
-
-	    var nextFrameTime = rafTime - frameDeadline + activeFrameTime;
-	    if (nextFrameTime < activeFrameTime && previousFrameTime < activeFrameTime) {
-	      if (nextFrameTime < 8) {
-	        // Defensive coding. We don't support higher frame rates than 120hz.
-	        // If the calculated frame time gets lower than 8, it is probably a bug.
-	        nextFrameTime = 8;
-	      }
-	      // If one frame goes long, then the next one can be short to catch up.
-	      // If two frames are short in a row, then that's an indication that we
-	      // actually have a higher frame rate than what we're currently optimizing.
-	      // We adjust our heuristic dynamically accordingly. For example, if we're
-	      // running on 120hz display or 90hz VR display.
-	      // Take the max of the two in case one of them was an anomaly due to
-	      // missed frame deadlines.
-	      activeFrameTime = nextFrameTime < previousFrameTime ? previousFrameTime : nextFrameTime;
-	    } else {
-	      previousFrameTime = nextFrameTime;
-	    }
-	    frameDeadline = rafTime + activeFrameTime;
-	    if (!isMessageEventScheduled) {
-	      isMessageEventScheduled = true;
-	      port.postMessage(undefined);
-	    }
-	  };
-
-	  requestHostCallback = function (callback, absoluteTimeout) {
-	    scheduledHostCallback = callback;
-	    timeoutTime = absoluteTimeout;
-	    if (isFlushingHostCallback || absoluteTimeout < 0) {
-	      // Don't wait for the next frame. Continue working ASAP, in a new event.
-	      port.postMessage(undefined);
-	    } else if (!isAnimationFrameScheduled) {
-	      // If rAF didn't already schedule one, we need to schedule a frame.
-	      // TODO: If this rAF doesn't materialize because the browser throttles, we
-	      // might want to still have setTimeout trigger rIC as a backup to ensure
-	      // that we keep performing work.
-	      isAnimationFrameScheduled = true;
-	      requestAnimationFrameWithTimeout(animationTick);
-	    }
-	  };
-
-	  cancelHostCallback = function () {
-	    scheduledHostCallback = null;
-	    isMessageEventScheduled = false;
-	    timeoutTime = -1;
-	  };
-	}
+	var unstable_requestPaint = requestPaint;
+	var unstable_Profiling = enableProfiling ? {
+	  startLoggingProfilingEvents: startLoggingProfilingEvents,
+	  stopLoggingProfilingEvents: stopLoggingProfilingEvents,
+	  sharedProfilingBuffer: sharedProfilingBuffer
+	} : null;
 
 	exports.unstable_ImmediatePriority = ImmediatePriority;
 	exports.unstable_UserBlockingPriority = UserBlockingPriority;
@@ -3824,19 +4467,21 @@
 	exports.unstable_wrapCallback = unstable_wrapCallback;
 	exports.unstable_getCurrentPriorityLevel = unstable_getCurrentPriorityLevel;
 	exports.unstable_shouldYield = unstable_shouldYield;
+	exports.unstable_requestPaint = unstable_requestPaint;
 	exports.unstable_continueExecution = unstable_continueExecution;
 	exports.unstable_pauseExecution = unstable_pauseExecution;
 	exports.unstable_getFirstCallbackNode = unstable_getFirstCallbackNode;
+	exports.unstable_Profiling = unstable_Profiling;
 	  })();
 	}
 
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2), (function() { return this; }())))
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
 /* 13 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.8.6
+	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.12.0
 	 * react-dom.development.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -3855,10 +4500,14 @@
 
 	var React = __webpack_require__(1);
 	var _assign = __webpack_require__(4);
+	var Scheduler = __webpack_require__(10);
 	var checkPropTypes = __webpack_require__(6);
-	var scheduler = __webpack_require__(10);
 	var tracing = __webpack_require__(14);
 
+	// Do not require this module directly! Use normal `invariant` calls with
+	// template literal strings. The messages will be replaced with error codes
+	// during build.
+
 	/**
 	 * Use invariant() to assert state which your program assumes to be true.
 	 *
@@ -3870,44 +4519,227 @@
 	 * will remain to ensure logic does not differ in production.
 	 */
 
-	var validateFormat = function () {};
+	if (!React) {
+	  {
+	    throw Error("ReactDOM was loaded before React. Make sure you load the React package before loading ReactDOM.");
+	  }
+	}
 
-	{
-	  validateFormat = function (format) {
-	    if (format === undefined) {
-	      throw new Error('invariant requires an error message argument');
+	/**
+	 * Injectable ordering of event plugins.
+	 */
+	var eventPluginOrder = null;
+	/**
+	 * Injectable mapping from names to event plugin modules.
+	 */
+
+	var namesToPlugins = {};
+	/**
+	 * Recomputes the plugin list using the injected plugins and plugin ordering.
+	 *
+	 * @private
+	 */
+
+	function recomputePluginOrdering() {
+	  if (!eventPluginOrder) {
+	    // Wait until an `eventPluginOrder` is injected.
+	    return;
+	  }
+
+	  for (var pluginName in namesToPlugins) {
+	    var pluginModule = namesToPlugins[pluginName];
+	    var pluginIndex = eventPluginOrder.indexOf(pluginName);
+
+	    if (!(pluginIndex > -1)) {
+	      {
+	        throw Error("EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" + pluginName + "`.");
+	      }
 	    }
-	  };
+
+	    if (plugins[pluginIndex]) {
+	      continue;
+	    }
+
+	    if (!pluginModule.extractEvents) {
+	      {
+	        throw Error("EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" + pluginName + "` does not.");
+	      }
+	    }
+
+	    plugins[pluginIndex] = pluginModule;
+	    var publishedEvents = pluginModule.eventTypes;
+
+	    for (var eventName in publishedEvents) {
+	      if (!publishEventForPlugin(publishedEvents[eventName], pluginModule, eventName)) {
+	        {
+	          throw Error("EventPluginRegistry: Failed to publish event `" + eventName + "` for plugin `" + pluginName + "`.");
+	        }
+	      }
+	    }
+	  }
 	}
+	/**
+	 * Publishes an event so that it can be dispatched by the supplied plugin.
+	 *
+	 * @param {object} dispatchConfig Dispatch configuration for the event.
+	 * @param {object} PluginModule Plugin publishing the event.
+	 * @return {boolean} True if the event was successfully published.
+	 * @private
+	 */
 
-	function invariant(condition, format, a, b, c, d, e, f) {
-	  validateFormat(format);
 
-	  if (!condition) {
-	    var error = void 0;
-	    if (format === undefined) {
-	      error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
-	    } else {
-	      var args = [a, b, c, d, e, f];
-	      var argIndex = 0;
-	      error = new Error(format.replace(/%s/g, function () {
-	        return args[argIndex++];
-	      }));
-	      error.name = 'Invariant Violation';
+	function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
+	  if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
+	    {
+	      throw Error("EventPluginHub: More than one plugin attempted to publish the same event name, `" + eventName + "`.");
 	    }
+	  }
 
-	    error.framesToPop = 1; // we don't care about invariant's own frame
-	    throw error;
+	  eventNameDispatchConfigs[eventName] = dispatchConfig;
+	  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+
+	  if (phasedRegistrationNames) {
+	    for (var phaseName in phasedRegistrationNames) {
+	      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
+	        var phasedRegistrationName = phasedRegistrationNames[phaseName];
+	        publishRegistrationName(phasedRegistrationName, pluginModule, eventName);
+	      }
+	    }
+
+	    return true;
+	  } else if (dispatchConfig.registrationName) {
+	    publishRegistrationName(dispatchConfig.registrationName, pluginModule, eventName);
+	    return true;
+	  }
+
+	  return false;
+	}
+	/**
+	 * Publishes a registration name that is used to identify dispatched events.
+	 *
+	 * @param {string} registrationName Registration name to add.
+	 * @param {object} PluginModule Plugin publishing the event.
+	 * @private
+	 */
+
+
+	function publishRegistrationName(registrationName, pluginModule, eventName) {
+	  if (!!registrationNameModules[registrationName]) {
+	    {
+	      throw Error("EventPluginHub: More than one plugin attempted to publish the same registration name, `" + registrationName + "`.");
+	    }
+	  }
+
+	  registrationNameModules[registrationName] = pluginModule;
+	  registrationNameDependencies[registrationName] = pluginModule.eventTypes[eventName].dependencies;
+
+	  {
+	    var lowerCasedName = registrationName.toLowerCase();
+	    possibleRegistrationNames[lowerCasedName] = registrationName;
+
+	    if (registrationName === 'onDoubleClick') {
+	      possibleRegistrationNames.ondblclick = registrationName;
+	    }
 	  }
 	}
+	/**
+	 * Registers plugins so that they can extract and dispatch events.
+	 *
+	 * @see {EventPluginHub}
+	 */
+
+	/**
+	 * Ordered list of injected plugins.
+	 */
+
+
+	var plugins = [];
+	/**
+	 * Mapping from event name to dispatch config
+	 */
+
+	var eventNameDispatchConfigs = {};
+	/**
+	 * Mapping from registration name to plugin module
+	 */
+
+	var registrationNameModules = {};
+	/**
+	 * Mapping from registration name to event name
+	 */
+
+	var registrationNameDependencies = {};
+	/**
+	 * Mapping from lowercase registration names to the properly cased version,
+	 * used to warn in the case of missing event handlers. Available
+	 * only in true.
+	 * @type {Object}
+	 */
+
+	var possibleRegistrationNames = {}; // Trust the developer to only use possibleRegistrationNames in true
+
+	/**
+	 * Injects an ordering of plugins (by plugin name). This allows the ordering
+	 * to be decoupled from injection of the actual plugins so that ordering is
+	 * always deterministic regardless of packaging, on-the-fly injection, etc.
+	 *
+	 * @param {array} InjectedEventPluginOrder
+	 * @internal
+	 * @see {EventPluginHub.injection.injectEventPluginOrder}
+	 */
+
+	function injectEventPluginOrder(injectedEventPluginOrder) {
+	  if (!!eventPluginOrder) {
+	    {
+	      throw Error("EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React.");
+	    }
+	  } // Clone the ordering so it cannot be dynamically mutated.
+
+
+	  eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+	  recomputePluginOrdering();
+	}
+	/**
+	 * Injects plugins to be used by `EventPluginHub`. The plugin names must be
+	 * in the ordering injected by `injectEventPluginOrder`.
+	 *
+	 * Plugins can be injected as part of page initialization or on-the-fly.
+	 *
+	 * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+	 * @internal
+	 * @see {EventPluginHub.injection.injectEventPluginsByName}
+	 */
+
+	function injectEventPluginsByName(injectedNamesToPlugins) {
+	  var isOrderingDirty = false;
+
+	  for (var pluginName in injectedNamesToPlugins) {
+	    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+	      continue;
+	    }
+
+	    var pluginModule = injectedNamesToPlugins[pluginName];
 
-	// Relying on the `invariant()` implementation lets us
-	// preserve the format and params in the www builds.
+	    if (!namesToPlugins.hasOwnProperty(pluginName) || namesToPlugins[pluginName] !== pluginModule) {
+	      if (!!namesToPlugins[pluginName]) {
+	        {
+	          throw Error("EventPluginRegistry: Cannot inject two different event plugins using the same name, `" + pluginName + "`.");
+	        }
+	      }
+
+	      namesToPlugins[pluginName] = pluginModule;
+	      isOrderingDirty = true;
+	    }
+	  }
 
-	!React ? invariant(false, 'ReactDOM was loaded before React. Make sure you load the React package before loading ReactDOM.') : void 0;
+	  if (isOrderingDirty) {
+	    recomputePluginOrdering();
+	  }
+	}
 
 	var invokeGuardedCallbackImpl = function (name, func, context, a, b, c, d, e, f) {
 	  var funcArgs = Array.prototype.slice.call(arguments, 3);
+
 	  try {
 	    func.apply(context, funcArgs);
 	  } catch (error) {
@@ -3934,7 +4766,6 @@
 	  // event loop context, it does not interrupt the normal program flow.
 	  // Effectively, this gives us try-catch behavior without actually using
 	  // try-catch. Neat!
-
 	  // Check that the browser supports the APIs we need to implement our special
 	  // DEV version of invokeGuardedCallback
 	  if (typeof window !== 'undefined' && typeof window.dispatchEvent === 'function' && typeof document !== 'undefined' && typeof document.createEvent === 'function') {
@@ -3945,50 +4776,49 @@
 	      // when we call document.createEvent(). However this can cause confusing
 	      // errors: https://github.com/facebookincubator/create-react-app/issues/3482
 	      // So we preemptively throw with a better message instead.
-	      !(typeof document !== 'undefined') ? invariant(false, 'The `document` global was defined when React was initialized, but is not defined anymore. This can happen in a test environment if a component schedules an update from an asynchronous callback, but the test has already finished running. To solve this, you can either unmount the component at the end of your test (and ensure that any asynchronous operations get canceled in `componentWillUnmount`), or you can change the test itself to be asynchronous.') : void 0;
-	      var evt = document.createEvent('Event');
+	      if (!(typeof document !== 'undefined')) {
+	        {
+	          throw Error("The `document` global was defined when React was initialized, but is not defined anymore. This can happen in a test environment if a component schedules an update from an asynchronous callback, but the test has already finished running. To solve this, you can either unmount the component at the end of your test (and ensure that any asynchronous operations get canceled in `componentWillUnmount`), or you can change the test itself to be asynchronous.");
+	        }
+	      }
 
-	      // Keeps track of whether the user-provided callback threw an error. We
+	      var evt = document.createEvent('Event'); // Keeps track of whether the user-provided callback threw an error. We
 	      // set this to true at the beginning, then set it to false right after
 	      // calling the function. If the function errors, `didError` will never be
 	      // set to false. This strategy works even if the browser is flaky and
 	      // fails to call our global error handler, because it doesn't rely on
 	      // the error event at all.
-	      var didError = true;
 
-	      // Keeps track of the value of window.event so that we can reset it
+	      var didError = true; // Keeps track of the value of window.event so that we can reset it
 	      // during the callback to let user code access window.event in the
 	      // browsers that support it.
-	      var windowEvent = window.event;
 
-	      // Keeps track of the descriptor of window.event to restore it after event
+	      var windowEvent = window.event; // Keeps track of the descriptor of window.event to restore it after event
 	      // dispatching: https://github.com/facebook/react/issues/13688
-	      var windowEventDescriptor = Object.getOwnPropertyDescriptor(window, 'event');
 
-	      // Create an event handler for our fake event. We will synchronously
+	      var windowEventDescriptor = Object.getOwnPropertyDescriptor(window, 'event'); // Create an event handler for our fake event. We will synchronously
 	      // dispatch our fake event using `dispatchEvent`. Inside the handler, we
 	      // call the user-provided callback.
+
 	      var funcArgs = Array.prototype.slice.call(arguments, 3);
+
 	      function callCallback() {
 	        // We immediately remove the callback from event listeners so that
 	        // nested `invokeGuardedCallback` calls do not clash. Otherwise, a
 	        // nested call would trigger the fake event handlers of any call higher
 	        // in the stack.
-	        fakeNode.removeEventListener(evtType, callCallback, false);
-
-	        // We check for window.hasOwnProperty('event') to prevent the
+	        fakeNode.removeEventListener(evtType, callCallback, false); // We check for window.hasOwnProperty('event') to prevent the
 	        // window.event assignment in both IE <= 10 as they throw an error
 	        // "Member not found" in strict mode, and in Firefox which does not
 	        // support window.event.
+
 	        if (typeof window.event !== 'undefined' && window.hasOwnProperty('event')) {
 	          window.event = windowEvent;
 	        }
 
 	        func.apply(context, funcArgs);
 	        didError = false;
-	      }
-
-	      // Create a global error event handler. We use this to capture the value
+	      } // Create a global error event handler. We use this to capture the value
 	      // that was thrown. It's possible that this error handler will fire more
 	      // than once; for example, if non-React code also calls `dispatchEvent`
 	      // and a handler for that event throws. We should be resilient to most of
@@ -3999,17 +4829,21 @@
 	      // erroring and the code that follows the `dispatchEvent` call below. If
 	      // the callback doesn't error, but the error event was fired, we know to
 	      // ignore it because `didError` will be false, as described above.
-	      var error = void 0;
-	      // Use this to track whether the error event is ever called.
+
+
+	      var error; // Use this to track whether the error event is ever called.
+
 	      var didSetError = false;
 	      var isCrossOriginError = false;
 
 	      function handleWindowError(event) {
 	        error = event.error;
 	        didSetError = true;
+
 	        if (error === null && event.colno === 0 && event.lineno === 0) {
 	          isCrossOriginError = true;
 	        }
+
 	        if (event.defaultPrevented) {
 	          // Some other error handler has prevented default.
 	          // Browsers silence the error report if this happens.
@@ -4017,22 +4851,19 @@
 	          if (error != null && typeof error === 'object') {
 	            try {
 	              error._suppressLogging = true;
-	            } catch (inner) {
-	              // Ignore.
+	            } catch (inner) {// Ignore.
 	            }
 	          }
 	        }
-	      }
+	      } // Create a fake event type.
 
-	      // Create a fake event type.
-	      var evtType = 'react-' + (name ? name : 'invokeguardedcallback');
 
-	      // Attach our event handlers
-	      window.addEventListener('error', handleWindowError);
-	      fakeNode.addEventListener(evtType, callCallback, false);
+	      var evtType = "react-" + (name ? name : 'invokeguardedcallback'); // Attach our event handlers
 
-	      // Synchronously dispatch our fake event. If the user-provided function
+	      window.addEventListener('error', handleWindowError);
+	      fakeNode.addEventListener(evtType, callCallback, false); // Synchronously dispatch our fake event. If the user-provided function
 	      // errors, it will trigger our global error handler.
+
 	      evt.initEvent(evtType, false, false);
 	      fakeNode.dispatchEvent(evt);
 
@@ -4047,10 +4878,11 @@
 	        } else if (isCrossOriginError) {
 	          error = new Error("A cross-origin error was thrown. React doesn't have access to " + 'the actual error object in development. ' + 'See https://fb.me/react-crossorigin-error for more information.');
 	        }
+
 	        this.onError(error);
-	      }
+	      } // Remove our event listeners
+
 
-	      // Remove our event listeners
 	      window.removeEventListener('error', handleWindowError);
 	    };
 
@@ -4060,21 +4892,17 @@
 
 	var invokeGuardedCallbackImpl$1 = invokeGuardedCallbackImpl;
 
-	// Used by Fiber to simulate a try-catch.
 	var hasError = false;
-	var caughtError = null;
+	var caughtError = null; // Used by event system to capture/rethrow the first error.
 
-	// Used by event system to capture/rethrow the first error.
 	var hasRethrowError = false;
 	var rethrowError = null;
-
 	var reporter = {
 	  onError: function (error) {
 	    hasError = true;
 	    caughtError = error;
 	  }
 	};
-
 	/**
 	 * Call a function while guarding against errors that happens within it.
 	 * Returns an error if it throws, otherwise null.
@@ -4088,12 +4916,12 @@
 	 * @param {*} context The context to use when calling the function
 	 * @param {...*} args Arguments for function
 	 */
+
 	function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
 	  hasError = false;
 	  caughtError = null;
 	  invokeGuardedCallbackImpl$1.apply(reporter, arguments);
 	}
-
 	/**
 	 * Same as invokeGuardedCallback, but instead of returning an error, it stores
 	 * it in a global so it can be rethrown by `rethrowCaughtError` later.
@@ -4104,21 +4932,24 @@
 	 * @param {*} context The context to use when calling the function
 	 * @param {...*} args Arguments for function
 	 */
+
 	function invokeGuardedCallbackAndCatchFirstError(name, func, context, a, b, c, d, e, f) {
 	  invokeGuardedCallback.apply(this, arguments);
+
 	  if (hasError) {
 	    var error = clearCaughtError();
+
 	    if (!hasRethrowError) {
 	      hasRethrowError = true;
 	      rethrowError = error;
 	    }
 	  }
 	}
-
 	/**
 	 * During execution of guarded functions we will capture the first error which
 	 * we will rethrow to be handled by the top level error handler.
 	 */
+
 	function rethrowCaughtError() {
 	  if (hasRethrowError) {
 	    var error = rethrowError;
@@ -4127,11 +4958,9 @@
 	    throw error;
 	  }
 	}
-
 	function hasCaughtError() {
 	  return hasError;
 	}
-
 	function clearCaughtError() {
 	  if (hasError) {
 	    var error = caughtError;
@@ -4139,296 +4968,139 @@
 	    caughtError = null;
 	    return error;
 	  } else {
-	    invariant(false, 'clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue.');
+	    {
+	      {
+	        throw Error("clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue.");
+	      }
+	    }
 	  }
 	}
 
 	/**
-	 * Injectable ordering of event plugins.
+	 * Similar to invariant but only logs a warning if the condition is not met.
+	 * This can be used to log issues in development environments in critical
+	 * paths. Removing the logging code for production environments will keep the
+	 * same logic and follow the same code paths.
 	 */
-	var eventPluginOrder = null;
+	var warningWithoutStack = function () {};
 
-	/**
-	 * Injectable mapping from names to event plugin modules.
-	 */
-	var namesToPlugins = {};
+	{
+	  warningWithoutStack = function (condition, format) {
+	    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+	      args[_key - 2] = arguments[_key];
+	    }
 
-	/**
-	 * Recomputes the plugin list using the injected plugins and plugin ordering.
-	 *
-	 * @private
-	 */
-	function recomputePluginOrdering() {
-	  if (!eventPluginOrder) {
-	    // Wait until an `eventPluginOrder` is injected.
-	    return;
-	  }
-	  for (var pluginName in namesToPlugins) {
-	    var pluginModule = namesToPlugins[pluginName];
-	    var pluginIndex = eventPluginOrder.indexOf(pluginName);
-	    !(pluginIndex > -1) ? invariant(false, 'EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `%s`.', pluginName) : void 0;
-	    if (plugins[pluginIndex]) {
-	      continue;
+	    if (format === undefined) {
+	      throw new Error('`warningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
 	    }
-	    !pluginModule.extractEvents ? invariant(false, 'EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `%s` does not.', pluginName) : void 0;
-	    plugins[pluginIndex] = pluginModule;
-	    var publishedEvents = pluginModule.eventTypes;
-	    for (var eventName in publishedEvents) {
-	      !publishEventForPlugin(publishedEvents[eventName], pluginModule, eventName) ? invariant(false, 'EventPluginRegistry: Failed to publish event `%s` for plugin `%s`.', eventName, pluginName) : void 0;
+
+	    if (args.length > 8) {
+	      // Check before the condition to catch violations early.
+	      throw new Error('warningWithoutStack() currently supports at most 8 arguments.');
 	    }
-	  }
-	}
 
-	/**
-	 * Publishes an event so that it can be dispatched by the supplied plugin.
-	 *
-	 * @param {object} dispatchConfig Dispatch configuration for the event.
-	 * @param {object} PluginModule Plugin publishing the event.
-	 * @return {boolean} True if the event was successfully published.
-	 * @private
-	 */
-	function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
-	  !!eventNameDispatchConfigs.hasOwnProperty(eventName) ? invariant(false, 'EventPluginHub: More than one plugin attempted to publish the same event name, `%s`.', eventName) : void 0;
-	  eventNameDispatchConfigs[eventName] = dispatchConfig;
+	    if (condition) {
+	      return;
+	    }
 
-	  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
-	  if (phasedRegistrationNames) {
-	    for (var phaseName in phasedRegistrationNames) {
-	      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
-	        var phasedRegistrationName = phasedRegistrationNames[phaseName];
-	        publishRegistrationName(phasedRegistrationName, pluginModule, eventName);
-	      }
+	    if (typeof console !== 'undefined') {
+	      var argsWithFormat = args.map(function (item) {
+	        return '' + item;
+	      });
+	      argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+	      // breaks IE9: https://github.com/facebook/react/issues/13610
+
+	      Function.prototype.apply.call(console.error, console, argsWithFormat);
 	    }
-	    return true;
-	  } else if (dispatchConfig.registrationName) {
-	    publishRegistrationName(dispatchConfig.registrationName, pluginModule, eventName);
-	    return true;
-	  }
-	  return false;
+
+	    try {
+	      // --- Welcome to debugging React ---
+	      // This error was thrown as a convenience so that you can use this stack
+	      // to find the callsite that caused this warning to fire.
+	      var argIndex = 0;
+	      var message = 'Warning: ' + format.replace(/%s/g, function () {
+	        return args[argIndex++];
+	      });
+	      throw new Error(message);
+	    } catch (x) {}
+	  };
 	}
 
-	/**
-	 * Publishes a registration name that is used to identify dispatched events.
-	 *
-	 * @param {string} registrationName Registration name to add.
-	 * @param {object} PluginModule Plugin publishing the event.
-	 * @private
-	 */
-	function publishRegistrationName(registrationName, pluginModule, eventName) {
-	  !!registrationNameModules[registrationName] ? invariant(false, 'EventPluginHub: More than one plugin attempted to publish the same registration name, `%s`.', registrationName) : void 0;
-	  registrationNameModules[registrationName] = pluginModule;
-	  registrationNameDependencies[registrationName] = pluginModule.eventTypes[eventName].dependencies;
+	var warningWithoutStack$1 = warningWithoutStack;
 
-	  {
-	    var lowerCasedName = registrationName.toLowerCase();
-	    possibleRegistrationNames[lowerCasedName] = registrationName;
+	var getFiberCurrentPropsFromNode = null;
+	var getInstanceFromNode = null;
+	var getNodeFromInstance = null;
+	function setComponentTree(getFiberCurrentPropsFromNodeImpl, getInstanceFromNodeImpl, getNodeFromInstanceImpl) {
+	  getFiberCurrentPropsFromNode = getFiberCurrentPropsFromNodeImpl;
+	  getInstanceFromNode = getInstanceFromNodeImpl;
+	  getNodeFromInstance = getNodeFromInstanceImpl;
 
-	    if (registrationName === 'onDoubleClick') {
-	      possibleRegistrationNames.ondblclick = registrationName;
-	    }
+	  {
+	    !(getNodeFromInstance && getInstanceFromNode) ? warningWithoutStack$1(false, 'EventPluginUtils.setComponentTree(...): Injected ' + 'module is missing getNodeFromInstance or getInstanceFromNode.') : void 0;
 	  }
 	}
+	var validateEventDispatches;
 
+	{
+	  validateEventDispatches = function (event) {
+	    var dispatchListeners = event._dispatchListeners;
+	    var dispatchInstances = event._dispatchInstances;
+	    var listenersIsArr = Array.isArray(dispatchListeners);
+	    var listenersLen = listenersIsArr ? dispatchListeners.length : dispatchListeners ? 1 : 0;
+	    var instancesIsArr = Array.isArray(dispatchInstances);
+	    var instancesLen = instancesIsArr ? dispatchInstances.length : dispatchInstances ? 1 : 0;
+	    !(instancesIsArr === listenersIsArr && instancesLen === listenersLen) ? warningWithoutStack$1(false, 'EventPluginUtils: Invalid `event`.') : void 0;
+	  };
+	}
 	/**
-	 * Registers plugins so that they can extract and dispatch events.
-	 *
-	 * @see {EventPluginHub}
-	 */
-
-	/**
-	 * Ordered list of injected plugins.
+	 * Dispatch the event to the listener.
+	 * @param {SyntheticEvent} event SyntheticEvent to handle
+	 * @param {function} listener Application-level callback
+	 * @param {*} inst Internal component instance
 	 */
-	var plugins = [];
 
-	/**
-	 * Mapping from event name to dispatch config
-	 */
-	var eventNameDispatchConfigs = {};
 
+	function executeDispatch(event, listener, inst) {
+	  var type = event.type || 'unknown-event';
+	  event.currentTarget = getNodeFromInstance(inst);
+	  invokeGuardedCallbackAndCatchFirstError(type, listener, undefined, event);
+	  event.currentTarget = null;
+	}
 	/**
-	 * Mapping from registration name to plugin module
+	 * Standard/simple iteration through an event's collected dispatches.
 	 */
-	var registrationNameModules = {};
 
-	/**
-	 * Mapping from registration name to event name
-	 */
-	var registrationNameDependencies = {};
-
-	/**
-	 * Mapping from lowercase registration names to the properly cased version,
-	 * used to warn in the case of missing event handlers. Available
-	 * only in true.
-	 * @type {Object}
-	 */
-	var possibleRegistrationNames = {};
-	// Trust the developer to only use possibleRegistrationNames in true
-
-	/**
-	 * Injects an ordering of plugins (by plugin name). This allows the ordering
-	 * to be decoupled from injection of the actual plugins so that ordering is
-	 * always deterministic regardless of packaging, on-the-fly injection, etc.
-	 *
-	 * @param {array} InjectedEventPluginOrder
-	 * @internal
-	 * @see {EventPluginHub.injection.injectEventPluginOrder}
-	 */
-	function injectEventPluginOrder(injectedEventPluginOrder) {
-	  !!eventPluginOrder ? invariant(false, 'EventPluginRegistry: Cannot inject event plugin ordering more than once. You are likely trying to load more than one copy of React.') : void 0;
-	  // Clone the ordering so it cannot be dynamically mutated.
-	  eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
-	  recomputePluginOrdering();
-	}
-
-	/**
-	 * Injects plugins to be used by `EventPluginHub`. The plugin names must be
-	 * in the ordering injected by `injectEventPluginOrder`.
-	 *
-	 * Plugins can be injected as part of page initialization or on-the-fly.
-	 *
-	 * @param {object} injectedNamesToPlugins Map from names to plugin modules.
-	 * @internal
-	 * @see {EventPluginHub.injection.injectEventPluginsByName}
-	 */
-	function injectEventPluginsByName(injectedNamesToPlugins) {
-	  var isOrderingDirty = false;
-	  for (var pluginName in injectedNamesToPlugins) {
-	    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
-	      continue;
-	    }
-	    var pluginModule = injectedNamesToPlugins[pluginName];
-	    if (!namesToPlugins.hasOwnProperty(pluginName) || namesToPlugins[pluginName] !== pluginModule) {
-	      !!namesToPlugins[pluginName] ? invariant(false, 'EventPluginRegistry: Cannot inject two different event plugins using the same name, `%s`.', pluginName) : void 0;
-	      namesToPlugins[pluginName] = pluginModule;
-	      isOrderingDirty = true;
-	    }
-	  }
-	  if (isOrderingDirty) {
-	    recomputePluginOrdering();
-	  }
-	}
-
-	/**
-	 * Similar to invariant but only logs a warning if the condition is not met.
-	 * This can be used to log issues in development environments in critical
-	 * paths. Removing the logging code for production environments will keep the
-	 * same logic and follow the same code paths.
-	 */
-
-	var warningWithoutStack = function () {};
-
-	{
-	  warningWithoutStack = function (condition, format) {
-	    for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-	      args[_key - 2] = arguments[_key];
-	    }
-
-	    if (format === undefined) {
-	      throw new Error('`warningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
-	    }
-	    if (args.length > 8) {
-	      // Check before the condition to catch violations early.
-	      throw new Error('warningWithoutStack() currently supports at most 8 arguments.');
-	    }
-	    if (condition) {
-	      return;
-	    }
-	    if (typeof console !== 'undefined') {
-	      var argsWithFormat = args.map(function (item) {
-	        return '' + item;
-	      });
-	      argsWithFormat.unshift('Warning: ' + format);
-
-	      // We intentionally don't use spread (or .apply) directly because it
-	      // breaks IE9: https://github.com/facebook/react/issues/13610
-	      Function.prototype.apply.call(console.error, console, argsWithFormat);
-	    }
-	    try {
-	      // --- Welcome to debugging React ---
-	      // This error was thrown as a convenience so that you can use this stack
-	      // to find the callsite that caused this warning to fire.
-	      var argIndex = 0;
-	      var message = 'Warning: ' + format.replace(/%s/g, function () {
-	        return args[argIndex++];
-	      });
-	      throw new Error(message);
-	    } catch (x) {}
-	  };
-	}
-
-	var warningWithoutStack$1 = warningWithoutStack;
-
-	var getFiberCurrentPropsFromNode = null;
-	var getInstanceFromNode = null;
-	var getNodeFromInstance = null;
-
-	function setComponentTree(getFiberCurrentPropsFromNodeImpl, getInstanceFromNodeImpl, getNodeFromInstanceImpl) {
-	  getFiberCurrentPropsFromNode = getFiberCurrentPropsFromNodeImpl;
-	  getInstanceFromNode = getInstanceFromNodeImpl;
-	  getNodeFromInstance = getNodeFromInstanceImpl;
-	  {
-	    !(getNodeFromInstance && getInstanceFromNode) ? warningWithoutStack$1(false, 'EventPluginUtils.setComponentTree(...): Injected ' + 'module is missing getNodeFromInstance or getInstanceFromNode.') : void 0;
-	  }
-	}
-
-	var validateEventDispatches = void 0;
-	{
-	  validateEventDispatches = function (event) {
-	    var dispatchListeners = event._dispatchListeners;
-	    var dispatchInstances = event._dispatchInstances;
-
-	    var listenersIsArr = Array.isArray(dispatchListeners);
-	    var listenersLen = listenersIsArr ? dispatchListeners.length : dispatchListeners ? 1 : 0;
-
-	    var instancesIsArr = Array.isArray(dispatchInstances);
-	    var instancesLen = instancesIsArr ? dispatchInstances.length : dispatchInstances ? 1 : 0;
-
-	    !(instancesIsArr === listenersIsArr && instancesLen === listenersLen) ? warningWithoutStack$1(false, 'EventPluginUtils: Invalid `event`.') : void 0;
-	  };
-	}
-
-	/**
-	 * Dispatch the event to the listener.
-	 * @param {SyntheticEvent} event SyntheticEvent to handle
-	 * @param {function} listener Application-level callback
-	 * @param {*} inst Internal component instance
-	 */
-	function executeDispatch(event, listener, inst) {
-	  var type = event.type || 'unknown-event';
-	  event.currentTarget = getNodeFromInstance(inst);
-	  invokeGuardedCallbackAndCatchFirstError(type, listener, undefined, event);
-	  event.currentTarget = null;
-	}
-
-	/**
-	 * Standard/simple iteration through an event's collected dispatches.
-	 */
 	function executeDispatchesInOrder(event) {
 	  var dispatchListeners = event._dispatchListeners;
 	  var dispatchInstances = event._dispatchInstances;
+
 	  {
 	    validateEventDispatches(event);
 	  }
+
 	  if (Array.isArray(dispatchListeners)) {
 	    for (var i = 0; i < dispatchListeners.length; i++) {
 	      if (event.isPropagationStopped()) {
 	        break;
-	      }
-	      // Listeners and Instances are two parallel arrays that are always in sync.
+	      } // Listeners and Instances are two parallel arrays that are always in sync.
+
+
 	      executeDispatch(event, dispatchListeners[i], dispatchInstances[i]);
 	    }
 	  } else if (dispatchListeners) {
 	    executeDispatch(event, dispatchListeners, dispatchInstances);
 	  }
+
 	  event._dispatchListeners = null;
 	  event._dispatchInstances = null;
 	}
-
 	/**
 	 * @see executeDispatchesInOrderStopAtTrueImpl
 	 */
 
 
+
 	/**
 	 * Execution of a "direct" dispatch - there must be at most one dispatch
 	 * accumulated on the event or it is considered an error. It doesn't really make
@@ -4459,19 +5131,24 @@
 	 */
 
 	function accumulateInto(current, next) {
-	  !(next != null) ? invariant(false, 'accumulateInto(...): Accumulated items must not be null or undefined.') : void 0;
+	  if (!(next != null)) {
+	    {
+	      throw Error("accumulateInto(...): Accumulated items must not be null or undefined.");
+	    }
+	  }
 
 	  if (current == null) {
 	    return next;
-	  }
-
-	  // Both are not empty. Warning: Never call x.concat(y) when you are not
+	  } // Both are not empty. Warning: Never call x.concat(y) when you are not
 	  // certain that x is an Array (x could be a string with concat method).
+
+
 	  if (Array.isArray(current)) {
 	    if (Array.isArray(next)) {
 	      current.push.apply(current, next);
 	      return current;
 	    }
+
 	    current.push(next);
 	    return current;
 	  }
@@ -4505,14 +5182,15 @@
 	 * Internal queue of events that have accumulated their dispatches and are
 	 * waiting to have their dispatches executed.
 	 */
-	var eventQueue = null;
 
+	var eventQueue = null;
 	/**
 	 * Dispatches an event and releases it back into the pool, unless persistent.
 	 *
 	 * @param {?object} event Synthetic event to be dispatched.
 	 * @private
 	 */
+
 	var executeDispatchesAndRelease = function (event) {
 	  if (event) {
 	    executeDispatchesInOrder(event);
@@ -4522,10 +5200,37 @@
 	    }
 	  }
 	};
+
 	var executeDispatchesAndReleaseTopLevel = function (e) {
 	  return executeDispatchesAndRelease(e);
 	};
 
+	function runEventsInBatch(events) {
+	  if (events !== null) {
+	    eventQueue = accumulateInto(eventQueue, events);
+	  } // Set `eventQueue` to null before processing it so that we can tell if more
+	  // events get enqueued while processing.
+
+
+	  var processingEventQueue = eventQueue;
+	  eventQueue = null;
+
+	  if (!processingEventQueue) {
+	    return;
+	  }
+
+	  forEachAccumulated(processingEventQueue, executeDispatchesAndReleaseTopLevel);
+
+	  if (!!eventQueue) {
+	    {
+	      throw Error("processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented.");
+	    }
+	  } // This would be a good time to rethrow if any of the event handlers threw.
+
+
+	  rethrowCaughtError();
+	}
+
 	function isInteractive(tag) {
 	  return tag === 'button' || tag === 'input' || tag === 'select' || tag === 'textarea';
 	}
@@ -4543,11 +5248,11 @@
 	    case 'onMouseUp':
 	    case 'onMouseUpCapture':
 	      return !!(props.disabled && isInteractive(type));
+
 	    default:
 	      return false;
 	  }
 	}
-
 	/**
 	 * This is a unified interface for event plugins to be installed and configured.
 	 *
@@ -4574,6 +5279,8 @@
 	/**
 	 * Methods for injecting dependencies.
 	 */
+
+
 	var injection = {
 	  /**
 	   * @param {array} InjectedEventPluginOrder
@@ -4586,35 +5293,44 @@
 	   */
 	  injectEventPluginsByName: injectEventPluginsByName
 	};
-
 	/**
 	 * @param {object} inst The instance, which is the source of events.
 	 * @param {string} registrationName Name of listener (e.g. `onClick`).
 	 * @return {?function} The stored callback.
 	 */
-	function getListener(inst, registrationName) {
-	  var listener = void 0;
 
-	  // TODO: shouldPreventMouseEvent is DOM-specific and definitely should not
+	function getListener(inst, registrationName) {
+	  var listener; // TODO: shouldPreventMouseEvent is DOM-specific and definitely should not
 	  // live here; needs to be moved to a better place soon
+
 	  var stateNode = inst.stateNode;
+
 	  if (!stateNode) {
 	    // Work in progress (ex: onload events in incremental mode).
 	    return null;
 	  }
+
 	  var props = getFiberCurrentPropsFromNode(stateNode);
+
 	  if (!props) {
 	    // Work in progress.
 	    return null;
 	  }
+
 	  listener = props[registrationName];
+
 	  if (shouldPreventMouseEvent(registrationName, inst.type, props)) {
 	    return null;
 	  }
-	  !(!listener || typeof listener === 'function') ? invariant(false, 'Expected `%s` listener to be a function, instead got a value of `%s` type.', registrationName, typeof listener) : void 0;
+
+	  if (!(!listener || typeof listener === 'function')) {
+	    {
+	      throw Error("Expected `" + registrationName + "` listener to be a function, instead got a value of `" + typeof listener + "` type.");
+	    }
+	  }
+
 	  return listener;
 	}
-
 	/**
 	 * Allows registered plugins an opportunity to extract events from top-level
 	 * native browser events.
@@ -4622,51 +5338,39 @@
 	 * @return {*} An accumulation of synthetic events.
 	 * @internal
 	 */
-	function extractEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
+
+	function extractPluginEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget, eventSystemFlags) {
 	  var events = null;
+
 	  for (var i = 0; i < plugins.length; i++) {
 	    // Not every plugin in the ordering may be loaded at runtime.
 	    var possiblePlugin = plugins[i];
+
 	    if (possiblePlugin) {
-	      var extractedEvents = possiblePlugin.extractEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget);
+	      var extractedEvents = possiblePlugin.extractEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget, eventSystemFlags);
+
 	      if (extractedEvents) {
 	        events = accumulateInto(events, extractedEvents);
 	      }
 	    }
 	  }
-	  return events;
-	}
-
-	function runEventsInBatch(events) {
-	  if (events !== null) {
-	    eventQueue = accumulateInto(eventQueue, events);
-	  }
-
-	  // Set `eventQueue` to null before processing it so that we can tell if more
-	  // events get enqueued while processing.
-	  var processingEventQueue = eventQueue;
-	  eventQueue = null;
-
-	  if (!processingEventQueue) {
-	    return;
-	  }
 
-	  forEachAccumulated(processingEventQueue, executeDispatchesAndReleaseTopLevel);
-	  !!eventQueue ? invariant(false, 'processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented.') : void 0;
-	  // This would be a good time to rethrow if any of the event handlers threw.
-	  rethrowCaughtError();
+	  return events;
 	}
 
-	function runExtractedEventsInBatch(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
-	  var events = extractEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget);
+	function runExtractedPluginEventsInBatch(topLevelType, targetInst, nativeEvent, nativeEventTarget, eventSystemFlags) {
+	  var events = extractPluginEvents(topLevelType, targetInst, nativeEvent, nativeEventTarget, eventSystemFlags);
 	  runEventsInBatch(events);
 	}
 
 	var FunctionComponent = 0;
 	var ClassComponent = 1;
 	var IndeterminateComponent = 2; // Before we know whether it is function or class
+
 	var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
+
 	var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
+
 	var HostComponent = 5;
 	var HostText = 6;
 	var Fragment = 7;
@@ -4680,2106 +5384,1461 @@
 	var SimpleMemoComponent = 15;
 	var LazyComponent = 16;
 	var IncompleteClassComponent = 17;
-	var DehydratedSuspenseComponent = 18;
+	var DehydratedFragment = 18;
+	var SuspenseListComponent = 19;
+	var FundamentalComponent = 20;
+	var ScopeComponent = 21;
 
-	var randomKey = Math.random().toString(36).slice(2);
-	var internalInstanceKey = '__reactInternalInstance$' + randomKey;
-	var internalEventHandlersKey = '__reactEventHandlers$' + randomKey;
+	var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; // Prevent newer renderers from RTE when used with older react package versions.
+	// Current owner and dispatcher used to share the same ref,
+	// but PR #14548 split them out to better support the react-debug-tools package.
 
-	function precacheFiberNode(hostInst, node) {
-	  node[internalInstanceKey] = hostInst;
+	if (!ReactSharedInternals.hasOwnProperty('ReactCurrentDispatcher')) {
+	  ReactSharedInternals.ReactCurrentDispatcher = {
+	    current: null
+	  };
 	}
 
-	/**
-	 * Given a DOM node, return the closest ReactDOMComponent or
-	 * ReactDOMTextComponent instance ancestor.
-	 */
-	function getClosestInstanceFromNode(node) {
-	  if (node[internalInstanceKey]) {
-	    return node[internalInstanceKey];
-	  }
+	if (!ReactSharedInternals.hasOwnProperty('ReactCurrentBatchConfig')) {
+	  ReactSharedInternals.ReactCurrentBatchConfig = {
+	    suspense: null
+	  };
+	}
 
-	  while (!node[internalInstanceKey]) {
-	    if (node.parentNode) {
-	      node = node.parentNode;
-	    } else {
-	      // Top of the tree. This node must not be part of a React tree (or is
-	      // unmounted, potentially).
-	      return null;
+	var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+	var describeComponentFrame = function (name, source, ownerName) {
+	  var sourceInfo = '';
+
+	  if (source) {
+	    var path = source.fileName;
+	    var fileName = path.replace(BEFORE_SLASH_RE, '');
+
+	    {
+	      // In DEV, include code for a common special case:
+	      // prefer "folder/index.js" instead of just "index.js".
+	      if (/^index\./.test(fileName)) {
+	        var match = path.match(BEFORE_SLASH_RE);
+
+	        if (match) {
+	          var pathBeforeSlash = match[1];
+
+	          if (pathBeforeSlash) {
+	            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, '');
+	            fileName = folderName + '/' + fileName;
+	          }
+	        }
+	      }
 	    }
+
+	    sourceInfo = ' (at ' + fileName + ':' + source.lineNumber + ')';
+	  } else if (ownerName) {
+	    sourceInfo = ' (created by ' + ownerName + ')';
 	  }
 
-	  var inst = node[internalInstanceKey];
-	  if (inst.tag === HostComponent || inst.tag === HostText) {
-	    // In Fiber, this will always be the deepest root.
-	    return inst;
+	  return '\n    in ' + (name || 'Unknown') + sourceInfo;
+	};
+
+	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+	// nor polyfill, then a plain number is used for performance.
+	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
+	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+	// (unstable) APIs that have been removed. Can we remove the symbols?
+
+
+	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
+	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
+	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
+	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+	var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
+	var MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+	var FAUX_ITERATOR_SYMBOL = '@@iterator';
+	function getIteratorFn(maybeIterable) {
+	  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+	    return null;
+	  }
+
+	  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+	  if (typeof maybeIterator === 'function') {
+	    return maybeIterator;
 	  }
 
 	  return null;
 	}
 
 	/**
-	 * Given a DOM node, return the ReactDOMComponent or ReactDOMTextComponent
-	 * instance, or null if the node was not rendered by this React.
+	 * Similar to invariant but only logs a warning if the condition is not met.
+	 * This can be used to log issues in development environments in critical
+	 * paths. Removing the logging code for production environments will keep the
+	 * same logic and follow the same code paths.
 	 */
-	function getInstanceFromNode$1(node) {
-	  var inst = node[internalInstanceKey];
-	  if (inst) {
-	    if (inst.tag === HostComponent || inst.tag === HostText) {
-	      return inst;
-	    } else {
-	      return null;
+
+	var warning = warningWithoutStack$1;
+
+	{
+	  warning = function (condition, format) {
+	    if (condition) {
+	      return;
 	    }
-	  }
-	  return null;
+
+	    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+	    var stack = ReactDebugCurrentFrame.getStackAddendum(); // eslint-disable-next-line react-internal/warning-and-invariant-args
+
+	    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+	      args[_key - 2] = arguments[_key];
+	    }
+
+	    warningWithoutStack$1.apply(void 0, [false, format + '%s'].concat(args, [stack]));
+	  };
 	}
 
-	/**
-	 * Given a ReactDOMComponent or ReactDOMTextComponent, return the corresponding
-	 * DOM node.
-	 */
-	function getNodeFromInstance$1(inst) {
-	  if (inst.tag === HostComponent || inst.tag === HostText) {
-	    // In Fiber this, is just the state node right now. We assume it will be
-	    // a host component or host text.
-	    return inst.stateNode;
-	  }
+	var warning$1 = warning;
 
-	  // Without this first invariant, passing a non-DOM-component triggers the next
-	  // invariant for a missing parent, which is super confusing.
-	  invariant(false, 'getNodeFromInstance: Invalid argument.');
+	var Uninitialized = -1;
+	var Pending = 0;
+	var Resolved = 1;
+	var Rejected = 2;
+	function refineResolvedLazyComponent(lazyComponent) {
+	  return lazyComponent._status === Resolved ? lazyComponent._result : null;
 	}
+	function initializeLazyComponentType(lazyComponent) {
+	  if (lazyComponent._status === Uninitialized) {
+	    lazyComponent._status = Pending;
+	    var ctor = lazyComponent._ctor;
+	    var thenable = ctor();
+	    lazyComponent._result = thenable;
+	    thenable.then(function (moduleObject) {
+	      if (lazyComponent._status === Pending) {
+	        var defaultExport = moduleObject.default;
 
-	function getFiberCurrentPropsFromNode$1(node) {
-	  return node[internalEventHandlersKey] || null;
+	        {
+	          if (defaultExport === undefined) {
+	            warning$1(false, 'lazy: Expected the result of a dynamic import() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + "const MyComponent = lazy(() => import('./MyComponent'))", moduleObject);
+	          }
+	        }
+
+	        lazyComponent._status = Resolved;
+	        lazyComponent._result = defaultExport;
+	      }
+	    }, function (error) {
+	      if (lazyComponent._status === Pending) {
+	        lazyComponent._status = Rejected;
+	        lazyComponent._result = error;
+	      }
+	    });
+	  }
 	}
 
-	function updateFiberProps(node, props) {
-	  node[internalEventHandlersKey] = props;
+	function getWrappedName(outerType, innerType, wrapperName) {
+	  var functionName = innerType.displayName || innerType.name || '';
+	  return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
 	}
 
-	function getParent(inst) {
-	  do {
-	    inst = inst.return;
-	    // TODO: If this is a HostRoot we might want to bail out.
-	    // That is depending on if we want nested subtrees (layers) to bubble
-	    // events to their parent. We could also go through parentNode on the
-	    // host node but that wouldn't work for React Native and doesn't let us
-	    // do the portal feature.
-	  } while (inst && inst.tag !== HostComponent);
-	  if (inst) {
-	    return inst;
+	function getComponentName(type) {
+	  if (type == null) {
+	    // Host root, text node or just invalid type.
+	    return null;
 	  }
-	  return null;
-	}
 
-	/**
-	 * Return the lowest common ancestor of A and B, or null if they are in
-	 * different trees.
-	 */
-	function getLowestCommonAncestor(instA, instB) {
-	  var depthA = 0;
-	  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
-	    depthA++;
+	  {
+	    if (typeof type.tag === 'number') {
+	      warningWithoutStack$1(false, 'Received an unexpected object in getComponentName(). ' + 'This is likely a bug in React. Please file an issue.');
+	    }
 	  }
-	  var depthB = 0;
-	  for (var tempB = instB; tempB; tempB = getParent(tempB)) {
-	    depthB++;
+
+	  if (typeof type === 'function') {
+	    return type.displayName || type.name || null;
 	  }
 
-	  // If A is deeper, crawl up.
-	  while (depthA - depthB > 0) {
-	    instA = getParent(instA);
-	    depthA--;
+	  if (typeof type === 'string') {
+	    return type;
 	  }
 
-	  // If B is deeper, crawl up.
-	  while (depthB - depthA > 0) {
-	    instB = getParent(instB);
-	    depthB--;
+	  switch (type) {
+	    case REACT_FRAGMENT_TYPE:
+	      return 'Fragment';
+
+	    case REACT_PORTAL_TYPE:
+	      return 'Portal';
+
+	    case REACT_PROFILER_TYPE:
+	      return "Profiler";
+
+	    case REACT_STRICT_MODE_TYPE:
+	      return 'StrictMode';
+
+	    case REACT_SUSPENSE_TYPE:
+	      return 'Suspense';
+
+	    case REACT_SUSPENSE_LIST_TYPE:
+	      return 'SuspenseList';
 	  }
 
-	  // Walk in lockstep until we find a match.
-	  var depth = depthA;
-	  while (depth--) {
-	    if (instA === instB || instA === instB.alternate) {
-	      return instA;
+	  if (typeof type === 'object') {
+	    switch (type.$$typeof) {
+	      case REACT_CONTEXT_TYPE:
+	        return 'Context.Consumer';
+
+	      case REACT_PROVIDER_TYPE:
+	        return 'Context.Provider';
+
+	      case REACT_FORWARD_REF_TYPE:
+	        return getWrappedName(type, type.render, 'ForwardRef');
+
+	      case REACT_MEMO_TYPE:
+	        return getComponentName(type.type);
+
+	      case REACT_LAZY_TYPE:
+	        {
+	          var thenable = type;
+	          var resolvedThenable = refineResolvedLazyComponent(thenable);
+
+	          if (resolvedThenable) {
+	            return getComponentName(resolvedThenable);
+	          }
+
+	          break;
+	        }
 	    }
-	    instA = getParent(instA);
-	    instB = getParent(instB);
 	  }
+
 	  return null;
 	}
 
-	/**
-	 * Return if A is an ancestor of B.
-	 */
+	var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
 
+	function describeFiber(fiber) {
+	  switch (fiber.tag) {
+	    case HostRoot:
+	    case HostPortal:
+	    case HostText:
+	    case Fragment:
+	    case ContextProvider:
+	    case ContextConsumer:
+	      return '';
 
-	/**
-	 * Return the parent instance of the passed-in instance.
-	 */
+	    default:
+	      var owner = fiber._debugOwner;
+	      var source = fiber._debugSource;
+	      var name = getComponentName(fiber.type);
+	      var ownerName = null;
 
+	      if (owner) {
+	        ownerName = getComponentName(owner.type);
+	      }
 
-	/**
-	 * Simulates the traversal of a two-phase, capture/bubble event dispatch.
-	 */
-	function traverseTwoPhase(inst, fn, arg) {
-	  var path = [];
-	  while (inst) {
-	    path.push(inst);
-	    inst = getParent(inst);
-	  }
-	  var i = void 0;
-	  for (i = path.length; i-- > 0;) {
-	    fn(path[i], 'captured', arg);
-	  }
-	  for (i = 0; i < path.length; i++) {
-	    fn(path[i], 'bubbled', arg);
+	      return describeComponentFrame(name, source, ownerName);
 	  }
 	}
 
-	/**
-	 * Traverses the ID hierarchy and invokes the supplied `cb` on any IDs that
-	 * should would receive a `mouseEnter` or `mouseLeave` event.
-	 *
-	 * Does not invoke the callback on the nearest common ancestor because nothing
-	 * "entered" or "left" that element.
-	 */
-	function traverseEnterLeave(from, to, fn, argFrom, argTo) {
-	  var common = from && to ? getLowestCommonAncestor(from, to) : null;
-	  var pathFrom = [];
-	  while (true) {
-	    if (!from) {
-	      break;
-	    }
-	    if (from === common) {
-	      break;
+	function getStackByFiberInDevAndProd(workInProgress) {
+	  var info = '';
+	  var node = workInProgress;
+
+	  do {
+	    info += describeFiber(node);
+	    node = node.return;
+	  } while (node);
+
+	  return info;
+	}
+	var current = null;
+	var phase = null;
+	function getCurrentFiberOwnerNameInDevOrNull() {
+	  {
+	    if (current === null) {
+	      return null;
 	    }
-	    var alternate = from.alternate;
-	    if (alternate !== null && alternate === common) {
-	      break;
+
+	    var owner = current._debugOwner;
+
+	    if (owner !== null && typeof owner !== 'undefined') {
+	      return getComponentName(owner.type);
 	    }
-	    pathFrom.push(from);
-	    from = getParent(from);
 	  }
-	  var pathTo = [];
-	  while (true) {
-	    if (!to) {
-	      break;
-	    }
-	    if (to === common) {
-	      break;
-	    }
-	    var _alternate = to.alternate;
-	    if (_alternate !== null && _alternate === common) {
-	      break;
-	    }
-	    pathTo.push(to);
-	    to = getParent(to);
+
+	  return null;
+	}
+	function getCurrentFiberStackInDev() {
+	  {
+	    if (current === null) {
+	      return '';
+	    } // Safe because if current fiber exists, we are reconciling,
+	    // and it is guaranteed to be the work-in-progress version.
+
+
+	    return getStackByFiberInDevAndProd(current);
 	  }
-	  for (var i = 0; i < pathFrom.length; i++) {
-	    fn(pathFrom[i], 'bubbled', argFrom);
+
+	  return '';
+	}
+	function resetCurrentFiber() {
+	  {
+	    ReactDebugCurrentFrame.getCurrentStack = null;
+	    current = null;
+	    phase = null;
 	  }
-	  for (var _i = pathTo.length; _i-- > 0;) {
-	    fn(pathTo[_i], 'captured', argTo);
+	}
+	function setCurrentFiber(fiber) {
+	  {
+	    ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackInDev;
+	    current = fiber;
+	    phase = null;
+	  }
+	}
+	function setCurrentPhase(lifeCyclePhase) {
+	  {
+	    phase = lifeCyclePhase;
 	  }
 	}
 
-	/**
-	 * Some event types have a notion of different registration names for different
-	 * "phases" of propagation. This finds listeners by a given phase.
-	 */
-	function listenerAtPhase(inst, event, propagationPhase) {
-	  var registrationName = event.dispatchConfig.phasedRegistrationNames[propagationPhase];
-	  return getListener(inst, registrationName);
+	var canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
+
+	function endsWith(subject, search) {
+	  var length = subject.length;
+	  return subject.substring(length - search.length, length) === search;
 	}
 
-	/**
-	 * A small set of propagation patterns, each of which will accept a small amount
-	 * of information, and generate a set of "dispatch ready event objects" - which
-	 * are sets of events that have already been annotated with a set of dispatched
-	 * listener functions/ids. The API is designed this way to discourage these
-	 * propagation strategies from actually executing the dispatches, since we
-	 * always want to collect the entire set of dispatches before executing even a
-	 * single one.
-	 */
+	var PLUGIN_EVENT_SYSTEM = 1;
+	var RESPONDER_EVENT_SYSTEM = 1 << 1;
+	var IS_PASSIVE = 1 << 2;
+	var IS_ACTIVE = 1 << 3;
+	var PASSIVE_NOT_SUPPORTED = 1 << 4;
+	var IS_REPLAYED = 1 << 5;
 
-	/**
-	 * Tags a `SyntheticEvent` with dispatched listeners. Creating this function
-	 * here, allows us to not have to bind or create functions for each event.
-	 * Mutating the event's members allows us to not have to create a wrapping
-	 * "dispatch" object that pairs the event with the listener.
-	 */
-	function accumulateDirectionalDispatches(inst, phase, event) {
-	  {
-	    !inst ? warningWithoutStack$1(false, 'Dispatching inst must not be null') : void 0;
-	  }
-	  var listener = listenerAtPhase(inst, event, phase);
-	  if (listener) {
-	    event._dispatchListeners = accumulateInto(event._dispatchListeners, listener);
-	    event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+	var restoreImpl = null;
+	var restoreTarget = null;
+	var restoreQueue = null;
+
+	function restoreStateOfTarget(target) {
+	  // We perform this translation at the end of the event loop so that we
+	  // always receive the correct fiber here
+	  var internalInstance = getInstanceFromNode(target);
+
+	  if (!internalInstance) {
+	    // Unmounted
+	    return;
 	  }
-	}
 
-	/**
-	 * Collect dispatches (must be entirely collected before dispatching - see unit
-	 * tests). Lazily allocate the array to conserve memory.  We must loop through
-	 * each event and perform the traversal for each one. We cannot perform a
-	 * single traversal for the entire collection of events because each event may
-	 * have a different target.
-	 */
-	function accumulateTwoPhaseDispatchesSingle(event) {
-	  if (event && event.dispatchConfig.phasedRegistrationNames) {
-	    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+	  if (!(typeof restoreImpl === 'function')) {
+	    {
+	      throw Error("setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue.");
+	    }
 	  }
+
+	  var props = getFiberCurrentPropsFromNode(internalInstance.stateNode);
+	  restoreImpl(internalInstance.stateNode, internalInstance.type, props);
 	}
 
-	/**
-	 * Accumulates without regard to direction, does not look for phased
-	 * registration names. Same as `accumulateDirectDispatchesSingle` but without
-	 * requiring that the `dispatchMarker` be the same as the dispatched ID.
-	 */
-	function accumulateDispatches(inst, ignoredDirection, event) {
-	  if (inst && event && event.dispatchConfig.registrationName) {
-	    var registrationName = event.dispatchConfig.registrationName;
-	    var listener = getListener(inst, registrationName);
-	    if (listener) {
-	      event._dispatchListeners = accumulateInto(event._dispatchListeners, listener);
-	      event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+	function setRestoreImplementation(impl) {
+	  restoreImpl = impl;
+	}
+	function enqueueStateRestore(target) {
+	  if (restoreTarget) {
+	    if (restoreQueue) {
+	      restoreQueue.push(target);
+	    } else {
+	      restoreQueue = [target];
 	    }
+	  } else {
+	    restoreTarget = target;
 	  }
 	}
+	function needsStateRestore() {
+	  return restoreTarget !== null || restoreQueue !== null;
+	}
+	function restoreStateIfNeeded() {
+	  if (!restoreTarget) {
+	    return;
+	  }
 
-	/**
-	 * Accumulates dispatches on an `SyntheticEvent`, but only for the
-	 * `dispatchMarker`.
-	 * @param {SyntheticEvent} event
-	 */
-	function accumulateDirectDispatchesSingle(event) {
-	  if (event && event.dispatchConfig.registrationName) {
-	    accumulateDispatches(event._targetInst, null, event);
+	  var target = restoreTarget;
+	  var queuedTargets = restoreQueue;
+	  restoreTarget = null;
+	  restoreQueue = null;
+	  restoreStateOfTarget(target);
+
+	  if (queuedTargets) {
+	    for (var i = 0; i < queuedTargets.length; i++) {
+	      restoreStateOfTarget(queuedTargets[i]);
+	    }
 	  }
 	}
 
-	function accumulateTwoPhaseDispatches(events) {
-	  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
-	}
+	var enableUserTimingAPI = true; // Helps identify side effects in render-phase lifecycle hooks and setState
+	// reducers by double invoking them in Strict Mode.
 
+	var debugRenderPhaseSideEffectsForStrictMode = true; // To preserve the "Pause on caught exceptions" behavior of the debugger, we
+	// replay the begin phase of a failed component inside invokeGuardedCallback.
 
+	var replayFailedUnitOfWorkWithInvokeGuardedCallback = true; // Warn about deprecated, async-unsafe lifecycles; relates to RFC #6:
 
-	function accumulateEnterLeaveDispatches(leave, enter, from, to) {
-	  traverseEnterLeave(from, to, accumulateDispatches, leave, enter);
-	}
+	var warnAboutDeprecatedLifecycles = true; // Gather advanced timing metrics for Profiler subtrees.
 
-	function accumulateDirectDispatches(events) {
-	  forEachAccumulated(events, accumulateDirectDispatchesSingle);
-	}
+	var enableProfilerTimer = true; // Trace which interactions trigger each commit.
 
-	var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+	var enableSchedulerTracing = true; // SSR experiments
 
-	// Do not uses the below two methods directly!
-	// Instead use constants exported from DOMTopLevelEventTypes in ReactDOM.
-	// (It is the only module that is allowed to access these methods.)
+	var enableSuspenseServerRenderer = false;
+	var enableSelectiveHydration = false; // Only used in www builds.
 
-	function unsafeCastStringToDOMTopLevelType(topLevelType) {
-	  return topLevelType;
-	}
+	 // Only used in www builds.
 
-	function unsafeCastDOMTopLevelTypeToString(topLevelType) {
-	  return topLevelType;
-	}
+	 // Disable javascript: URL strings in href for XSS protection.
 
-	/**
-	 * Generate a mapping of standard vendor prefixes using the defined style property and event name.
-	 *
-	 * @param {string} styleProp
-	 * @param {string} eventName
-	 * @returns {object}
-	 */
-	function makePrefixMap(styleProp, eventName) {
-	  var prefixes = {};
+	var disableJavaScriptURLs = false; // React Fire: prevent the value and checked attributes from syncing
+	// with their related DOM properties
 
-	  prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
-	  prefixes['Webkit' + styleProp] = 'webkit' + eventName;
-	  prefixes['Moz' + styleProp] = 'moz' + eventName;
+	var disableInputAttributeSyncing = false; // These APIs will no longer be "unstable" in the upcoming 16.7 release,
+	// Control this behavior with a flag to support 16.6 minor releases in the meanwhile.
 
-	  return prefixes;
-	}
+	var exposeConcurrentModeAPIs = false;
+	var warnAboutShorthandPropertyCollision = false; // Experimental React Flare event system and event components support.
 
-	/**
-	 * A list of event names to a configurable list of vendor prefixes.
-	 */
-	var vendorPrefixes = {
-	  animationend: makePrefixMap('Animation', 'AnimationEnd'),
-	  animationiteration: makePrefixMap('Animation', 'AnimationIteration'),
-	  animationstart: makePrefixMap('Animation', 'AnimationStart'),
-	  transitionend: makePrefixMap('Transition', 'TransitionEnd')
+	var enableFlareAPI = false; // Experimental Host Component support.
+
+	var enableFundamentalAPI = false; // Experimental Scope support.
+
+	var enableScopeAPI = false; // New API for JSX transforms to target - https://github.com/reactjs/rfcs/pull/107
+
+	 // We will enforce mocking scheduler with scheduler/unstable_mock at some point. (v17?)
+	// Till then, we warn about the missing mock, but still fallback to a legacy mode compatible version
+
+	var warnAboutUnmockedScheduler = false; // For tests, we flush suspense fallbacks in an act scope;
+	// *except* in some of our own tests, where we test incremental loading states.
+
+	var flushSuspenseFallbacksInTests = true; // Add a callback property to suspense to notify which promises are currently
+	// in the update queue. This allows reporting and tracing of what is causing
+	// the user to see a loading state.
+	// Also allows hydration callbacks to fire when a dehydrated boundary gets
+	// hydrated or deleted.
+
+	var enableSuspenseCallback = false; // Part of the simplification of React.createElement so we can eventually move
+	// from React.createElement to React.jsx
+	// https://github.com/reactjs/rfcs/blob/createlement-rfc/text/0000-create-element-changes.md
+
+	var warnAboutDefaultPropsOnFunctionComponents = false;
+	var warnAboutStringRefs = false;
+	var disableLegacyContext = false;
+	var disableSchedulerTimeoutBasedOnReactExpirationTime = false;
+	var enableTrustedTypesIntegration = false; // Flag to turn event.target and event.currentTarget in ReactNative from a reactTag to a component instance
+
+	// the renderer. Such as when we're dispatching events or if third party
+	// libraries need to call batchedUpdates. Eventually, this API will go away when
+	// everything is batched by default. We'll then have a similar API to opt-out of
+	// scheduled work and instead do synchronous work.
+	// Defaults
+
+	var batchedUpdatesImpl = function (fn, bookkeeping) {
+	  return fn(bookkeeping);
 	};
 
-	/**
-	 * Event names that have already been detected and prefixed (if applicable).
-	 */
-	var prefixedEventNames = {};
+	var discreteUpdatesImpl = function (fn, a, b, c) {
+	  return fn(a, b, c);
+	};
 
-	/**
-	 * Element to check for prefixes on.
-	 */
-	var style = {};
+	var flushDiscreteUpdatesImpl = function () {};
 
-	/**
-	 * Bootstrap if a DOM exists.
-	 */
-	if (canUseDOM) {
-	  style = document.createElement('div').style;
+	var batchedEventUpdatesImpl = batchedUpdatesImpl;
+	var isInsideEventHandler = false;
+	var isBatchingEventUpdates = false;
 
-	  // On some platforms, in particular some releases of Android 4.x,
-	  // the un-prefixed "animation" and "transition" properties are defined on the
-	  // style object but the events that fire will still be prefixed, so we need
-	  // to check if the un-prefixed events are usable, and if not remove them from the map.
-	  if (!('AnimationEvent' in window)) {
-	    delete vendorPrefixes.animationend.animation;
-	    delete vendorPrefixes.animationiteration.animation;
-	    delete vendorPrefixes.animationstart.animation;
-	  }
+	function finishEventHandler() {
+	  // Here we wait until all updates have propagated, which is important
+	  // when using controlled components within layers:
+	  // https://github.com/facebook/react/issues/1698
+	  // Then we restore state of any controlled component.
+	  var controlledComponentsHavePendingUpdates = needsStateRestore();
 
-	  // Same as above
-	  if (!('TransitionEvent' in window)) {
-	    delete vendorPrefixes.transitionend.transition;
+	  if (controlledComponentsHavePendingUpdates) {
+	    // If a controlled event was fired, we may need to restore the state of
+	    // the DOM node back to the controlled value. This is necessary when React
+	    // bails out of the update without touching the DOM.
+	    flushDiscreteUpdatesImpl();
+	    restoreStateIfNeeded();
 	  }
 	}
 
-	/**
-	 * Attempts to determine the correct vendor prefixed event name.
-	 *
-	 * @param {string} eventName
-	 * @returns {string}
-	 */
-	function getVendorPrefixedEventName(eventName) {
-	  if (prefixedEventNames[eventName]) {
-	    return prefixedEventNames[eventName];
-	  } else if (!vendorPrefixes[eventName]) {
-	    return eventName;
+	function batchedUpdates(fn, bookkeeping) {
+	  if (isInsideEventHandler) {
+	    // If we are currently inside another batch, we need to wait until it
+	    // fully completes before restoring state.
+	    return fn(bookkeeping);
 	  }
 
-	  var prefixMap = vendorPrefixes[eventName];
+	  isInsideEventHandler = true;
 
-	  for (var styleProp in prefixMap) {
-	    if (prefixMap.hasOwnProperty(styleProp) && styleProp in style) {
-	      return prefixedEventNames[eventName] = prefixMap[styleProp];
-	    }
+	  try {
+	    return batchedUpdatesImpl(fn, bookkeeping);
+	  } finally {
+	    isInsideEventHandler = false;
+	    finishEventHandler();
 	  }
-
-	  return eventName;
 	}
+	function batchedEventUpdates(fn, a, b) {
+	  if (isBatchingEventUpdates) {
+	    // If we are currently inside another batch, we need to wait until it
+	    // fully completes before restoring state.
+	    return fn(a, b);
+	  }
 
-	/**
-	 * To identify top level events in ReactDOM, we use constants defined by this
-	 * module. This is the only module that uses the unsafe* methods to express
-	 * that the constants actually correspond to the browser event names. This lets
-	 * us save some bundle size by avoiding a top level type -> event name map.
-	 * The rest of ReactDOM code should import top level types from this file.
-	 */
-	var TOP_ABORT = unsafeCastStringToDOMTopLevelType('abort');
-	var TOP_ANIMATION_END = unsafeCastStringToDOMTopLevelType(getVendorPrefixedEventName('animationend'));
-	var TOP_ANIMATION_ITERATION = unsafeCastStringToDOMTopLevelType(getVendorPrefixedEventName('animationiteration'));
-	var TOP_ANIMATION_START = unsafeCastStringToDOMTopLevelType(getVendorPrefixedEventName('animationstart'));
-	var TOP_BLUR = unsafeCastStringToDOMTopLevelType('blur');
-	var TOP_CAN_PLAY = unsafeCastStringToDOMTopLevelType('canplay');
-	var TOP_CAN_PLAY_THROUGH = unsafeCastStringToDOMTopLevelType('canplaythrough');
-	var TOP_CANCEL = unsafeCastStringToDOMTopLevelType('cancel');
-	var TOP_CHANGE = unsafeCastStringToDOMTopLevelType('change');
-	var TOP_CLICK = unsafeCastStringToDOMTopLevelType('click');
-	var TOP_CLOSE = unsafeCastStringToDOMTopLevelType('close');
-	var TOP_COMPOSITION_END = unsafeCastStringToDOMTopLevelType('compositionend');
-	var TOP_COMPOSITION_START = unsafeCastStringToDOMTopLevelType('compositionstart');
-	var TOP_COMPOSITION_UPDATE = unsafeCastStringToDOMTopLevelType('compositionupdate');
-	var TOP_CONTEXT_MENU = unsafeCastStringToDOMTopLevelType('contextmenu');
-	var TOP_COPY = unsafeCastStringToDOMTopLevelType('copy');
-	var TOP_CUT = unsafeCastStringToDOMTopLevelType('cut');
-	var TOP_DOUBLE_CLICK = unsafeCastStringToDOMTopLevelType('dblclick');
-	var TOP_AUX_CLICK = unsafeCastStringToDOMTopLevelType('auxclick');
-	var TOP_DRAG = unsafeCastStringToDOMTopLevelType('drag');
-	var TOP_DRAG_END = unsafeCastStringToDOMTopLevelType('dragend');
-	var TOP_DRAG_ENTER = unsafeCastStringToDOMTopLevelType('dragenter');
-	var TOP_DRAG_EXIT = unsafeCastStringToDOMTopLevelType('dragexit');
-	var TOP_DRAG_LEAVE = unsafeCastStringToDOMTopLevelType('dragleave');
-	var TOP_DRAG_OVER = unsafeCastStringToDOMTopLevelType('dragover');
-	var TOP_DRAG_START = unsafeCastStringToDOMTopLevelType('dragstart');
-	var TOP_DROP = unsafeCastStringToDOMTopLevelType('drop');
-	var TOP_DURATION_CHANGE = unsafeCastStringToDOMTopLevelType('durationchange');
-	var TOP_EMPTIED = unsafeCastStringToDOMTopLevelType('emptied');
-	var TOP_ENCRYPTED = unsafeCastStringToDOMTopLevelType('encrypted');
-	var TOP_ENDED = unsafeCastStringToDOMTopLevelType('ended');
-	var TOP_ERROR = unsafeCastStringToDOMTopLevelType('error');
-	var TOP_FOCUS = unsafeCastStringToDOMTopLevelType('focus');
-	var TOP_GOT_POINTER_CAPTURE = unsafeCastStringToDOMTopLevelType('gotpointercapture');
-	var TOP_INPUT = unsafeCastStringToDOMTopLevelType('input');
-	var TOP_INVALID = unsafeCastStringToDOMTopLevelType('invalid');
-	var TOP_KEY_DOWN = unsafeCastStringToDOMTopLevelType('keydown');
-	var TOP_KEY_PRESS = unsafeCastStringToDOMTopLevelType('keypress');
-	var TOP_KEY_UP = unsafeCastStringToDOMTopLevelType('keyup');
-	var TOP_LOAD = unsafeCastStringToDOMTopLevelType('load');
-	var TOP_LOAD_START = unsafeCastStringToDOMTopLevelType('loadstart');
-	var TOP_LOADED_DATA = unsafeCastStringToDOMTopLevelType('loadeddata');
-	var TOP_LOADED_METADATA = unsafeCastStringToDOMTopLevelType('loadedmetadata');
-	var TOP_LOST_POINTER_CAPTURE = unsafeCastStringToDOMTopLevelType('lostpointercapture');
-	var TOP_MOUSE_DOWN = unsafeCastStringToDOMTopLevelType('mousedown');
-	var TOP_MOUSE_MOVE = unsafeCastStringToDOMTopLevelType('mousemove');
-	var TOP_MOUSE_OUT = unsafeCastStringToDOMTopLevelType('mouseout');
-	var TOP_MOUSE_OVER = unsafeCastStringToDOMTopLevelType('mouseover');
-	var TOP_MOUSE_UP = unsafeCastStringToDOMTopLevelType('mouseup');
-	var TOP_PASTE = unsafeCastStringToDOMTopLevelType('paste');
-	var TOP_PAUSE = unsafeCastStringToDOMTopLevelType('pause');
-	var TOP_PLAY = unsafeCastStringToDOMTopLevelType('play');
-	var TOP_PLAYING = unsafeCastStringToDOMTopLevelType('playing');
-	var TOP_POINTER_CANCEL = unsafeCastStringToDOMTopLevelType('pointercancel');
-	var TOP_POINTER_DOWN = unsafeCastStringToDOMTopLevelType('pointerdown');
-
+	  isBatchingEventUpdates = true;
 
-	var TOP_POINTER_MOVE = unsafeCastStringToDOMTopLevelType('pointermove');
-	var TOP_POINTER_OUT = unsafeCastStringToDOMTopLevelType('pointerout');
-	var TOP_POINTER_OVER = unsafeCastStringToDOMTopLevelType('pointerover');
-	var TOP_POINTER_UP = unsafeCastStringToDOMTopLevelType('pointerup');
-	var TOP_PROGRESS = unsafeCastStringToDOMTopLevelType('progress');
-	var TOP_RATE_CHANGE = unsafeCastStringToDOMTopLevelType('ratechange');
-	var TOP_RESET = unsafeCastStringToDOMTopLevelType('reset');
-	var TOP_SCROLL = unsafeCastStringToDOMTopLevelType('scroll');
-	var TOP_SEEKED = unsafeCastStringToDOMTopLevelType('seeked');
-	var TOP_SEEKING = unsafeCastStringToDOMTopLevelType('seeking');
-	var TOP_SELECTION_CHANGE = unsafeCastStringToDOMTopLevelType('selectionchange');
-	var TOP_STALLED = unsafeCastStringToDOMTopLevelType('stalled');
-	var TOP_SUBMIT = unsafeCastStringToDOMTopLevelType('submit');
-	var TOP_SUSPEND = unsafeCastStringToDOMTopLevelType('suspend');
-	var TOP_TEXT_INPUT = unsafeCastStringToDOMTopLevelType('textInput');
-	var TOP_TIME_UPDATE = unsafeCastStringToDOMTopLevelType('timeupdate');
-	var TOP_TOGGLE = unsafeCastStringToDOMTopLevelType('toggle');
-	var TOP_TOUCH_CANCEL = unsafeCastStringToDOMTopLevelType('touchcancel');
-	var TOP_TOUCH_END = unsafeCastStringToDOMTopLevelType('touchend');
-	var TOP_TOUCH_MOVE = unsafeCastStringToDOMTopLevelType('touchmove');
-	var TOP_TOUCH_START = unsafeCastStringToDOMTopLevelType('touchstart');
-	var TOP_TRANSITION_END = unsafeCastStringToDOMTopLevelType(getVendorPrefixedEventName('transitionend'));
-	var TOP_VOLUME_CHANGE = unsafeCastStringToDOMTopLevelType('volumechange');
-	var TOP_WAITING = unsafeCastStringToDOMTopLevelType('waiting');
-	var TOP_WHEEL = unsafeCastStringToDOMTopLevelType('wheel');
+	  try {
+	    return batchedEventUpdatesImpl(fn, a, b);
+	  } finally {
+	    isBatchingEventUpdates = false;
+	    finishEventHandler();
+	  }
+	} // This is for the React Flare event system
 
-	// List of events that need to be individually attached to media elements.
-	// Note that events in this list will *not* be listened to at the top level
-	// unless they're explicitly whitelisted in `ReactBrowserEventEmitter.listenTo`.
-	var mediaEventTypes = [TOP_ABORT, TOP_CAN_PLAY, TOP_CAN_PLAY_THROUGH, TOP_DURATION_CHANGE, TOP_EMPTIED, TOP_ENCRYPTED, TOP_ENDED, TOP_ERROR, TOP_LOADED_DATA, TOP_LOADED_METADATA, TOP_LOAD_START, TOP_PAUSE, TOP_PLAY, TOP_PLAYING, TOP_PROGRESS, TOP_RATE_CHANGE, TOP_SEEKED, TOP_SEEKING, TOP_STALLED, TOP_SUSPEND, TOP_TIME_UPDATE, TOP_VOLUME_CHANGE, TOP_WAITING];
+	function executeUserEventHandler(fn, value) {
+	  var previouslyInEventHandler = isInsideEventHandler;
 
-	function getRawEventName(topLevelType) {
-	  return unsafeCastDOMTopLevelTypeToString(topLevelType);
+	  try {
+	    isInsideEventHandler = true;
+	    var type = typeof value === 'object' && value !== null ? value.type : '';
+	    invokeGuardedCallbackAndCatchFirstError(type, fn, undefined, value);
+	  } finally {
+	    isInsideEventHandler = previouslyInEventHandler;
+	  }
 	}
+	function discreteUpdates(fn, a, b, c) {
+	  var prevIsInsideEventHandler = isInsideEventHandler;
+	  isInsideEventHandler = true;
 
-	/**
-	 * These variables store information about text content of a target node,
-	 * allowing comparison of content before and after a given event.
-	 *
-	 * Identify the node where selection currently begins, then observe
-	 * both its text content and its current position in the DOM. Since the
-	 * browser may natively replace the target node during composition, we can
-	 * use its position to find its replacement.
-	 *
-	 *
-	 */
-
-	var root = null;
-	var startText = null;
-	var fallbackText = null;
+	  try {
+	    return discreteUpdatesImpl(fn, a, b, c);
+	  } finally {
+	    isInsideEventHandler = prevIsInsideEventHandler;
+
+	    if (!isInsideEventHandler) {
+	      finishEventHandler();
+	    }
+	  }
+	}
+	var lastFlushedEventTimeStamp = 0;
+	function flushDiscreteUpdatesIfNeeded(timeStamp) {
+	  // event.timeStamp isn't overly reliable due to inconsistencies in
+	  // how different browsers have historically provided the time stamp.
+	  // Some browsers provide high-resolution time stamps for all events,
+	  // some provide low-resolution time stamps for all events. FF < 52
+	  // even mixes both time stamps together. Some browsers even report
+	  // negative time stamps or time stamps that are 0 (iOS9) in some cases.
+	  // Given we are only comparing two time stamps with equality (!==),
+	  // we are safe from the resolution differences. If the time stamp is 0
+	  // we bail-out of preventing the flush, which can affect semantics,
+	  // such as if an earlier flush removes or adds event listeners that
+	  // are fired in the subsequent flush. However, this is the same
+	  // behaviour as we had before this change, so the risks are low.
+	  if (!isInsideEventHandler && (!enableFlareAPI || timeStamp === 0 || lastFlushedEventTimeStamp !== timeStamp)) {
+	    lastFlushedEventTimeStamp = timeStamp;
+	    flushDiscreteUpdatesImpl();
+	  }
+	}
+	function setBatchingImplementation(_batchedUpdatesImpl, _discreteUpdatesImpl, _flushDiscreteUpdatesImpl, _batchedEventUpdatesImpl) {
+	  batchedUpdatesImpl = _batchedUpdatesImpl;
+	  discreteUpdatesImpl = _discreteUpdatesImpl;
+	  flushDiscreteUpdatesImpl = _flushDiscreteUpdatesImpl;
+	  batchedEventUpdatesImpl = _batchedEventUpdatesImpl;
+	}
+
+	var DiscreteEvent = 0;
+	var UserBlockingEvent = 1;
+	var ContinuousEvent = 2;
+
+	// CommonJS interop named imports.
+
+	var UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
+	var runWithPriority = Scheduler.unstable_runWithPriority;
+	var listenToResponderEventTypesImpl;
+	function setListenToResponderEventTypes(_listenToResponderEventTypesImpl) {
+	  listenToResponderEventTypesImpl = _listenToResponderEventTypesImpl;
+	}
+	var rootEventTypesToEventResponderInstances = new Map();
+	var DoNotPropagateToNextResponder = 0;
+	var PropagateToNextResponder = 1;
+	var currentTimeStamp = 0;
+	var currentInstance = null;
+	var currentDocument = null;
+	var currentPropagationBehavior = DoNotPropagateToNextResponder;
+	var eventResponderContext = {
+	  dispatchEvent: function (eventValue, eventListener, eventPriority) {
+	    validateResponderContext();
+	    validateEventValue(eventValue);
+
+	    switch (eventPriority) {
+	      case DiscreteEvent:
+	        {
+	          flushDiscreteUpdatesIfNeeded(currentTimeStamp);
+	          discreteUpdates(function () {
+	            return executeUserEventHandler(eventListener, eventValue);
+	          });
+	          break;
+	        }
 
-	function initialize(nativeEventTarget) {
-	  root = nativeEventTarget;
-	  startText = getText();
-	  return true;
-	}
+	      case UserBlockingEvent:
+	        {
+	          runWithPriority(UserBlockingPriority, function () {
+	            return executeUserEventHandler(eventListener, eventValue);
+	          });
+	          break;
+	        }
 
-	function reset() {
-	  root = null;
-	  startText = null;
-	  fallbackText = null;
-	}
+	      case ContinuousEvent:
+	        {
+	          executeUserEventHandler(eventListener, eventValue);
+	          break;
+	        }
+	    }
+	  },
+	  isTargetWithinResponder: function (target) {
+	    validateResponderContext();
 
-	function getData() {
-	  if (fallbackText) {
-	    return fallbackText;
-	  }
+	    if (target != null) {
+	      var fiber = getClosestInstanceFromNode(target);
+	      var responderFiber = currentInstance.fiber;
 
-	  var start = void 0;
-	  var startValue = startText;
-	  var startLength = startValue.length;
-	  var end = void 0;
-	  var endValue = getText();
-	  var endLength = endValue.length;
+	      while (fiber !== null) {
+	        if (fiber === responderFiber || fiber.alternate === responderFiber) {
+	          return true;
+	        }
 
-	  for (start = 0; start < startLength; start++) {
-	    if (startValue[start] !== endValue[start]) {
-	      break;
+	        fiber = fiber.return;
+	      }
 	    }
-	  }
 
-	  var minEnd = startLength - start;
-	  for (end = 1; end <= minEnd; end++) {
-	    if (startValue[startLength - end] !== endValue[endLength - end]) {
-	      break;
+	    return false;
+	  },
+	  isTargetWithinResponderScope: function (target) {
+	    validateResponderContext();
+	    var componentInstance = currentInstance;
+	    var responder = componentInstance.responder;
+
+	    if (target != null) {
+	      var fiber = getClosestInstanceFromNode(target);
+	      var responderFiber = currentInstance.fiber;
+
+	      while (fiber !== null) {
+	        if (fiber === responderFiber || fiber.alternate === responderFiber) {
+	          return true;
+	        }
+
+	        if (doesFiberHaveResponder(fiber, responder)) {
+	          return false;
+	        }
+
+	        fiber = fiber.return;
+	      }
 	    }
-	  }
 
-	  var sliceTail = end > 1 ? 1 - end : undefined;
-	  fallbackText = endValue.slice(start, sliceTail);
-	  return fallbackText;
-	}
+	    return false;
+	  },
+	  isTargetWithinNode: function (childTarget, parentTarget) {
+	    validateResponderContext();
+	    var childFiber = getClosestInstanceFromNode(childTarget);
+	    var parentFiber = getClosestInstanceFromNode(parentTarget);
 
-	function getText() {
-	  if ('value' in root) {
-	    return root.value;
-	  }
-	  return root.textContent;
-	}
+	    if (childFiber != null && parentFiber != null) {
+	      var parentAlternateFiber = parentFiber.alternate;
+	      var node = childFiber;
 
-	/* eslint valid-typeof: 0 */
+	      while (node !== null) {
+	        if (node === parentFiber || node === parentAlternateFiber) {
+	          return true;
+	        }
 
-	var EVENT_POOL_SIZE = 10;
+	        node = node.return;
+	      }
 
-	/**
-	 * @interface Event
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
-	 */
-	var EventInterface = {
-	  type: null,
-	  target: null,
-	  // currentTarget is set when dispatching; no use in copying it here
-	  currentTarget: function () {
-	    return null;
+	      return false;
+	    } // Fallback to DOM APIs
+
+
+	    return parentTarget.contains(childTarget);
 	  },
-	  eventPhase: null,
-	  bubbles: null,
-	  cancelable: null,
-	  timeStamp: function (event) {
-	    return event.timeStamp || Date.now();
+	  addRootEventTypes: function (rootEventTypes) {
+	    validateResponderContext();
+	    listenToResponderEventTypesImpl(rootEventTypes, currentDocument);
+
+	    for (var i = 0; i < rootEventTypes.length; i++) {
+	      var rootEventType = rootEventTypes[i];
+	      var eventResponderInstance = currentInstance;
+	      registerRootEventType(rootEventType, eventResponderInstance);
+	    }
 	  },
-	  defaultPrevented: null,
-	  isTrusted: null
-	};
+	  removeRootEventTypes: function (rootEventTypes) {
+	    validateResponderContext();
 
-	function functionThatReturnsTrue() {
-	  return true;
-	}
+	    for (var i = 0; i < rootEventTypes.length; i++) {
+	      var rootEventType = rootEventTypes[i];
+	      var rootEventResponders = rootEventTypesToEventResponderInstances.get(rootEventType);
+	      var rootEventTypesSet = currentInstance.rootEventTypes;
 
-	function functionThatReturnsFalse() {
-	  return false;
-	}
+	      if (rootEventTypesSet !== null) {
+	        rootEventTypesSet.delete(rootEventType);
+	      }
 
-	/**
-	 * Synthetic events are dispatched by event plugins, typically in response to a
-	 * top-level event delegation handler.
-	 *
-	 * These systems should generally use pooling to reduce the frequency of garbage
-	 * collection. The system should check `isPersistent` to determine whether the
-	 * event should be released into the pool after being dispatched. Users that
-	 * need a persisted event should invoke `persist`.
-	 *
-	 * Synthetic events (and subclasses) implement the DOM Level 3 Events API by
-	 * normalizing browser quirks. Subclasses do not necessarily have to implement a
-	 * DOM interface; custom application-specific events can also subclass this.
-	 *
-	 * @param {object} dispatchConfig Configuration used to dispatch this event.
-	 * @param {*} targetInst Marker identifying the event target.
-	 * @param {object} nativeEvent Native browser event.
-	 * @param {DOMEventTarget} nativeEventTarget Target node.
-	 */
-	function SyntheticEvent(dispatchConfig, targetInst, nativeEvent, nativeEventTarget) {
-	  {
-	    // these have a getter/setter for warnings
-	    delete this.nativeEvent;
-	    delete this.preventDefault;
-	    delete this.stopPropagation;
-	    delete this.isDefaultPrevented;
-	    delete this.isPropagationStopped;
-	  }
-
-	  this.dispatchConfig = dispatchConfig;
-	  this._targetInst = targetInst;
-	  this.nativeEvent = nativeEvent;
-
-	  var Interface = this.constructor.Interface;
-	  for (var propName in Interface) {
-	    if (!Interface.hasOwnProperty(propName)) {
-	      continue;
-	    }
-	    {
-	      delete this[propName]; // this has a getter/setter for warnings
-	    }
-	    var normalize = Interface[propName];
-	    if (normalize) {
-	      this[propName] = normalize(nativeEvent);
-	    } else {
-	      if (propName === 'target') {
-	        this.target = nativeEventTarget;
-	      } else {
-	        this[propName] = nativeEvent[propName];
+	      if (rootEventResponders !== undefined) {
+	        rootEventResponders.delete(currentInstance);
 	      }
 	    }
-	  }
+	  },
+	  getActiveDocument: getActiveDocument,
+	  objectAssign: _assign,
+	  getTimeStamp: function () {
+	    validateResponderContext();
+	    return currentTimeStamp;
+	  },
+	  isTargetWithinHostComponent: function (target, elementType) {
+	    validateResponderContext();
+	    var fiber = getClosestInstanceFromNode(target);
 
-	  var defaultPrevented = nativeEvent.defaultPrevented != null ? nativeEvent.defaultPrevented : nativeEvent.returnValue === false;
-	  if (defaultPrevented) {
-	    this.isDefaultPrevented = functionThatReturnsTrue;
-	  } else {
-	    this.isDefaultPrevented = functionThatReturnsFalse;
-	  }
-	  this.isPropagationStopped = functionThatReturnsFalse;
-	  return this;
-	}
+	    while (fiber !== null) {
+	      if (fiber.tag === HostComponent && fiber.type === elementType) {
+	        return true;
+	      }
 
-	_assign(SyntheticEvent.prototype, {
-	  preventDefault: function () {
-	    this.defaultPrevented = true;
-	    var event = this.nativeEvent;
-	    if (!event) {
-	      return;
+	      fiber = fiber.return;
 	    }
 
-	    if (event.preventDefault) {
-	      event.preventDefault();
-	    } else if (typeof event.returnValue !== 'unknown') {
-	      event.returnValue = false;
-	    }
-	    this.isDefaultPrevented = functionThatReturnsTrue;
+	    return false;
 	  },
+	  continuePropagation: function () {
+	    currentPropagationBehavior = PropagateToNextResponder;
+	  },
+	  enqueueStateRestore: enqueueStateRestore,
+	  getResponderNode: function () {
+	    validateResponderContext();
+	    var responderFiber = currentInstance.fiber;
 
-	  stopPropagation: function () {
-	    var event = this.nativeEvent;
-	    if (!event) {
-	      return;
-	    }
-
-	    if (event.stopPropagation) {
-	      event.stopPropagation();
-	    } else if (typeof event.cancelBubble !== 'unknown') {
-	      // The ChangeEventPlugin registers a "propertychange" event for
-	      // IE. This event does not support bubbling or cancelling, and
-	      // any references to cancelBubble throw "Member not found".  A
-	      // typeof check of "unknown" circumvents this issue (and is also
-	      // IE specific).
-	      event.cancelBubble = true;
+	    if (responderFiber.tag === ScopeComponent) {
+	      return null;
 	    }
 
-	    this.isPropagationStopped = functionThatReturnsTrue;
-	  },
+	    return responderFiber.stateNode;
+	  }
+	};
 
-	  /**
-	   * We release all dispatched `SyntheticEvent`s after each event loop, adding
-	   * them back into the pool. This allows a way to hold onto a reference that
-	   * won't be added back into the pool.
-	   */
-	  persist: function () {
-	    this.isPersistent = functionThatReturnsTrue;
-	  },
+	function validateEventValue(eventValue) {
+	  if (typeof eventValue === 'object' && eventValue !== null) {
+	    var target = eventValue.target,
+	        type = eventValue.type,
+	        timeStamp = eventValue.timeStamp;
 
-	  /**
-	   * Checks if this event should be released back into the pool.
-	   *
-	   * @return {boolean} True if this should not be released, false otherwise.
-	   */
-	  isPersistent: functionThatReturnsFalse,
+	    if (target == null || type == null || timeStamp == null) {
+	      throw new Error('context.dispatchEvent: "target", "timeStamp", and "type" fields on event object are required.');
+	    }
 
-	  /**
-	   * `PooledClass` looks for `destructor` on each instance it releases.
-	   */
-	  destructor: function () {
-	    var Interface = this.constructor.Interface;
-	    for (var propName in Interface) {
+	    var showWarning = function (name) {
 	      {
-	        Object.defineProperty(this, propName, getPooledWarningPropertyDefinition(propName, Interface[propName]));
+	        warning$1(false, '%s is not available on event objects created from event responder modules (React Flare). ' + 'Try wrapping in a conditional, i.e. `if (event.type !== "press") { event.%s }`', name, name);
 	      }
-	    }
-	    this.dispatchConfig = null;
-	    this._targetInst = null;
-	    this.nativeEvent = null;
-	    this.isDefaultPrevented = functionThatReturnsFalse;
-	    this.isPropagationStopped = functionThatReturnsFalse;
-	    this._dispatchListeners = null;
-	    this._dispatchInstances = null;
-	    {
-	      Object.defineProperty(this, 'nativeEvent', getPooledWarningPropertyDefinition('nativeEvent', null));
-	      Object.defineProperty(this, 'isDefaultPrevented', getPooledWarningPropertyDefinition('isDefaultPrevented', functionThatReturnsFalse));
-	      Object.defineProperty(this, 'isPropagationStopped', getPooledWarningPropertyDefinition('isPropagationStopped', functionThatReturnsFalse));
-	      Object.defineProperty(this, 'preventDefault', getPooledWarningPropertyDefinition('preventDefault', function () {}));
-	      Object.defineProperty(this, 'stopPropagation', getPooledWarningPropertyDefinition('stopPropagation', function () {}));
-	    }
-	  }
-	});
+	    };
 
-	SyntheticEvent.Interface = EventInterface;
+	    eventValue.isDefaultPrevented = function () {
+	      {
+	        showWarning('isDefaultPrevented()');
+	      }
+	    };
 
-	/**
-	 * Helper to reduce boilerplate when creating subclasses.
-	 */
-	SyntheticEvent.extend = function (Interface) {
-	  var Super = this;
+	    eventValue.isPropagationStopped = function () {
+	      {
+	        showWarning('isPropagationStopped()');
+	      }
+	    }; // $FlowFixMe: we don't need value, Flow thinks we do
 
-	  var E = function () {};
-	  E.prototype = Super.prototype;
-	  var prototype = new E();
 
-	  function Class() {
-	    return Super.apply(this, arguments);
+	    Object.defineProperty(eventValue, 'nativeEvent', {
+	      get: function () {
+	        {
+	          showWarning('nativeEvent');
+	        }
+	      }
+	    });
 	  }
-	  _assign(prototype, Class.prototype);
-	  Class.prototype = prototype;
-	  Class.prototype.constructor = Class;
-
-	  Class.Interface = _assign({}, Super.Interface, Interface);
-	  Class.extend = Super.extend;
-	  addEventPoolingTo(Class);
+	}
 
-	  return Class;
-	};
+	function doesFiberHaveResponder(fiber, responder) {
+	  var tag = fiber.tag;
 
-	addEventPoolingTo(SyntheticEvent);
+	  if (tag === HostComponent || tag === ScopeComponent) {
+	    var dependencies = fiber.dependencies;
 
-	/**
-	 * Helper to nullify syntheticEvent instance properties when destructing
-	 *
-	 * @param {String} propName
-	 * @param {?object} getVal
-	 * @return {object} defineProperty object
-	 */
-	function getPooledWarningPropertyDefinition(propName, getVal) {
-	  var isFunction = typeof getVal === 'function';
-	  return {
-	    configurable: true,
-	    set: set,
-	    get: get
-	  };
+	    if (dependencies !== null) {
+	      var respondersMap = dependencies.responders;
 
-	  function set(val) {
-	    var action = isFunction ? 'setting the method' : 'setting the property';
-	    warn(action, 'This is effectively a no-op');
-	    return val;
+	      if (respondersMap !== null && respondersMap.has(responder)) {
+	        return true;
+	      }
+	    }
 	  }
 
-	  function get() {
-	    var action = isFunction ? 'accessing the method' : 'accessing the property';
-	    var result = isFunction ? 'This is a no-op function' : 'This is set to null';
-	    warn(action, result);
-	    return getVal;
-	  }
+	  return false;
+	}
 
-	  function warn(action, result) {
-	    var warningCondition = false;
-	    !warningCondition ? warningWithoutStack$1(false, "This synthetic event is reused for performance reasons. If you're seeing this, " + "you're %s `%s` on a released/nullified synthetic event. %s. " + 'If you must keep the original synthetic event around, use event.persist(). ' + 'See https://fb.me/react-event-pooling for more information.', action, propName, result) : void 0;
-	  }
+	function getActiveDocument() {
+	  return currentDocument;
 	}
 
-	function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
-	  var EventConstructor = this;
-	  if (EventConstructor.eventPool.length) {
-	    var instance = EventConstructor.eventPool.pop();
-	    EventConstructor.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
-	    return instance;
+	function createDOMResponderEvent(topLevelType, nativeEvent, nativeEventTarget, passive, passiveSupported) {
+	  var _ref = nativeEvent,
+	      buttons = _ref.buttons,
+	      pointerType = _ref.pointerType;
+	  var eventPointerType = '';
+
+	  if (pointerType !== undefined) {
+	    eventPointerType = pointerType;
+	  } else if (nativeEvent.key !== undefined) {
+	    eventPointerType = 'keyboard';
+	  } else if (buttons !== undefined) {
+	    eventPointerType = 'mouse';
+	  } else if (nativeEvent.changedTouches !== undefined) {
+	    eventPointerType = 'touch';
 	  }
-	  return new EventConstructor(dispatchConfig, targetInst, nativeEvent, nativeInst);
+
+	  return {
+	    nativeEvent: nativeEvent,
+	    passive: passive,
+	    passiveSupported: passiveSupported,
+	    pointerType: eventPointerType,
+	    target: nativeEventTarget,
+	    type: topLevelType
+	  };
 	}
 
-	function releasePooledEvent(event) {
-	  var EventConstructor = this;
-	  !(event instanceof EventConstructor) ? invariant(false, 'Trying to release an event instance into a pool of a different type.') : void 0;
-	  event.destructor();
-	  if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
-	    EventConstructor.eventPool.push(event);
+	function responderEventTypesContainType(eventTypes, type) {
+	  for (var i = 0, len = eventTypes.length; i < len; i++) {
+	    if (eventTypes[i] === type) {
+	      return true;
+	    }
 	  }
-	}
 
-	function addEventPoolingTo(EventConstructor) {
-	  EventConstructor.eventPool = [];
-	  EventConstructor.getPooled = getPooledEvent;
-	  EventConstructor.release = releasePooledEvent;
+	  return false;
 	}
 
-	/**
-	 * @interface Event
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/#events-compositionevents
-	 */
-	var SyntheticCompositionEvent = SyntheticEvent.extend({
-	  data: null
-	});
+	function validateResponderTargetEventTypes(eventType, responder) {
+	  var targetEventTypes = responder.targetEventTypes; // Validate the target event type exists on the responder
 
-	/**
-	 * @interface Event
-	 * @see http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105
-	 *      /#events-inputevents
-	 */
-	var SyntheticInputEvent = SyntheticEvent.extend({
-	  data: null
-	});
+	  if (targetEventTypes !== null) {
+	    return responderEventTypesContainType(targetEventTypes, eventType);
+	  }
 
-	var END_KEYCODES = [9, 13, 27, 32]; // Tab, Return, Esc, Space
-	var START_KEYCODE = 229;
+	  return false;
+	}
 
-	var canUseCompositionEvent = canUseDOM && 'CompositionEvent' in window;
+	function traverseAndHandleEventResponderInstances(topLevelType, targetFiber, nativeEvent, nativeEventTarget, eventSystemFlags) {
+	  var isPassiveEvent = (eventSystemFlags & IS_PASSIVE) !== 0;
+	  var isPassiveSupported = (eventSystemFlags & PASSIVE_NOT_SUPPORTED) === 0;
+	  var isPassive = isPassiveEvent || !isPassiveSupported;
+	  var eventType = isPassive ? topLevelType : topLevelType + '_active'; // Trigger event responders in this order:
+	  // - Bubble target responder phase
+	  // - Root responder phase
 
-	var documentMode = null;
-	if (canUseDOM && 'documentMode' in document) {
-	  documentMode = document.documentMode;
-	}
+	  var visitedResponders = new Set();
+	  var responderEvent = createDOMResponderEvent(topLevelType, nativeEvent, nativeEventTarget, isPassiveEvent, isPassiveSupported);
+	  var node = targetFiber;
+	  var insidePortal = false;
 
-	// Webkit offers a very useful `textInput` event that can be used to
-	// directly represent `beforeInput`. The IE `textinput` event is not as
-	// useful, so we don't use it.
-	var canUseTextInputEvent = canUseDOM && 'TextEvent' in window && !documentMode;
+	  while (node !== null) {
+	    var _node = node,
+	        dependencies = _node.dependencies,
+	        tag = _node.tag;
+
+	    if (tag === HostPortal) {
+	      insidePortal = true;
+	    } else if ((tag === HostComponent || tag === ScopeComponent) && dependencies !== null) {
+	      var respondersMap = dependencies.responders;
+
+	      if (respondersMap !== null) {
+	        var responderInstances = Array.from(respondersMap.values());
+
+	        for (var i = 0, length = responderInstances.length; i < length; i++) {
+	          var responderInstance = responderInstances[i];
+	          var props = responderInstance.props,
+	              responder = responderInstance.responder,
+	              state = responderInstance.state;
+
+	          if (!visitedResponders.has(responder) && validateResponderTargetEventTypes(eventType, responder) && (!insidePortal || responder.targetPortalPropagation)) {
+	            visitedResponders.add(responder);
+	            var onEvent = responder.onEvent;
+
+	            if (onEvent !== null) {
+	              currentInstance = responderInstance;
+	              onEvent(responderEvent, eventResponderContext, props, state);
+
+	              if (currentPropagationBehavior === PropagateToNextResponder) {
+	                visitedResponders.delete(responder);
+	                currentPropagationBehavior = DoNotPropagateToNextResponder;
+	              }
+	            }
+	          }
+	        }
+	      }
+	    }
 
-	// In IE9+, we have access to composition events, but the data supplied
-	// by the native compositionend event may be incorrect. Japanese ideographic
-	// spaces, for instance (\u3000) are not recorded correctly.
-	var useFallbackCompositionData = canUseDOM && (!canUseCompositionEvent || documentMode && documentMode > 8 && documentMode <= 11);
+	    node = node.return;
+	  } // Root phase
 
-	var SPACEBAR_CODE = 32;
-	var SPACEBAR_CHAR = String.fromCharCode(SPACEBAR_CODE);
 
-	// Events and their corresponding property names.
-	var eventTypes = {
-	  beforeInput: {
-	    phasedRegistrationNames: {
-	      bubbled: 'onBeforeInput',
-	      captured: 'onBeforeInputCapture'
-	    },
-	    dependencies: [TOP_COMPOSITION_END, TOP_KEY_PRESS, TOP_TEXT_INPUT, TOP_PASTE]
-	  },
-	  compositionEnd: {
-	    phasedRegistrationNames: {
-	      bubbled: 'onCompositionEnd',
-	      captured: 'onCompositionEndCapture'
-	    },
-	    dependencies: [TOP_BLUR, TOP_COMPOSITION_END, TOP_KEY_DOWN, TOP_KEY_PRESS, TOP_KEY_UP, TOP_MOUSE_DOWN]
-	  },
-	  compositionStart: {
-	    phasedRegistrationNames: {
-	      bubbled: 'onCompositionStart',
-	      captured: 'onCompositionStartCapture'
-	    },
-	    dependencies: [TOP_BLUR, TOP_COMPOSITION_START, TOP_KEY_DOWN, TOP_KEY_PRESS, TOP_KEY_UP, TOP_MOUSE_DOWN]
-	  },
-	  compositionUpdate: {
-	    phasedRegistrationNames: {
-	      bubbled: 'onCompositionUpdate',
-	      captured: 'onCompositionUpdateCapture'
-	    },
-	    dependencies: [TOP_BLUR, TOP_COMPOSITION_UPDATE, TOP_KEY_DOWN, TOP_KEY_PRESS, TOP_KEY_UP, TOP_MOUSE_DOWN]
-	  }
-	};
+	  var rootEventResponderInstances = rootEventTypesToEventResponderInstances.get(eventType);
 
-	// Track whether we've ever handled a keypress on the space key.
-	var hasSpaceKeypress = false;
+	  if (rootEventResponderInstances !== undefined) {
+	    var _responderInstances = Array.from(rootEventResponderInstances);
 
-	/**
-	 * Return whether a native keypress event is assumed to be a command.
-	 * This is required because Firefox fires `keypress` events for key commands
-	 * (cut, copy, select-all, etc.) even though no character is inserted.
-	 */
-	function isKeypressCommand(nativeEvent) {
-	  return (nativeEvent.ctrlKey || nativeEvent.altKey || nativeEvent.metaKey) &&
-	  // ctrlKey && altKey is equivalent to AltGr, and is not a command.
-	  !(nativeEvent.ctrlKey && nativeEvent.altKey);
-	}
+	    for (var _i = 0; _i < _responderInstances.length; _i++) {
+	      var _responderInstance = _responderInstances[_i];
+	      var props = _responderInstance.props,
+	          responder = _responderInstance.responder,
+	          state = _responderInstance.state;
+	      var onRootEvent = responder.onRootEvent;
 
-	/**
-	 * Translate native top level events into event types.
-	 *
-	 * @param {string} topLevelType
-	 * @return {object}
-	 */
-	function getCompositionEventType(topLevelType) {
-	  switch (topLevelType) {
-	    case TOP_COMPOSITION_START:
-	      return eventTypes.compositionStart;
-	    case TOP_COMPOSITION_END:
-	      return eventTypes.compositionEnd;
-	    case TOP_COMPOSITION_UPDATE:
-	      return eventTypes.compositionUpdate;
+	      if (onRootEvent !== null) {
+	        currentInstance = _responderInstance;
+	        onRootEvent(responderEvent, eventResponderContext, props, state);
+	      }
+	    }
 	  }
 	}
 
-	/**
-	 * Does our fallback best-guess model think this event signifies that
-	 * composition has begun?
-	 *
-	 * @param {string} topLevelType
-	 * @param {object} nativeEvent
-	 * @return {boolean}
-	 */
-	function isFallbackCompositionStart(topLevelType, nativeEvent) {
-	  return topLevelType === TOP_KEY_DOWN && nativeEvent.keyCode === START_KEYCODE;
-	}
+	function mountEventResponder(responder, responderInstance, props, state) {
+	  var onMount = responder.onMount;
 
-	/**
-	 * Does our fallback mode think that this event is the end of composition?
-	 *
-	 * @param {string} topLevelType
-	 * @param {object} nativeEvent
-	 * @return {boolean}
-	 */
-	function isFallbackCompositionEnd(topLevelType, nativeEvent) {
-	  switch (topLevelType) {
-	    case TOP_KEY_UP:
-	      // Command keys insert or clear IME input.
-	      return END_KEYCODES.indexOf(nativeEvent.keyCode) !== -1;
-	    case TOP_KEY_DOWN:
-	      // Expect IME keyCode on each keydown. If we get any other
-	      // code we must have exited earlier.
-	      return nativeEvent.keyCode !== START_KEYCODE;
-	    case TOP_KEY_PRESS:
-	    case TOP_MOUSE_DOWN:
-	    case TOP_BLUR:
-	      // Events are not possible without cancelling IME.
-	      return true;
-	    default:
-	      return false;
-	  }
-	}
+	  if (onMount !== null) {
+	    var previousInstance = currentInstance;
+	    currentInstance = responderInstance;
 
-	/**
-	 * Google Input Tools provides composition data via a CustomEvent,
-	 * with the `data` property populated in the `detail` object. If this
-	 * is available on the event object, use it. If not, this is a plain
-	 * composition event and we have nothing special to extract.
-	 *
-	 * @param {object} nativeEvent
-	 * @return {?string}
-	 */
-	function getDataFromCustomEvent(nativeEvent) {
-	  var detail = nativeEvent.detail;
-	  if (typeof detail === 'object' && 'data' in detail) {
-	    return detail.data;
+	    try {
+	      batchedEventUpdates(function () {
+	        onMount(eventResponderContext, props, state);
+	      });
+	    } finally {
+	      currentInstance = previousInstance;
+	    }
 	  }
-	  return null;
-	}
-
-	/**
-	 * Check if a composition event was triggered by Korean IME.
-	 * Our fallback mode does not work well with IE's Korean IME,
-	 * so just use native composition events when Korean IME is used.
-	 * Although CompositionEvent.locale property is deprecated,
-	 * it is available in IE, where our fallback mode is enabled.
-	 *
-	 * @param {object} nativeEvent
-	 * @return {boolean}
-	 */
-	function isUsingKoreanIME(nativeEvent) {
-	  return nativeEvent.locale === 'ko';
 	}
+	function unmountEventResponder(responderInstance) {
+	  var responder = responderInstance.responder;
+	  var onUnmount = responder.onUnmount;
 
-	// Track the current IME composition status, if any.
-	var isComposing = false;
-
-	/**
-	 * @return {?object} A SyntheticCompositionEvent.
-	 */
-	function extractCompositionEvent(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
-	  var eventType = void 0;
-	  var fallbackData = void 0;
+	  if (onUnmount !== null) {
+	    var props = responderInstance.props,
+	        state = responderInstance.state;
+	    var previousInstance = currentInstance;
+	    currentInstance = responderInstance;
 
-	  if (canUseCompositionEvent) {
-	    eventType = getCompositionEventType(topLevelType);
-	  } else if (!isComposing) {
-	    if (isFallbackCompositionStart(topLevelType, nativeEvent)) {
-	      eventType = eventTypes.compositionStart;
+	    try {
+	      batchedEventUpdates(function () {
+	        onUnmount(eventResponderContext, props, state);
+	      });
+	    } finally {
+	      currentInstance = previousInstance;
 	    }
-	  } else if (isFallbackCompositionEnd(topLevelType, nativeEvent)) {
-	    eventType = eventTypes.compositionEnd;
 	  }
 
-	  if (!eventType) {
-	    return null;
-	  }
+	  var rootEventTypesSet = responderInstance.rootEventTypes;
 
-	  if (useFallbackCompositionData && !isUsingKoreanIME(nativeEvent)) {
-	    // The current composition is stored statically and must not be
-	    // overwritten while composition continues.
-	    if (!isComposing && eventType === eventTypes.compositionStart) {
-	      isComposing = initialize(nativeEventTarget);
-	    } else if (eventType === eventTypes.compositionEnd) {
-	      if (isComposing) {
-	        fallbackData = getData();
+	  if (rootEventTypesSet !== null) {
+	    var rootEventTypes = Array.from(rootEventTypesSet);
+
+	    for (var i = 0; i < rootEventTypes.length; i++) {
+	      var topLevelEventType = rootEventTypes[i];
+	      var rootEventResponderInstances = rootEventTypesToEventResponderInstances.get(topLevelEventType);
+
+	      if (rootEventResponderInstances !== undefined) {
+	        rootEventResponderInstances.delete(responderInstance);
 	      }
 	    }
 	  }
+	}
 
-	  var event = SyntheticCompositionEvent.getPooled(eventType, targetInst, nativeEvent, nativeEventTarget);
-
-	  if (fallbackData) {
-	    // Inject data generated from fallback path into the synthetic event.
-	    // This matches the property of native CompositionEventInterface.
-	    event.data = fallbackData;
-	  } else {
-	    var customData = getDataFromCustomEvent(nativeEvent);
-	    if (customData !== null) {
-	      event.data = customData;
+	function validateResponderContext() {
+	  if (!(currentInstance !== null)) {
+	    {
+	      throw Error("An event responder context was used outside of an event cycle.");
 	    }
 	  }
-
-	  accumulateTwoPhaseDispatches(event);
-	  return event;
 	}
 
-	/**
-	 * @param {TopLevelType} topLevelType Number from `TopLevelType`.
-	 * @param {object} nativeEvent Native browser event.
-	 * @return {?string} The string corresponding to this `beforeInput` event.
-	 */
-	function getNativeBeforeInputChars(topLevelType, nativeEvent) {
-	  switch (topLevelType) {
-	    case TOP_COMPOSITION_END:
-	      return getDataFromCustomEvent(nativeEvent);
-	    case TOP_KEY_PRESS:
-	      /**
-	       * If native `textInput` events are available, our goal is to make
-	       * use of them. However, there is a special case: the spacebar key.
-	       * In Webkit, preventing default on a spacebar `textInput` event
-	       * cancels character insertion, but it *also* causes the browser
-	       * to fall back to its default spacebar behavior of scrolling the
-	       * page.
-	       *
-	       * Tracking at:
-	       * https://code.google.com/p/chromium/issues/detail?id=355103
-	       *
-	       * To avoid this issue, use the keypress event as if no `textInput`
-	       * event is available.
-	       */
-	      var which = nativeEvent.which;
-	      if (which !== SPACEBAR_CODE) {
-	        return null;
-	      }
+	function dispatchEventForResponderEventSystem(topLevelType, targetFiber, nativeEvent, nativeEventTarget, eventSystemFlags) {
+	  if (enableFlareAPI) {
+	    var previousInstance = currentInstance;
+	    var previousTimeStamp = currentTimeStamp;
+	    var previousDocument = currentDocument;
+	    var previousPropagationBehavior = currentPropagationBehavior;
+	    currentPropagationBehavior = DoNotPropagateToNextResponder; // nodeType 9 is DOCUMENT_NODE
 
-	      hasSpaceKeypress = true;
-	      return SPACEBAR_CHAR;
+	    currentDocument = nativeEventTarget.nodeType === 9 ? nativeEventTarget : nativeEventTarget.ownerDocument; // We might want to control timeStamp another way here
 
-	    case TOP_TEXT_INPUT:
-	      // Record the characters to be added to the DOM.
-	      var chars = nativeEvent.data;
+	    currentTimeStamp = nativeEvent.timeStamp;
 
-	      // If it's a spacebar character, assume that we have already handled
-	      // it at the keypress level and bail immediately. Android Chrome
-	      // doesn't give us keycodes, so we need to ignore it.
-	      if (chars === SPACEBAR_CHAR && hasSpaceKeypress) {
-	        return null;
-	      }
+	    try {
+	      batchedEventUpdates(function () {
+	        traverseAndHandleEventResponderInstances(topLevelType, targetFiber, nativeEvent, nativeEventTarget, eventSystemFlags);
+	      });
+	    } finally {
+	      currentInstance = previousInstance;
+	      currentTimeStamp = previousTimeStamp;
+	      currentDocument = previousDocument;
+	      currentPropagationBehavior = previousPropagationBehavior;
+	    }
+	  }
+	}
+	function addRootEventTypesForResponderInstance(responderInstance, rootEventTypes) {
+	  for (var i = 0; i < rootEventTypes.length; i++) {
+	    var rootEventType = rootEventTypes[i];
+	    registerRootEventType(rootEventType, responderInstance);
+	  }
+	}
 
-	      return chars;
+	function registerRootEventType(rootEventType, eventResponderInstance) {
+	  var rootEventResponderInstances = rootEventTypesToEventResponderInstances.get(rootEventType);
 
-	    default:
-	      // For other native event types, do nothing.
-	      return null;
+	  if (rootEventResponderInstances === undefined) {
+	    rootEventResponderInstances = new Set();
+	    rootEventTypesToEventResponderInstances.set(rootEventType, rootEventResponderInstances);
 	  }
-	}
 
-	/**
-	 * For browsers that do not provide the `textInput` event, extract the
-	 * appropriate string to use for SyntheticInputEvent.
-	 *
-	 * @param {number} topLevelType Number from `TopLevelEventTypes`.
-	 * @param {object} nativeEvent Native browser event.
-	 * @return {?string} The fallback string for this `beforeInput` event.
-	 */
-	function getFallbackBeforeInputChars(topLevelType, nativeEvent) {
-	  // If we are currently composing (IME) and using a fallback to do so,
-	  // try to extract the composed characters from the fallback object.
-	  // If composition event is available, we extract a string only at
-	  // compositionevent, otherwise extract it at fallback events.
-	  if (isComposing) {
-	    if (topLevelType === TOP_COMPOSITION_END || !canUseCompositionEvent && isFallbackCompositionEnd(topLevelType, nativeEvent)) {
-	      var chars = getData();
-	      reset();
-	      isComposing = false;
-	      return chars;
-	    }
-	    return null;
+	  var rootEventTypesSet = eventResponderInstance.rootEventTypes;
+
+	  if (rootEventTypesSet === null) {
+	    rootEventTypesSet = eventResponderInstance.rootEventTypes = new Set();
 	  }
 
-	  switch (topLevelType) {
-	    case TOP_PASTE:
-	      // If a paste event occurs after a keypress, throw out the input
-	      // chars. Paste events should not lead to BeforeInput events.
-	      return null;
-	    case TOP_KEY_PRESS:
-	      /**
-	       * As of v27, Firefox may fire keypress events even when no character
-	       * will be inserted. A few possibilities:
-	       *
-	       * - `which` is `0`. Arrow keys, Esc key, etc.
-	       *
-	       * - `which` is the pressed key code, but no char is available.
-	       *   Ex: 'AltGr + d` in Polish. There is no modified character for
-	       *   this key combination and no character is inserted into the
-	       *   document, but FF fires the keypress for char code `100` anyway.
-	       *   No `input` event will occur.
-	       *
-	       * - `which` is the pressed key code, but a command combination is
-	       *   being used. Ex: `Cmd+C`. No character is inserted, and no
-	       *   `input` event will occur.
-	       */
-	      if (!isKeypressCommand(nativeEvent)) {
-	        // IE fires the `keypress` event when a user types an emoji via
-	        // Touch keyboard of Windows.  In such a case, the `char` property
-	        // holds an emoji character like `\uD83D\uDE0A`.  Because its length
-	        // is 2, the property `which` does not represent an emoji correctly.
-	        // In such a case, we directly return the `char` property instead of
-	        // using `which`.
-	        if (nativeEvent.char && nativeEvent.char.length > 1) {
-	          return nativeEvent.char;
-	        } else if (nativeEvent.which) {
-	          return String.fromCharCode(nativeEvent.which);
-	        }
-	      }
-	      return null;
-	    case TOP_COMPOSITION_END:
-	      return useFallbackCompositionData && !isUsingKoreanIME(nativeEvent) ? null : nativeEvent.data;
-	    default:
-	      return null;
+	  if (!!rootEventTypesSet.has(rootEventType)) {
+	    {
+	      throw Error("addRootEventTypes() found a duplicate root event type of \"" + rootEventType + "\". This might be because the event type exists in the event responder \"rootEventTypes\" array or because of a previous addRootEventTypes() using this root event type.");
+	    }
 	  }
+
+	  rootEventTypesSet.add(rootEventType);
+	  rootEventResponderInstances.add(eventResponderInstance);
 	}
 
-	/**
-	 * Extract a SyntheticInputEvent for `beforeInput`, based on either native
-	 * `textInput` or fallback behavior.
-	 *
-	 * @return {?object} A SyntheticInputEvent.
-	 */
-	function extractBeforeInputEvent(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
-	  var chars = void 0;
+	// A reserved attribute.
+	// It is handled by React separately and shouldn't be written to the DOM.
+	var RESERVED = 0; // A simple string attribute.
+	// Attributes that aren't in the whitelist are presumed to have this type.
 
-	  if (canUseTextInputEvent) {
-	    chars = getNativeBeforeInputChars(topLevelType, nativeEvent);
-	  } else {
-	    chars = getFallbackBeforeInputChars(topLevelType, nativeEvent);
-	  }
+	var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
+	// "enumerated" attributes with "true" and "false" as possible values.
+	// When true, it should be set to a "true" string.
+	// When false, it should be set to a "false" string.
 
-	  // If no characters are being inserted, no BeforeInput event should
-	  // be fired.
-	  if (!chars) {
-	    return null;
-	  }
+	var BOOLEANISH_STRING = 2; // A real boolean attribute.
+	// When true, it should be present (set either to an empty string or its name).
+	// When false, it should be omitted.
 
-	  var event = SyntheticInputEvent.getPooled(eventTypes.beforeInput, targetInst, nativeEvent, nativeEventTarget);
+	var BOOLEAN = 3; // An attribute that can be used as a flag as well as with a value.
+	// When true, it should be present (set either to an empty string or its name).
+	// When false, it should be omitted.
+	// For any other value, should be present with that value.
 
-	  event.data = chars;
-	  accumulateTwoPhaseDispatches(event);
-	  return event;
-	}
+	var OVERLOADED_BOOLEAN = 4; // An attribute that must be numeric or parse as a numeric.
+	// When falsy, it should be removed.
 
-	/**
-	 * Create an `onBeforeInput` event to match
-	 * http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105/#events-inputevents.
-	 *
-	 * This event plugin is based on the native `textInput` event
-	 * available in Chrome, Safari, Opera, and IE. This event fires after
-	 * `onKeyPress` and `onCompositionEnd`, but before `onInput`.
-	 *
-	 * `beforeInput` is spec'd but not implemented in any browsers, and
-	 * the `input` event does not provide any useful information about what has
-	 * actually been added, contrary to the spec. Thus, `textInput` is the best
-	 * available event to identify the characters that have actually been inserted
-	 * into the target node.
-	 *
-	 * This plugin is also responsible for emitting `composition` events, thus
-	 * allowing us to share composition fallback code for both `beforeInput` and
-	 * `composition` event types.
-	 */
-	var BeforeInputEventPlugin = {
-	  eventTypes: eventTypes,
+	var NUMERIC = 5; // An attribute that must be positive numeric or parse as a positive numeric.
+	// When falsy, it should be removed.
 
-	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget) {
-	    var composition = extractCompositionEvent(topLevelType, targetInst, nativeEvent, nativeEventTarget);
+	var POSITIVE_NUMERIC = 6;
 
-	    var beforeInput = extractBeforeInputEvent(topLevelType, targetInst, nativeEvent, nativeEventTarget);
+	/* eslint-disable max-len */
+	var ATTRIBUTE_NAME_START_CHAR = ":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";
+	/* eslint-enable max-len */
 
-	    if (composition === null) {
-	      return beforeInput;
-	    }
+	var ATTRIBUTE_NAME_CHAR = ATTRIBUTE_NAME_START_CHAR + "\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040";
 
-	    if (beforeInput === null) {
-	      return composition;
-	    }
+	var ROOT_ATTRIBUTE_NAME = 'data-reactroot';
+	var VALID_ATTRIBUTE_NAME_REGEX = new RegExp('^[' + ATTRIBUTE_NAME_START_CHAR + '][' + ATTRIBUTE_NAME_CHAR + ']*$');
+	var hasOwnProperty = Object.prototype.hasOwnProperty;
+	var illegalAttributeNameCache = {};
+	var validatedAttributeNameCache = {};
+	function isAttributeNameSafe(attributeName) {
+	  if (hasOwnProperty.call(validatedAttributeNameCache, attributeName)) {
+	    return true;
+	  }
 
-	    return [composition, beforeInput];
+	  if (hasOwnProperty.call(illegalAttributeNameCache, attributeName)) {
+	    return false;
 	  }
-	};
 
-	// Use to restore controlled state after a change event has fired.
+	  if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName)) {
+	    validatedAttributeNameCache[attributeName] = true;
+	    return true;
+	  }
 
-	var restoreImpl = null;
-	var restoreTarget = null;
-	var restoreQueue = null;
+	  illegalAttributeNameCache[attributeName] = true;
 
-	function restoreStateOfTarget(target) {
-	  // We perform this translation at the end of the event loop so that we
-	  // always receive the correct fiber here
-	  var internalInstance = getInstanceFromNode(target);
-	  if (!internalInstance) {
-	    // Unmounted
-	    return;
+	  {
+	    warning$1(false, 'Invalid attribute name: `%s`', attributeName);
 	  }
-	  !(typeof restoreImpl === 'function') ? invariant(false, 'setRestoreImplementation() needs to be called to handle a target for controlled events. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	  var props = getFiberCurrentPropsFromNode(internalInstance.stateNode);
-	  restoreImpl(internalInstance.stateNode, internalInstance.type, props);
-	}
 
-	function setRestoreImplementation(impl) {
-	  restoreImpl = impl;
+	  return false;
 	}
+	function shouldIgnoreAttribute(name, propertyInfo, isCustomComponentTag) {
+	  if (propertyInfo !== null) {
+	    return propertyInfo.type === RESERVED;
+	  }
 
-	function enqueueStateRestore(target) {
-	  if (restoreTarget) {
-	    if (restoreQueue) {
-	      restoreQueue.push(target);
-	    } else {
-	      restoreQueue = [target];
-	    }
-	  } else {
-	    restoreTarget = target;
+	  if (isCustomComponentTag) {
+	    return false;
+	  }
+
+	  if (name.length > 2 && (name[0] === 'o' || name[0] === 'O') && (name[1] === 'n' || name[1] === 'N')) {
+	    return true;
 	  }
+
+	  return false;
 	}
+	function shouldRemoveAttributeWithWarning(name, value, propertyInfo, isCustomComponentTag) {
+	  if (propertyInfo !== null && propertyInfo.type === RESERVED) {
+	    return false;
+	  }
 
-	function needsStateRestore() {
-	  return restoreTarget !== null || restoreQueue !== null;
+	  switch (typeof value) {
+	    case 'function': // $FlowIssue symbol is perfectly valid here
+
+	    case 'symbol':
+	      // eslint-disable-line
+	      return true;
+
+	    case 'boolean':
+	      {
+	        if (isCustomComponentTag) {
+	          return false;
+	        }
+
+	        if (propertyInfo !== null) {
+	          return !propertyInfo.acceptsBooleans;
+	        } else {
+	          var prefix = name.toLowerCase().slice(0, 5);
+	          return prefix !== 'data-' && prefix !== 'aria-';
+	        }
+	      }
+
+	    default:
+	      return false;
+	  }
 	}
+	function shouldRemoveAttribute(name, value, propertyInfo, isCustomComponentTag) {
+	  if (value === null || typeof value === 'undefined') {
+	    return true;
+	  }
 
-	function restoreStateIfNeeded() {
-	  if (!restoreTarget) {
-	    return;
+	  if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, isCustomComponentTag)) {
+	    return true;
 	  }
-	  var target = restoreTarget;
-	  var queuedTargets = restoreQueue;
-	  restoreTarget = null;
-	  restoreQueue = null;
 
-	  restoreStateOfTarget(target);
-	  if (queuedTargets) {
-	    for (var i = 0; i < queuedTargets.length; i++) {
-	      restoreStateOfTarget(queuedTargets[i]);
-	    }
+	  if (isCustomComponentTag) {
+	    return false;
 	  }
-	}
 
-	// Used as a way to call batchedUpdates when we don't have a reference to
-	// the renderer. Such as when we're dispatching events or if third party
-	// libraries need to call batchedUpdates. Eventually, this API will go away when
-	// everything is batched by default. We'll then have a similar API to opt-out of
-	// scheduled work and instead do synchronous work.
+	  if (propertyInfo !== null) {
+	    switch (propertyInfo.type) {
+	      case BOOLEAN:
+	        return !value;
 
-	// Defaults
-	var _batchedUpdatesImpl = function (fn, bookkeeping) {
-	  return fn(bookkeeping);
-	};
-	var _interactiveUpdatesImpl = function (fn, a, b) {
-	  return fn(a, b);
-	};
-	var _flushInteractiveUpdatesImpl = function () {};
+	      case OVERLOADED_BOOLEAN:
+	        return value === false;
 
-	var isBatching = false;
-	function batchedUpdates(fn, bookkeeping) {
-	  if (isBatching) {
-	    // If we are currently inside another batch, we need to wait until it
-	    // fully completes before restoring state.
-	    return fn(bookkeeping);
-	  }
-	  isBatching = true;
-	  try {
-	    return _batchedUpdatesImpl(fn, bookkeeping);
-	  } finally {
-	    // Here we wait until all updates have propagated, which is important
-	    // when using controlled components within layers:
-	    // https://github.com/facebook/react/issues/1698
-	    // Then we restore state of any controlled component.
-	    isBatching = false;
-	    var controlledComponentsHavePendingUpdates = needsStateRestore();
-	    if (controlledComponentsHavePendingUpdates) {
-	      // If a controlled event was fired, we may need to restore the state of
-	      // the DOM node back to the controlled value. This is necessary when React
-	      // bails out of the update without touching the DOM.
-	      _flushInteractiveUpdatesImpl();
-	      restoreStateIfNeeded();
+	      case NUMERIC:
+	        return isNaN(value);
+
+	      case POSITIVE_NUMERIC:
+	        return isNaN(value) || value < 1;
 	    }
 	  }
-	}
 
-	function interactiveUpdates(fn, a, b) {
-	  return _interactiveUpdatesImpl(fn, a, b);
+	  return false;
+	}
+	function getPropertyInfo(name) {
+	  return properties.hasOwnProperty(name) ? properties[name] : null;
 	}
 
+	function PropertyInfoRecord(name, type, mustUseProperty, attributeName, attributeNamespace, sanitizeURL) {
+	  this.acceptsBooleans = type === BOOLEANISH_STRING || type === BOOLEAN || type === OVERLOADED_BOOLEAN;
+	  this.attributeName = attributeName;
+	  this.attributeNamespace = attributeNamespace;
+	  this.mustUseProperty = mustUseProperty;
+	  this.propertyName = name;
+	  this.type = type;
+	  this.sanitizeURL = sanitizeURL;
+	} // When adding attributes to this list, be sure to also add them to
+	// the `possibleStandardNames` module to ensure casing and incorrect
+	// name warnings.
 
 
-	function setBatchingImplementation(batchedUpdatesImpl, interactiveUpdatesImpl, flushInteractiveUpdatesImpl) {
-	  _batchedUpdatesImpl = batchedUpdatesImpl;
-	  _interactiveUpdatesImpl = interactiveUpdatesImpl;
-	  _flushInteractiveUpdatesImpl = flushInteractiveUpdatesImpl;
-	}
+	var properties = {}; // These props are reserved by React. They shouldn't be written to the DOM.
 
-	/**
-	 * @see http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
-	 */
-	var supportedInputTypes = {
-	  color: true,
-	  date: true,
-	  datetime: true,
-	  'datetime-local': true,
-	  email: true,
-	  month: true,
-	  number: true,
-	  password: true,
-	  range: true,
-	  search: true,
-	  tel: true,
-	  text: true,
-	  time: true,
-	  url: true,
-	  week: true
-	};
+	['children', 'dangerouslySetInnerHTML', // TODO: This prevents the assignment of defaultValue to regular
+	// elements (not just inputs). Now that ReactDOMInput assigns to the
+	// defaultValue property -- do we need this?
+	'defaultValue', 'defaultChecked', 'innerHTML', 'suppressContentEditableWarning', 'suppressHydrationWarning', 'style'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, RESERVED, false, // mustUseProperty
+	  name, // attributeName
+	  null, // attributeNamespace
+	  false);
+	}); // A few React string attributes have a different name.
+	// This is a mapping from React prop names to the attribute names.
 
-	function isTextInputElement(elem) {
-	  var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
+	[['acceptCharset', 'accept-charset'], ['className', 'class'], ['htmlFor', 'for'], ['httpEquiv', 'http-equiv']].forEach(function (_ref) {
+	  var name = _ref[0],
+	      attributeName = _ref[1];
+	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
+	  attributeName, // attributeName
+	  null, // attributeNamespace
+	  false);
+	}); // These are "enumerated" HTML attributes that accept "true" and "false".
+	// In React, we let users pass `true` and `false` even though technically
+	// these aren't boolean attributes (they are coerced to strings).
 
-	  if (nodeName === 'input') {
-	    return !!supportedInputTypes[elem.type];
-	  }
+	['contentEditable', 'draggable', 'spellCheck', 'value'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
+	  name.toLowerCase(), // attributeName
+	  null, // attributeNamespace
+	  false);
+	}); // These are "enumerated" SVG attributes that accept "true" and "false".
+	// In React, we let users pass `true` and `false` even though technically
+	// these aren't boolean attributes (they are coerced to strings).
+	// Since these are SVG attributes, their attribute names are case-sensitive.
 
-	  if (nodeName === 'textarea') {
-	    return true;
-	  }
+	['autoReverse', 'externalResourcesRequired', 'focusable', 'preserveAlpha'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
+	  name, // attributeName
+	  null, // attributeNamespace
+	  false);
+	}); // These are HTML boolean attributes.
 
-	  return false;
-	}
+	['allowFullScreen', 'async', // Note: there is a special case that prevents it from being written to the DOM
+	// on the client side because the browsers are inconsistent. Instead we call focus().
+	'autoFocus', 'autoPlay', 'controls', 'default', 'defer', 'disabled', 'disablePictureInPicture', 'formNoValidate', 'hidden', 'loop', 'noModule', 'noValidate', 'open', 'playsInline', 'readOnly', 'required', 'reversed', 'scoped', 'seamless', // Microdata
+	'itemScope'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, BOOLEAN, false, // mustUseProperty
+	  name.toLowerCase(), // attributeName
+	  null, // attributeNamespace
+	  false);
+	}); // These are the few React props that we set as DOM properties
+	// rather than attributes. These are all booleans.
 
-	/**
-	 * HTML nodeType values that represent the type of the node
-	 */
+	['checked', // Note: `option.selected` is not updated if `select.multiple` is
+	// disabled with `removeAttribute`. We have special logic for handling this.
+	'multiple', 'muted', 'selected'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, BOOLEAN, true, // mustUseProperty
+	  name, // attributeName
+	  null, // attributeNamespace
+	  false);
+	}); // These are HTML attributes that are "overloaded booleans": they behave like
+	// booleans, but can also accept a string value.
 
-	var ELEMENT_NODE = 1;
-	var TEXT_NODE = 3;
-	var COMMENT_NODE = 8;
-	var DOCUMENT_NODE = 9;
-	var DOCUMENT_FRAGMENT_NODE = 11;
+	['capture', 'download'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, OVERLOADED_BOOLEAN, false, // mustUseProperty
+	  name, // attributeName
+	  null, // attributeNamespace
+	  false);
+	}); // These are HTML attributes that must be positive numbers.
 
-	/**
-	 * Gets the target node from a native browser event by accounting for
-	 * inconsistencies in browser DOM APIs.
-	 *
-	 * @param {object} nativeEvent Native browser event.
-	 * @return {DOMEventTarget} Target node.
-	 */
-	function getEventTarget(nativeEvent) {
-	  // Fallback to nativeEvent.srcElement for IE9
-	  // https://github.com/facebook/react/issues/12506
-	  var target = nativeEvent.target || nativeEvent.srcElement || window;
+	['cols', 'rows', 'size', 'span'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, POSITIVE_NUMERIC, false, // mustUseProperty
+	  name, // attributeName
+	  null, // attributeNamespace
+	  false);
+	}); // These are HTML attributes that must be numbers.
 
-	  // Normalize SVG <use> element events #4963
-	  if (target.correspondingUseElement) {
-	    target = target.correspondingUseElement;
-	  }
+	['rowSpan', 'start'].forEach(function (name) {
+	  properties[name] = new PropertyInfoRecord(name, NUMERIC, false, // mustUseProperty
+	  name.toLowerCase(), // attributeName
+	  null, // attributeNamespace
+	  false);
+	});
+	var CAMELIZE = /[\-\:]([a-z])/g;
 
-	  // Safari may fire events on text nodes (Node.TEXT_NODE is 3).
-	  // @see http://www.quirksmode.org/js/events_properties.html
-	  return target.nodeType === TEXT_NODE ? target.parentNode : target;
-	}
+	var capitalize = function (token) {
+	  return token[1].toUpperCase();
+	}; // This is a list of all SVG attributes that need special casing, namespacing,
+	// or boolean value assignment. Regular attributes that just accept strings
+	// and have the same names are omitted, just like in the HTML whitelist.
+	// Some of these attributes can be hard to find. This list was created by
+	// scrapping the MDN documentation.
 
-	/**
-	 * Checks if an event is supported in the current execution environment.
-	 *
-	 * NOTE: This will not work correctly for non-generic events such as `change`,
-	 * `reset`, `load`, `error`, and `select`.
-	 *
-	 * Borrows from Modernizr.
-	 *
-	 * @param {string} eventNameSuffix Event name, e.g. "click".
-	 * @return {boolean} True if the event is supported.
-	 * @internal
-	 * @license Modernizr 3.0.0pre (Custom Build) | MIT
-	 */
-	function isEventSupported(eventNameSuffix) {
-	  if (!canUseDOM) {
-	    return false;
-	  }
 
-	  var eventName = 'on' + eventNameSuffix;
-	  var isSupported = eventName in document;
+	['accent-height', 'alignment-baseline', 'arabic-form', 'baseline-shift', 'cap-height', 'clip-path', 'clip-rule', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'dominant-baseline', 'enable-background', 'fill-opacity', 'fill-rule', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'glyph-name', 'glyph-orientation-horizontal', 'glyph-orientation-vertical', 'horiz-adv-x', 'horiz-origin-x', 'image-rendering', 'letter-spacing', 'lighting-color', 'marker-end', 'marker-mid', 'marker-start', 'overline-position', 'overline-thickness', 'paint-order', 'panose-1', 'pointer-events', 'rendering-intent', 'shape-rendering', 'stop-color', 'stop-opacity', 'strikethrough-position', 'strikethrough-thickness', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'text-anchor', 'text-decoration', 'text-rendering', 'underline-position', 'underline-thickness', 'unicode-bidi', 'unicode-range', 'units-per-em', 'v-alphabetic', 'v-hanging', 'v-ideographic', 'v-mathematical', 'vector-effect', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'word-spacing', 'writing-mode', 'xmlns:xlink', 'x-height'].forEach(function (attributeName) {
+	  var name = attributeName.replace(CAMELIZE, capitalize);
+	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
+	  attributeName, null, // attributeNamespace
+	  false);
+	}); // String SVG attributes with the xlink namespace.
 
-	  if (!isSupported) {
-	    var element = document.createElement('div');
-	    element.setAttribute(eventName, 'return;');
-	    isSupported = typeof element[eventName] === 'function';
-	  }
+	['xlink:actuate', 'xlink:arcrole', 'xlink:role', 'xlink:show', 'xlink:title', 'xlink:type'].forEach(function (attributeName) {
+	  var name = attributeName.replace(CAMELIZE, capitalize);
+	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
+	  attributeName, 'http://www.w3.org/1999/xlink', false);
+	}); // String SVG attributes with the xml namespace.
 
-	  return isSupported;
-	}
+	['xml:base', 'xml:lang', 'xml:space'].forEach(function (attributeName) {
+	  var name = attributeName.replace(CAMELIZE, capitalize);
+	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
+	  attributeName, 'http://www.w3.org/XML/1998/namespace', false);
+	}); // These attribute exists both in HTML and SVG.
+	// The attribute name is case-sensitive in SVG so we can't just use
+	// the React name like we do for attributes that exist only in HTML.
 
-	function isCheckable(elem) {
-	  var type = elem.type;
-	  var nodeName = elem.nodeName;
-	  return nodeName && nodeName.toLowerCase() === 'input' && (type === 'checkbox' || type === 'radio');
-	}
+	['tabIndex', 'crossOrigin'].forEach(function (attributeName) {
+	  properties[attributeName] = new PropertyInfoRecord(attributeName, STRING, false, // mustUseProperty
+	  attributeName.toLowerCase(), // attributeName
+	  null, // attributeNamespace
+	  false);
+	}); // These attributes accept URLs. These must not allow javascript: URLS.
+	// These will also need to accept Trusted Types object in the future.
+
+	var xlinkHref = 'xlinkHref';
+	properties[xlinkHref] = new PropertyInfoRecord('xlinkHref', STRING, false, // mustUseProperty
+	'xlink:href', 'http://www.w3.org/1999/xlink', true);
+	['src', 'href', 'action', 'formAction'].forEach(function (attributeName) {
+	  properties[attributeName] = new PropertyInfoRecord(attributeName, STRING, false, // mustUseProperty
+	  attributeName.toLowerCase(), // attributeName
+	  null, // attributeNamespace
+	  true);
+	});
 
-	function getTracker(node) {
-	  return node._valueTracker;
-	}
+	var ReactDebugCurrentFrame$1 = null;
 
-	function detachTracker(node) {
-	  node._valueTracker = null;
-	}
+	{
+	  ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
+	} // A javascript: URL can contain leading C0 control or \u0020 SPACE,
+	// and any newline or tab are filtered out as if they're not part of the URL.
+	// https://url.spec.whatwg.org/#url-parsing
+	// Tab or newline are defined as \r\n\t:
+	// https://infra.spec.whatwg.org/#ascii-tab-or-newline
+	// A C0 control is a code point in the range \u0000 NULL to \u001F
+	// INFORMATION SEPARATOR ONE, inclusive:
+	// https://infra.spec.whatwg.org/#c0-control-or-space
 
-	function getValueFromNode(node) {
-	  var value = '';
-	  if (!node) {
-	    return value;
-	  }
+	/* eslint-disable max-len */
 
-	  if (isCheckable(node)) {
-	    value = node.checked ? 'true' : 'false';
-	  } else {
-	    value = node.value;
-	  }
 
-	  return value;
-	}
+	var isJavaScriptProtocol = /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*\:/i;
+	var didWarn = false;
 
-	function trackValueOnNode(node) {
-	  var valueField = isCheckable(node) ? 'checked' : 'value';
-	  var descriptor = Object.getOwnPropertyDescriptor(node.constructor.prototype, valueField);
+	function sanitizeURL(url) {
+	  if (disableJavaScriptURLs) {
+	    if (!!isJavaScriptProtocol.test(url)) {
+	      {
+	        throw Error("React has blocked a javascript: URL as a security precaution." + (ReactDebugCurrentFrame$1.getStackAddendum()));
+	      }
+	    }
+	  } else if (true && !didWarn && isJavaScriptProtocol.test(url)) {
+	    didWarn = true;
+	    warning$1(false, 'A future version of React will block javascript: URLs as a security precaution. ' + 'Use event handlers instead if you can. If you need to generate unsafe HTML try ' + 'using dangerouslySetInnerHTML instead. React was passed %s.', JSON.stringify(url));
+	  }
+	}
 
-	  var currentValue = '' + node[valueField];
+	// Flow does not allow string concatenation of most non-string types. To work
+	// around this limitation, we use an opaque type that can only be obtained by
+	// passing the value through getToStringValue first.
+	function toString(value) {
+	  return '' + value;
+	}
+	function getToStringValue(value) {
+	  switch (typeof value) {
+	    case 'boolean':
+	    case 'number':
+	    case 'object':
+	    case 'string':
+	    case 'undefined':
+	      return value;
 
-	  // if someone has already defined a value or Safari, then bail
-	  // and don't track value will cause over reporting of changes,
-	  // but it's better then a hard failure
-	  // (needed for certain tests that spyOn input values and Safari)
-	  if (node.hasOwnProperty(valueField) || typeof descriptor === 'undefined' || typeof descriptor.get !== 'function' || typeof descriptor.set !== 'function') {
-	    return;
+	    default:
+	      // function, symbol are assigned as empty strings
+	      return '';
 	  }
-	  var get = descriptor.get,
-	      set = descriptor.set;
+	}
+	/** Trusted value is a wrapper for "safe" values which can be assigned to DOM execution sinks. */
 
-	  Object.defineProperty(node, valueField, {
-	    configurable: true,
-	    get: function () {
-	      return get.call(this);
-	    },
-	    set: function (value) {
-	      currentValue = '' + value;
-	      set.call(this, value);
+	/**
+	 * We allow passing objects with toString method as element attributes or in dangerouslySetInnerHTML
+	 * and we do validations that the value is safe. Once we do validation we want to use the validated
+	 * value instead of the object (because object.toString may return something else on next call).
+	 *
+	 * If application uses Trusted Types we don't stringify trusted values, but preserve them as objects.
+	 */
+	var toStringOrTrustedType = toString;
+
+	if (enableTrustedTypesIntegration && typeof trustedTypes !== 'undefined') {
+	  toStringOrTrustedType = function (value) {
+	    if (typeof value === 'object' && (trustedTypes.isHTML(value) || trustedTypes.isScript(value) || trustedTypes.isScriptURL(value) ||
+	    /* TrustedURLs are deprecated and will be removed soon: https://github.com/WICG/trusted-types/pull/204 */
+	    trustedTypes.isURL && trustedTypes.isURL(value))) {
+	      // Pass Trusted Types through.
+	      return value;
 	    }
-	  });
-	  // We could've passed this the first time
-	  // but it triggers a bug in IE11 and Edge 14/15.
-	  // Calling defineProperty() again should be equivalent.
-	  // https://github.com/facebook/react/issues/11768
-	  Object.defineProperty(node, valueField, {
-	    enumerable: descriptor.enumerable
-	  });
 
-	  var tracker = {
-	    getValue: function () {
-	      return currentValue;
-	    },
-	    setValue: function (value) {
-	      currentValue = '' + value;
-	    },
-	    stopTracking: function () {
-	      detachTracker(node);
-	      delete node[valueField];
-	    }
+	    return toString(value);
 	  };
-	  return tracker;
 	}
 
-	function track(node) {
-	  if (getTracker(node)) {
-	    return;
-	  }
+	/**
+	 * Set attribute for a node. The attribute value can be either string or
+	 * Trusted value (if application uses Trusted Types).
+	 */
+	function setAttribute(node, attributeName, attributeValue) {
+	  node.setAttribute(attributeName, attributeValue);
+	}
+	/**
+	 * Set attribute with namespace for a node. The attribute value can be either string or
+	 * Trusted value (if application uses Trusted Types).
+	 */
 
-	  // TODO: Once it's just Fiber we can move this to node._wrapperState
-	  node._valueTracker = trackValueOnNode(node);
+	function setAttributeNS(node, attributeNamespace, attributeName, attributeValue) {
+	  node.setAttributeNS(attributeNamespace, attributeName, attributeValue);
 	}
 
-	function updateValueIfChanged(node) {
-	  if (!node) {
-	    return false;
-	  }
+	/**
+	 * Get the value for a property on a node. Only used in DEV for SSR validation.
+	 * The "expected" argument is used as a hint of what the expected value is.
+	 * Some properties have multiple equivalent values.
+	 */
+	function getValueForProperty(node, name, expected, propertyInfo) {
+	  {
+	    if (propertyInfo.mustUseProperty) {
+	      var propertyName = propertyInfo.propertyName;
+	      return node[propertyName];
+	    } else {
+	      if (!disableJavaScriptURLs && propertyInfo.sanitizeURL) {
+	        // If we haven't fully disabled javascript: URLs, and if
+	        // the hydration is successful of a javascript: URL, we
+	        // still want to warn on the client.
+	        sanitizeURL('' + expected);
+	      }
 
-	  var tracker = getTracker(node);
-	  // if there is no tracker at this point it's unlikely
-	  // that trying again will succeed
-	  if (!tracker) {
-	    return true;
-	  }
+	      var attributeName = propertyInfo.attributeName;
+	      var stringValue = null;
 
-	  var lastValue = tracker.getValue();
-	  var nextValue = getValueFromNode(node);
-	  if (nextValue !== lastValue) {
-	    tracker.setValue(nextValue);
-	    return true;
-	  }
-	  return false;
-	}
+	      if (propertyInfo.type === OVERLOADED_BOOLEAN) {
+	        if (node.hasAttribute(attributeName)) {
+	          var value = node.getAttribute(attributeName);
 
-	var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+	          if (value === '') {
+	            return true;
+	          }
 
-	// Prevent newer renderers from RTE when used with older react package versions.
-	// Current owner and dispatcher used to share the same ref,
-	// but PR #14548 split them out to better support the react-debug-tools package.
-	if (!ReactSharedInternals.hasOwnProperty('ReactCurrentDispatcher')) {
-	  ReactSharedInternals.ReactCurrentDispatcher = {
-	    current: null
-	  };
-	}
-
-	var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
-
-	var describeComponentFrame = function (name, source, ownerName) {
-	  var sourceInfo = '';
-	  if (source) {
-	    var path = source.fileName;
-	    var fileName = path.replace(BEFORE_SLASH_RE, '');
-	    {
-	      // In DEV, include code for a common special case:
-	      // prefer "folder/index.js" instead of just "index.js".
-	      if (/^index\./.test(fileName)) {
-	        var match = path.match(BEFORE_SLASH_RE);
-	        if (match) {
-	          var pathBeforeSlash = match[1];
-	          if (pathBeforeSlash) {
-	            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, '');
-	            fileName = folderName + '/' + fileName;
-	          }
-	        }
-	      }
-	    }
-	    sourceInfo = ' (at ' + fileName + ':' + source.lineNumber + ')';
-	  } else if (ownerName) {
-	    sourceInfo = ' (created by ' + ownerName + ')';
-	  }
-	  return '\n    in ' + (name || 'Unknown') + sourceInfo;
-	};
-
-	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-	// nor polyfill, then a plain number is used for performance.
-	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
-
-	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
-	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
-	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
-	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
-	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
-	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
-	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace;
-
-	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
-	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
-	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
-	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
-	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
-
-	var MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
-	var FAUX_ITERATOR_SYMBOL = '@@iterator';
-
-	function getIteratorFn(maybeIterable) {
-	  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-	    return null;
-	  }
-	  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-	  if (typeof maybeIterator === 'function') {
-	    return maybeIterator;
-	  }
-	  return null;
-	}
-
-	var Pending = 0;
-	var Resolved = 1;
-	var Rejected = 2;
-
-	function refineResolvedLazyComponent(lazyComponent) {
-	  return lazyComponent._status === Resolved ? lazyComponent._result : null;
-	}
-
-	function getWrappedName(outerType, innerType, wrapperName) {
-	  var functionName = innerType.displayName || innerType.name || '';
-	  return outerType.displayName || (functionName !== '' ? wrapperName + '(' + functionName + ')' : wrapperName);
-	}
-
-	function getComponentName(type) {
-	  if (type == null) {
-	    // Host root, text node or just invalid type.
-	    return null;
-	  }
-	  {
-	    if (typeof type.tag === 'number') {
-	      warningWithoutStack$1(false, 'Received an unexpected object in getComponentName(). ' + 'This is likely a bug in React. Please file an issue.');
-	    }
-	  }
-	  if (typeof type === 'function') {
-	    return type.displayName || type.name || null;
-	  }
-	  if (typeof type === 'string') {
-	    return type;
-	  }
-	  switch (type) {
-	    case REACT_CONCURRENT_MODE_TYPE:
-	      return 'ConcurrentMode';
-	    case REACT_FRAGMENT_TYPE:
-	      return 'Fragment';
-	    case REACT_PORTAL_TYPE:
-	      return 'Portal';
-	    case REACT_PROFILER_TYPE:
-	      return 'Profiler';
-	    case REACT_STRICT_MODE_TYPE:
-	      return 'StrictMode';
-	    case REACT_SUSPENSE_TYPE:
-	      return 'Suspense';
-	  }
-	  if (typeof type === 'object') {
-	    switch (type.$$typeof) {
-	      case REACT_CONTEXT_TYPE:
-	        return 'Context.Consumer';
-	      case REACT_PROVIDER_TYPE:
-	        return 'Context.Provider';
-	      case REACT_FORWARD_REF_TYPE:
-	        return getWrappedName(type, type.render, 'ForwardRef');
-	      case REACT_MEMO_TYPE:
-	        return getComponentName(type.type);
-	      case REACT_LAZY_TYPE:
-	        {
-	          var thenable = type;
-	          var resolvedThenable = refineResolvedLazyComponent(thenable);
-	          if (resolvedThenable) {
-	            return getComponentName(resolvedThenable);
-	          }
-	        }
-	    }
-	  }
-	  return null;
-	}
-
-	var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-
-	function describeFiber(fiber) {
-	  switch (fiber.tag) {
-	    case HostRoot:
-	    case HostPortal:
-	    case HostText:
-	    case Fragment:
-	    case ContextProvider:
-	    case ContextConsumer:
-	      return '';
-	    default:
-	      var owner = fiber._debugOwner;
-	      var source = fiber._debugSource;
-	      var name = getComponentName(fiber.type);
-	      var ownerName = null;
-	      if (owner) {
-	        ownerName = getComponentName(owner.type);
-	      }
-	      return describeComponentFrame(name, source, ownerName);
-	  }
-	}
-
-	function getStackByFiberInDevAndProd(workInProgress) {
-	  var info = '';
-	  var node = workInProgress;
-	  do {
-	    info += describeFiber(node);
-	    node = node.return;
-	  } while (node);
-	  return info;
-	}
-
-	var current = null;
-	var phase = null;
-
-	function getCurrentFiberOwnerNameInDevOrNull() {
-	  {
-	    if (current === null) {
-	      return null;
-	    }
-	    var owner = current._debugOwner;
-	    if (owner !== null && typeof owner !== 'undefined') {
-	      return getComponentName(owner.type);
-	    }
-	  }
-	  return null;
-	}
-
-	function getCurrentFiberStackInDev() {
-	  {
-	    if (current === null) {
-	      return '';
-	    }
-	    // Safe because if current fiber exists, we are reconciling,
-	    // and it is guaranteed to be the work-in-progress version.
-	    return getStackByFiberInDevAndProd(current);
-	  }
-	  return '';
-	}
-
-	function resetCurrentFiber() {
-	  {
-	    ReactDebugCurrentFrame.getCurrentStack = null;
-	    current = null;
-	    phase = null;
-	  }
-	}
-
-	function setCurrentFiber(fiber) {
-	  {
-	    ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackInDev;
-	    current = fiber;
-	    phase = null;
-	  }
-	}
-
-	function setCurrentPhase(lifeCyclePhase) {
-	  {
-	    phase = lifeCyclePhase;
-	  }
-	}
-
-	/**
-	 * Similar to invariant but only logs a warning if the condition is not met.
-	 * This can be used to log issues in development environments in critical
-	 * paths. Removing the logging code for production environments will keep the
-	 * same logic and follow the same code paths.
-	 */
-
-	var warning = warningWithoutStack$1;
-
-	{
-	  warning = function (condition, format) {
-	    if (condition) {
-	      return;
-	    }
-	    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-	    var stack = ReactDebugCurrentFrame.getStackAddendum();
-	    // eslint-disable-next-line react-internal/warning-and-invariant-args
-
-	    for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-	      args[_key - 2] = arguments[_key];
-	    }
-
-	    warningWithoutStack$1.apply(undefined, [false, format + '%s'].concat(args, [stack]));
-	  };
-	}
-
-	var warning$1 = warning;
-
-	// A reserved attribute.
-	// It is handled by React separately and shouldn't be written to the DOM.
-	var RESERVED = 0;
-
-	// A simple string attribute.
-	// Attributes that aren't in the whitelist are presumed to have this type.
-	var STRING = 1;
-
-	// A string attribute that accepts booleans in React. In HTML, these are called
-	// "enumerated" attributes with "true" and "false" as possible values.
-	// When true, it should be set to a "true" string.
-	// When false, it should be set to a "false" string.
-	var BOOLEANISH_STRING = 2;
-
-	// A real boolean attribute.
-	// When true, it should be present (set either to an empty string or its name).
-	// When false, it should be omitted.
-	var BOOLEAN = 3;
-
-	// An attribute that can be used as a flag as well as with a value.
-	// When true, it should be present (set either to an empty string or its name).
-	// When false, it should be omitted.
-	// For any other value, should be present with that value.
-	var OVERLOADED_BOOLEAN = 4;
-
-	// An attribute that must be numeric or parse as a numeric.
-	// When falsy, it should be removed.
-	var NUMERIC = 5;
-
-	// An attribute that must be positive numeric or parse as a positive numeric.
-	// When falsy, it should be removed.
-	var POSITIVE_NUMERIC = 6;
-
-	/* eslint-disable max-len */
-	var ATTRIBUTE_NAME_START_CHAR = ':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';
-	/* eslint-enable max-len */
-	var ATTRIBUTE_NAME_CHAR = ATTRIBUTE_NAME_START_CHAR + '\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040';
-
-
-	var ROOT_ATTRIBUTE_NAME = 'data-reactroot';
-	var VALID_ATTRIBUTE_NAME_REGEX = new RegExp('^[' + ATTRIBUTE_NAME_START_CHAR + '][' + ATTRIBUTE_NAME_CHAR + ']*$');
-
-	var hasOwnProperty = Object.prototype.hasOwnProperty;
-	var illegalAttributeNameCache = {};
-	var validatedAttributeNameCache = {};
-
-	function isAttributeNameSafe(attributeName) {
-	  if (hasOwnProperty.call(validatedAttributeNameCache, attributeName)) {
-	    return true;
-	  }
-	  if (hasOwnProperty.call(illegalAttributeNameCache, attributeName)) {
-	    return false;
-	  }
-	  if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName)) {
-	    validatedAttributeNameCache[attributeName] = true;
-	    return true;
-	  }
-	  illegalAttributeNameCache[attributeName] = true;
-	  {
-	    warning$1(false, 'Invalid attribute name: `%s`', attributeName);
-	  }
-	  return false;
-	}
-
-	function shouldIgnoreAttribute(name, propertyInfo, isCustomComponentTag) {
-	  if (propertyInfo !== null) {
-	    return propertyInfo.type === RESERVED;
-	  }
-	  if (isCustomComponentTag) {
-	    return false;
-	  }
-	  if (name.length > 2 && (name[0] === 'o' || name[0] === 'O') && (name[1] === 'n' || name[1] === 'N')) {
-	    return true;
-	  }
-	  return false;
-	}
-
-	function shouldRemoveAttributeWithWarning(name, value, propertyInfo, isCustomComponentTag) {
-	  if (propertyInfo !== null && propertyInfo.type === RESERVED) {
-	    return false;
-	  }
-	  switch (typeof value) {
-	    case 'function':
-	    // $FlowIssue symbol is perfectly valid here
-	    case 'symbol':
-	      // eslint-disable-line
-	      return true;
-	    case 'boolean':
-	      {
-	        if (isCustomComponentTag) {
-	          return false;
-	        }
-	        if (propertyInfo !== null) {
-	          return !propertyInfo.acceptsBooleans;
-	        } else {
-	          var prefix = name.toLowerCase().slice(0, 5);
-	          return prefix !== 'data-' && prefix !== 'aria-';
-	        }
-	      }
-	    default:
-	      return false;
-	  }
-	}
-
-	function shouldRemoveAttribute(name, value, propertyInfo, isCustomComponentTag) {
-	  if (value === null || typeof value === 'undefined') {
-	    return true;
-	  }
-	  if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, isCustomComponentTag)) {
-	    return true;
-	  }
-	  if (isCustomComponentTag) {
-	    return false;
-	  }
-	  if (propertyInfo !== null) {
-	    switch (propertyInfo.type) {
-	      case BOOLEAN:
-	        return !value;
-	      case OVERLOADED_BOOLEAN:
-	        return value === false;
-	      case NUMERIC:
-	        return isNaN(value);
-	      case POSITIVE_NUMERIC:
-	        return isNaN(value) || value < 1;
-	    }
-	  }
-	  return false;
-	}
-
-	function getPropertyInfo(name) {
-	  return properties.hasOwnProperty(name) ? properties[name] : null;
-	}
-
-	function PropertyInfoRecord(name, type, mustUseProperty, attributeName, attributeNamespace) {
-	  this.acceptsBooleans = type === BOOLEANISH_STRING || type === BOOLEAN || type === OVERLOADED_BOOLEAN;
-	  this.attributeName = attributeName;
-	  this.attributeNamespace = attributeNamespace;
-	  this.mustUseProperty = mustUseProperty;
-	  this.propertyName = name;
-	  this.type = type;
-	}
-
-	// When adding attributes to this list, be sure to also add them to
-	// the `possibleStandardNames` module to ensure casing and incorrect
-	// name warnings.
-	var properties = {};
-
-	// These props are reserved by React. They shouldn't be written to the DOM.
-	['children', 'dangerouslySetInnerHTML',
-	// TODO: This prevents the assignment of defaultValue to regular
-	// elements (not just inputs). Now that ReactDOMInput assigns to the
-	// defaultValue property -- do we need this?
-	'defaultValue', 'defaultChecked', 'innerHTML', 'suppressContentEditableWarning', 'suppressHydrationWarning', 'style'].forEach(function (name) {
-	  properties[name] = new PropertyInfoRecord(name, RESERVED, false, // mustUseProperty
-	  name, // attributeName
-	  null);
-	} // attributeNamespace
-	);
-
-	// A few React string attributes have a different name.
-	// This is a mapping from React prop names to the attribute names.
-	[['acceptCharset', 'accept-charset'], ['className', 'class'], ['htmlFor', 'for'], ['httpEquiv', 'http-equiv']].forEach(function (_ref) {
-	  var name = _ref[0],
-	      attributeName = _ref[1];
-
-	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
-	  attributeName, // attributeName
-	  null);
-	} // attributeNamespace
-	);
-
-	// These are "enumerated" HTML attributes that accept "true" and "false".
-	// In React, we let users pass `true` and `false` even though technically
-	// these aren't boolean attributes (they are coerced to strings).
-	['contentEditable', 'draggable', 'spellCheck', 'value'].forEach(function (name) {
-	  properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
-	  name.toLowerCase(), // attributeName
-	  null);
-	} // attributeNamespace
-	);
-
-	// These are "enumerated" SVG attributes that accept "true" and "false".
-	// In React, we let users pass `true` and `false` even though technically
-	// these aren't boolean attributes (they are coerced to strings).
-	// Since these are SVG attributes, their attribute names are case-sensitive.
-	['autoReverse', 'externalResourcesRequired', 'focusable', 'preserveAlpha'].forEach(function (name) {
-	  properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
-	  name, // attributeName
-	  null);
-	} // attributeNamespace
-	);
-
-	// These are HTML boolean attributes.
-	['allowFullScreen', 'async',
-	// Note: there is a special case that prevents it from being written to the DOM
-	// on the client side because the browsers are inconsistent. Instead we call focus().
-	'autoFocus', 'autoPlay', 'controls', 'default', 'defer', 'disabled', 'formNoValidate', 'hidden', 'loop', 'noModule', 'noValidate', 'open', 'playsInline', 'readOnly', 'required', 'reversed', 'scoped', 'seamless',
-	// Microdata
-	'itemScope'].forEach(function (name) {
-	  properties[name] = new PropertyInfoRecord(name, BOOLEAN, false, // mustUseProperty
-	  name.toLowerCase(), // attributeName
-	  null);
-	} // attributeNamespace
-	);
-
-	// These are the few React props that we set as DOM properties
-	// rather than attributes. These are all booleans.
-	['checked',
-	// Note: `option.selected` is not updated if `select.multiple` is
-	// disabled with `removeAttribute`. We have special logic for handling this.
-	'multiple', 'muted', 'selected'].forEach(function (name) {
-	  properties[name] = new PropertyInfoRecord(name, BOOLEAN, true, // mustUseProperty
-	  name, // attributeName
-	  null);
-	} // attributeNamespace
-	);
-
-	// These are HTML attributes that are "overloaded booleans": they behave like
-	// booleans, but can also accept a string value.
-	['capture', 'download'].forEach(function (name) {
-	  properties[name] = new PropertyInfoRecord(name, OVERLOADED_BOOLEAN, false, // mustUseProperty
-	  name, // attributeName
-	  null);
-	} // attributeNamespace
-	);
-
-	// These are HTML attributes that must be positive numbers.
-	['cols', 'rows', 'size', 'span'].forEach(function (name) {
-	  properties[name] = new PropertyInfoRecord(name, POSITIVE_NUMERIC, false, // mustUseProperty
-	  name, // attributeName
-	  null);
-	} // attributeNamespace
-	);
-
-	// These are HTML attributes that must be numbers.
-	['rowSpan', 'start'].forEach(function (name) {
-	  properties[name] = new PropertyInfoRecord(name, NUMERIC, false, // mustUseProperty
-	  name.toLowerCase(), // attributeName
-	  null);
-	} // attributeNamespace
-	);
-
-	var CAMELIZE = /[\-\:]([a-z])/g;
-	var capitalize = function (token) {
-	  return token[1].toUpperCase();
-	};
-
-	// This is a list of all SVG attributes that need special casing, namespacing,
-	// or boolean value assignment. Regular attributes that just accept strings
-	// and have the same names are omitted, just like in the HTML whitelist.
-	// Some of these attributes can be hard to find. This list was created by
-	// scrapping the MDN documentation.
-	['accent-height', 'alignment-baseline', 'arabic-form', 'baseline-shift', 'cap-height', 'clip-path', 'clip-rule', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'dominant-baseline', 'enable-background', 'fill-opacity', 'fill-rule', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'glyph-name', 'glyph-orientation-horizontal', 'glyph-orientation-vertical', 'horiz-adv-x', 'horiz-origin-x', 'image-rendering', 'letter-spacing', 'lighting-color', 'marker-end', 'marker-mid', 'marker-start', 'overline-position', 'overline-thickness', 'paint-order', 'panose-1', 'pointer-events', 'rendering-intent', 'shape-rendering', 'stop-color', 'stop-opacity', 'strikethrough-position', 'strikethrough-thickness', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'text-anchor', 'text-decoration', 'text-rendering', 'underline-position', 'underline-thickness', 'unicode-bidi', 'unicode-range', 'units-per-em', 'v-alphabetic', 'v-hanging', 'v-ideographic', 'v-mathematical', 'vector-effect', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'word-spacing', 'writing-mode', 'xmlns:xlink', 'x-height'].forEach(function (attributeName) {
-	  var name = attributeName.replace(CAMELIZE, capitalize);
-	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
-	  attributeName, null);
-	} // attributeNamespace
-	);
-
-	// String SVG attributes with the xlink namespace.
-	['xlink:actuate', 'xlink:arcrole', 'xlink:href', 'xlink:role', 'xlink:show', 'xlink:title', 'xlink:type'].forEach(function (attributeName) {
-	  var name = attributeName.replace(CAMELIZE, capitalize);
-	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
-	  attributeName, 'http://www.w3.org/1999/xlink');
-	});
-
-	// String SVG attributes with the xml namespace.
-	['xml:base', 'xml:lang', 'xml:space'].forEach(function (attributeName) {
-	  var name = attributeName.replace(CAMELIZE, capitalize);
-	  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
-	  attributeName, 'http://www.w3.org/XML/1998/namespace');
-	});
-
-	// These attribute exists both in HTML and SVG.
-	// The attribute name is case-sensitive in SVG so we can't just use
-	// the React name like we do for attributes that exist only in HTML.
-	['tabIndex', 'crossOrigin'].forEach(function (attributeName) {
-	  properties[attributeName] = new PropertyInfoRecord(attributeName, STRING, false, // mustUseProperty
-	  attributeName.toLowerCase(), // attributeName
-	  null);
-	} // attributeNamespace
-	);
-
-	/**
-	 * Get the value for a property on a node. Only used in DEV for SSR validation.
-	 * The "expected" argument is used as a hint of what the expected value is.
-	 * Some properties have multiple equivalent values.
-	 */
-	function getValueForProperty(node, name, expected, propertyInfo) {
-	  {
-	    if (propertyInfo.mustUseProperty) {
-	      var propertyName = propertyInfo.propertyName;
-
-	      return node[propertyName];
-	    } else {
-	      var attributeName = propertyInfo.attributeName;
-
-	      var stringValue = null;
-
-	      if (propertyInfo.type === OVERLOADED_BOOLEAN) {
-	        if (node.hasAttribute(attributeName)) {
-	          var value = node.getAttribute(attributeName);
-	          if (value === '') {
-	            return true;
-	          }
 	          if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
 	            return value;
 	          }
+
 	          if (value === '' + expected) {
 	            return expected;
 	          }
+
 	          return value;
 	        }
 	      } else if (node.hasAttribute(attributeName)) {
@@ -6788,15 +6847,17 @@
 	          // for the error message.
 	          return node.getAttribute(attributeName);
 	        }
+
 	        if (propertyInfo.type === BOOLEAN) {
 	          // If this was a boolean, it doesn't matter what the value is
 	          // the fact that we have it is the same as the expected.
 	          return expected;
-	        }
-	        // Even if this property uses a namespace we use getAttribute
+	        } // Even if this property uses a namespace we use getAttribute
 	        // because we assume its namespaced name is the same as our config.
 	        // To use getAttributeNS we need the local name which we don't have
 	        // in our config atm.
+
+
 	        stringValue = node.getAttribute(attributeName);
 	      }
 
@@ -6810,28 +6871,31 @@
 	    }
 	  }
 	}
-
 	/**
 	 * Get the value for a attribute on a node. Only used in DEV for SSR validation.
 	 * The third argument is used as a hint of what the expected value is. Some
 	 * attributes have multiple equivalent values.
 	 */
+
 	function getValueForAttribute(node, name, expected) {
 	  {
 	    if (!isAttributeNameSafe(name)) {
 	      return;
 	    }
+
 	    if (!node.hasAttribute(name)) {
 	      return expected === undefined ? undefined : null;
 	    }
+
 	    var value = node.getAttribute(name);
+
 	    if (value === '' + expected) {
 	      return expected;
 	    }
+
 	    return value;
 	  }
 	}
-
 	/**
 	 * Sets the value for a property on a node.
 	 *
@@ -6839,26 +6903,33 @@
 	 * @param {string} name
 	 * @param {*} value
 	 */
+
 	function setValueForProperty(node, name, value, isCustomComponentTag) {
 	  var propertyInfo = getPropertyInfo(name);
+
 	  if (shouldIgnoreAttribute(name, propertyInfo, isCustomComponentTag)) {
 	    return;
 	  }
+
 	  if (shouldRemoveAttribute(name, value, propertyInfo, isCustomComponentTag)) {
 	    value = null;
-	  }
-	  // If the prop isn't in the special list, treat it as a simple attribute.
+	  } // If the prop isn't in the special list, treat it as a simple attribute.
+
+
 	  if (isCustomComponentTag || propertyInfo === null) {
 	    if (isAttributeNameSafe(name)) {
 	      var _attributeName = name;
+
 	      if (value === null) {
 	        node.removeAttribute(_attributeName);
 	      } else {
-	        node.setAttribute(_attributeName, '' + value);
+	        setAttribute(node, _attributeName, toStringOrTrustedType(value));
 	      }
 	    }
+
 	    return;
 	  }
+
 	  var mustUseProperty = propertyInfo.mustUseProperty;
 
 	  if (mustUseProperty) {
@@ -6866,16 +6937,17 @@
 
 	    if (value === null) {
 	      var type = propertyInfo.type;
-
 	      node[propertyName] = type === BOOLEAN ? false : '';
 	    } else {
 	      // Contrary to `setAttribute`, object properties are properly
 	      // `toString`ed by IE8/9.
 	      node[propertyName] = value;
 	    }
+
 	    return;
-	  }
-	  // The rest are treated as attributes with special cases.
+	  } // The rest are treated as attributes with special cases.
+
+
 	  var attributeName = propertyInfo.attributeName,
 	      attributeNamespace = propertyInfo.attributeNamespace;
 
@@ -6883,53 +6955,37 @@
 	    node.removeAttribute(attributeName);
 	  } else {
 	    var _type = propertyInfo.type;
+	    var attributeValue;
 
-	    var attributeValue = void 0;
 	    if (_type === BOOLEAN || _type === OVERLOADED_BOOLEAN && value === true) {
+	      // If attribute type is boolean, we know for sure it won't be an execution sink
+	      // and we won't require Trusted Type here.
 	      attributeValue = '';
 	    } else {
 	      // `setAttribute` with objects becomes only `[object]` in IE8/9,
 	      // ('' + value) makes it output the correct toString()-value.
-	      attributeValue = '' + value;
+	      attributeValue = toStringOrTrustedType(value);
+
+	      if (propertyInfo.sanitizeURL) {
+	        sanitizeURL(attributeValue.toString());
+	      }
 	    }
+
 	    if (attributeNamespace) {
-	      node.setAttributeNS(attributeNamespace, attributeName, attributeValue);
+	      setAttributeNS(node, attributeNamespace, attributeName, attributeValue);
 	    } else {
-	      node.setAttribute(attributeName, attributeValue);
+	      setAttribute(node, attributeName, attributeValue);
 	    }
 	  }
 	}
 
-	// Flow does not allow string concatenation of most non-string types. To work
-	// around this limitation, we use an opaque type that can only be obtained by
-	// passing the value through getToStringValue first.
-	function toString(value) {
-	  return '' + value;
-	}
-
-	function getToStringValue(value) {
-	  switch (typeof value) {
-	    case 'boolean':
-	    case 'number':
-	    case 'object':
-	    case 'string':
-	    case 'undefined':
-	      return value;
-	    default:
-	      // function, symbol are assigned as empty strings
-	      return '';
-	  }
-	}
-
-	var ReactDebugCurrentFrame$1 = null;
-
+	var ReactDebugCurrentFrame$2 = null;
 	var ReactControlledValuePropTypes = {
 	  checkPropTypes: null
 	};
 
 	{
-	  ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
+	  ReactDebugCurrentFrame$2 = ReactSharedInternals.ReactDebugCurrentFrame;
 	  var hasReadOnlyValue = {
 	    button: true,
 	    checkbox: true,
@@ -6939,73 +6995,138 @@
 	    reset: true,
 	    submit: true
 	  };
-
 	  var propTypes = {
 	    value: function (props, propName, componentName) {
-	      if (hasReadOnlyValue[props.type] || props.onChange || props.readOnly || props.disabled || props[propName] == null) {
+	      if (hasReadOnlyValue[props.type] || props.onChange || props.readOnly || props.disabled || props[propName] == null || enableFlareAPI && props.listeners) {
 	        return null;
 	      }
+
 	      return new Error('You provided a `value` prop to a form field without an ' + '`onChange` handler. This will render a read-only field. If ' + 'the field should be mutable use `defaultValue`. Otherwise, ' + 'set either `onChange` or `readOnly`.');
 	    },
 	    checked: function (props, propName, componentName) {
-	      if (props.onChange || props.readOnly || props.disabled || props[propName] == null) {
+	      if (props.onChange || props.readOnly || props.disabled || props[propName] == null || enableFlareAPI && props.listeners) {
 	        return null;
 	      }
+
 	      return new Error('You provided a `checked` prop to a form field without an ' + '`onChange` handler. This will render a read-only field. If ' + 'the field should be mutable use `defaultChecked`. Otherwise, ' + 'set either `onChange` or `readOnly`.');
 	    }
 	  };
-
 	  /**
 	   * Provide a linked `value` attribute for controlled forms. You should not use
 	   * this outside of the ReactDOM controlled form components.
 	   */
+
 	  ReactControlledValuePropTypes.checkPropTypes = function (tagName, props) {
-	    checkPropTypes(propTypes, props, 'prop', tagName, ReactDebugCurrentFrame$1.getStackAddendum);
+	    checkPropTypes(propTypes, props, 'prop', tagName, ReactDebugCurrentFrame$2.getStackAddendum);
 	  };
 	}
 
-	var enableUserTimingAPI = true;
+	function isCheckable(elem) {
+	  var type = elem.type;
+	  var nodeName = elem.nodeName;
+	  return nodeName && nodeName.toLowerCase() === 'input' && (type === 'checkbox' || type === 'radio');
+	}
+
+	function getTracker(node) {
+	  return node._valueTracker;
+	}
+
+	function detachTracker(node) {
+	  node._valueTracker = null;
+	}
 
-	// Helps identify side effects in begin-phase lifecycle hooks and setState reducers:
-	var debugRenderPhaseSideEffects = false;
+	function getValueFromNode(node) {
+	  var value = '';
 
-	// In some cases, StrictMode should also double-render lifecycles.
-	// This can be confusing for tests though,
-	// And it can be bad for performance in production.
-	// This feature flag can be used to control the behavior:
-	var debugRenderPhaseSideEffectsForStrictMode = true;
+	  if (!node) {
+	    return value;
+	  }
 
-	// To preserve the "Pause on caught exceptions" behavior of the debugger, we
-	// replay the begin phase of a failed component inside invokeGuardedCallback.
-	var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
+	  if (isCheckable(node)) {
+	    value = node.checked ? 'true' : 'false';
+	  } else {
+	    value = node.value;
+	  }
+
+	  return value;
+	}
+
+	function trackValueOnNode(node) {
+	  var valueField = isCheckable(node) ? 'checked' : 'value';
+	  var descriptor = Object.getOwnPropertyDescriptor(node.constructor.prototype, valueField);
+	  var currentValue = '' + node[valueField]; // if someone has already defined a value or Safari, then bail
+	  // and don't track value will cause over reporting of changes,
+	  // but it's better then a hard failure
+	  // (needed for certain tests that spyOn input values and Safari)
 
-	// Warn about deprecated, async-unsafe lifecycles; relates to RFC #6:
-	var warnAboutDeprecatedLifecycles = false;
+	  if (node.hasOwnProperty(valueField) || typeof descriptor === 'undefined' || typeof descriptor.get !== 'function' || typeof descriptor.set !== 'function') {
+	    return;
+	  }
 
-	// Gather advanced timing metrics for Profiler subtrees.
-	var enableProfilerTimer = true;
+	  var get = descriptor.get,
+	      set = descriptor.set;
+	  Object.defineProperty(node, valueField, {
+	    configurable: true,
+	    get: function () {
+	      return get.call(this);
+	    },
+	    set: function (value) {
+	      currentValue = '' + value;
+	      set.call(this, value);
+	    }
+	  }); // We could've passed this the first time
+	  // but it triggers a bug in IE11 and Edge 14/15.
+	  // Calling defineProperty() again should be equivalent.
+	  // https://github.com/facebook/react/issues/11768
 
-	// Trace which interactions trigger each commit.
-	var enableSchedulerTracing = true;
+	  Object.defineProperty(node, valueField, {
+	    enumerable: descriptor.enumerable
+	  });
+	  var tracker = {
+	    getValue: function () {
+	      return currentValue;
+	    },
+	    setValue: function (value) {
+	      currentValue = '' + value;
+	    },
+	    stopTracking: function () {
+	      detachTracker(node);
+	      delete node[valueField];
+	    }
+	  };
+	  return tracker;
+	}
 
-	// Only used in www builds.
-	var enableSuspenseServerRenderer = false; // TODO: true? Here it might just be false.
+	function track(node) {
+	  if (getTracker(node)) {
+	    return;
+	  } // TODO: Once it's just Fiber we can move this to node._wrapperState
 
-	// Only used in www builds.
 
+	  node._valueTracker = trackValueOnNode(node);
+	}
+	function updateValueIfChanged(node) {
+	  if (!node) {
+	    return false;
+	  }
 
-	// Only used in www builds.
+	  var tracker = getTracker(node); // if there is no tracker at this point it's unlikely
+	  // that trying again will succeed
 
+	  if (!tracker) {
+	    return true;
+	  }
 
-	// React Fire: prevent the value and checked attributes from syncing
-	// with their related DOM properties
-	var disableInputAttributeSyncing = false;
+	  var lastValue = tracker.getValue();
+	  var nextValue = getValueFromNode(node);
 
-	// These APIs will no longer be "unstable" in the upcoming 16.7 release,
-	// Control this behavior with a flag to support 16.6 minor releases in the meanwhile.
-	var enableStableConcurrentModeAPIs = false;
+	  if (nextValue !== lastValue) {
+	    tracker.setValue(nextValue);
+	    return true;
+	  }
 
-	var warnAboutShorthandPropertyCollision = false;
+	  return false;
+	}
 
 	// TODO: direct imports like some-package/src/* are bad. Fix me.
 	var didWarnValueDefaultValue = false;
@@ -7017,7 +7138,6 @@
 	  var usesChecked = props.type === 'checkbox' || props.type === 'radio';
 	  return usesChecked ? props.checked != null : props.value != null;
 	}
-
 	/**
 	 * Implements an <input> host component that allows setting these optional
 	 * props: `checked`, `value`, `defaultChecked`, and `defaultValue`.
@@ -7035,6 +7155,7 @@
 	 * See http://www.w3.org/TR/2012/WD-html5-20121025/the-input-element.html
 	 */
 
+
 	function getHostProps(element, props) {
 	  var node = element;
 	  var checked = props.checked;
@@ -7048,7 +7169,6 @@
 
 	  return hostProps;
 	}
-
 	function initWrapperState(element, props) {
 	  {
 	    ReactControlledValuePropTypes.checkPropTypes('input', props);
@@ -7057,6 +7177,7 @@
 	      warning$1(false, '%s contains an input of type %s with both checked and defaultChecked props. ' + 'Input elements must be either controlled or uncontrolled ' + '(specify either the checked prop, or the defaultChecked prop, but not ' + 'both). Decide between using a controlled or uncontrolled input ' + 'element and remove one of these props. More info: ' + 'https://fb.me/react-controlled-components', getCurrentFiberOwnerNameInDevOrNull() || 'A component', props.type);
 	      didWarnCheckedDefaultChecked = true;
 	    }
+
 	    if (props.value !== undefined && props.defaultValue !== undefined && !didWarnValueDefaultValue) {
 	      warning$1(false, '%s contains an input of type %s with both value and defaultValue props. ' + 'Input elements must be either controlled or uncontrolled ' + '(specify either the value prop, or the defaultValue prop, but not ' + 'both). Decide between using a controlled or uncontrolled input ' + 'element and remove one of these props. More info: ' + 'https://fb.me/react-controlled-components', getCurrentFiberOwnerNameInDevOrNull() || 'A component', props.type);
 	      didWarnValueDefaultValue = true;
@@ -7065,46 +7186,44 @@
 
 	  var node = element;
 	  var defaultValue = props.defaultValue == null ? '' : props.defaultValue;
-
 	  node._wrapperState = {
 	    initialChecked: props.checked != null ? props.checked : props.defaultChecked,
 	    initialValue: getToStringValue(props.value != null ? props.value : defaultValue),
 	    controlled: isControlled(props)
 	  };
 	}
-
 	function updateChecked(element, props) {
 	  var node = element;
 	  var checked = props.checked;
+
 	  if (checked != null) {
 	    setValueForProperty(node, 'checked', checked, false);
 	  }
 	}
-
 	function updateWrapper(element, props) {
 	  var node = element;
+
 	  {
-	    var _controlled = isControlled(props);
+	    var controlled = isControlled(props);
 
-	    if (!node._wrapperState.controlled && _controlled && !didWarnUncontrolledToControlled) {
+	    if (!node._wrapperState.controlled && controlled && !didWarnUncontrolledToControlled) {
 	      warning$1(false, 'A component is changing an uncontrolled input of type %s to be controlled. ' + 'Input elements should not switch from uncontrolled to controlled (or vice versa). ' + 'Decide between using a controlled or uncontrolled input ' + 'element for the lifetime of the component. More info: https://fb.me/react-controlled-components', props.type);
 	      didWarnUncontrolledToControlled = true;
 	    }
-	    if (node._wrapperState.controlled && !_controlled && !didWarnControlledToUncontrolled) {
+
+	    if (node._wrapperState.controlled && !controlled && !didWarnControlledToUncontrolled) {
 	      warning$1(false, 'A component is changing a controlled input of type %s to be uncontrolled. ' + 'Input elements should not switch from controlled to uncontrolled (or vice versa). ' + 'Decide between using a controlled or uncontrolled input ' + 'element for the lifetime of the component. More info: https://fb.me/react-controlled-components', props.type);
 	      didWarnControlledToUncontrolled = true;
 	    }
 	  }
 
 	  updateChecked(element, props);
-
 	  var value = getToStringValue(props.value);
 	  var type = props.type;
 
 	  if (value != null) {
 	    if (type === 'number') {
-	      if (value === 0 && node.value === '' ||
-	      // We explicitly want to coerce to number here if possible.
+	      if (value === 0 && node.value === '' || // We explicitly want to coerce to number here if possible.
 	      // eslint-disable-next-line
 	      node.value != value) {
 	        node.value = toString(value);
@@ -7156,32 +7275,27 @@
 	    }
 	  }
 	}
-
 	function postMountWrapper(element, props, isHydrating) {
-	  var node = element;
-
-	  // Do not assign value if it is already set. This prevents user text input
+	  var node = element; // Do not assign value if it is already set. This prevents user text input
 	  // from being lost during SSR hydration.
+
 	  if (props.hasOwnProperty('value') || props.hasOwnProperty('defaultValue')) {
 	    var type = props.type;
-	    var isButton = type === 'submit' || type === 'reset';
-
-	    // Avoid setting value attribute on submit/reset inputs as it overrides the
+	    var isButton = type === 'submit' || type === 'reset'; // Avoid setting value attribute on submit/reset inputs as it overrides the
 	    // default value provided by the browser. See: #12872
+
 	    if (isButton && (props.value === undefined || props.value === null)) {
 	      return;
 	    }
 
-	    var _initialValue = toString(node._wrapperState.initialValue);
-
-	    // Do not assign value if it is already set. This prevents user text input
+	    var initialValue = toString(node._wrapperState.initialValue); // Do not assign value if it is already set. This prevents user text input
 	    // from being lost during SSR hydration.
+
 	    if (!isHydrating) {
 	      if (disableInputAttributeSyncing) {
-	        var value = getToStringValue(props.value);
-
-	        // When not syncing the value attribute, the value property points
+	        var value = getToStringValue(props.value); // When not syncing the value attribute, the value property points
 	        // directly to the React prop. Only assign it if it exists.
+
 	        if (value != null) {
 	          // Always assign on buttons so that it is possible to assign an
 	          // empty string to clear button text.
@@ -7202,8 +7316,8 @@
 	        //   1. The value React property when present
 	        //   2. The defaultValue React property when present
 	        //   3. An empty string
-	        if (_initialValue !== node.value) {
-	          node.value = _initialValue;
+	        if (initialValue !== node.value) {
+	          node.value = initialValue;
 	        }
 	      }
 	    }
@@ -7212,6 +7326,7 @@
 	      // When not syncing the value attribute, assign the value attribute
 	      // directly from the defaultValue React property (when present)
 	      var defaultValue = getToStringValue(props.defaultValue);
+
 	      if (defaultValue != null) {
 	        node.defaultValue = toString(defaultValue);
 	      }
@@ -7219,16 +7334,17 @@
 	      // Otherwise, the value attribute is synchronized to the property,
 	      // so we assign defaultValue to the same thing as the value property
 	      // assignment step above.
-	      node.defaultValue = _initialValue;
+	      node.defaultValue = initialValue;
 	    }
-	  }
-
-	  // Normally, we'd just do `node.checked = node.checked` upon initial mount, less this bug
+	  } // Normally, we'd just do `node.checked = node.checked` upon initial mount, less this bug
 	  // this is needed to work around a chrome bug where setting defaultChecked
 	  // will sometimes influence the value of checked (even after detachment).
 	  // Reference: https://bugs.chromium.org/p/chromium/issues/detail?id=608416
 	  // We need to temporarily unset name to avoid disrupting radio button groups.
+
+
 	  var name = node.name;
+
 	  if (name !== '') {
 	    node.name = '';
 	  }
@@ -7240,11 +7356,11 @@
 	    // modified
 	    if (!isHydrating) {
 	      updateChecked(element, props);
-	    }
-
-	    // Only assign the checked attribute if it is defined. This saves
+	    } // Only assign the checked attribute if it is defined. This saves
 	    // a DOM write when controlling the checked attribute isn't needed
 	    // (text inputs, submit/reset)
+
+
 	    if (props.hasOwnProperty('defaultChecked')) {
 	      node.defaultChecked = !node.defaultChecked;
 	      node.defaultChecked = !!props.defaultChecked;
@@ -7264,8 +7380,7 @@
 	    node.name = name;
 	  }
 	}
-
-	function restoreControlledState(element, props) {
+	function restoreControlledState$1(element, props) {
 	  var node = element;
 	  updateWrapper(node, props);
 	  updateNamedCousins(node, props);
@@ -7273,47 +7388,52 @@
 
 	function updateNamedCousins(rootNode, props) {
 	  var name = props.name;
+
 	  if (props.type === 'radio' && name != null) {
 	    var queryRoot = rootNode;
 
 	    while (queryRoot.parentNode) {
 	      queryRoot = queryRoot.parentNode;
-	    }
-
-	    // If `rootNode.form` was non-null, then we could try `form.elements`,
+	    } // If `rootNode.form` was non-null, then we could try `form.elements`,
 	    // but that sometimes behaves strangely in IE8. We could also try using
 	    // `form.getElementsByName`, but that will only return direct children
 	    // and won't include inputs that use the HTML5 `form=` attribute. Since
 	    // the input might not even be in a form. It might not even be in the
 	    // document. Let's just use the local `querySelectorAll` to ensure we don't
 	    // miss anything.
+
+
 	    var group = queryRoot.querySelectorAll('input[name=' + JSON.stringify('' + name) + '][type="radio"]');
 
 	    for (var i = 0; i < group.length; i++) {
 	      var otherNode = group[i];
+
 	      if (otherNode === rootNode || otherNode.form !== rootNode.form) {
 	        continue;
-	      }
-	      // This will throw if radio buttons rendered by different copies of React
+	      } // This will throw if radio buttons rendered by different copies of React
 	      // and the same name are rendered into the same form (same as #1939).
 	      // That's probably okay; we don't support it just as we don't support
 	      // mixing React radio buttons with non-React ones.
+
+
 	      var otherProps = getFiberCurrentPropsFromNode$1(otherNode);
-	      !otherProps ? invariant(false, 'ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported.') : void 0;
 
-	      // We need update the tracked value on the named cousin since the value
+	      if (!otherProps) {
+	        {
+	          throw Error("ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported.");
+	        }
+	      } // We need update the tracked value on the named cousin since the value
 	      // was changed but the input saw no event or value set
-	      updateValueIfChanged(otherNode);
 
-	      // If this is a controlled radio button group, forcing the input that
+
+	      updateValueIfChanged(otherNode); // If this is a controlled radio button group, forcing the input that
 	      // was previously checked to update will cause it to be come re-checked
 	      // as appropriate.
+
 	      updateWrapper(otherNode, otherProps);
 	    }
 	  }
-	}
-
-	// In Chrome, assigning defaultValue to certain input types triggers input validation.
+	} // In Chrome, assigning defaultValue to certain input types triggers input validation.
 	// For number inputs, the display value loses trailing decimal points. For email inputs,
 	// Chrome raises "The specified value <x> is not a valid email address".
 	//
@@ -7321,9 +7441,10 @@
 	// when the user is inputting text
 	//
 	// https://github.com/facebook/react/issues/7253
+
+
 	function setDefaultValue(node, type, value) {
-	  if (
-	  // Focused number inputs synchronize on blur. See ChangeEventPlugin.js
+	  if ( // Focused number inputs synchronize on blur. See ChangeEventPlugin.js
 	  type !== 'number' || node.ownerDocument.activeElement !== node) {
 	    if (value == null) {
 	      node.defaultValue = toString(node._wrapperState.initialValue);
@@ -7333,513 +7454,710 @@
 	  }
 	}
 
-	var eventTypes$1 = {
-	  change: {
-	    phasedRegistrationNames: {
-	      bubbled: 'onChange',
-	      captured: 'onChangeCapture'
-	    },
-	    dependencies: [TOP_BLUR, TOP_CHANGE, TOP_CLICK, TOP_FOCUS, TOP_INPUT, TOP_KEY_DOWN, TOP_KEY_UP, TOP_SELECTION_CHANGE]
-	  }
-	};
+	var didWarnSelectedSetOnOption = false;
+	var didWarnInvalidChild = false;
 
-	function createAndAccumulateChangeEvent(inst, nativeEvent, target) {
-	  var event = SyntheticEvent.getPooled(eventTypes$1.change, inst, nativeEvent, target);
-	  event.type = 'change';
-	  // Flag this event loop as needing state restore.
-	  enqueueStateRestore(target);
-	  accumulateTwoPhaseDispatches(event);
-	  return event;
+	function flattenChildren(children) {
+	  var content = ''; // Flatten children. We'll warn if they are invalid
+	  // during validateProps() which runs for hydration too.
+	  // Note that this would throw on non-element objects.
+	  // Elements are stringified (which is normally irrelevant
+	  // but matters for <fbt>).
+
+	  React.Children.forEach(children, function (child) {
+	    if (child == null) {
+	      return;
+	    }
+
+	    content += child; // Note: we don't warn about invalid children here.
+	    // Instead, this is done separately below so that
+	    // it happens during the hydration codepath too.
+	  });
+	  return content;
 	}
 	/**
-	 * For IE shims
+	 * Implements an <option> host component that warns when `selected` is set.
 	 */
-	var activeElement = null;
-	var activeElementInst = null;
 
-	/**
-	 * SECTION: handle `change` event
-	 */
-	function shouldUseChangeEvent(elem) {
-	  var nodeName = elem.nodeName && elem.nodeName.toLowerCase();
-	  return nodeName === 'select' || nodeName === 'input' && elem.type === 'file';
-	}
 
-	function manualDispatchChangeEvent(nativeEvent) {
-	  var event = createAndAccumulateChangeEvent(activeElementInst, nativeEvent, getEventTarget(nativeEvent));
+	function validateProps(element, props) {
+	  {
+	    // This mirrors the codepath above, but runs for hydration too.
+	    // Warn about invalid children here so that client and hydration are consistent.
+	    // TODO: this seems like it could cause a DEV-only throw for hydration
+	    // if children contains a non-element object. We should try to avoid that.
+	    if (typeof props.children === 'object' && props.children !== null) {
+	      React.Children.forEach(props.children, function (child) {
+	        if (child == null) {
+	          return;
+	        }
 
-	  // If change and propertychange bubbled, we'd just bind to it like all the
-	  // other events and have it go through ReactBrowserEventEmitter. Since it
-	  // doesn't, we manually listen for the events and so we have to enqueue and
-	  // process the abstract event manually.
-	  //
-	  // Batching is necessary here in order to ensure that all event handlers run
-	  // before the next rerender (including event handlers attached to ancestor
-	  // elements instead of directly on the input). Without this, controlled
-	  // components don't work properly in conjunction with event bubbling because
-	  // the component is rerendered and the value reverted before all the event
-	  // handlers can run. See https://github.com/facebook/react/issues/708.
-	  batchedUpdates(runEventInBatch, event);
-	}
+	        if (typeof child === 'string' || typeof child === 'number') {
+	          return;
+	        }
 
-	function runEventInBatch(event) {
-	  runEventsInBatch(event);
-	}
+	        if (typeof child.type !== 'string') {
+	          return;
+	        }
 
-	function getInstIfValueChanged(targetInst) {
-	  var targetNode = getNodeFromInstance$1(targetInst);
-	  if (updateValueIfChanged(targetNode)) {
-	    return targetInst;
-	  }
-	}
+	        if (!didWarnInvalidChild) {
+	          didWarnInvalidChild = true;
+	          warning$1(false, 'Only strings and numbers are supported as <option> children.');
+	        }
+	      });
+	    } // TODO: Remove support for `selected` in <option>.
 
-	function getTargetInstForChangeEvent(topLevelType, targetInst) {
-	  if (topLevelType === TOP_CHANGE) {
-	    return targetInst;
+
+	    if (props.selected != null && !didWarnSelectedSetOnOption) {
+	      warning$1(false, 'Use the `defaultValue` or `value` props on <select> instead of ' + 'setting `selected` on <option>.');
+	      didWarnSelectedSetOnOption = true;
+	    }
 	  }
 	}
-
-	/**
-	 * SECTION: handle `input` event
-	 */
-	var isInputEventSupported = false;
-	if (canUseDOM) {
-	  // IE9 claims to support the input event but fails to trigger it when
-	  // deleting text, so we ignore its input events.
-	  isInputEventSupported = isEventSupported('input') && (!document.documentMode || document.documentMode > 9);
+	function postMountWrapper$1(element, props) {
+	  // value="" should make a value attribute (#6219)
+	  if (props.value != null) {
+	    element.setAttribute('value', toString(getToStringValue(props.value)));
+	  }
 	}
+	function getHostProps$1(element, props) {
+	  var hostProps = _assign({
+	    children: undefined
+	  }, props);
 
-	/**
-	 * (For IE <=9) Starts tracking propertychange events on the passed-in element
-	 * and override the value property so that we can distinguish user events from
-	 * value changes in JS.
-	 */
-	function startWatchingForValueChange(target, targetInst) {
-	  activeElement = target;
-	  activeElementInst = targetInst;
-	  activeElement.attachEvent('onpropertychange', handlePropertyChange);
-	}
+	  var content = flattenChildren(props.children);
 
-	/**
-	 * (For IE <=9) Removes the event listeners from the currently-tracked element,
-	 * if any exists.
-	 */
-	function stopWatchingForValueChange() {
-	  if (!activeElement) {
-	    return;
+	  if (content) {
+	    hostProps.children = content;
 	  }
-	  activeElement.detachEvent('onpropertychange', handlePropertyChange);
-	  activeElement = null;
-	  activeElementInst = null;
-	}
 
-	/**
-	 * (For IE <=9) Handles a propertychange event, sending a `change` event if
-	 * the value of the active element has changed.
-	 */
-	function handlePropertyChange(nativeEvent) {
-	  if (nativeEvent.propertyName !== 'value') {
-	    return;
-	  }
-	  if (getInstIfValueChanged(activeElementInst)) {
-	    manualDispatchChangeEvent(nativeEvent);
-	  }
+	  return hostProps;
 	}
 
-	function handleEventsForInputEventPolyfill(topLevelType, target, targetInst) {
-	  if (topLevelType === TOP_FOCUS) {
-	    // In IE9, propertychange fires for most input events but is buggy and
-	    // doesn't fire when text is deleted, but conveniently, selectionchange
-	    // appears to fire in all of the remaining cases so we catch those and
-	    // forward the event if the value has changed
-	    // In either case, we don't want to call the event handler if the value
-	    // is changed from JS so we redefine a setter for `.value` that updates
-	    // our activeElementValue variable, allowing us to ignore those changes
-	    //
-	    // stopWatching() should be a noop here but we call it just in case we
-	    // missed a blur event somehow.
-	    stopWatchingForValueChange();
-	    startWatchingForValueChange(target, targetInst);
-	  } else if (topLevelType === TOP_BLUR) {
-	    stopWatchingForValueChange();
-	  }
+	// TODO: direct imports like some-package/src/* are bad. Fix me.
+	var didWarnValueDefaultValue$1;
+
+	{
+	  didWarnValueDefaultValue$1 = false;
 	}
 
-	// For IE8 and IE9.
-	function getTargetInstForInputEventPolyfill(topLevelType, targetInst) {
-	  if (topLevelType === TOP_SELECTION_CHANGE || topLevelType === TOP_KEY_UP || topLevelType === TOP_KEY_DOWN) {
-	    // On the selectionchange event, the target is just document which isn't
-	    // helpful for us so just check activeElement instead.
-	    //
-	    // 99% of the time, keydown and keyup aren't necessary. IE8 fails to fire
-	    // propertychange on the first input event after setting `value` from a
-	    // script and fires only keydown, keypress, keyup. Catching keyup usually
-	    // gets it and catching keydown lets us fire an event for the first
-	    // keystroke if user does a key repeat (it'll be a little delayed: right
-	    // before the second keystroke). Other input methods (e.g., paste) seem to
-	    // fire selectionchange normally.
-	    return getInstIfValueChanged(activeElementInst);
+	function getDeclarationErrorAddendum() {
+	  var ownerName = getCurrentFiberOwnerNameInDevOrNull();
+
+	  if (ownerName) {
+	    return '\n\nCheck the render method of `' + ownerName + '`.';
 	  }
+
+	  return '';
 	}
 
+	var valuePropNames = ['value', 'defaultValue'];
 	/**
-	 * SECTION: handle `click` event
+	 * Validation function for `value` and `defaultValue`.
 	 */
-	function shouldUseClickEvent(elem) {
-	  // Use the `click` event to detect changes to checkbox and radio inputs.
-	  // This approach works across all browsers, whereas `change` does not fire
-	  // until `blur` in IE8.
-	  var nodeName = elem.nodeName;
-	  return nodeName && nodeName.toLowerCase() === 'input' && (elem.type === 'checkbox' || elem.type === 'radio');
-	}
 
-	function getTargetInstForClickEvent(topLevelType, targetInst) {
-	  if (topLevelType === TOP_CLICK) {
-	    return getInstIfValueChanged(targetInst);
-	  }
-	}
+	function checkSelectPropTypes(props) {
+	  ReactControlledValuePropTypes.checkPropTypes('select', props);
 
-	function getTargetInstForInputOrChangeEvent(topLevelType, targetInst) {
-	  if (topLevelType === TOP_INPUT || topLevelType === TOP_CHANGE) {
-	    return getInstIfValueChanged(targetInst);
-	  }
-	}
+	  for (var i = 0; i < valuePropNames.length; i++) {
+	    var propName = valuePropNames[i];
 
-	function handleControlledInputBlur(node) {
-	  var state = node._wrapperState;
+	    if (props[propName] == null) {
+	      continue;
+	    }
 
-	  if (!state || !state.controlled || node.type !== 'number') {
-	    return;
-	  }
+	    var isArray = Array.isArray(props[propName]);
 
-	  if (!disableInputAttributeSyncing) {
-	    // If controlled, assign the value attribute to the current value on blur
-	    setDefaultValue(node, 'number', node.value);
+	    if (props.multiple && !isArray) {
+	      warning$1(false, 'The `%s` prop supplied to <select> must be an array if ' + '`multiple` is true.%s', propName, getDeclarationErrorAddendum());
+	    } else if (!props.multiple && isArray) {
+	      warning$1(false, 'The `%s` prop supplied to <select> must be a scalar ' + 'value if `multiple` is false.%s', propName, getDeclarationErrorAddendum());
+	    }
 	  }
 	}
 
-	/**
-	 * This plugin creates an `onChange` event that normalizes change events
-	 * across form elements. This event fires at a time when it's possible to
-	 * change the element's value without seeing a flicker.
-	 *
-	 * Supported elements are:
-	 * - input (see `isTextInputElement`)
-	 * - textarea
-	 * - select
-	 */
-	var ChangeEventPlugin = {
-	  eventTypes: eventTypes$1,
+	function updateOptions(node, multiple, propValue, setDefaultSelected) {
+	  var options = node.options;
 
-	  _isInputEventSupported: isInputEventSupported,
+	  if (multiple) {
+	    var selectedValues = propValue;
+	    var selectedValue = {};
 
-	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget) {
-	    var targetNode = targetInst ? getNodeFromInstance$1(targetInst) : window;
+	    for (var i = 0; i < selectedValues.length; i++) {
+	      // Prefix to avoid chaos with special keys.
+	      selectedValue['$' + selectedValues[i]] = true;
+	    }
 
-	    var getTargetInstFunc = void 0,
-	        handleEventFunc = void 0;
-	    if (shouldUseChangeEvent(targetNode)) {
-	      getTargetInstFunc = getTargetInstForChangeEvent;
-	    } else if (isTextInputElement(targetNode)) {
-	      if (isInputEventSupported) {
-	        getTargetInstFunc = getTargetInstForInputOrChangeEvent;
-	      } else {
-	        getTargetInstFunc = getTargetInstForInputEventPolyfill;
-	        handleEventFunc = handleEventsForInputEventPolyfill;
+	    for (var _i = 0; _i < options.length; _i++) {
+	      var selected = selectedValue.hasOwnProperty('$' + options[_i].value);
+
+	      if (options[_i].selected !== selected) {
+	        options[_i].selected = selected;
 	      }
-	    } else if (shouldUseClickEvent(targetNode)) {
-	      getTargetInstFunc = getTargetInstForClickEvent;
-	    }
 
-	    if (getTargetInstFunc) {
-	      var inst = getTargetInstFunc(topLevelType, targetInst);
-	      if (inst) {
-	        var event = createAndAccumulateChangeEvent(inst, nativeEvent, nativeEventTarget);
-	        return event;
+	      if (selected && setDefaultSelected) {
+	        options[_i].defaultSelected = true;
 	      }
 	    }
+	  } else {
+	    // Do not set `select.value` as exact behavior isn't consistent across all
+	    // browsers for all cases.
+	    var _selectedValue = toString(getToStringValue(propValue));
 
-	    if (handleEventFunc) {
-	      handleEventFunc(topLevelType, targetNode, targetInst);
+	    var defaultSelected = null;
+
+	    for (var _i2 = 0; _i2 < options.length; _i2++) {
+	      if (options[_i2].value === _selectedValue) {
+	        options[_i2].selected = true;
+
+	        if (setDefaultSelected) {
+	          options[_i2].defaultSelected = true;
+	        }
+
+	        return;
+	      }
+
+	      if (defaultSelected === null && !options[_i2].disabled) {
+	        defaultSelected = options[_i2];
+	      }
 	    }
 
-	    // When blurring, set the value attribute for number inputs
-	    if (topLevelType === TOP_BLUR) {
-	      handleControlledInputBlur(targetNode);
+	    if (defaultSelected !== null) {
+	      defaultSelected.selected = true;
 	    }
 	  }
-	};
-
+	}
 	/**
-	 * Module that is injectable into `EventPluginHub`, that specifies a
-	 * deterministic ordering of `EventPlugin`s. A convenient way to reason about
-	 * plugins, without having to package every one of them. This is better than
-	 * having plugins be ordered in the same order that they are injected because
-	 * that ordering would be influenced by the packaging order.
-	 * `ResponderEventPlugin` must occur before `SimpleEventPlugin` so that
-	 * preventing default on events is convenient in `SimpleEventPlugin` handlers.
+	 * Implements a <select> host component that allows optionally setting the
+	 * props `value` and `defaultValue`. If `multiple` is false, the prop must be a
+	 * stringable. If `multiple` is true, the prop must be an array of stringables.
+	 *
+	 * If `value` is not supplied (or null/undefined), user actions that change the
+	 * selected option will trigger updates to the rendered options.
+	 *
+	 * If it is supplied (and not null/undefined), the rendered options will not
+	 * update in response to user actions. Instead, the `value` prop must change in
+	 * order for the rendered options to update.
+	 *
+	 * If `defaultValue` is provided, any options with the supplied values will be
+	 * selected.
 	 */
-	var DOMEventPluginOrder = ['ResponderEventPlugin', 'SimpleEventPlugin', 'EnterLeaveEventPlugin', 'ChangeEventPlugin', 'SelectEventPlugin', 'BeforeInputEventPlugin'];
 
-	var SyntheticUIEvent = SyntheticEvent.extend({
-	  view: null,
-	  detail: null
-	});
-
-	var modifierKeyToProp = {
-	  Alt: 'altKey',
-	  Control: 'ctrlKey',
-	  Meta: 'metaKey',
-	  Shift: 'shiftKey'
-	};
 
-	// Older browsers (Safari <= 10, iOS Safari <= 10.2) do not support
-	// getModifierState. If getModifierState is not supported, we map it to a set of
-	// modifier keys exposed by the event. In this case, Lock-keys are not supported.
-	/**
-	 * Translation from modifier key to the associated property in the event.
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/#keys-Modifiers
-	 */
+	function getHostProps$2(element, props) {
+	  return _assign({}, props, {
+	    value: undefined
+	  });
+	}
+	function initWrapperState$1(element, props) {
+	  var node = element;
 
-	function modifierStateGetter(keyArg) {
-	  var syntheticEvent = this;
-	  var nativeEvent = syntheticEvent.nativeEvent;
-	  if (nativeEvent.getModifierState) {
-	    return nativeEvent.getModifierState(keyArg);
+	  {
+	    checkSelectPropTypes(props);
+	  }
+
+	  node._wrapperState = {
+	    wasMultiple: !!props.multiple
+	  };
+
+	  {
+	    if (props.value !== undefined && props.defaultValue !== undefined && !didWarnValueDefaultValue$1) {
+	      warning$1(false, 'Select elements must be either controlled or uncontrolled ' + '(specify either the value prop, or the defaultValue prop, but not ' + 'both). Decide between using a controlled or uncontrolled select ' + 'element and remove one of these props. More info: ' + 'https://fb.me/react-controlled-components');
+	      didWarnValueDefaultValue$1 = true;
+	    }
 	  }
-	  var keyProp = modifierKeyToProp[keyArg];
-	  return keyProp ? !!nativeEvent[keyProp] : false;
 	}
+	function postMountWrapper$2(element, props) {
+	  var node = element;
+	  node.multiple = !!props.multiple;
+	  var value = props.value;
 
-	function getEventModifierState(nativeEvent) {
-	  return modifierStateGetter;
+	  if (value != null) {
+	    updateOptions(node, !!props.multiple, value, false);
+	  } else if (props.defaultValue != null) {
+	    updateOptions(node, !!props.multiple, props.defaultValue, true);
+	  }
+	}
+	function postUpdateWrapper(element, props) {
+	  var node = element;
+	  var wasMultiple = node._wrapperState.wasMultiple;
+	  node._wrapperState.wasMultiple = !!props.multiple;
+	  var value = props.value;
+
+	  if (value != null) {
+	    updateOptions(node, !!props.multiple, value, false);
+	  } else if (wasMultiple !== !!props.multiple) {
+	    // For simplicity, reapply `defaultValue` if `multiple` is toggled.
+	    if (props.defaultValue != null) {
+	      updateOptions(node, !!props.multiple, props.defaultValue, true);
+	    } else {
+	      // Revert the select back to its default unselected state.
+	      updateOptions(node, !!props.multiple, props.multiple ? [] : '', false);
+	    }
+	  }
 	}
+	function restoreControlledState$2(element, props) {
+	  var node = element;
+	  var value = props.value;
 
-	var previousScreenX = 0;
-	var previousScreenY = 0;
-	// Use flags to signal movementX/Y has already been set
-	var isMovementXSet = false;
-	var isMovementYSet = false;
+	  if (value != null) {
+	    updateOptions(node, !!props.multiple, value, false);
+	  }
+	}
+
+	var didWarnValDefaultVal = false;
 
 	/**
-	 * @interface MouseEvent
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
+	 * Implements a <textarea> host component that allows setting `value`, and
+	 * `defaultValue`. This differs from the traditional DOM API because value is
+	 * usually set as PCDATA children.
+	 *
+	 * If `value` is not supplied (or null/undefined), user actions that affect the
+	 * value will trigger updates to the element.
+	 *
+	 * If `value` is supplied (and not null/undefined), the rendered element will
+	 * not trigger updates to the element. Instead, the `value` prop must change in
+	 * order for the rendered element to be updated.
+	 *
+	 * The rendered element will be initialized with an empty value, the prop
+	 * `defaultValue` if specified, or the children content (deprecated).
 	 */
-	var SyntheticMouseEvent = SyntheticUIEvent.extend({
-	  screenX: null,
-	  screenY: null,
-	  clientX: null,
-	  clientY: null,
-	  pageX: null,
-	  pageY: null,
-	  ctrlKey: null,
-	  shiftKey: null,
-	  altKey: null,
-	  metaKey: null,
-	  getModifierState: getEventModifierState,
-	  button: null,
-	  buttons: null,
-	  relatedTarget: function (event) {
-	    return event.relatedTarget || (event.fromElement === event.srcElement ? event.toElement : event.fromElement);
-	  },
-	  movementX: function (event) {
-	    if ('movementX' in event) {
-	      return event.movementX;
+	function getHostProps$3(element, props) {
+	  var node = element;
+
+	  if (!(props.dangerouslySetInnerHTML == null)) {
+	    {
+	      throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");
 	    }
+	  } // Always set children to the same thing. In IE9, the selection range will
+	  // get reset if `textContent` is mutated.  We could add a check in setTextContent
+	  // to only set the value if/when the value differs from the node value (which would
+	  // completely solve this IE9 bug), but Sebastian+Sophie seemed to like this
+	  // solution. The value can be a boolean or object so that's why it's forced
+	  // to be a string.
 
-	    var screenX = previousScreenX;
-	    previousScreenX = event.screenX;
 
-	    if (!isMovementXSet) {
-	      isMovementXSet = true;
-	      return 0;
-	    }
+	  var hostProps = _assign({}, props, {
+	    value: undefined,
+	    defaultValue: undefined,
+	    children: toString(node._wrapperState.initialValue)
+	  });
 
-	    return event.type === 'mousemove' ? event.screenX - screenX : 0;
-	  },
-	  movementY: function (event) {
-	    if ('movementY' in event) {
-	      return event.movementY;
+	  return hostProps;
+	}
+	function initWrapperState$2(element, props) {
+	  var node = element;
+
+	  {
+	    ReactControlledValuePropTypes.checkPropTypes('textarea', props);
+
+	    if (props.value !== undefined && props.defaultValue !== undefined && !didWarnValDefaultVal) {
+	      warning$1(false, '%s contains a textarea with both value and defaultValue props. ' + 'Textarea elements must be either controlled or uncontrolled ' + '(specify either the value prop, or the defaultValue prop, but not ' + 'both). Decide between using a controlled or uncontrolled textarea ' + 'and remove one of these props. More info: ' + 'https://fb.me/react-controlled-components', getCurrentFiberOwnerNameInDevOrNull() || 'A component');
+	      didWarnValDefaultVal = true;
 	    }
+	  }
 
-	    var screenY = previousScreenY;
-	    previousScreenY = event.screenY;
+	  var initialValue = props.value; // Only bother fetching default value if we're going to use it
 
-	    if (!isMovementYSet) {
-	      isMovementYSet = true;
-	      return 0;
+	  if (initialValue == null) {
+	    var defaultValue = props.defaultValue; // TODO (yungsters): Remove support for children content in <textarea>.
+
+	    var children = props.children;
+
+	    if (children != null) {
+	      {
+	        warning$1(false, 'Use the `defaultValue` or `value` props instead of setting ' + 'children on <textarea>.');
+	      }
+
+	      if (!(defaultValue == null)) {
+	        {
+	          throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");
+	        }
+	      }
+
+	      if (Array.isArray(children)) {
+	        if (!(children.length <= 1)) {
+	          {
+	            throw Error("<textarea> can only have at most one child.");
+	          }
+	        }
+
+	        children = children[0];
+	      }
+
+	      defaultValue = children;
 	    }
 
-	    return event.type === 'mousemove' ? event.screenY - screenY : 0;
+	    if (defaultValue == null) {
+	      defaultValue = '';
+	    }
+
+	    initialValue = defaultValue;
 	  }
-	});
 
-	/**
-	 * @interface PointerEvent
-	 * @see http://www.w3.org/TR/pointerevents/
-	 */
-	var SyntheticPointerEvent = SyntheticMouseEvent.extend({
-	  pointerId: null,
-	  width: null,
-	  height: null,
-	  pressure: null,
-	  tangentialPressure: null,
-	  tiltX: null,
-	  tiltY: null,
-	  twist: null,
-	  pointerType: null,
-	  isPrimary: null
-	});
+	  node._wrapperState = {
+	    initialValue: getToStringValue(initialValue)
+	  };
+	}
+	function updateWrapper$1(element, props) {
+	  var node = element;
+	  var value = getToStringValue(props.value);
+	  var defaultValue = getToStringValue(props.defaultValue);
 
-	var eventTypes$2 = {
-	  mouseEnter: {
-	    registrationName: 'onMouseEnter',
-	    dependencies: [TOP_MOUSE_OUT, TOP_MOUSE_OVER]
-	  },
-	  mouseLeave: {
-	    registrationName: 'onMouseLeave',
-	    dependencies: [TOP_MOUSE_OUT, TOP_MOUSE_OVER]
-	  },
-	  pointerEnter: {
-	    registrationName: 'onPointerEnter',
-	    dependencies: [TOP_POINTER_OUT, TOP_POINTER_OVER]
-	  },
-	  pointerLeave: {
-	    registrationName: 'onPointerLeave',
-	    dependencies: [TOP_POINTER_OUT, TOP_POINTER_OVER]
+	  if (value != null) {
+	    // Cast `value` to a string to ensure the value is set correctly. While
+	    // browsers typically do this as necessary, jsdom doesn't.
+	    var newValue = toString(value); // To avoid side effects (such as losing text selection), only set value if changed
+
+	    if (newValue !== node.value) {
+	      node.value = newValue;
+	    }
+
+	    if (props.defaultValue == null && node.defaultValue !== newValue) {
+	      node.defaultValue = newValue;
+	    }
 	  }
-	};
 
-	var EnterLeaveEventPlugin = {
-	  eventTypes: eventTypes$2,
+	  if (defaultValue != null) {
+	    node.defaultValue = toString(defaultValue);
+	  }
+	}
+	function postMountWrapper$3(element, props) {
+	  var node = element; // This is in postMount because we need access to the DOM node, which is not
+	  // available until after the component has mounted.
 
-	  /**
-	   * For almost every interaction we care about, there will be both a top-level
-	   * `mouseover` and `mouseout` event that occurs. Only use `mouseout` so that
-	   * we do not extract duplicate events. However, moving the mouse into the
-	   * browser from outside will not fire a `mouseout` event. In this case, we use
-	   * the `mouseover` top-level event.
-	   */
-	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget) {
-	    var isOverEvent = topLevelType === TOP_MOUSE_OVER || topLevelType === TOP_POINTER_OVER;
-	    var isOutEvent = topLevelType === TOP_MOUSE_OUT || topLevelType === TOP_POINTER_OUT;
+	  var textContent = node.textContent; // Only set node.value if textContent is equal to the expected
+	  // initial value. In IE10/IE11 there is a bug where the placeholder attribute
+	  // will populate textContent as well.
+	  // https://developer.microsoft.com/microsoft-edge/platform/issues/101525/
 
-	    if (isOverEvent && (nativeEvent.relatedTarget || nativeEvent.fromElement)) {
-	      return null;
+	  if (textContent === node._wrapperState.initialValue) {
+	    if (textContent !== '' && textContent !== null) {
+	      node.value = textContent;
 	    }
+	  }
+	}
+	function restoreControlledState$3(element, props) {
+	  // DOM component is still mounted; update
+	  updateWrapper$1(element, props);
+	}
 
-	    if (!isOutEvent && !isOverEvent) {
-	      // Must not be a mouse or pointer in or out - ignoring.
-	      return null;
-	    }
+	var HTML_NAMESPACE$1 = 'http://www.w3.org/1999/xhtml';
+	var MATH_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
+	var SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+	var Namespaces = {
+	  html: HTML_NAMESPACE$1,
+	  mathml: MATH_NAMESPACE,
+	  svg: SVG_NAMESPACE
+	}; // Assumes there is no parent namespace.
 
-	    var win = void 0;
-	    if (nativeEventTarget.window === nativeEventTarget) {
-	      // `nativeEventTarget` is probably a window object.
-	      win = nativeEventTarget;
-	    } else {
-	      // TODO: Figure out why `ownerDocument` is sometimes undefined in IE8.
-	      var doc = nativeEventTarget.ownerDocument;
-	      if (doc) {
-	        win = doc.defaultView || doc.parentWindow;
-	      } else {
-	        win = window;
+	function getIntrinsicNamespace(type) {
+	  switch (type) {
+	    case 'svg':
+	      return SVG_NAMESPACE;
+
+	    case 'math':
+	      return MATH_NAMESPACE;
+
+	    default:
+	      return HTML_NAMESPACE$1;
+	  }
+	}
+	function getChildNamespace(parentNamespace, type) {
+	  if (parentNamespace == null || parentNamespace === HTML_NAMESPACE$1) {
+	    // No (or default) parent namespace: potential entry point.
+	    return getIntrinsicNamespace(type);
+	  }
+
+	  if (parentNamespace === SVG_NAMESPACE && type === 'foreignObject') {
+	    // We're leaving SVG.
+	    return HTML_NAMESPACE$1;
+	  } // By default, pass namespace below.
+
+
+	  return parentNamespace;
+	}
+
+	/* globals MSApp */
+
+	/**
+	 * Create a function which has 'unsafe' privileges (required by windows8 apps)
+	 */
+	var createMicrosoftUnsafeLocalFunction = function (func) {
+	  if (typeof MSApp !== 'undefined' && MSApp.execUnsafeLocalFunction) {
+	    return function (arg0, arg1, arg2, arg3) {
+	      MSApp.execUnsafeLocalFunction(function () {
+	        return func(arg0, arg1, arg2, arg3);
+	      });
+	    };
+	  } else {
+	    return func;
+	  }
+	};
+
+	var reusableSVGContainer;
+	/**
+	 * Set the innerHTML property of a node
+	 *
+	 * @param {DOMElement} node
+	 * @param {string} html
+	 * @internal
+	 */
+
+	var setInnerHTML = createMicrosoftUnsafeLocalFunction(function (node, html) {
+	  if (node.namespaceURI === Namespaces.svg) {
+	    {
+	      if (enableTrustedTypesIntegration) {
+	        // TODO: reconsider the text of this warning and when it should show
+	        // before enabling the feature flag.
+	        !(typeof trustedTypes === 'undefined') ? warning$1(false, "Using 'dangerouslySetInnerHTML' in an svg element with " + 'Trusted Types enabled in an Internet Explorer will cause ' + 'the trusted value to be converted to string. Assigning string ' + "to 'innerHTML' will throw an error if Trusted Types are enforced. " + "You can try to wrap your svg element inside a div and use 'dangerouslySetInnerHTML' " + 'on the enclosing div instead.') : void 0;
 	      }
 	    }
 
-	    var from = void 0;
-	    var to = void 0;
-	    if (isOutEvent) {
-	      from = targetInst;
-	      var related = nativeEvent.relatedTarget || nativeEvent.toElement;
-	      to = related ? getClosestInstanceFromNode(related) : null;
-	    } else {
-	      // Moving to a node from outside the window.
-	      from = null;
-	      to = targetInst;
-	    }
+	    if (!('innerHTML' in node)) {
+	      // IE does not have innerHTML for SVG nodes, so instead we inject the
+	      // new markup in a temp node and then move the child nodes across into
+	      // the target node
+	      reusableSVGContainer = reusableSVGContainer || document.createElement('div');
+	      reusableSVGContainer.innerHTML = '<svg>' + html.valueOf().toString() + '</svg>';
+	      var svgNode = reusableSVGContainer.firstChild;
 
-	    if (from === to) {
-	      // Nothing pertains to our managed components.
-	      return null;
-	    }
+	      while (node.firstChild) {
+	        node.removeChild(node.firstChild);
+	      }
 
-	    var eventInterface = void 0,
-	        leaveEventType = void 0,
-	        enterEventType = void 0,
-	        eventTypePrefix = void 0;
+	      while (svgNode.firstChild) {
+	        node.appendChild(svgNode.firstChild);
+	      }
 
-	    if (topLevelType === TOP_MOUSE_OUT || topLevelType === TOP_MOUSE_OVER) {
-	      eventInterface = SyntheticMouseEvent;
-	      leaveEventType = eventTypes$2.mouseLeave;
-	      enterEventType = eventTypes$2.mouseEnter;
-	      eventTypePrefix = 'mouse';
-	    } else if (topLevelType === TOP_POINTER_OUT || topLevelType === TOP_POINTER_OVER) {
-	      eventInterface = SyntheticPointerEvent;
-	      leaveEventType = eventTypes$2.pointerLeave;
-	      enterEventType = eventTypes$2.pointerEnter;
-	      eventTypePrefix = 'pointer';
+	      return;
 	    }
+	  }
 
-	    var fromNode = from == null ? win : getNodeFromInstance$1(from);
-	    var toNode = to == null ? win : getNodeFromInstance$1(to);
+	  node.innerHTML = html;
+	});
 
-	    var leave = eventInterface.getPooled(leaveEventType, from, nativeEvent, nativeEventTarget);
-	    leave.type = eventTypePrefix + 'leave';
-	    leave.target = fromNode;
-	    leave.relatedTarget = toNode;
+	/**
+	 * HTML nodeType values that represent the type of the node
+	 */
+	var ELEMENT_NODE = 1;
+	var TEXT_NODE = 3;
+	var COMMENT_NODE = 8;
+	var DOCUMENT_NODE = 9;
+	var DOCUMENT_FRAGMENT_NODE = 11;
 
-	    var enter = eventInterface.getPooled(enterEventType, to, nativeEvent, nativeEventTarget);
-	    enter.type = eventTypePrefix + 'enter';
-	    enter.target = toNode;
-	    enter.relatedTarget = fromNode;
+	/**
+	 * Set the textContent property of a node. For text updates, it's faster
+	 * to set the `nodeValue` of the Text node directly instead of using
+	 * `.textContent` which will remove the existing node and create a new one.
+	 *
+	 * @param {DOMElement} node
+	 * @param {string} text
+	 * @internal
+	 */
 
-	    accumulateEnterLeaveDispatches(leave, enter, from, to);
+	var setTextContent = function (node, text) {
+	  if (text) {
+	    var firstChild = node.firstChild;
 
-	    return [leave, enter];
+	    if (firstChild && firstChild === node.lastChild && firstChild.nodeType === TEXT_NODE) {
+	      firstChild.nodeValue = text;
+	      return;
+	    }
 	  }
+
+	  node.textContent = text;
 	};
 
+	// Do not use the below two methods directly!
+	// Instead use constants exported from DOMTopLevelEventTypes in ReactDOM.
+	// (It is the only module that is allowed to access these methods.)
+	function unsafeCastStringToDOMTopLevelType(topLevelType) {
+	  return topLevelType;
+	}
+	function unsafeCastDOMTopLevelTypeToString(topLevelType) {
+	  return topLevelType;
+	}
+
 	/**
-	 * inlined Object.is polyfill to avoid requiring consumers ship their own
-	 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+	 * Generate a mapping of standard vendor prefixes using the defined style property and event name.
+	 *
+	 * @param {string} styleProp
+	 * @param {string} eventName
+	 * @returns {object}
 	 */
-	function is(x, y) {
-	  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
-	  ;
+
+	function makePrefixMap(styleProp, eventName) {
+	  var prefixes = {};
+	  prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
+	  prefixes['Webkit' + styleProp] = 'webkit' + eventName;
+	  prefixes['Moz' + styleProp] = 'moz' + eventName;
+	  return prefixes;
 	}
+	/**
+	 * A list of event names to a configurable list of vendor prefixes.
+	 */
 
-	var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
 
+	var vendorPrefixes = {
+	  animationend: makePrefixMap('Animation', 'AnimationEnd'),
+	  animationiteration: makePrefixMap('Animation', 'AnimationIteration'),
+	  animationstart: makePrefixMap('Animation', 'AnimationStart'),
+	  transitionend: makePrefixMap('Transition', 'TransitionEnd')
+	};
+	/**
+	 * Event names that have already been detected and prefixed (if applicable).
+	 */
+
+	var prefixedEventNames = {};
 	/**
-	 * Performs equality by iterating through keys on an object and returning false
-	 * when any key has values which are not strictly equal between the arguments.
-	 * Returns true when the values of all keys are strictly equal.
+	 * Element to check for prefixes on.
 	 */
-	function shallowEqual(objA, objB) {
-	  if (is(objA, objB)) {
-	    return true;
-	  }
 
-	  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
-	    return false;
+	var style = {};
+	/**
+	 * Bootstrap if a DOM exists.
+	 */
+
+	if (canUseDOM) {
+	  style = document.createElement('div').style; // On some platforms, in particular some releases of Android 4.x,
+	  // the un-prefixed "animation" and "transition" properties are defined on the
+	  // style object but the events that fire will still be prefixed, so we need
+	  // to check if the un-prefixed events are usable, and if not remove them from the map.
+
+	  if (!('AnimationEvent' in window)) {
+	    delete vendorPrefixes.animationend.animation;
+	    delete vendorPrefixes.animationiteration.animation;
+	    delete vendorPrefixes.animationstart.animation;
+	  } // Same as above
+
+
+	  if (!('TransitionEvent' in window)) {
+	    delete vendorPrefixes.transitionend.transition;
 	  }
+	}
+	/**
+	 * Attempts to determine the correct vendor prefixed event name.
+	 *
+	 * @param {string} eventName
+	 * @returns {string}
+	 */
 
-	  var keysA = Object.keys(objA);
-	  var keysB = Object.keys(objB);
 
-	  if (keysA.length !== keysB.length) {
-	    return false;
+	function getVendorPrefixedEventName(eventName) {
+	  if (prefixedEventNames[eventName]) {
+	    return prefixedEventNames[eventName];
+	  } else if (!vendorPrefixes[eventName]) {
+	    return eventName;
 	  }
 
-	  // Test for A's keys different from B.
-	  for (var i = 0; i < keysA.length; i++) {
-	    if (!hasOwnProperty$1.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
-	      return false;
+	  var prefixMap = vendorPrefixes[eventName];
+
+	  for (var styleProp in prefixMap) {
+	    if (prefixMap.hasOwnProperty(styleProp) && styleProp in style) {
+	      return prefixedEventNames[eventName] = prefixMap[styleProp];
 	    }
 	  }
 
-	  return true;
+	  return eventName;
+	}
+
+	/**
+	 * To identify top level events in ReactDOM, we use constants defined by this
+	 * module. This is the only module that uses the unsafe* methods to express
+	 * that the constants actually correspond to the browser event names. This lets
+	 * us save some bundle size by avoiding a top level type -> event name map.
+	 * The rest of ReactDOM code should import top level types from this file.
+	 */
+
+	var TOP_ABORT = unsafeCastStringToDOMTopLevelType('abort');
+	var TOP_ANIMATION_END = unsafeCastStringToDOMTopLevelType(getVendorPrefixedEventName('animationend'));
+	var TOP_ANIMATION_ITERATION = unsafeCastStringToDOMTopLevelType(getVendorPrefixedEventName('animationiteration'));
+	var TOP_ANIMATION_START = unsafeCastStringToDOMTopLevelType(getVendorPrefixedEventName('animationstart'));
+	var TOP_BLUR = unsafeCastStringToDOMTopLevelType('blur');
+	var TOP_CAN_PLAY = unsafeCastStringToDOMTopLevelType('canplay');
+	var TOP_CAN_PLAY_THROUGH = unsafeCastStringToDOMTopLevelType('canplaythrough');
+	var TOP_CANCEL = unsafeCastStringToDOMTopLevelType('cancel');
+	var TOP_CHANGE = unsafeCastStringToDOMTopLevelType('change');
+	var TOP_CLICK = unsafeCastStringToDOMTopLevelType('click');
+	var TOP_CLOSE = unsafeCastStringToDOMTopLevelType('close');
+	var TOP_COMPOSITION_END = unsafeCastStringToDOMTopLevelType('compositionend');
+	var TOP_COMPOSITION_START = unsafeCastStringToDOMTopLevelType('compositionstart');
+	var TOP_COMPOSITION_UPDATE = unsafeCastStringToDOMTopLevelType('compositionupdate');
+	var TOP_CONTEXT_MENU = unsafeCastStringToDOMTopLevelType('contextmenu');
+	var TOP_COPY = unsafeCastStringToDOMTopLevelType('copy');
+	var TOP_CUT = unsafeCastStringToDOMTopLevelType('cut');
+	var TOP_DOUBLE_CLICK = unsafeCastStringToDOMTopLevelType('dblclick');
+	var TOP_AUX_CLICK = unsafeCastStringToDOMTopLevelType('auxclick');
+	var TOP_DRAG = unsafeCastStringToDOMTopLevelType('drag');
+	var TOP_DRAG_END = unsafeCastStringToDOMTopLevelType('dragend');
+	var TOP_DRAG_ENTER = unsafeCastStringToDOMTopLevelType('dragenter');
+	var TOP_DRAG_EXIT = unsafeCastStringToDOMTopLevelType('dragexit');
+	var TOP_DRAG_LEAVE = unsafeCastStringToDOMTopLevelType('dragleave');
+	var TOP_DRAG_OVER = unsafeCastStringToDOMTopLevelType('dragover');
+	var TOP_DRAG_START = unsafeCastStringToDOMTopLevelType('dragstart');
+	var TOP_DROP = unsafeCastStringToDOMTopLevelType('drop');
+	var TOP_DURATION_CHANGE = unsafeCastStringToDOMTopLevelType('durationchange');
+	var TOP_EMPTIED = unsafeCastStringToDOMTopLevelType('emptied');
+	var TOP_ENCRYPTED = unsafeCastStringToDOMTopLevelType('encrypted');
+	var TOP_ENDED = unsafeCastStringToDOMTopLevelType('ended');
+	var TOP_ERROR = unsafeCastStringToDOMTopLevelType('error');
+	var TOP_FOCUS = unsafeCastStringToDOMTopLevelType('focus');
+	var TOP_GOT_POINTER_CAPTURE = unsafeCastStringToDOMTopLevelType('gotpointercapture');
+	var TOP_INPUT = unsafeCastStringToDOMTopLevelType('input');
+	var TOP_INVALID = unsafeCastStringToDOMTopLevelType('invalid');
+	var TOP_KEY_DOWN = unsafeCastStringToDOMTopLevelType('keydown');
+	var TOP_KEY_PRESS = unsafeCastStringToDOMTopLevelType('keypress');
+	var TOP_KEY_UP = unsafeCastStringToDOMTopLevelType('keyup');
+	var TOP_LOAD = unsafeCastStringToDOMTopLevelType('load');
+	var TOP_LOAD_START = unsafeCastStringToDOMTopLevelType('loadstart');
+	var TOP_LOADED_DATA = unsafeCastStringToDOMTopLevelType('loadeddata');
+	var TOP_LOADED_METADATA = unsafeCastStringToDOMTopLevelType('loadedmetadata');
+	var TOP_LOST_POINTER_CAPTURE = unsafeCastStringToDOMTopLevelType('lostpointercapture');
+	var TOP_MOUSE_DOWN = unsafeCastStringToDOMTopLevelType('mousedown');
+	var TOP_MOUSE_MOVE = unsafeCastStringToDOMTopLevelType('mousemove');
+	var TOP_MOUSE_OUT = unsafeCastStringToDOMTopLevelType('mouseout');
+	var TOP_MOUSE_OVER = unsafeCastStringToDOMTopLevelType('mouseover');
+	var TOP_MOUSE_UP = unsafeCastStringToDOMTopLevelType('mouseup');
+	var TOP_PASTE = unsafeCastStringToDOMTopLevelType('paste');
+	var TOP_PAUSE = unsafeCastStringToDOMTopLevelType('pause');
+	var TOP_PLAY = unsafeCastStringToDOMTopLevelType('play');
+	var TOP_PLAYING = unsafeCastStringToDOMTopLevelType('playing');
+	var TOP_POINTER_CANCEL = unsafeCastStringToDOMTopLevelType('pointercancel');
+	var TOP_POINTER_DOWN = unsafeCastStringToDOMTopLevelType('pointerdown');
+
+
+	var TOP_POINTER_MOVE = unsafeCastStringToDOMTopLevelType('pointermove');
+	var TOP_POINTER_OUT = unsafeCastStringToDOMTopLevelType('pointerout');
+	var TOP_POINTER_OVER = unsafeCastStringToDOMTopLevelType('pointerover');
+	var TOP_POINTER_UP = unsafeCastStringToDOMTopLevelType('pointerup');
+	var TOP_PROGRESS = unsafeCastStringToDOMTopLevelType('progress');
+	var TOP_RATE_CHANGE = unsafeCastStringToDOMTopLevelType('ratechange');
+	var TOP_RESET = unsafeCastStringToDOMTopLevelType('reset');
+	var TOP_SCROLL = unsafeCastStringToDOMTopLevelType('scroll');
+	var TOP_SEEKED = unsafeCastStringToDOMTopLevelType('seeked');
+	var TOP_SEEKING = unsafeCastStringToDOMTopLevelType('seeking');
+	var TOP_SELECTION_CHANGE = unsafeCastStringToDOMTopLevelType('selectionchange');
+	var TOP_STALLED = unsafeCastStringToDOMTopLevelType('stalled');
+	var TOP_SUBMIT = unsafeCastStringToDOMTopLevelType('submit');
+	var TOP_SUSPEND = unsafeCastStringToDOMTopLevelType('suspend');
+	var TOP_TEXT_INPUT = unsafeCastStringToDOMTopLevelType('textInput');
+	var TOP_TIME_UPDATE = unsafeCastStringToDOMTopLevelType('timeupdate');
+	var TOP_TOGGLE = unsafeCastStringToDOMTopLevelType('toggle');
+	var TOP_TOUCH_CANCEL = unsafeCastStringToDOMTopLevelType('touchcancel');
+	var TOP_TOUCH_END = unsafeCastStringToDOMTopLevelType('touchend');
+	var TOP_TOUCH_MOVE = unsafeCastStringToDOMTopLevelType('touchmove');
+	var TOP_TOUCH_START = unsafeCastStringToDOMTopLevelType('touchstart');
+	var TOP_TRANSITION_END = unsafeCastStringToDOMTopLevelType(getVendorPrefixedEventName('transitionend'));
+	var TOP_VOLUME_CHANGE = unsafeCastStringToDOMTopLevelType('volumechange');
+	var TOP_WAITING = unsafeCastStringToDOMTopLevelType('waiting');
+	var TOP_WHEEL = unsafeCastStringToDOMTopLevelType('wheel'); // List of events that need to be individually attached to media elements.
+	// Note that events in this list will *not* be listened to at the top level
+	// unless they're explicitly whitelisted in `ReactBrowserEventEmitter.listenTo`.
+
+	var mediaEventTypes = [TOP_ABORT, TOP_CAN_PLAY, TOP_CAN_PLAY_THROUGH, TOP_DURATION_CHANGE, TOP_EMPTIED, TOP_ENCRYPTED, TOP_ENDED, TOP_ERROR, TOP_LOADED_DATA, TOP_LOADED_METADATA, TOP_LOAD_START, TOP_PAUSE, TOP_PLAY, TOP_PLAYING, TOP_PROGRESS, TOP_RATE_CHANGE, TOP_SEEKED, TOP_SEEKING, TOP_STALLED, TOP_SUSPEND, TOP_TIME_UPDATE, TOP_VOLUME_CHANGE, TOP_WAITING];
+	function getRawEventName(topLevelType) {
+	  return unsafeCastDOMTopLevelTypeToString(topLevelType);
 	}
 
 	/**
@@ -7858,86 +8176,142 @@
 	 * supported we can rename it.
 	 */
 
-
 	function get(key) {
 	  return key._reactInternalFiber;
 	}
-
 	function has(key) {
 	  return key._reactInternalFiber !== undefined;
 	}
-
 	function set(key, value) {
 	  key._reactInternalFiber = value;
 	}
 
 	// Don't change these two values. They're used by React Dev Tools.
-	var NoEffect = /*              */0;
-	var PerformedWork = /*         */1;
-
-	// You can change the rest (and add more).
-	var Placement = /*             */2;
-	var Update = /*                */4;
-	var PlacementAndUpdate = /*    */6;
-	var Deletion = /*              */8;
-	var ContentReset = /*          */16;
-	var Callback = /*              */32;
-	var DidCapture = /*            */64;
-	var Ref = /*                   */128;
-	var Snapshot = /*              */256;
-	var Passive = /*               */512;
-
-	// Passive & Update & Callback & Ref & Snapshot
-	var LifecycleEffectMask = /*   */932;
-
-	// Union of all host effects
-	var HostEffectMask = /*        */1023;
-
-	var Incomplete = /*            */1024;
-	var ShouldCapture = /*         */2048;
+	var NoEffect =
+	/*              */
+	0;
+	var PerformedWork =
+	/*         */
+	1; // You can change the rest (and add more).
+
+	var Placement =
+	/*             */
+	2;
+	var Update =
+	/*                */
+	4;
+	var PlacementAndUpdate =
+	/*    */
+	6;
+	var Deletion =
+	/*              */
+	8;
+	var ContentReset =
+	/*          */
+	16;
+	var Callback =
+	/*              */
+	32;
+	var DidCapture =
+	/*            */
+	64;
+	var Ref =
+	/*                   */
+	128;
+	var Snapshot =
+	/*              */
+	256;
+	var Passive =
+	/*               */
+	512;
+	var Hydrating =
+	/*             */
+	1024;
+	var HydratingAndUpdate =
+	/*    */
+	1028; // Passive & Update & Callback & Ref & Snapshot
+
+	var LifecycleEffectMask =
+	/*   */
+	932; // Union of all host effects
+
+	var HostEffectMask =
+	/*        */
+	2047;
+	var Incomplete =
+	/*            */
+	2048;
+	var ShouldCapture =
+	/*         */
+	4096;
 
-	var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
-
-	var MOUNTING = 1;
-	var MOUNTED = 2;
-	var UNMOUNTED = 3;
-
-	function isFiberMountedImpl(fiber) {
+	var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+	function getNearestMountedFiber(fiber) {
 	  var node = fiber;
+	  var nearestMounted = fiber;
+
 	  if (!fiber.alternate) {
 	    // If there is no alternate, this might be a new tree that isn't inserted
 	    // yet. If it is, then it will have a pending insertion effect on it.
-	    if ((node.effectTag & Placement) !== NoEffect) {
-	      return MOUNTING;
-	    }
-	    while (node.return) {
-	      node = node.return;
-	      if ((node.effectTag & Placement) !== NoEffect) {
-	        return MOUNTING;
+	    var nextNode = node;
+
+	    do {
+	      node = nextNode;
+
+	      if ((node.effectTag & (Placement | Hydrating)) !== NoEffect) {
+	        // This is an insertion or in-progress hydration. The nearest possible
+	        // mounted fiber is the parent but we need to continue to figure out
+	        // if that one is still mounted.
+	        nearestMounted = node.return;
 	      }
-	    }
+
+	      nextNode = node.return;
+	    } while (nextNode);
 	  } else {
 	    while (node.return) {
 	      node = node.return;
 	    }
 	  }
+
 	  if (node.tag === HostRoot) {
 	    // TODO: Check if this was a nested HostRoot when used with
 	    // renderContainerIntoSubtree.
-	    return MOUNTED;
-	  }
-	  // If we didn't hit the root, that means that we're in an disconnected tree
+	    return nearestMounted;
+	  } // If we didn't hit the root, that means that we're in an disconnected tree
 	  // that has been unmounted.
-	  return UNMOUNTED;
+
+
+	  return null;
 	}
+	function getSuspenseInstanceFromFiber(fiber) {
+	  if (fiber.tag === SuspenseComponent) {
+	    var suspenseState = fiber.memoizedState;
+
+	    if (suspenseState === null) {
+	      var current = fiber.alternate;
+
+	      if (current !== null) {
+	        suspenseState = current.memoizedState;
+	      }
+	    }
+
+	    if (suspenseState !== null) {
+	      return suspenseState.dehydrated;
+	    }
+	  }
 
+	  return null;
+	}
+	function getContainerFromFiber(fiber) {
+	  return fiber.tag === HostRoot ? fiber.stateNode.containerInfo : null;
+	}
 	function isFiberMounted(fiber) {
-	  return isFiberMountedImpl(fiber) === MOUNTED;
+	  return getNearestMountedFiber(fiber) === fiber;
 	}
-
 	function isMounted(component) {
 	  {
-	    var owner = ReactCurrentOwner$1.current;
+	    var owner = ReactCurrentOwner.current;
+
 	    if (owner !== null && owner.tag === ClassComponent) {
 	      var ownerFiber = owner;
 	      var instance = ownerFiber.stateNode;
@@ -7947,61 +8321,103 @@
 	  }
 
 	  var fiber = get(component);
+
 	  if (!fiber) {
 	    return false;
 	  }
-	  return isFiberMountedImpl(fiber) === MOUNTED;
+
+	  return getNearestMountedFiber(fiber) === fiber;
 	}
 
 	function assertIsMounted(fiber) {
-	  !(isFiberMountedImpl(fiber) === MOUNTED) ? invariant(false, 'Unable to find node on an unmounted component.') : void 0;
+	  if (!(getNearestMountedFiber(fiber) === fiber)) {
+	    {
+	      throw Error("Unable to find node on an unmounted component.");
+	    }
+	  }
 	}
 
 	function findCurrentFiberUsingSlowPath(fiber) {
 	  var alternate = fiber.alternate;
+
 	  if (!alternate) {
 	    // If there is no alternate, then we only need to check if it is mounted.
-	    var state = isFiberMountedImpl(fiber);
-	    !(state !== UNMOUNTED) ? invariant(false, 'Unable to find node on an unmounted component.') : void 0;
-	    if (state === MOUNTING) {
+	    var nearestMounted = getNearestMountedFiber(fiber);
+
+	    if (!(nearestMounted !== null)) {
+	      {
+	        throw Error("Unable to find node on an unmounted component.");
+	      }
+	    }
+
+	    if (nearestMounted !== fiber) {
 	      return null;
 	    }
+
 	    return fiber;
-	  }
-	  // If we have two possible branches, we'll walk backwards up to the root
+	  } // If we have two possible branches, we'll walk backwards up to the root
 	  // to see what path the root points to. On the way we may hit one of the
 	  // special cases and we'll deal with them.
+
+
 	  var a = fiber;
 	  var b = alternate;
+
 	  while (true) {
 	    var parentA = a.return;
-	    var parentB = parentA ? parentA.alternate : null;
-	    if (!parentA || !parentB) {
+
+	    if (parentA === null) {
 	      // We're at the root.
 	      break;
 	    }
 
-	    // If both copies of the parent fiber point to the same child, we can
+	    var parentB = parentA.alternate;
+
+	    if (parentB === null) {
+	      // There is no alternate. This is an unusual case. Currently, it only
+	      // happens when a Suspense component is hidden. An extra fragment fiber
+	      // is inserted in between the Suspense fiber and its children. Skip
+	      // over this extra fragment fiber and proceed to the next parent.
+	      var nextParent = parentA.return;
+
+	      if (nextParent !== null) {
+	        a = b = nextParent;
+	        continue;
+	      } // If there's no parent, we're at the root.
+
+
+	      break;
+	    } // If both copies of the parent fiber point to the same child, we can
 	    // assume that the child is current. This happens when we bailout on low
 	    // priority: the bailed out fiber's child reuses the current child.
+
+
 	    if (parentA.child === parentB.child) {
 	      var child = parentA.child;
+
 	      while (child) {
 	        if (child === a) {
 	          // We've determined that A is the current branch.
 	          assertIsMounted(parentA);
 	          return fiber;
 	        }
+
 	        if (child === b) {
 	          // We've determined that B is the current branch.
 	          assertIsMounted(parentA);
 	          return alternate;
 	        }
+
 	        child = child.sibling;
-	      }
-	      // We should never have an alternate for any mounting node. So the only
+	      } // We should never have an alternate for any mounting node. So the only
 	      // way this could possibly happen is if this was unmounted, if at all.
-	      invariant(false, 'Unable to find node on an unmounted component.');
+
+
+	      {
+	        {
+	          throw Error("Unable to find node on an unmounted component.");
+	        }
+	      }
 	    }
 
 	    if (a.return !== b.return) {
@@ -8019,6 +8435,7 @@
 	      // Search parent A's child set
 	      var didFindChild = false;
 	      var _child = parentA.child;
+
 	      while (_child) {
 	        if (_child === a) {
 	          didFindChild = true;
@@ -8026,17 +8443,21 @@
 	          b = parentB;
 	          break;
 	        }
+
 	        if (_child === b) {
 	          didFindChild = true;
 	          b = parentA;
 	          a = parentB;
 	          break;
 	        }
+
 	        _child = _child.sibling;
 	      }
+
 	      if (!didFindChild) {
 	        // Search parent B's child set
 	        _child = parentB.child;
+
 	        while (_child) {
 	          if (_child === a) {
 	            didFindChild = true;
@@ -8044,39 +8465,58 @@
 	            b = parentA;
 	            break;
 	          }
+
 	          if (_child === b) {
 	            didFindChild = true;
 	            b = parentB;
 	            a = parentA;
 	            break;
 	          }
+
 	          _child = _child.sibling;
 	        }
-	        !didFindChild ? invariant(false, 'Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue.') : void 0;
+
+	        if (!didFindChild) {
+	          {
+	            throw Error("Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue.");
+	          }
+	        }
 	      }
 	    }
 
-	    !(a.alternate === b) ? invariant(false, 'Return fibers should always be each others\' alternates. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	  }
-	  // If the root is not a host container, we're in a disconnected tree. I.e.
+	    if (!(a.alternate === b)) {
+	      {
+	        throw Error("Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue.");
+	      }
+	    }
+	  } // If the root is not a host container, we're in a disconnected tree. I.e.
 	  // unmounted.
-	  !(a.tag === HostRoot) ? invariant(false, 'Unable to find node on an unmounted component.') : void 0;
+
+
+	  if (!(a.tag === HostRoot)) {
+	    {
+	      throw Error("Unable to find node on an unmounted component.");
+	    }
+	  }
+
 	  if (a.stateNode.current === a) {
 	    // We've determined that A is the current branch.
 	    return fiber;
-	  }
-	  // Otherwise B has to be current branch.
+	  } // Otherwise B has to be current branch.
+
+
 	  return alternate;
 	}
-
 	function findCurrentHostFiber(parent) {
 	  var currentParent = findCurrentFiberUsingSlowPath(parent);
+
 	  if (!currentParent) {
 	    return null;
-	  }
+	  } // Next we'll drill down this component to find the first HostComponent/Text.
+
 
-	  // Next we'll drill down this component to find the first HostComponent/Text.
 	  var node = currentParent;
+
 	  while (true) {
 	    if (node.tag === HostComponent || node.tag === HostText) {
 	      return node;
@@ -8085,2193 +8525,2501 @@
 	      node = node.child;
 	      continue;
 	    }
+
 	    if (node === currentParent) {
 	      return null;
 	    }
+
 	    while (!node.sibling) {
 	      if (!node.return || node.return === currentParent) {
 	        return null;
 	      }
+
 	      node = node.return;
 	    }
+
 	    node.sibling.return = node.return;
 	    node = node.sibling;
-	  }
-	  // Flow needs the return null here, but ESLint complains about it.
+	  } // Flow needs the return null here, but ESLint complains about it.
 	  // eslint-disable-next-line no-unreachable
+
+
 	  return null;
 	}
-
 	function findCurrentHostFiberWithNoPortals(parent) {
 	  var currentParent = findCurrentFiberUsingSlowPath(parent);
+
 	  if (!currentParent) {
 	    return null;
-	  }
+	  } // Next we'll drill down this component to find the first HostComponent/Text.
+
 
-	  // Next we'll drill down this component to find the first HostComponent/Text.
 	  var node = currentParent;
+
 	  while (true) {
-	    if (node.tag === HostComponent || node.tag === HostText) {
+	    if (node.tag === HostComponent || node.tag === HostText || enableFundamentalAPI && node.tag === FundamentalComponent) {
 	      return node;
 	    } else if (node.child && node.tag !== HostPortal) {
 	      node.child.return = node;
 	      node = node.child;
 	      continue;
 	    }
+
 	    if (node === currentParent) {
 	      return null;
 	    }
+
 	    while (!node.sibling) {
 	      if (!node.return || node.return === currentParent) {
 	        return null;
 	      }
+
 	      node = node.return;
 	    }
+
 	    node.sibling.return = node.return;
 	    node = node.sibling;
-	  }
-	  // Flow needs the return null here, but ESLint complains about it.
+	  } // Flow needs the return null here, but ESLint complains about it.
 	  // eslint-disable-next-line no-unreachable
+
+
 	  return null;
 	}
 
-	function addEventBubbleListener(element, eventType, listener) {
-	  element.addEventListener(eventType, listener, false);
+	var attemptSynchronousHydration;
+	function setAttemptSynchronousHydration(fn) {
+	  attemptSynchronousHydration = fn;
 	}
-
-	function addEventCaptureListener(element, eventType, listener) {
-	  element.addEventListener(eventType, listener, true);
+	var attemptUserBlockingHydration;
+	function setAttemptUserBlockingHydration(fn) {
+	  attemptUserBlockingHydration = fn;
 	}
+	var attemptContinuousHydration;
+	function setAttemptContinuousHydration(fn) {
+	  attemptContinuousHydration = fn;
+	}
+	var attemptHydrationAtCurrentPriority;
+	function setAttemptHydrationAtCurrentPriority(fn) {
+	  attemptHydrationAtCurrentPriority = fn;
+	} // TODO: Upgrade this definition once we're on a newer version of Flow that
+	// has this definition built-in.
 
-	/**
-	 * @interface Event
-	 * @see http://www.w3.org/TR/css3-animations/#AnimationEvent-interface
-	 * @see https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent
-	 */
-	var SyntheticAnimationEvent = SyntheticEvent.extend({
-	  animationName: null,
-	  elapsedTime: null,
-	  pseudoElement: null
-	});
+	var hasScheduledReplayAttempt = false; // The queue of discrete events to be replayed.
 
-	/**
-	 * @interface Event
-	 * @see http://www.w3.org/TR/clipboard-apis/
-	 */
-	var SyntheticClipboardEvent = SyntheticEvent.extend({
-	  clipboardData: function (event) {
-	    return 'clipboardData' in event ? event.clipboardData : window.clipboardData;
-	  }
-	});
+	var queuedDiscreteEvents = []; // Indicates if any continuous event targets are non-null for early bailout.
 
-	/**
-	 * @interface FocusEvent
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
-	 */
-	var SyntheticFocusEvent = SyntheticUIEvent.extend({
-	  relatedTarget: null
-	});
+	// if the last target was dehydrated.
 
-	/**
-	 * `charCode` represents the actual "character code" and is safe to use with
-	 * `String.fromCharCode`. As such, only keys that correspond to printable
-	 * characters produce a valid `charCode`, the only exception to this is Enter.
-	 * The Tab-key is considered non-printable and does not have a `charCode`,
-	 * presumably because it does not produce a tab-character in browsers.
-	 *
-	 * @param {object} nativeEvent Native browser event.
-	 * @return {number} Normalized `charCode` property.
-	 */
-	function getEventCharCode(nativeEvent) {
-	  var charCode = void 0;
-	  var keyCode = nativeEvent.keyCode;
+	var queuedFocus = null;
+	var queuedDrag = null;
+	var queuedMouse = null; // For pointer events there can be one latest event per pointerId.
 
-	  if ('charCode' in nativeEvent) {
-	    charCode = nativeEvent.charCode;
+	var queuedPointers = new Map();
+	var queuedPointerCaptures = new Map(); // We could consider replaying selectionchange and touchmoves too.
 
-	    // FF does not set `charCode` for the Enter-key, check against `keyCode`.
-	    if (charCode === 0 && keyCode === 13) {
-	      charCode = 13;
-	    }
-	  } else {
-	    // IE8 does not implement `charCode`, but `keyCode` has the correct value.
-	    charCode = keyCode;
-	  }
+	var queuedExplicitHydrationTargets = [];
+	function hasQueuedDiscreteEvents() {
+	  return queuedDiscreteEvents.length > 0;
+	}
 
-	  // IE and Edge (on Windows) and Chrome / Safari (on Windows and Linux)
-	  // report Enter as charCode 10 when ctrl is pressed.
-	  if (charCode === 10) {
-	    charCode = 13;
-	  }
+	var discreteReplayableEvents = [TOP_MOUSE_DOWN, TOP_MOUSE_UP, TOP_TOUCH_CANCEL, TOP_TOUCH_END, TOP_TOUCH_START, TOP_AUX_CLICK, TOP_DOUBLE_CLICK, TOP_POINTER_CANCEL, TOP_POINTER_DOWN, TOP_POINTER_UP, TOP_DRAG_END, TOP_DRAG_START, TOP_DROP, TOP_COMPOSITION_END, TOP_COMPOSITION_START, TOP_KEY_DOWN, TOP_KEY_PRESS, TOP_KEY_UP, TOP_INPUT, TOP_TEXT_INPUT, TOP_CLOSE, TOP_CANCEL, TOP_COPY, TOP_CUT, TOP_PASTE, TOP_CLICK, TOP_CHANGE, TOP_CONTEXT_MENU, TOP_RESET, TOP_SUBMIT];
+	var continuousReplayableEvents = [TOP_FOCUS, TOP_BLUR, TOP_DRAG_ENTER, TOP_DRAG_LEAVE, TOP_MOUSE_OVER, TOP_MOUSE_OUT, TOP_POINTER_OVER, TOP_POINTER_OUT, TOP_GOT_POINTER_CAPTURE, TOP_LOST_POINTER_CAPTURE];
+	function isReplayableDiscreteEvent(eventType) {
+	  return discreteReplayableEvents.indexOf(eventType) > -1;
+	}
 
-	  // Some non-printable keys are reported in `charCode`/`keyCode`, discard them.
-	  // Must not discard the (non-)printable Enter-key.
-	  if (charCode >= 32 || charCode === 13) {
-	    return charCode;
-	  }
+	function trapReplayableEvent(topLevelType, document, listeningSet) {
+	  listenToTopLevel(topLevelType, document, listeningSet);
 
-	  return 0;
-	}
+	  if (enableFlareAPI) {
+	    // Trap events for the responder system.
+	    var passiveEventKey = unsafeCastDOMTopLevelTypeToString(topLevelType) + '_passive';
 
-	/**
-	 * Normalization of deprecated HTML5 `key` values
-	 * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent#Key_names
-	 */
-	var normalizeKey = {
-	  Esc: 'Escape',
-	  Spacebar: ' ',
-	  Left: 'ArrowLeft',
-	  Up: 'ArrowUp',
-	  Right: 'ArrowRight',
-	  Down: 'ArrowDown',
-	  Del: 'Delete',
-	  Win: 'OS',
-	  Menu: 'ContextMenu',
-	  Apps: 'ContextMenu',
-	  Scroll: 'ScrollLock',
-	  MozPrintableKey: 'Unidentified'
-	};
+	    if (!listeningSet.has(passiveEventKey)) {
+	      trapEventForResponderEventSystem(document, topLevelType, true);
+	      listeningSet.add(passiveEventKey);
+	    } // TODO: This listens to all events as active which might have
+	    // undesirable effects. It's also unnecessary to have both
+	    // passive and active listeners. Instead, we could start with
+	    // a passive and upgrade it to an active one if needed.
+	    // For replaying purposes the active is never needed since we
+	    // currently don't preventDefault.
 
-	/**
-	 * Translation from legacy `keyCode` to HTML5 `key`
-	 * Only special keys supported, all others depend on keyboard layout or browser
-	 * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent#Key_names
-	 */
-	var translateToKey = {
-	  '8': 'Backspace',
-	  '9': 'Tab',
-	  '12': 'Clear',
-	  '13': 'Enter',
-	  '16': 'Shift',
-	  '17': 'Control',
-	  '18': 'Alt',
-	  '19': 'Pause',
-	  '20': 'CapsLock',
-	  '27': 'Escape',
-	  '32': ' ',
-	  '33': 'PageUp',
-	  '34': 'PageDown',
-	  '35': 'End',
-	  '36': 'Home',
-	  '37': 'ArrowLeft',
-	  '38': 'ArrowUp',
-	  '39': 'ArrowRight',
-	  '40': 'ArrowDown',
-	  '45': 'Insert',
-	  '46': 'Delete',
-	  '112': 'F1',
-	  '113': 'F2',
-	  '114': 'F3',
-	  '115': 'F4',
-	  '116': 'F5',
-	  '117': 'F6',
-	  '118': 'F7',
-	  '119': 'F8',
-	  '120': 'F9',
-	  '121': 'F10',
-	  '122': 'F11',
-	  '123': 'F12',
-	  '144': 'NumLock',
-	  '145': 'ScrollLock',
-	  '224': 'Meta'
-	};
 
-	/**
-	 * @param {object} nativeEvent Native browser event.
-	 * @return {string} Normalized `key` property.
-	 */
-	function getEventKey(nativeEvent) {
-	  if (nativeEvent.key) {
-	    // Normalize inconsistent values reported by browsers due to
-	    // implementations of a working draft specification.
+	    var activeEventKey = unsafeCastDOMTopLevelTypeToString(topLevelType) + '_active';
 
-	    // FireFox implements `key` but returns `MozPrintableKey` for all
-	    // printable characters (normalized to `Unidentified`), ignore it.
-	    var key = normalizeKey[nativeEvent.key] || nativeEvent.key;
-	    if (key !== 'Unidentified') {
-	      return key;
+	    if (!listeningSet.has(activeEventKey)) {
+	      trapEventForResponderEventSystem(document, topLevelType, false);
+	      listeningSet.add(activeEventKey);
 	    }
 	  }
+	}
 
-	  // Browser does not implement `key`, polyfill as much of it as we can.
-	  if (nativeEvent.type === 'keypress') {
-	    var charCode = getEventCharCode(nativeEvent);
+	function eagerlyTrapReplayableEvents(document) {
+	  var listeningSet = getListeningSetForElement(document); // Discrete
 
-	    // The enter-key is technically both printable and non-printable and can
-	    // thus be captured by `keypress`, no other non-printable key should.
-	    return charCode === 13 ? 'Enter' : String.fromCharCode(charCode);
-	  }
-	  if (nativeEvent.type === 'keydown' || nativeEvent.type === 'keyup') {
-	    // While user keyboard layout determines the actual meaning of each
-	    // `keyCode` value, almost all function keys have a universal value.
-	    return translateToKey[nativeEvent.keyCode] || 'Unidentified';
-	  }
-	  return '';
+	  discreteReplayableEvents.forEach(function (topLevelType) {
+	    trapReplayableEvent(topLevelType, document, listeningSet);
+	  }); // Continuous
+
+	  continuousReplayableEvents.forEach(function (topLevelType) {
+	    trapReplayableEvent(topLevelType, document, listeningSet);
+	  });
 	}
 
-	/**
-	 * @interface KeyboardEvent
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
-	 */
-	var SyntheticKeyboardEvent = SyntheticUIEvent.extend({
-	  key: getEventKey,
-	  location: null,
-	  ctrlKey: null,
-	  shiftKey: null,
-	  altKey: null,
-	  metaKey: null,
-	  repeat: null,
-	  locale: null,
-	  getModifierState: getEventModifierState,
-	  // Legacy Interface
-	  charCode: function (event) {
-	    // `charCode` is the result of a KeyPress event and represents the value of
-	    // the actual printable character.
+	function createQueuedReplayableEvent(blockedOn, topLevelType, eventSystemFlags, nativeEvent) {
+	  return {
+	    blockedOn: blockedOn,
+	    topLevelType: topLevelType,
+	    eventSystemFlags: eventSystemFlags | IS_REPLAYED,
+	    nativeEvent: nativeEvent
+	  };
+	}
 
-	    // KeyPress is deprecated, but its replacement is not yet final and not
-	    // implemented in any major browser. Only KeyPress has charCode.
-	    if (event.type === 'keypress') {
-	      return getEventCharCode(event);
-	    }
-	    return 0;
-	  },
-	  keyCode: function (event) {
-	    // `keyCode` is the result of a KeyDown/Up event and represents the value of
-	    // physical keyboard key.
+	function queueDiscreteEvent(blockedOn, topLevelType, eventSystemFlags, nativeEvent) {
+	  var queuedEvent = createQueuedReplayableEvent(blockedOn, topLevelType, eventSystemFlags, nativeEvent);
+	  queuedDiscreteEvents.push(queuedEvent);
 
-	    // The actual meaning of the value depends on the users' keyboard layout
-	    // which cannot be detected. Assuming that it is a US keyboard layout
-	    // provides a surprisingly accurate mapping for US and European users.
-	    // Due to this, it is left to the user to implement at this time.
-	    if (event.type === 'keydown' || event.type === 'keyup') {
-	      return event.keyCode;
-	    }
-	    return 0;
-	  },
-	  which: function (event) {
-	    // `which` is an alias for either `keyCode` or `charCode` depending on the
-	    // type of the event.
-	    if (event.type === 'keypress') {
-	      return getEventCharCode(event);
-	    }
-	    if (event.type === 'keydown' || event.type === 'keyup') {
-	      return event.keyCode;
+	  if (enableSelectiveHydration) {
+	    if (queuedDiscreteEvents.length === 1) {
+	      // If this was the first discrete event, we might be able to
+	      // synchronously unblock it so that preventDefault still works.
+	      while (queuedEvent.blockedOn !== null) {
+	        var _fiber = getInstanceFromNode$1(queuedEvent.blockedOn);
+
+	        if (_fiber === null) {
+	          break;
+	        }
+
+	        attemptSynchronousHydration(_fiber);
+
+	        if (queuedEvent.blockedOn === null) {
+	          // We got unblocked by hydration. Let's try again.
+	          replayUnblockedEvents(); // If we're reblocked, on an inner boundary, we might need
+	          // to attempt hydrating that one.
+
+	          continue;
+	        } else {
+	          // We're still blocked from hydation, we have to give up
+	          // and replay later.
+	          break;
+	        }
+	      }
 	    }
-	    return 0;
 	  }
-	});
-
-	/**
-	 * @interface DragEvent
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
-	 */
-	var SyntheticDragEvent = SyntheticMouseEvent.extend({
-	  dataTransfer: null
-	});
+	} // Resets the replaying for this type of continuous event to no event.
 
-	/**
-	 * @interface TouchEvent
-	 * @see http://www.w3.org/TR/touch-events/
-	 */
-	var SyntheticTouchEvent = SyntheticUIEvent.extend({
-	  touches: null,
-	  targetTouches: null,
-	  changedTouches: null,
-	  altKey: null,
-	  metaKey: null,
-	  ctrlKey: null,
-	  shiftKey: null,
-	  getModifierState: getEventModifierState
-	});
+	function clearIfContinuousEvent(topLevelType, nativeEvent) {
+	  switch (topLevelType) {
+	    case TOP_FOCUS:
+	    case TOP_BLUR:
+	      queuedFocus = null;
+	      break;
 
-	/**
-	 * @interface Event
-	 * @see http://www.w3.org/TR/2009/WD-css3-transitions-20090320/#transition-events-
-	 * @see https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent
-	 */
-	var SyntheticTransitionEvent = SyntheticEvent.extend({
-	  propertyName: null,
-	  elapsedTime: null,
-	  pseudoElement: null
-	});
+	    case TOP_DRAG_ENTER:
+	    case TOP_DRAG_LEAVE:
+	      queuedDrag = null;
+	      break;
 
-	/**
-	 * @interface WheelEvent
-	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
-	 */
-	var SyntheticWheelEvent = SyntheticMouseEvent.extend({
-	  deltaX: function (event) {
-	    return 'deltaX' in event ? event.deltaX : // Fallback to `wheelDeltaX` for Webkit and normalize (right is positive).
-	    'wheelDeltaX' in event ? -event.wheelDeltaX : 0;
-	  },
-	  deltaY: function (event) {
-	    return 'deltaY' in event ? event.deltaY : // Fallback to `wheelDeltaY` for Webkit and normalize (down is positive).
-	    'wheelDeltaY' in event ? -event.wheelDeltaY : // Fallback to `wheelDelta` for IE<9 and normalize (down is positive).
-	    'wheelDelta' in event ? -event.wheelDelta : 0;
-	  },
+	    case TOP_MOUSE_OVER:
+	    case TOP_MOUSE_OUT:
+	      queuedMouse = null;
+	      break;
 
-	  deltaZ: null,
+	    case TOP_POINTER_OVER:
+	    case TOP_POINTER_OUT:
+	      {
+	        var pointerId = nativeEvent.pointerId;
+	        queuedPointers.delete(pointerId);
+	        break;
+	      }
 
-	  // Browsers without "deltaMode" is reporting in raw wheel delta where one
-	  // notch on the scroll is always +/- 120, roughly equivalent to pixels.
-	  // A good approximation of DOM_DELTA_LINE (1) is 5% of viewport size or
-	  // ~40 pixels, for DOM_DELTA_SCREEN (2) it is 87.5% of viewport size.
-	  deltaMode: null
-	});
+	    case TOP_GOT_POINTER_CAPTURE:
+	    case TOP_LOST_POINTER_CAPTURE:
+	      {
+	        var _pointerId = nativeEvent.pointerId;
+	        queuedPointerCaptures.delete(_pointerId);
+	        break;
+	      }
+	  }
+	}
 
-	/**
-	 * Turns
-	 * ['abort', ...]
-	 * into
-	 * eventTypes = {
-	 *   'abort': {
-	 *     phasedRegistrationNames: {
-	 *       bubbled: 'onAbort',
-	 *       captured: 'onAbortCapture',
-	 *     },
-	 *     dependencies: [TOP_ABORT],
-	 *   },
-	 *   ...
-	 * };
-	 * topLevelEventsToDispatchConfig = new Map([
-	 *   [TOP_ABORT, { sameConfig }],
-	 * ]);
-	 */
+	function accumulateOrCreateContinuousQueuedReplayableEvent(existingQueuedEvent, blockedOn, topLevelType, eventSystemFlags, nativeEvent) {
+	  if (existingQueuedEvent === null || existingQueuedEvent.nativeEvent !== nativeEvent) {
+	    var queuedEvent = createQueuedReplayableEvent(blockedOn, topLevelType, eventSystemFlags, nativeEvent);
 
-	var interactiveEventTypeNames = [[TOP_BLUR, 'blur'], [TOP_CANCEL, 'cancel'], [TOP_CLICK, 'click'], [TOP_CLOSE, 'close'], [TOP_CONTEXT_MENU, 'contextMenu'], [TOP_COPY, 'copy'], [TOP_CUT, 'cut'], [TOP_AUX_CLICK, 'auxClick'], [TOP_DOUBLE_CLICK, 'doubleClick'], [TOP_DRAG_END, 'dragEnd'], [TOP_DRAG_START, 'dragStart'], [TOP_DROP, 'drop'], [TOP_FOCUS, 'focus'], [TOP_INPUT, 'input'], [TOP_INVALID, 'invalid'], [TOP_KEY_DOWN, 'keyDown'], [TOP_KEY_PRESS, 'keyPress'], [TOP_KEY_UP, 'keyUp'], [TOP_MOUSE_DOWN, 'mouseDown'], [TOP_MOUSE_UP, 'mouseUp'], [TOP_PASTE, 'paste'], [TOP_PAUSE, 'pause'], [TOP_PLAY, 'play'], [TOP_POINTER_CANCEL, 'pointerCancel'], [TOP_POINTER_DOWN, 'pointerDown'], [TOP_POINTER_UP, 'pointerUp'], [TOP_RATE_CHANGE, 'rateChange'], [TOP_RESET, 'reset'], [TOP_SEEKED, 'seeked'], [TOP_SUBMIT, 'submit'], [TOP_TOUCH_CANCEL, 'touchCancel'], [TOP_TOUCH_END, 'touchEnd'], [TOP_TOUCH_START, 'touchStart'], [TOP_VOLUME_CHANGE, 'volumeChange']];
-	var nonInteractiveEventTypeNames = [[TOP_ABORT, 'abort'], [TOP_ANIMATION_END, 'animationEnd'], [TOP_ANIMATION_ITERATION, 'animationIteration'], [TOP_ANIMATION_START, 'animationStart'], [TOP_CAN_PLAY, 'canPlay'], [TOP_CAN_PLAY_THROUGH, 'canPlayThrough'], [TOP_DRAG, 'drag'], [TOP_DRAG_ENTER, 'dragEnter'], [TOP_DRAG_EXIT, 'dragExit'], [TOP_DRAG_LEAVE, 'dragLeave'], [TOP_DRAG_OVER, 'dragOver'], [TOP_DURATION_CHANGE, 'durationChange'], [TOP_EMPTIED, 'emptied'], [TOP_ENCRYPTED, 'encrypted'], [TOP_ENDED, 'ended'], [TOP_ERROR, 'error'], [TOP_GOT_POINTER_CAPTURE, 'gotPointerCapture'], [TOP_LOAD, 'load'], [TOP_LOADED_DATA, 'loadedData'], [TOP_LOADED_METADATA, 'loadedMetadata'], [TOP_LOAD_START, 'loadStart'], [TOP_LOST_POINTER_CAPTURE, 'lostPointerCapture'], [TOP_MOUSE_MOVE, 'mouseMove'], [TOP_MOUSE_OUT, 'mouseOut'], [TOP_MOUSE_OVER, 'mouseOver'], [TOP_PLAYING, 'playing'], [TOP_POINTER_MOVE, 'pointerMove'], [TOP_POINTER_OUT, 'pointerOut'], [TOP_POINTER_OVER, 'pointerOver'], [TOP_PROGRESS, 'progress'], [TOP_SCROLL, 'scroll'], [TOP_SEEKING, 'seeking'], [TOP_STALLED, 'stalled'], [TOP_SUSPEND, 'suspend'], [TOP_TIME_UPDATE, 'timeUpdate'], [TOP_TOGGLE, 'toggle'], [TOP_TOUCH_MOVE, 'touchMove'], [TOP_TRANSITION_END, 'transitionEnd'], [TOP_WAITING, 'waiting'], [TOP_WHEEL, 'wheel']];
+	    if (blockedOn !== null) {
+	      var _fiber2 = getInstanceFromNode$1(blockedOn);
 
-	var eventTypes$4 = {};
-	var topLevelEventsToDispatchConfig = {};
+	      if (_fiber2 !== null) {
+	        // Attempt to increase the priority of this target.
+	        attemptContinuousHydration(_fiber2);
+	      }
+	    }
 
-	function addEventTypeNameToConfig(_ref, isInteractive) {
-	  var topEvent = _ref[0],
-	      event = _ref[1];
+	    return queuedEvent;
+	  } // If we have already queued this exact event, then it's because
+	  // the different event systems have different DOM event listeners.
+	  // We can accumulate the flags and store a single event to be
+	  // replayed.
 
-	  var capitalizedEvent = event[0].toUpperCase() + event.slice(1);
-	  var onEvent = 'on' + capitalizedEvent;
 
-	  var type = {
-	    phasedRegistrationNames: {
-	      bubbled: onEvent,
-	      captured: onEvent + 'Capture'
-	    },
-	    dependencies: [topEvent],
-	    isInteractive: isInteractive
-	  };
-	  eventTypes$4[event] = type;
-	  topLevelEventsToDispatchConfig[topEvent] = type;
+	  existingQueuedEvent.eventSystemFlags |= eventSystemFlags;
+	  return existingQueuedEvent;
 	}
 
-	interactiveEventTypeNames.forEach(function (eventTuple) {
-	  addEventTypeNameToConfig(eventTuple, true);
-	});
-	nonInteractiveEventTypeNames.forEach(function (eventTuple) {
-	  addEventTypeNameToConfig(eventTuple, false);
-	});
+	function queueIfContinuousEvent(blockedOn, topLevelType, eventSystemFlags, nativeEvent) {
+	  // These set relatedTarget to null because the replayed event will be treated as if we
+	  // moved from outside the window (no target) onto the target once it hydrates.
+	  // Instead of mutating we could clone the event.
+	  switch (topLevelType) {
+	    case TOP_FOCUS:
+	      {
+	        var focusEvent = nativeEvent;
+	        queuedFocus = accumulateOrCreateContinuousQueuedReplayableEvent(queuedFocus, blockedOn, topLevelType, eventSystemFlags, focusEvent);
+	        return true;
+	      }
 
-	// Only used in DEV for exhaustiveness validation.
-	var knownHTMLTopLevelTypes = [TOP_ABORT, TOP_CANCEL, TOP_CAN_PLAY, TOP_CAN_PLAY_THROUGH, TOP_CLOSE, TOP_DURATION_CHANGE, TOP_EMPTIED, TOP_ENCRYPTED, TOP_ENDED, TOP_ERROR, TOP_INPUT, TOP_INVALID, TOP_LOAD, TOP_LOADED_DATA, TOP_LOADED_METADATA, TOP_LOAD_START, TOP_PAUSE, TOP_PLAY, TOP_PLAYING, TOP_PROGRESS, TOP_RATE_CHANGE, TOP_RESET, TOP_SEEKED, TOP_SEEKING, TOP_STALLED, TOP_SUBMIT, TOP_SUSPEND, TOP_TIME_UPDATE, TOP_TOGGLE, TOP_VOLUME_CHANGE, TOP_WAITING];
+	    case TOP_DRAG_ENTER:
+	      {
+	        var dragEvent = nativeEvent;
+	        queuedDrag = accumulateOrCreateContinuousQueuedReplayableEvent(queuedDrag, blockedOn, topLevelType, eventSystemFlags, dragEvent);
+	        return true;
+	      }
 
-	var SimpleEventPlugin = {
-	  eventTypes: eventTypes$4,
+	    case TOP_MOUSE_OVER:
+	      {
+	        var mouseEvent = nativeEvent;
+	        queuedMouse = accumulateOrCreateContinuousQueuedReplayableEvent(queuedMouse, blockedOn, topLevelType, eventSystemFlags, mouseEvent);
+	        return true;
+	      }
 
-	  isInteractiveTopLevelEventType: function (topLevelType) {
-	    var config = topLevelEventsToDispatchConfig[topLevelType];
-	    return config !== undefined && config.isInteractive === true;
-	  },
+	    case TOP_POINTER_OVER:
+	      {
+	        var pointerEvent = nativeEvent;
+	        var pointerId = pointerEvent.pointerId;
+	        queuedPointers.set(pointerId, accumulateOrCreateContinuousQueuedReplayableEvent(queuedPointers.get(pointerId) || null, blockedOn, topLevelType, eventSystemFlags, pointerEvent));
+	        return true;
+	      }
 
+	    case TOP_GOT_POINTER_CAPTURE:
+	      {
+	        var _pointerEvent = nativeEvent;
+	        var _pointerId2 = _pointerEvent.pointerId;
+	        queuedPointerCaptures.set(_pointerId2, accumulateOrCreateContinuousQueuedReplayableEvent(queuedPointerCaptures.get(_pointerId2) || null, blockedOn, topLevelType, eventSystemFlags, _pointerEvent));
+	        return true;
+	      }
+	  }
 
-	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget) {
-	    var dispatchConfig = topLevelEventsToDispatchConfig[topLevelType];
-	    if (!dispatchConfig) {
-	      return null;
-	    }
-	    var EventConstructor = void 0;
-	    switch (topLevelType) {
-	      case TOP_KEY_PRESS:
-	        // Firefox creates a keypress event for function keys too. This removes
-	        // the unwanted keypress events. Enter is however both printable and
-	        // non-printable. One would expect Tab to be as well (but it isn't).
-	        if (getEventCharCode(nativeEvent) === 0) {
-	          return null;
-	        }
-	      /* falls through */
-	      case TOP_KEY_DOWN:
-	      case TOP_KEY_UP:
-	        EventConstructor = SyntheticKeyboardEvent;
-	        break;
-	      case TOP_BLUR:
-	      case TOP_FOCUS:
-	        EventConstructor = SyntheticFocusEvent;
-	        break;
-	      case TOP_CLICK:
-	        // Firefox creates a click event on right mouse clicks. This removes the
-	        // unwanted click events.
-	        if (nativeEvent.button === 2) {
-	          return null;
+	  return false;
+	} // Check if this target is unblocked. Returns true if it's unblocked.
+
+	function attemptExplicitHydrationTarget(queuedTarget) {
+	  // TODO: This function shares a lot of logic with attemptToDispatchEvent.
+	  // Try to unify them. It's a bit tricky since it would require two return
+	  // values.
+	  var targetInst = getClosestInstanceFromNode(queuedTarget.target);
+
+	  if (targetInst !== null) {
+	    var nearestMounted = getNearestMountedFiber(targetInst);
+
+	    if (nearestMounted !== null) {
+	      var tag = nearestMounted.tag;
+
+	      if (tag === SuspenseComponent) {
+	        var instance = getSuspenseInstanceFromFiber(nearestMounted);
+
+	        if (instance !== null) {
+	          // We're blocked on hydrating this boundary.
+	          // Increase its priority.
+	          queuedTarget.blockedOn = instance;
+	          Scheduler.unstable_runWithPriority(queuedTarget.priority, function () {
+	            attemptHydrationAtCurrentPriority(nearestMounted);
+	          });
+	          return;
 	        }
-	      /* falls through */
-	      case TOP_AUX_CLICK:
-	      case TOP_DOUBLE_CLICK:
-	      case TOP_MOUSE_DOWN:
-	      case TOP_MOUSE_MOVE:
-	      case TOP_MOUSE_UP:
-	      // TODO: Disabled elements should not respond to mouse events
-	      /* falls through */
-	      case TOP_MOUSE_OUT:
-	      case TOP_MOUSE_OVER:
-	      case TOP_CONTEXT_MENU:
-	        EventConstructor = SyntheticMouseEvent;
-	        break;
-	      case TOP_DRAG:
-	      case TOP_DRAG_END:
-	      case TOP_DRAG_ENTER:
-	      case TOP_DRAG_EXIT:
-	      case TOP_DRAG_LEAVE:
-	      case TOP_DRAG_OVER:
-	      case TOP_DRAG_START:
-	      case TOP_DROP:
-	        EventConstructor = SyntheticDragEvent;
-	        break;
-	      case TOP_TOUCH_CANCEL:
-	      case TOP_TOUCH_END:
-	      case TOP_TOUCH_MOVE:
-	      case TOP_TOUCH_START:
-	        EventConstructor = SyntheticTouchEvent;
-	        break;
-	      case TOP_ANIMATION_END:
-	      case TOP_ANIMATION_ITERATION:
-	      case TOP_ANIMATION_START:
-	        EventConstructor = SyntheticAnimationEvent;
-	        break;
-	      case TOP_TRANSITION_END:
-	        EventConstructor = SyntheticTransitionEvent;
-	        break;
-	      case TOP_SCROLL:
-	        EventConstructor = SyntheticUIEvent;
-	        break;
-	      case TOP_WHEEL:
-	        EventConstructor = SyntheticWheelEvent;
-	        break;
-	      case TOP_COPY:
-	      case TOP_CUT:
-	      case TOP_PASTE:
-	        EventConstructor = SyntheticClipboardEvent;
-	        break;
-	      case TOP_GOT_POINTER_CAPTURE:
-	      case TOP_LOST_POINTER_CAPTURE:
-	      case TOP_POINTER_CANCEL:
-	      case TOP_POINTER_DOWN:
-	      case TOP_POINTER_MOVE:
-	      case TOP_POINTER_OUT:
-	      case TOP_POINTER_OVER:
-	      case TOP_POINTER_UP:
-	        EventConstructor = SyntheticPointerEvent;
-	        break;
-	      default:
-	        {
-	          if (knownHTMLTopLevelTypes.indexOf(topLevelType) === -1) {
-	            warningWithoutStack$1(false, 'SimpleEventPlugin: Unhandled event type, `%s`. This warning ' + 'is likely caused by a bug in React. Please file an issue.', topLevelType);
-	          }
+	      } else if (tag === HostRoot) {
+	        var root = nearestMounted.stateNode;
+
+	        if (root.hydrate) {
+	          queuedTarget.blockedOn = getContainerFromFiber(nearestMounted); // We don't currently have a way to increase the priority of
+	          // a root other than sync.
+
+	          return;
 	        }
-	        // HTML Events
-	        // @see http://www.w3.org/TR/html5/index.html#events-0
-	        EventConstructor = SyntheticEvent;
-	        break;
+	      }
 	    }
-	    var event = EventConstructor.getPooled(dispatchConfig, targetInst, nativeEvent, nativeEventTarget);
-	    accumulateTwoPhaseDispatches(event);
-	    return event;
 	  }
-	};
 
-	var isInteractiveTopLevelEventType = SimpleEventPlugin.isInteractiveTopLevelEventType;
+	  queuedTarget.blockedOn = null;
+	}
 
+	function queueExplicitHydrationTarget(target) {
+	  if (enableSelectiveHydration) {
+	    var priority = Scheduler.unstable_getCurrentPriorityLevel();
+	    var queuedTarget = {
+	      blockedOn: null,
+	      target: target,
+	      priority: priority
+	    };
+	    var i = 0;
 
-	var CALLBACK_BOOKKEEPING_POOL_SIZE = 10;
-	var callbackBookkeepingPool = [];
+	    for (; i < queuedExplicitHydrationTargets.length; i++) {
+	      if (priority <= queuedExplicitHydrationTargets[i].priority) {
+	        break;
+	      }
+	    }
 
-	/**
-	 * Find the deepest React component completely containing the root of the
-	 * passed-in instance (for use when entire React trees are nested within each
-	 * other). If React trees are not nested, returns null.
-	 */
-	function findRootContainerNode(inst) {
-	  // TODO: It may be a good idea to cache this to prevent unnecessary DOM
-	  // traversal, but caching is difficult to do correctly without using a
-	  // mutation observer to listen for all DOM changes.
-	  while (inst.return) {
-	    inst = inst.return;
-	  }
-	  if (inst.tag !== HostRoot) {
-	    // This can happen if we're in a detached tree.
-	    return null;
+	    queuedExplicitHydrationTargets.splice(i, 0, queuedTarget);
+
+	    if (i === 0) {
+	      attemptExplicitHydrationTarget(queuedTarget);
+	    }
 	  }
-	  return inst.stateNode.containerInfo;
 	}
 
-	// Used to store ancestor hierarchy in top level callback
-	function getTopLevelCallbackBookKeeping(topLevelType, nativeEvent, targetInst) {
-	  if (callbackBookkeepingPool.length) {
-	    var instance = callbackBookkeepingPool.pop();
-	    instance.topLevelType = topLevelType;
-	    instance.nativeEvent = nativeEvent;
-	    instance.targetInst = targetInst;
-	    return instance;
+	function attemptReplayContinuousQueuedEvent(queuedEvent) {
+	  if (queuedEvent.blockedOn !== null) {
+	    return false;
 	  }
-	  return {
-	    topLevelType: topLevelType,
-	    nativeEvent: nativeEvent,
-	    targetInst: targetInst,
-	    ancestors: []
-	  };
+
+	  var nextBlockedOn = attemptToDispatchEvent(queuedEvent.topLevelType, queuedEvent.eventSystemFlags, queuedEvent.nativeEvent);
+
+	  if (nextBlockedOn !== null) {
+	    // We're still blocked. Try again later.
+	    var _fiber3 = getInstanceFromNode$1(nextBlockedOn);
+
+	    if (_fiber3 !== null) {
+	      attemptContinuousHydration(_fiber3);
+	    }
+
+	    queuedEvent.blockedOn = nextBlockedOn;
+	    return false;
+	  }
+
+	  return true;
 	}
 
-	function releaseTopLevelCallbackBookKeeping(instance) {
-	  instance.topLevelType = null;
-	  instance.nativeEvent = null;
-	  instance.targetInst = null;
-	  instance.ancestors.length = 0;
-	  if (callbackBookkeepingPool.length < CALLBACK_BOOKKEEPING_POOL_SIZE) {
-	    callbackBookkeepingPool.push(instance);
+	function attemptReplayContinuousQueuedEventInMap(queuedEvent, key, map) {
+	  if (attemptReplayContinuousQueuedEvent(queuedEvent)) {
+	    map.delete(key);
 	  }
 	}
 
-	function handleTopLevel(bookKeeping) {
-	  var targetInst = bookKeeping.targetInst;
+	function replayUnblockedEvents() {
+	  hasScheduledReplayAttempt = false; // First replay discrete events.
+
+	  while (queuedDiscreteEvents.length > 0) {
+	    var nextDiscreteEvent = queuedDiscreteEvents[0];
+
+	    if (nextDiscreteEvent.blockedOn !== null) {
+	      // We're still blocked.
+	      // Increase the priority of this boundary to unblock
+	      // the next discrete event.
+	      var _fiber4 = getInstanceFromNode$1(nextDiscreteEvent.blockedOn);
+
+	      if (_fiber4 !== null) {
+	        attemptUserBlockingHydration(_fiber4);
+	      }
 
-	  // Loop through the hierarchy, in case there's any nested components.
-	  // It's important that we build the array of ancestors before calling any
-	  // event handlers, because event handlers can modify the DOM, leading to
-	  // inconsistencies with ReactMount's node cache. See #1105.
-	  var ancestor = targetInst;
-	  do {
-	    if (!ancestor) {
-	      bookKeeping.ancestors.push(ancestor);
 	      break;
 	    }
-	    var root = findRootContainerNode(ancestor);
-	    if (!root) {
-	      break;
+
+	    var nextBlockedOn = attemptToDispatchEvent(nextDiscreteEvent.topLevelType, nextDiscreteEvent.eventSystemFlags, nextDiscreteEvent.nativeEvent);
+
+	    if (nextBlockedOn !== null) {
+	      // We're still blocked. Try again later.
+	      nextDiscreteEvent.blockedOn = nextBlockedOn;
+	    } else {
+	      // We've successfully replayed the first event. Let's try the next one.
+	      queuedDiscreteEvents.shift();
 	    }
-	    bookKeeping.ancestors.push(ancestor);
-	    ancestor = getClosestInstanceFromNode(root);
-	  } while (ancestor);
+	  } // Next replay any continuous events.
 
-	  for (var i = 0; i < bookKeeping.ancestors.length; i++) {
-	    targetInst = bookKeeping.ancestors[i];
-	    runExtractedEventsInBatch(bookKeeping.topLevelType, targetInst, bookKeeping.nativeEvent, getEventTarget(bookKeeping.nativeEvent));
+
+	  if (queuedFocus !== null && attemptReplayContinuousQueuedEvent(queuedFocus)) {
+	    queuedFocus = null;
 	  }
-	}
 
-	// TODO: can we stop exporting these?
-	var _enabled = true;
+	  if (queuedDrag !== null && attemptReplayContinuousQueuedEvent(queuedDrag)) {
+	    queuedDrag = null;
+	  }
 
-	function setEnabled(enabled) {
-	  _enabled = !!enabled;
-	}
+	  if (queuedMouse !== null && attemptReplayContinuousQueuedEvent(queuedMouse)) {
+	    queuedMouse = null;
+	  }
 
-	function isEnabled() {
-	  return _enabled;
+	  queuedPointers.forEach(attemptReplayContinuousQueuedEventInMap);
+	  queuedPointerCaptures.forEach(attemptReplayContinuousQueuedEventInMap);
 	}
 
-	/**
-	 * Traps top-level events by using event bubbling.
-	 *
-	 * @param {number} topLevelType Number from `TopLevelEventTypes`.
-	 * @param {object} element Element on which to attach listener.
-	 * @return {?object} An object with a remove function which will forcefully
-	 *                  remove the listener.
-	 * @internal
-	 */
-	function trapBubbledEvent(topLevelType, element) {
-	  if (!element) {
-	    return null;
-	  }
-	  var dispatch = isInteractiveTopLevelEventType(topLevelType) ? dispatchInteractiveEvent : dispatchEvent;
+	function scheduleCallbackIfUnblocked(queuedEvent, unblocked) {
+	  if (queuedEvent.blockedOn === unblocked) {
+	    queuedEvent.blockedOn = null;
 
-	  addEventBubbleListener(element, getRawEventName(topLevelType),
-	  // Check if interactive and wrap in interactiveUpdates
-	  dispatch.bind(null, topLevelType));
-	}
+	    if (!hasScheduledReplayAttempt) {
+	      hasScheduledReplayAttempt = true; // Schedule a callback to attempt replaying as many events as are
+	      // now unblocked. This first might not actually be unblocked yet.
+	      // We could check it early to avoid scheduling an unnecessary callback.
 
-	/**
-	 * Traps a top-level event by using event capturing.
-	 *
-	 * @param {number} topLevelType Number from `TopLevelEventTypes`.
-	 * @param {object} element Element on which to attach listener.
-	 * @return {?object} An object with a remove function which will forcefully
-	 *                  remove the listener.
-	 * @internal
-	 */
-	function trapCapturedEvent(topLevelType, element) {
-	  if (!element) {
-	    return null;
+	      Scheduler.unstable_scheduleCallback(Scheduler.unstable_NormalPriority, replayUnblockedEvents);
+	    }
 	  }
-	  var dispatch = isInteractiveTopLevelEventType(topLevelType) ? dispatchInteractiveEvent : dispatchEvent;
-
-	  addEventCaptureListener(element, getRawEventName(topLevelType),
-	  // Check if interactive and wrap in interactiveUpdates
-	  dispatch.bind(null, topLevelType));
 	}
 
-	function dispatchInteractiveEvent(topLevelType, nativeEvent) {
-	  interactiveUpdates(dispatchEvent, topLevelType, nativeEvent);
-	}
+	function retryIfBlockedOn(unblocked) {
+	  // Mark anything that was blocked on this as no longer blocked
+	  // and eligible for a replay.
+	  if (queuedDiscreteEvents.length > 0) {
+	    scheduleCallbackIfUnblocked(queuedDiscreteEvents[0], unblocked); // This is a exponential search for each boundary that commits. I think it's
+	    // worth it because we expect very few discrete events to queue up and once
+	    // we are actually fully unblocked it will be fast to replay them.
 
-	function dispatchEvent(topLevelType, nativeEvent) {
-	  if (!_enabled) {
-	    return;
+	    for (var i = 1; i < queuedDiscreteEvents.length; i++) {
+	      var queuedEvent = queuedDiscreteEvents[i];
+
+	      if (queuedEvent.blockedOn === unblocked) {
+	        queuedEvent.blockedOn = null;
+	      }
+	    }
 	  }
 
-	  var nativeEventTarget = getEventTarget(nativeEvent);
-	  var targetInst = getClosestInstanceFromNode(nativeEventTarget);
-	  if (targetInst !== null && typeof targetInst.tag === 'number' && !isFiberMounted(targetInst)) {
-	    // If we get an event (ex: img onload) before committing that
-	    // component's mount, ignore it for now (that is, treat it as if it was an
-	    // event on a non-React tree). We might also consider queueing events and
-	    // dispatching them after the mount.
-	    targetInst = null;
+	  if (queuedFocus !== null) {
+	    scheduleCallbackIfUnblocked(queuedFocus, unblocked);
 	  }
 
-	  var bookKeeping = getTopLevelCallbackBookKeeping(topLevelType, nativeEvent, targetInst);
+	  if (queuedDrag !== null) {
+	    scheduleCallbackIfUnblocked(queuedDrag, unblocked);
+	  }
 
-	  try {
-	    // Event queue being processed in the same cycle allows
-	    // `preventDefault`.
-	    batchedUpdates(handleTopLevel, bookKeeping);
-	  } finally {
-	    releaseTopLevelCallbackBookKeeping(bookKeeping);
+	  if (queuedMouse !== null) {
+	    scheduleCallbackIfUnblocked(queuedMouse, unblocked);
 	  }
-	}
 
-	/**
-	 * Summary of `ReactBrowserEventEmitter` event handling:
-	 *
-	 *  - Top-level delegation is used to trap most native browser events. This
-	 *    may only occur in the main thread and is the responsibility of
-	 *    ReactDOMEventListener, which is injected and can therefore support
-	 *    pluggable event sources. This is the only work that occurs in the main
-	 *    thread.
-	 *
-	 *  - We normalize and de-duplicate events to account for browser quirks. This
-	 *    may be done in the worker thread.
-	 *
-	 *  - Forward these native events (with the associated top-level type used to
-	 *    trap it) to `EventPluginHub`, which in turn will ask plugins if they want
-	 *    to extract any synthetic events.
-	 *
-	 *  - The `EventPluginHub` will then process each event by annotating them with
-	 *    "dispatches", a sequence of listeners and IDs that care about that event.
-	 *
-	 *  - The `EventPluginHub` then dispatches the events.
-	 *
-	 * Overview of React and the event system:
-	 *
-	 * +------------+    .
-	 * |    DOM     |    .
-	 * +------------+    .
-	 *       |           .
-	 *       v           .
-	 * +------------+    .
-	 * | ReactEvent |    .
-	 * |  Listener  |    .
-	 * +------------+    .                         +-----------+
-	 *       |           .               +--------+|SimpleEvent|
-	 *       |           .               |         |Plugin     |
-	 * +-----|------+    .               v         +-----------+
-	 * |     |      |    .    +--------------+                    +------------+
-	 * |     +-----------.--->|EventPluginHub|                    |    Event   |
-	 * |            |    .    |              |     +-----------+  | Propagators|
-	 * | ReactEvent |    .    |              |     |TapEvent   |  |------------|
-	 * |  Emitter   |    .    |              |<---+|Plugin     |  |other plugin|
-	 * |            |    .    |              |     +-----------+  |  utilities |
-	 * |     +-----------.--->|              |                    +------------+
-	 * |     |      |    .    +--------------+
-	 * +-----|------+    .                ^        +-----------+
-	 *       |           .                |        |Enter/Leave|
-	 *       +           .                +-------+|Plugin     |
-	 * +-------------+   .                         +-----------+
-	 * | application |   .
-	 * |-------------|   .
-	 * |             |   .
-	 * |             |   .
-	 * +-------------+   .
-	 *                   .
-	 *    React Core     .  General Purpose Event Plugin System
-	 */
+	  var unblock = function (queuedEvent) {
+	    return scheduleCallbackIfUnblocked(queuedEvent, unblocked);
+	  };
 
-	var alreadyListeningTo = {};
-	var reactTopListenersCounter = 0;
+	  queuedPointers.forEach(unblock);
+	  queuedPointerCaptures.forEach(unblock);
 
-	/**
-	 * To ensure no conflicts with other potential React instances on the page
-	 */
-	var topListenersIDKey = '_reactListenersID' + ('' + Math.random()).slice(2);
+	  for (var _i = 0; _i < queuedExplicitHydrationTargets.length; _i++) {
+	    var queuedTarget = queuedExplicitHydrationTargets[_i];
 
-	function getListeningForDocument(mountAt) {
-	  // In IE8, `mountAt` is a host object and doesn't have `hasOwnProperty`
-	  // directly.
-	  if (!Object.prototype.hasOwnProperty.call(mountAt, topListenersIDKey)) {
-	    mountAt[topListenersIDKey] = reactTopListenersCounter++;
-	    alreadyListeningTo[mountAt[topListenersIDKey]] = {};
+	    if (queuedTarget.blockedOn === unblocked) {
+	      queuedTarget.blockedOn = null;
+	    }
 	  }
-	  return alreadyListeningTo[mountAt[topListenersIDKey]];
-	}
 
-	/**
-	 * We listen for bubbled touch events on the document object.
-	 *
-	 * Firefox v8.01 (and possibly others) exhibited strange behavior when
-	 * mounting `onmousemove` events at some node that was not the document
-	 * element. The symptoms were that if your mouse is not moving over something
-	 * contained within that mount point (for example on the background) the
-	 * top-level listeners for `onmousemove` won't be called. However, if you
-	 * register the `mousemove` on the document object, then it will of course
-	 * catch all `mousemove`s. This along with iOS quirks, justifies restricting
-	 * top-level listeners to the document object only, at least for these
-	 * movement types of events and possibly all events.
-	 *
-	 * @see http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html
-	 *
-	 * Also, `keyup`/`keypress`/`keydown` do not bubble to the window on IE, but
-	 * they bubble to document.
-	 *
-	 * @param {string} registrationName Name of listener (e.g. `onClick`).
-	 * @param {object} mountAt Container where to mount the listener
-	 */
-	function listenTo(registrationName, mountAt) {
-	  var isListening = getListeningForDocument(mountAt);
-	  var dependencies = registrationNameDependencies[registrationName];
+	  while (queuedExplicitHydrationTargets.length > 0) {
+	    var nextExplicitTarget = queuedExplicitHydrationTargets[0];
 
-	  for (var i = 0; i < dependencies.length; i++) {
-	    var dependency = dependencies[i];
-	    if (!(isListening.hasOwnProperty(dependency) && isListening[dependency])) {
-	      switch (dependency) {
-	        case TOP_SCROLL:
-	          trapCapturedEvent(TOP_SCROLL, mountAt);
-	          break;
-	        case TOP_FOCUS:
-	        case TOP_BLUR:
-	          trapCapturedEvent(TOP_FOCUS, mountAt);
-	          trapCapturedEvent(TOP_BLUR, mountAt);
-	          // We set the flag for a single dependency later in this function,
-	          // but this ensures we mark both as attached rather than just one.
-	          isListening[TOP_BLUR] = true;
-	          isListening[TOP_FOCUS] = true;
-	          break;
-	        case TOP_CANCEL:
-	        case TOP_CLOSE:
-	          if (isEventSupported(getRawEventName(dependency))) {
-	            trapCapturedEvent(dependency, mountAt);
-	          }
-	          break;
-	        case TOP_INVALID:
-	        case TOP_SUBMIT:
-	        case TOP_RESET:
-	          // We listen to them on the target DOM elements.
-	          // Some of them bubble so we don't want them to fire twice.
-	          break;
-	        default:
-	          // By default, listen on the top level to all non-media events.
-	          // Media events don't bubble so adding the listener wouldn't do anything.
-	          var isMediaEvent = mediaEventTypes.indexOf(dependency) !== -1;
-	          if (!isMediaEvent) {
-	            trapBubbledEvent(dependency, mountAt);
-	          }
-	          break;
+	    if (nextExplicitTarget.blockedOn !== null) {
+	      // We're still blocked.
+	      break;
+	    } else {
+	      attemptExplicitHydrationTarget(nextExplicitTarget);
+
+	      if (nextExplicitTarget.blockedOn === null) {
+	        // We're unblocked.
+	        queuedExplicitHydrationTargets.shift();
 	      }
-	      isListening[dependency] = true;
 	    }
 	  }
 	}
 
-	function isListeningToAllDependencies(registrationName, mountAt) {
-	  var isListening = getListeningForDocument(mountAt);
-	  var dependencies = registrationNameDependencies[registrationName];
-	  for (var i = 0; i < dependencies.length; i++) {
-	    var dependency = dependencies[i];
-	    if (!(isListening.hasOwnProperty(dependency) && isListening[dependency])) {
-	      return false;
-	    }
-	  }
-	  return true;
+	function addEventBubbleListener(element, eventType, listener) {
+	  element.addEventListener(eventType, listener, false);
 	}
-
-	function getActiveElement(doc) {
-	  doc = doc || (typeof document !== 'undefined' ? document : undefined);
-	  if (typeof doc === 'undefined') {
-	    return null;
-	  }
-	  try {
-	    return doc.activeElement || doc.body;
-	  } catch (e) {
-	    return doc.body;
-	  }
+	function addEventCaptureListener(element, eventType, listener) {
+	  element.addEventListener(eventType, listener, true);
 	}
-
-	/**
-	 * Given any node return the first leaf node without children.
-	 *
-	 * @param {DOMElement|DOMTextNode} node
-	 * @return {DOMElement|DOMTextNode}
-	 */
-	function getLeafNode(node) {
-	  while (node && node.firstChild) {
-	    node = node.firstChild;
-	  }
-	  return node;
+	function addEventCaptureListenerWithPassiveFlag(element, eventType, listener, passive) {
+	  element.addEventListener(eventType, listener, {
+	    capture: true,
+	    passive: passive
+	  });
 	}
 
 	/**
-	 * Get the next sibling within a container. This will walk up the
-	 * DOM if a node's siblings have been exhausted.
+	 * Gets the target node from a native browser event by accounting for
+	 * inconsistencies in browser DOM APIs.
 	 *
-	 * @param {DOMElement|DOMTextNode} node
-	 * @return {?DOMElement|DOMTextNode}
+	 * @param {object} nativeEvent Native browser event.
+	 * @return {DOMEventTarget} Target node.
 	 */
-	function getSiblingNode(node) {
-	  while (node) {
-	    if (node.nextSibling) {
-	      return node.nextSibling;
-	    }
-	    node = node.parentNode;
-	  }
-	}
 
-	/**
-	 * Get object describing the nodes which contain characters at offset.
-	 *
-	 * @param {DOMElement|DOMTextNode} root
-	 * @param {number} offset
-	 * @return {?object}
-	 */
-	function getNodeForCharacterOffset(root, offset) {
-	  var node = getLeafNode(root);
-	  var nodeStart = 0;
-	  var nodeEnd = 0;
+	function getEventTarget(nativeEvent) {
+	  // Fallback to nativeEvent.srcElement for IE9
+	  // https://github.com/facebook/react/issues/12506
+	  var target = nativeEvent.target || nativeEvent.srcElement || window; // Normalize SVG <use> element events #4963
 
-	  while (node) {
-	    if (node.nodeType === TEXT_NODE) {
-	      nodeEnd = nodeStart + node.textContent.length;
+	  if (target.correspondingUseElement) {
+	    target = target.correspondingUseElement;
+	  } // Safari may fire events on text nodes (Node.TEXT_NODE is 3).
+	  // @see http://www.quirksmode.org/js/events_properties.html
 
-	      if (nodeStart <= offset && nodeEnd >= offset) {
-	        return {
-	          node: node,
-	          offset: offset - nodeStart
-	        };
-	      }
 
-	      nodeStart = nodeEnd;
-	    }
+	  return target.nodeType === TEXT_NODE ? target.parentNode : target;
+	}
 
-	    node = getLeafNode(getSiblingNode(node));
+	function getParent(inst) {
+	  do {
+	    inst = inst.return; // TODO: If this is a HostRoot we might want to bail out.
+	    // That is depending on if we want nested subtrees (layers) to bubble
+	    // events to their parent. We could also go through parentNode on the
+	    // host node but that wouldn't work for React Native and doesn't let us
+	    // do the portal feature.
+	  } while (inst && inst.tag !== HostComponent);
+
+	  if (inst) {
+	    return inst;
 	  }
-	}
 
+	  return null;
+	}
 	/**
-	 * @param {DOMElement} outerNode
-	 * @return {?object}
+	 * Return the lowest common ancestor of A and B, or null if they are in
+	 * different trees.
 	 */
-	function getOffsets(outerNode) {
-	  var ownerDocument = outerNode.ownerDocument;
 
-	  var win = ownerDocument && ownerDocument.defaultView || window;
-	  var selection = win.getSelection && win.getSelection();
 
-	  if (!selection || selection.rangeCount === 0) {
-	    return null;
+	function getLowestCommonAncestor(instA, instB) {
+	  var depthA = 0;
+
+	  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
+	    depthA++;
 	  }
 
-	  var anchorNode = selection.anchorNode,
-	      anchorOffset = selection.anchorOffset,
-	      focusNode = selection.focusNode,
-	      focusOffset = selection.focusOffset;
+	  var depthB = 0;
 
-	  // In Firefox, anchorNode and focusNode can be "anonymous divs", e.g. the
-	  // up/down buttons on an <input type="number">. Anonymous divs do not seem to
-	  // expose properties, triggering a "Permission denied error" if any of its
-	  // properties are accessed. The only seemingly possible way to avoid erroring
-	  // is to access a property that typically works for non-anonymous divs and
-	  // catch any error that may otherwise arise. See
-	  // https://bugzilla.mozilla.org/show_bug.cgi?id=208427
+	  for (var tempB = instB; tempB; tempB = getParent(tempB)) {
+	    depthB++;
+	  } // If A is deeper, crawl up.
 
-	  try {
-	    /* eslint-disable no-unused-expressions */
-	    anchorNode.nodeType;
-	    focusNode.nodeType;
-	    /* eslint-enable no-unused-expressions */
-	  } catch (e) {
-	    return null;
+
+	  while (depthA - depthB > 0) {
+	    instA = getParent(instA);
+	    depthA--;
+	  } // If B is deeper, crawl up.
+
+
+	  while (depthB - depthA > 0) {
+	    instB = getParent(instB);
+	    depthB--;
+	  } // Walk in lockstep until we find a match.
+
+
+	  var depth = depthA;
+
+	  while (depth--) {
+	    if (instA === instB || instA === instB.alternate) {
+	      return instA;
+	    }
+
+	    instA = getParent(instA);
+	    instB = getParent(instB);
 	  }
 
-	  return getModernOffsetsFromPoints(outerNode, anchorNode, anchorOffset, focusNode, focusOffset);
+	  return null;
 	}
-
 	/**
-	 * Returns {start, end} where `start` is the character/codepoint index of
-	 * (anchorNode, anchorOffset) within the textContent of `outerNode`, and
-	 * `end` is the index of (focusNode, focusOffset).
-	 *
-	 * Returns null if you pass in garbage input but we should probably just crash.
-	 *
-	 * Exported only for testing.
+	 * Return if A is an ancestor of B.
 	 */
-	function getModernOffsetsFromPoints(outerNode, anchorNode, anchorOffset, focusNode, focusOffset) {
-	  var length = 0;
-	  var start = -1;
-	  var end = -1;
-	  var indexWithinAnchor = 0;
-	  var indexWithinFocus = 0;
-	  var node = outerNode;
-	  var parentNode = null;
 
-	  outer: while (true) {
-	    var next = null;
 
-	    while (true) {
-	      if (node === anchorNode && (anchorOffset === 0 || node.nodeType === TEXT_NODE)) {
-	        start = length + anchorOffset;
-	      }
-	      if (node === focusNode && (focusOffset === 0 || node.nodeType === TEXT_NODE)) {
-	        end = length + focusOffset;
-	      }
+	/**
+	 * Return the parent instance of the passed-in instance.
+	 */
 
-	      if (node.nodeType === TEXT_NODE) {
-	        length += node.nodeValue.length;
-	      }
 
-	      if ((next = node.firstChild) === null) {
-	        break;
-	      }
-	      // Moving from `node` to its first child `next`.
-	      parentNode = node;
-	      node = next;
-	    }
+	/**
+	 * Simulates the traversal of a two-phase, capture/bubble event dispatch.
+	 */
 
-	    while (true) {
-	      if (node === outerNode) {
-	        // If `outerNode` has children, this is always the second time visiting
-	        // it. If it has no children, this is still the first loop, and the only
-	        // valid selection is anchorNode and focusNode both equal to this node
-	        // and both offsets 0, in which case we will have handled above.
-	        break outer;
-	      }
-	      if (parentNode === anchorNode && ++indexWithinAnchor === anchorOffset) {
-	        start = length;
-	      }
-	      if (parentNode === focusNode && ++indexWithinFocus === focusOffset) {
-	        end = length;
-	      }
-	      if ((next = node.nextSibling) !== null) {
-	        break;
-	      }
-	      node = parentNode;
-	      parentNode = node.parentNode;
-	    }
+	function traverseTwoPhase(inst, fn, arg) {
+	  var path = [];
 
-	    // Moving from `node` to its next sibling `next`.
-	    node = next;
+	  while (inst) {
+	    path.push(inst);
+	    inst = getParent(inst);
 	  }
 
-	  if (start === -1 || end === -1) {
-	    // This should never happen. (Would happen if the anchor/focus nodes aren't
-	    // actually inside the passed-in node.)
-	    return null;
+	  var i;
+
+	  for (i = path.length; i-- > 0;) {
+	    fn(path[i], 'captured', arg);
 	  }
 
-	  return {
-	    start: start,
-	    end: end
-	  };
+	  for (i = 0; i < path.length; i++) {
+	    fn(path[i], 'bubbled', arg);
+	  }
 	}
-
 	/**
-	 * In modern non-IE browsers, we can support both forward and backward
-	 * selections.
-	 *
-	 * Note: IE10+ supports the Selection object, but it does not support
-	 * the `extend` method, which means that even in modern IE, it's not possible
-	 * to programmatically create a backward selection. Thus, for all IE
-	 * versions, we use the old IE API to create our selections.
+	 * Traverses the ID hierarchy and invokes the supplied `cb` on any IDs that
+	 * should would receive a `mouseEnter` or `mouseLeave` event.
 	 *
-	 * @param {DOMElement|DOMTextNode} node
-	 * @param {object} offsets
+	 * Does not invoke the callback on the nearest common ancestor because nothing
+	 * "entered" or "left" that element.
 	 */
-	function setOffsets(node, offsets) {
-	  var doc = node.ownerDocument || document;
-	  var win = doc && doc.defaultView || window;
 
-	  // Edge fails with "Object expected" in some scenarios.
-	  // (For instance: TinyMCE editor used in a list component that supports pasting to add more,
-	  // fails when pasting 100+ items)
-	  if (!win.getSelection) {
-	    return;
-	  }
+	function traverseEnterLeave(from, to, fn, argFrom, argTo) {
+	  var common = from && to ? getLowestCommonAncestor(from, to) : null;
+	  var pathFrom = [];
 
-	  var selection = win.getSelection();
-	  var length = node.textContent.length;
-	  var start = Math.min(offsets.start, length);
-	  var end = offsets.end === undefined ? start : Math.min(offsets.end, length);
+	  while (true) {
+	    if (!from) {
+	      break;
+	    }
 
-	  // IE 11 uses modern selection, but doesn't support the extend method.
-	  // Flip backward selections, so we can set with a single range.
-	  if (!selection.extend && start > end) {
-	    var temp = end;
-	    end = start;
-	    start = temp;
-	  }
+	    if (from === common) {
+	      break;
+	    }
 
-	  var startMarker = getNodeForCharacterOffset(node, start);
-	  var endMarker = getNodeForCharacterOffset(node, end);
+	    var alternate = from.alternate;
 
-	  if (startMarker && endMarker) {
-	    if (selection.rangeCount === 1 && selection.anchorNode === startMarker.node && selection.anchorOffset === startMarker.offset && selection.focusNode === endMarker.node && selection.focusOffset === endMarker.offset) {
-	      return;
+	    if (alternate !== null && alternate === common) {
+	      break;
 	    }
-	    var range = doc.createRange();
-	    range.setStart(startMarker.node, startMarker.offset);
-	    selection.removeAllRanges();
 
-	    if (start > end) {
-	      selection.addRange(range);
-	      selection.extend(endMarker.node, endMarker.offset);
-	    } else {
-	      range.setEnd(endMarker.node, endMarker.offset);
-	      selection.addRange(range);
-	    }
+	    pathFrom.push(from);
+	    from = getParent(from);
 	  }
-	}
 
-	function isTextNode(node) {
-	  return node && node.nodeType === TEXT_NODE;
-	}
+	  var pathTo = [];
 
-	function containsNode(outerNode, innerNode) {
-	  if (!outerNode || !innerNode) {
-	    return false;
-	  } else if (outerNode === innerNode) {
-	    return true;
-	  } else if (isTextNode(outerNode)) {
-	    return false;
-	  } else if (isTextNode(innerNode)) {
-	    return containsNode(outerNode, innerNode.parentNode);
-	  } else if ('contains' in outerNode) {
-	    return outerNode.contains(innerNode);
-	  } else if (outerNode.compareDocumentPosition) {
-	    return !!(outerNode.compareDocumentPosition(innerNode) & 16);
-	  } else {
-	    return false;
-	  }
-	}
+	  while (true) {
+	    if (!to) {
+	      break;
+	    }
 
-	function isInDocument(node) {
-	  return node && node.ownerDocument && containsNode(node.ownerDocument.documentElement, node);
-	}
+	    if (to === common) {
+	      break;
+	    }
 
-	function isSameOriginFrame(iframe) {
-	  try {
-	    // Accessing the contentDocument of a HTMLIframeElement can cause the browser
-	    // to throw, e.g. if it has a cross-origin src attribute.
-	    // Safari will show an error in the console when the access results in "Blocked a frame with origin". e.g:
-	    // iframe.contentDocument.defaultView;
-	    // A safety way is to access one of the cross origin properties: Window or Location
-	    // Which might result in "SecurityError" DOM Exception and it is compatible to Safari.
-	    // https://html.spec.whatwg.org/multipage/browsers.html#integration-with-idl
+	    var _alternate = to.alternate;
 
-	    return typeof iframe.contentWindow.location.href === 'string';
-	  } catch (err) {
-	    return false;
+	    if (_alternate !== null && _alternate === common) {
+	      break;
+	    }
+
+	    pathTo.push(to);
+	    to = getParent(to);
 	  }
-	}
 
-	function getActiveElementDeep() {
-	  var win = window;
-	  var element = getActiveElement();
-	  while (element instanceof win.HTMLIFrameElement) {
-	    if (isSameOriginFrame(element)) {
-	      win = element.contentWindow;
-	    } else {
-	      return element;
-	    }
-	    element = getActiveElement(win.document);
+	  for (var i = 0; i < pathFrom.length; i++) {
+	    fn(pathFrom[i], 'bubbled', argFrom);
+	  }
+
+	  for (var _i = pathTo.length; _i-- > 0;) {
+	    fn(pathTo[_i], 'captured', argTo);
 	  }
-	  return element;
 	}
 
 	/**
-	 * @ReactInputSelection: React input selection module. Based on Selection.js,
-	 * but modified to be suitable for react and has a couple of bug fixes (doesn't
-	 * assume buttons have range selections allowed).
-	 * Input selection module for React.
+	 * Some event types have a notion of different registration names for different
+	 * "phases" of propagation. This finds listeners by a given phase.
 	 */
-
+	function listenerAtPhase(inst, event, propagationPhase) {
+	  var registrationName = event.dispatchConfig.phasedRegistrationNames[propagationPhase];
+	  return getListener(inst, registrationName);
+	}
 	/**
-	 * @hasSelectionCapabilities: we get the element types that support selection
-	 * from https://html.spec.whatwg.org/#do-not-apply, looking at `selectionStart`
-	 * and `selectionEnd` rows.
+	 * A small set of propagation patterns, each of which will accept a small amount
+	 * of information, and generate a set of "dispatch ready event objects" - which
+	 * are sets of events that have already been annotated with a set of dispatched
+	 * listener functions/ids. The API is designed this way to discourage these
+	 * propagation strategies from actually executing the dispatches, since we
+	 * always want to collect the entire set of dispatches before executing even a
+	 * single one.
 	 */
-	function hasSelectionCapabilities(elem) {
-	  var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-	  return nodeName && (nodeName === 'input' && (elem.type === 'text' || elem.type === 'search' || elem.type === 'tel' || elem.type === 'url' || elem.type === 'password') || nodeName === 'textarea' || elem.contentEditable === 'true');
-	}
-
-	function getSelectionInformation() {
-	  var focusedElem = getActiveElementDeep();
-	  return {
-	    focusedElem: focusedElem,
-	    selectionRange: hasSelectionCapabilities(focusedElem) ? getSelection$1(focusedElem) : null
-	  };
-	}
 
 	/**
-	 * @restoreSelection: If any selection information was potentially lost,
-	 * restore it. This is useful when performing operations that could remove dom
-	 * nodes and place them back in, resulting in focus being lost.
+	 * Tags a `SyntheticEvent` with dispatched listeners. Creating this function
+	 * here, allows us to not have to bind or create functions for each event.
+	 * Mutating the event's members allows us to not have to create a wrapping
+	 * "dispatch" object that pairs the event with the listener.
 	 */
-	function restoreSelection(priorSelectionInformation) {
-	  var curFocusedElem = getActiveElementDeep();
-	  var priorFocusedElem = priorSelectionInformation.focusedElem;
-	  var priorSelectionRange = priorSelectionInformation.selectionRange;
-	  if (curFocusedElem !== priorFocusedElem && isInDocument(priorFocusedElem)) {
-	    if (priorSelectionRange !== null && hasSelectionCapabilities(priorFocusedElem)) {
-	      setSelection(priorFocusedElem, priorSelectionRange);
-	    }
 
-	    // Focusing a node can change the scroll position, which is undesirable
-	    var ancestors = [];
-	    var ancestor = priorFocusedElem;
-	    while (ancestor = ancestor.parentNode) {
-	      if (ancestor.nodeType === ELEMENT_NODE) {
-	        ancestors.push({
-	          element: ancestor,
-	          left: ancestor.scrollLeft,
-	          top: ancestor.scrollTop
-	        });
-	      }
-	    }
 
-	    if (typeof priorFocusedElem.focus === 'function') {
-	      priorFocusedElem.focus();
-	    }
+	function accumulateDirectionalDispatches(inst, phase, event) {
+	  {
+	    !inst ? warningWithoutStack$1(false, 'Dispatching inst must not be null') : void 0;
+	  }
 
-	    for (var i = 0; i < ancestors.length; i++) {
-	      var info = ancestors[i];
-	      info.element.scrollLeft = info.left;
-	      info.element.scrollTop = info.top;
-	    }
+	  var listener = listenerAtPhase(inst, event, phase);
+
+	  if (listener) {
+	    event._dispatchListeners = accumulateInto(event._dispatchListeners, listener);
+	    event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
 	  }
 	}
-
 	/**
-	 * @getSelection: Gets the selection bounds of a focused textarea, input or
-	 * contentEditable node.
-	 * -@input: Look up selection bounds of this input
-	 * -@return {start: selectionStart, end: selectionEnd}
+	 * Collect dispatches (must be entirely collected before dispatching - see unit
+	 * tests). Lazily allocate the array to conserve memory.  We must loop through
+	 * each event and perform the traversal for each one. We cannot perform a
+	 * single traversal for the entire collection of events because each event may
+	 * have a different target.
 	 */
-	function getSelection$1(input) {
-	  var selection = void 0;
 
-	  if ('selectionStart' in input) {
-	    // Modern browser with input or textarea.
-	    selection = {
-	      start: input.selectionStart,
-	      end: input.selectionEnd
-	    };
-	  } else {
-	    // Content editable or old IE textarea.
-	    selection = getOffsets(input);
-	  }
 
-	  return selection || { start: 0, end: 0 };
+	function accumulateTwoPhaseDispatchesSingle(event) {
+	  if (event && event.dispatchConfig.phasedRegistrationNames) {
+	    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+	  }
 	}
-
 	/**
-	 * @setSelection: Sets the selection bounds of a textarea or input and focuses
-	 * the input.
-	 * -@input     Set selection bounds of this input or textarea
-	 * -@offsets   Object of same form that is returned from get*
+	 * Accumulates without regard to direction, does not look for phased
+	 * registration names. Same as `accumulateDirectDispatchesSingle` but without
+	 * requiring that the `dispatchMarker` be the same as the dispatched ID.
 	 */
-	function setSelection(input, offsets) {
-	  var start = offsets.start,
-	      end = offsets.end;
 
-	  if (end === undefined) {
-	    end = start;
-	  }
 
-	  if ('selectionStart' in input) {
-	    input.selectionStart = start;
-	    input.selectionEnd = Math.min(end, input.value.length);
-	  } else {
-	    setOffsets(input, offsets);
+	function accumulateDispatches(inst, ignoredDirection, event) {
+	  if (inst && event && event.dispatchConfig.registrationName) {
+	    var registrationName = event.dispatchConfig.registrationName;
+	    var listener = getListener(inst, registrationName);
+
+	    if (listener) {
+	      event._dispatchListeners = accumulateInto(event._dispatchListeners, listener);
+	      event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+	    }
 	  }
 	}
+	/**
+	 * Accumulates dispatches on an `SyntheticEvent`, but only for the
+	 * `dispatchMarker`.
+	 * @param {SyntheticEvent} event
+	 */
 
-	var skipSelectionChangeEvent = canUseDOM && 'documentMode' in document && document.documentMode <= 11;
 
-	var eventTypes$3 = {
-	  select: {
-	    phasedRegistrationNames: {
-	      bubbled: 'onSelect',
-	      captured: 'onSelectCapture'
-	    },
-	    dependencies: [TOP_BLUR, TOP_CONTEXT_MENU, TOP_DRAG_END, TOP_FOCUS, TOP_KEY_DOWN, TOP_KEY_UP, TOP_MOUSE_DOWN, TOP_MOUSE_UP, TOP_SELECTION_CHANGE]
+	function accumulateDirectDispatchesSingle(event) {
+	  if (event && event.dispatchConfig.registrationName) {
+	    accumulateDispatches(event._targetInst, null, event);
 	  }
-	};
+	}
 
-	var activeElement$1 = null;
-	var activeElementInst$1 = null;
-	var lastSelection = null;
-	var mouseDown = false;
+	function accumulateTwoPhaseDispatches(events) {
+	  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+	}
 
-	/**
-	 * Get an object which is a unique representation of the current selection.
-	 *
-	 * The return value will not be consistent across nodes or browsers, but
-	 * two identical selections on the same node will return identical objects.
-	 *
-	 * @param {DOMElement} node
-	 * @return {object}
-	 */
-	function getSelection(node) {
-	  if ('selectionStart' in node && hasSelectionCapabilities(node)) {
-	    return {
-	      start: node.selectionStart,
-	      end: node.selectionEnd
-	    };
-	  } else {
-	    var win = node.ownerDocument && node.ownerDocument.defaultView || window;
-	    var selection = win.getSelection();
-	    return {
-	      anchorNode: selection.anchorNode,
-	      anchorOffset: selection.anchorOffset,
-	      focusNode: selection.focusNode,
-	      focusOffset: selection.focusOffset
-	    };
-	  }
+	function accumulateEnterLeaveDispatches(leave, enter, from, to) {
+	  traverseEnterLeave(from, to, accumulateDispatches, leave, enter);
+	}
+	function accumulateDirectDispatches(events) {
+	  forEachAccumulated(events, accumulateDirectDispatchesSingle);
 	}
 
+	/* eslint valid-typeof: 0 */
+	var EVENT_POOL_SIZE = 10;
 	/**
-	 * Get document associated with the event target.
-	 *
-	 * @param {object} nativeEventTarget
-	 * @return {Document}
+	 * @interface Event
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
 	 */
-	function getEventTargetDocument(eventTarget) {
-	  return eventTarget.window === eventTarget ? eventTarget.document : eventTarget.nodeType === DOCUMENT_NODE ? eventTarget : eventTarget.ownerDocument;
+
+	var EventInterface = {
+	  type: null,
+	  target: null,
+	  // currentTarget is set when dispatching; no use in copying it here
+	  currentTarget: function () {
+	    return null;
+	  },
+	  eventPhase: null,
+	  bubbles: null,
+	  cancelable: null,
+	  timeStamp: function (event) {
+	    return event.timeStamp || Date.now();
+	  },
+	  defaultPrevented: null,
+	  isTrusted: null
+	};
+
+	function functionThatReturnsTrue() {
+	  return true;
 	}
 
+	function functionThatReturnsFalse() {
+	  return false;
+	}
 	/**
-	 * Poll selection to see whether it's changed.
+	 * Synthetic events are dispatched by event plugins, typically in response to a
+	 * top-level event delegation handler.
 	 *
-	 * @param {object} nativeEvent
-	 * @param {object} nativeEventTarget
-	 * @return {?SyntheticEvent}
+	 * These systems should generally use pooling to reduce the frequency of garbage
+	 * collection. The system should check `isPersistent` to determine whether the
+	 * event should be released into the pool after being dispatched. Users that
+	 * need a persisted event should invoke `persist`.
+	 *
+	 * Synthetic events (and subclasses) implement the DOM Level 3 Events API by
+	 * normalizing browser quirks. Subclasses do not necessarily have to implement a
+	 * DOM interface; custom application-specific events can also subclass this.
+	 *
+	 * @param {object} dispatchConfig Configuration used to dispatch this event.
+	 * @param {*} targetInst Marker identifying the event target.
+	 * @param {object} nativeEvent Native browser event.
+	 * @param {DOMEventTarget} nativeEventTarget Target node.
 	 */
-	function constructSelectEvent(nativeEvent, nativeEventTarget) {
-	  // Ensure we have the right element, and that the user is not dragging a
-	  // selection (this matches native `select` event behavior). In HTML5, select
-	  // fires only on input and textarea thus if there's no focused element we
-	  // won't dispatch.
-	  var doc = getEventTargetDocument(nativeEventTarget);
 
-	  if (mouseDown || activeElement$1 == null || activeElement$1 !== getActiveElement(doc)) {
-	    return null;
+
+	function SyntheticEvent(dispatchConfig, targetInst, nativeEvent, nativeEventTarget) {
+	  {
+	    // these have a getter/setter for warnings
+	    delete this.nativeEvent;
+	    delete this.preventDefault;
+	    delete this.stopPropagation;
+	    delete this.isDefaultPrevented;
+	    delete this.isPropagationStopped;
 	  }
 
-	  // Only fire when selection has actually changed.
-	  var currentSelection = getSelection(activeElement$1);
-	  if (!lastSelection || !shallowEqual(lastSelection, currentSelection)) {
-	    lastSelection = currentSelection;
+	  this.dispatchConfig = dispatchConfig;
+	  this._targetInst = targetInst;
+	  this.nativeEvent = nativeEvent;
+	  var Interface = this.constructor.Interface;
 
-	    var syntheticEvent = SyntheticEvent.getPooled(eventTypes$3.select, activeElementInst$1, nativeEvent, nativeEventTarget);
+	  for (var propName in Interface) {
+	    if (!Interface.hasOwnProperty(propName)) {
+	      continue;
+	    }
 
-	    syntheticEvent.type = 'select';
-	    syntheticEvent.target = activeElement$1;
+	    {
+	      delete this[propName]; // this has a getter/setter for warnings
+	    }
 
-	    accumulateTwoPhaseDispatches(syntheticEvent);
+	    var normalize = Interface[propName];
 
-	    return syntheticEvent;
+	    if (normalize) {
+	      this[propName] = normalize(nativeEvent);
+	    } else {
+	      if (propName === 'target') {
+	        this.target = nativeEventTarget;
+	      } else {
+	        this[propName] = nativeEvent[propName];
+	      }
+	    }
 	  }
 
-	  return null;
+	  var defaultPrevented = nativeEvent.defaultPrevented != null ? nativeEvent.defaultPrevented : nativeEvent.returnValue === false;
+
+	  if (defaultPrevented) {
+	    this.isDefaultPrevented = functionThatReturnsTrue;
+	  } else {
+	    this.isDefaultPrevented = functionThatReturnsFalse;
+	  }
+
+	  this.isPropagationStopped = functionThatReturnsFalse;
+	  return this;
 	}
 
-	/**
-	 * This plugin creates an `onSelect` event that normalizes select events
-	 * across form elements.
-	 *
-	 * Supported elements are:
-	 * - input (see `isTextInputElement`)
-	 * - textarea
-	 * - contentEditable
-	 *
-	 * This differs from native browser implementations in the following ways:
-	 * - Fires on contentEditable fields as well as inputs.
-	 * - Fires for collapsed selection.
-	 * - Fires after user input.
-	 */
-	var SelectEventPlugin = {
-	  eventTypes: eventTypes$3,
+	_assign(SyntheticEvent.prototype, {
+	  preventDefault: function () {
+	    this.defaultPrevented = true;
+	    var event = this.nativeEvent;
 
-	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget) {
-	    var doc = getEventTargetDocument(nativeEventTarget);
-	    // Track whether all listeners exists for this plugin. If none exist, we do
-	    // not extract events. See #3639.
-	    if (!doc || !isListeningToAllDependencies('onSelect', doc)) {
-	      return null;
+	    if (!event) {
+	      return;
 	    }
 
-	    var targetNode = targetInst ? getNodeFromInstance$1(targetInst) : window;
+	    if (event.preventDefault) {
+	      event.preventDefault();
+	    } else if (typeof event.returnValue !== 'unknown') {
+	      event.returnValue = false;
+	    }
 
-	    switch (topLevelType) {
-	      // Track the input node that has focus.
-	      case TOP_FOCUS:
-	        if (isTextInputElement(targetNode) || targetNode.contentEditable === 'true') {
-	          activeElement$1 = targetNode;
-	          activeElementInst$1 = targetInst;
-	          lastSelection = null;
-	        }
-	        break;
-	      case TOP_BLUR:
-	        activeElement$1 = null;
-	        activeElementInst$1 = null;
-	        lastSelection = null;
-	        break;
-	      // Don't fire the event while the user is dragging. This matches the
-	      // semantics of the native select event.
-	      case TOP_MOUSE_DOWN:
-	        mouseDown = true;
-	        break;
-	      case TOP_CONTEXT_MENU:
-	      case TOP_MOUSE_UP:
-	      case TOP_DRAG_END:
-	        mouseDown = false;
-	        return constructSelectEvent(nativeEvent, nativeEventTarget);
-	      // Chrome and IE fire non-standard event when selection is changed (and
-	      // sometimes when it hasn't). IE's event fires out of order with respect
-	      // to key and input events on deletion, so we discard it.
-	      //
-	      // Firefox doesn't support selectionchange, so check selection status
-	      // after each key entry. The selection changes after keydown and before
-	      // keyup, but we check on keydown as well in the case of holding down a
-	      // key, when multiple keydown events are fired but only one keyup is.
-	      // This is also our approach for IE handling, for the reason above.
-	      case TOP_SELECTION_CHANGE:
-	        if (skipSelectionChangeEvent) {
-	          break;
-	        }
-	      // falls through
-	      case TOP_KEY_DOWN:
-	      case TOP_KEY_UP:
-	        return constructSelectEvent(nativeEvent, nativeEventTarget);
-	    }
-
-	    return null;
-	  }
-	};
-
-	/**
-	 * Inject modules for resolving DOM hierarchy and plugin ordering.
-	 */
-	injection.injectEventPluginOrder(DOMEventPluginOrder);
-	setComponentTree(getFiberCurrentPropsFromNode$1, getInstanceFromNode$1, getNodeFromInstance$1);
-
-	/**
-	 * Some important event plugins included by default (without having to require
-	 * them).
-	 */
-	injection.injectEventPluginsByName({
-	  SimpleEventPlugin: SimpleEventPlugin,
-	  EnterLeaveEventPlugin: EnterLeaveEventPlugin,
-	  ChangeEventPlugin: ChangeEventPlugin,
-	  SelectEventPlugin: SelectEventPlugin,
-	  BeforeInputEventPlugin: BeforeInputEventPlugin
-	});
-
-	var didWarnSelectedSetOnOption = false;
-	var didWarnInvalidChild = false;
-
-	function flattenChildren(children) {
-	  var content = '';
+	    this.isDefaultPrevented = functionThatReturnsTrue;
+	  },
+	  stopPropagation: function () {
+	    var event = this.nativeEvent;
 
-	  // Flatten children. We'll warn if they are invalid
-	  // during validateProps() which runs for hydration too.
-	  // Note that this would throw on non-element objects.
-	  // Elements are stringified (which is normally irrelevant
-	  // but matters for <fbt>).
-	  React.Children.forEach(children, function (child) {
-	    if (child == null) {
+	    if (!event) {
 	      return;
 	    }
-	    content += child;
-	    // Note: we don't warn about invalid children here.
-	    // Instead, this is done separately below so that
-	    // it happens during the hydration codepath too.
-	  });
-
-	  return content;
-	}
-
-	/**
-	 * Implements an <option> host component that warns when `selected` is set.
-	 */
-
-	function validateProps(element, props) {
-	  {
-	    // This mirrors the codepath above, but runs for hydration too.
-	    // Warn about invalid children here so that client and hydration are consistent.
-	    // TODO: this seems like it could cause a DEV-only throw for hydration
-	    // if children contains a non-element object. We should try to avoid that.
-	    if (typeof props.children === 'object' && props.children !== null) {
-	      React.Children.forEach(props.children, function (child) {
-	        if (child == null) {
-	          return;
-	        }
-	        if (typeof child === 'string' || typeof child === 'number') {
-	          return;
-	        }
-	        if (typeof child.type !== 'string') {
-	          return;
-	        }
-	        if (!didWarnInvalidChild) {
-	          didWarnInvalidChild = true;
-	          warning$1(false, 'Only strings and numbers are supported as <option> children.');
-	        }
-	      });
-	    }
 
-	    // TODO: Remove support for `selected` in <option>.
-	    if (props.selected != null && !didWarnSelectedSetOnOption) {
-	      warning$1(false, 'Use the `defaultValue` or `value` props on <select> instead of ' + 'setting `selected` on <option>.');
-	      didWarnSelectedSetOnOption = true;
+	    if (event.stopPropagation) {
+	      event.stopPropagation();
+	    } else if (typeof event.cancelBubble !== 'unknown') {
+	      // The ChangeEventPlugin registers a "propertychange" event for
+	      // IE. This event does not support bubbling or cancelling, and
+	      // any references to cancelBubble throw "Member not found".  A
+	      // typeof check of "unknown" circumvents this issue (and is also
+	      // IE specific).
+	      event.cancelBubble = true;
 	    }
-	  }
-	}
-
-	function postMountWrapper$1(element, props) {
-	  // value="" should make a value attribute (#6219)
-	  if (props.value != null) {
-	    element.setAttribute('value', toString(getToStringValue(props.value)));
-	  }
-	}
-
-	function getHostProps$1(element, props) {
-	  var hostProps = _assign({ children: undefined }, props);
-	  var content = flattenChildren(props.children);
-
-	  if (content) {
-	    hostProps.children = content;
-	  }
-
-	  return hostProps;
-	}
-
-	// TODO: direct imports like some-package/src/* are bad. Fix me.
-	var didWarnValueDefaultValue$1 = void 0;
 
-	{
-	  didWarnValueDefaultValue$1 = false;
-	}
+	    this.isPropagationStopped = functionThatReturnsTrue;
+	  },
 
-	function getDeclarationErrorAddendum() {
-	  var ownerName = getCurrentFiberOwnerNameInDevOrNull();
-	  if (ownerName) {
-	    return '\n\nCheck the render method of `' + ownerName + '`.';
-	  }
-	  return '';
-	}
+	  /**
+	   * We release all dispatched `SyntheticEvent`s after each event loop, adding
+	   * them back into the pool. This allows a way to hold onto a reference that
+	   * won't be added back into the pool.
+	   */
+	  persist: function () {
+	    this.isPersistent = functionThatReturnsTrue;
+	  },
 
-	var valuePropNames = ['value', 'defaultValue'];
+	  /**
+	   * Checks if this event should be released back into the pool.
+	   *
+	   * @return {boolean} True if this should not be released, false otherwise.
+	   */
+	  isPersistent: functionThatReturnsFalse,
 
-	/**
-	 * Validation function for `value` and `defaultValue`.
-	 */
-	function checkSelectPropTypes(props) {
-	  ReactControlledValuePropTypes.checkPropTypes('select', props);
+	  /**
+	   * `PooledClass` looks for `destructor` on each instance it releases.
+	   */
+	  destructor: function () {
+	    var Interface = this.constructor.Interface;
 
-	  for (var i = 0; i < valuePropNames.length; i++) {
-	    var propName = valuePropNames[i];
-	    if (props[propName] == null) {
-	      continue;
-	    }
-	    var isArray = Array.isArray(props[propName]);
-	    if (props.multiple && !isArray) {
-	      warning$1(false, 'The `%s` prop supplied to <select> must be an array if ' + '`multiple` is true.%s', propName, getDeclarationErrorAddendum());
-	    } else if (!props.multiple && isArray) {
-	      warning$1(false, 'The `%s` prop supplied to <select> must be a scalar ' + 'value if `multiple` is false.%s', propName, getDeclarationErrorAddendum());
+	    for (var propName in Interface) {
+	      {
+	        Object.defineProperty(this, propName, getPooledWarningPropertyDefinition(propName, Interface[propName]));
+	      }
 	    }
-	  }
-	}
 
-	function updateOptions(node, multiple, propValue, setDefaultSelected) {
-	  var options = node.options;
+	    this.dispatchConfig = null;
+	    this._targetInst = null;
+	    this.nativeEvent = null;
+	    this.isDefaultPrevented = functionThatReturnsFalse;
+	    this.isPropagationStopped = functionThatReturnsFalse;
+	    this._dispatchListeners = null;
+	    this._dispatchInstances = null;
 
-	  if (multiple) {
-	    var selectedValues = propValue;
-	    var selectedValue = {};
-	    for (var i = 0; i < selectedValues.length; i++) {
-	      // Prefix to avoid chaos with special keys.
-	      selectedValue['$' + selectedValues[i]] = true;
-	    }
-	    for (var _i = 0; _i < options.length; _i++) {
-	      var selected = selectedValue.hasOwnProperty('$' + options[_i].value);
-	      if (options[_i].selected !== selected) {
-	        options[_i].selected = selected;
-	      }
-	      if (selected && setDefaultSelected) {
-	        options[_i].defaultSelected = true;
-	      }
-	    }
-	  } else {
-	    // Do not set `select.value` as exact behavior isn't consistent across all
-	    // browsers for all cases.
-	    var _selectedValue = toString(getToStringValue(propValue));
-	    var defaultSelected = null;
-	    for (var _i2 = 0; _i2 < options.length; _i2++) {
-	      if (options[_i2].value === _selectedValue) {
-	        options[_i2].selected = true;
-	        if (setDefaultSelected) {
-	          options[_i2].defaultSelected = true;
-	        }
-	        return;
-	      }
-	      if (defaultSelected === null && !options[_i2].disabled) {
-	        defaultSelected = options[_i2];
-	      }
-	    }
-	    if (defaultSelected !== null) {
-	      defaultSelected.selected = true;
+	    {
+	      Object.defineProperty(this, 'nativeEvent', getPooledWarningPropertyDefinition('nativeEvent', null));
+	      Object.defineProperty(this, 'isDefaultPrevented', getPooledWarningPropertyDefinition('isDefaultPrevented', functionThatReturnsFalse));
+	      Object.defineProperty(this, 'isPropagationStopped', getPooledWarningPropertyDefinition('isPropagationStopped', functionThatReturnsFalse));
+	      Object.defineProperty(this, 'preventDefault', getPooledWarningPropertyDefinition('preventDefault', function () {}));
+	      Object.defineProperty(this, 'stopPropagation', getPooledWarningPropertyDefinition('stopPropagation', function () {}));
 	    }
 	  }
-	}
+	});
 
+	SyntheticEvent.Interface = EventInterface;
 	/**
-	 * Implements a <select> host component that allows optionally setting the
-	 * props `value` and `defaultValue`. If `multiple` is false, the prop must be a
-	 * stringable. If `multiple` is true, the prop must be an array of stringables.
-	 *
-	 * If `value` is not supplied (or null/undefined), user actions that change the
-	 * selected option will trigger updates to the rendered options.
-	 *
-	 * If it is supplied (and not null/undefined), the rendered options will not
-	 * update in response to user actions. Instead, the `value` prop must change in
-	 * order for the rendered options to update.
-	 *
-	 * If `defaultValue` is provided, any options with the supplied values will be
-	 * selected.
+	 * Helper to reduce boilerplate when creating subclasses.
 	 */
 
-	function getHostProps$2(element, props) {
-	  return _assign({}, props, {
-	    value: undefined
-	  });
-	}
-
-	function initWrapperState$1(element, props) {
-	  var node = element;
-	  {
-	    checkSelectPropTypes(props);
-	  }
-
-	  node._wrapperState = {
-	    wasMultiple: !!props.multiple
-	  };
-
-	  {
-	    if (props.value !== undefined && props.defaultValue !== undefined && !didWarnValueDefaultValue$1) {
-	      warning$1(false, 'Select elements must be either controlled or uncontrolled ' + '(specify either the value prop, or the defaultValue prop, but not ' + 'both). Decide between using a controlled or uncontrolled select ' + 'element and remove one of these props. More info: ' + 'https://fb.me/react-controlled-components');
-	      didWarnValueDefaultValue$1 = true;
-	    }
-	  }
-	}
+	SyntheticEvent.extend = function (Interface) {
+	  var Super = this;
 
-	function postMountWrapper$2(element, props) {
-	  var node = element;
-	  node.multiple = !!props.multiple;
-	  var value = props.value;
-	  if (value != null) {
-	    updateOptions(node, !!props.multiple, value, false);
-	  } else if (props.defaultValue != null) {
-	    updateOptions(node, !!props.multiple, props.defaultValue, true);
-	  }
-	}
+	  var E = function () {};
 
-	function postUpdateWrapper(element, props) {
-	  var node = element;
-	  var wasMultiple = node._wrapperState.wasMultiple;
-	  node._wrapperState.wasMultiple = !!props.multiple;
+	  E.prototype = Super.prototype;
+	  var prototype = new E();
 
-	  var value = props.value;
-	  if (value != null) {
-	    updateOptions(node, !!props.multiple, value, false);
-	  } else if (wasMultiple !== !!props.multiple) {
-	    // For simplicity, reapply `defaultValue` if `multiple` is toggled.
-	    if (props.defaultValue != null) {
-	      updateOptions(node, !!props.multiple, props.defaultValue, true);
-	    } else {
-	      // Revert the select back to its default unselected state.
-	      updateOptions(node, !!props.multiple, props.multiple ? [] : '', false);
-	    }
+	  function Class() {
+	    return Super.apply(this, arguments);
 	  }
-	}
 
-	function restoreControlledState$2(element, props) {
-	  var node = element;
-	  var value = props.value;
-
-	  if (value != null) {
-	    updateOptions(node, !!props.multiple, value, false);
-	  }
-	}
+	  _assign(prototype, Class.prototype);
 
-	var didWarnValDefaultVal = false;
+	  Class.prototype = prototype;
+	  Class.prototype.constructor = Class;
+	  Class.Interface = _assign({}, Super.Interface, Interface);
+	  Class.extend = Super.extend;
+	  addEventPoolingTo(Class);
+	  return Class;
+	};
 
+	addEventPoolingTo(SyntheticEvent);
 	/**
-	 * Implements a <textarea> host component that allows setting `value`, and
-	 * `defaultValue`. This differs from the traditional DOM API because value is
-	 * usually set as PCDATA children.
-	 *
-	 * If `value` is not supplied (or null/undefined), user actions that affect the
-	 * value will trigger updates to the element.
-	 *
-	 * If `value` is supplied (and not null/undefined), the rendered element will
-	 * not trigger updates to the element. Instead, the `value` prop must change in
-	 * order for the rendered element to be updated.
+	 * Helper to nullify syntheticEvent instance properties when destructing
 	 *
-	 * The rendered element will be initialized with an empty value, the prop
-	 * `defaultValue` if specified, or the children content (deprecated).
+	 * @param {String} propName
+	 * @param {?object} getVal
+	 * @return {object} defineProperty object
 	 */
 
-	function getHostProps$3(element, props) {
-	  var node = element;
-	  !(props.dangerouslySetInnerHTML == null) ? invariant(false, '`dangerouslySetInnerHTML` does not make sense on <textarea>.') : void 0;
-
-	  // Always set children to the same thing. In IE9, the selection range will
-	  // get reset if `textContent` is mutated.  We could add a check in setTextContent
-	  // to only set the value if/when the value differs from the node value (which would
-	  // completely solve this IE9 bug), but Sebastian+Sophie seemed to like this
-	  // solution. The value can be a boolean or object so that's why it's forced
-	  // to be a string.
-	  var hostProps = _assign({}, props, {
-	    value: undefined,
-	    defaultValue: undefined,
-	    children: toString(node._wrapperState.initialValue)
-	  });
+	function getPooledWarningPropertyDefinition(propName, getVal) {
+	  var isFunction = typeof getVal === 'function';
+	  return {
+	    configurable: true,
+	    set: set,
+	    get: get
+	  };
 
-	  return hostProps;
-	}
+	  function set(val) {
+	    var action = isFunction ? 'setting the method' : 'setting the property';
+	    warn(action, 'This is effectively a no-op');
+	    return val;
+	  }
 
-	function initWrapperState$2(element, props) {
-	  var node = element;
-	  {
-	    ReactControlledValuePropTypes.checkPropTypes('textarea', props);
-	    if (props.value !== undefined && props.defaultValue !== undefined && !didWarnValDefaultVal) {
-	      warning$1(false, '%s contains a textarea with both value and defaultValue props. ' + 'Textarea elements must be either controlled or uncontrolled ' + '(specify either the value prop, or the defaultValue prop, but not ' + 'both). Decide between using a controlled or uncontrolled textarea ' + 'and remove one of these props. More info: ' + 'https://fb.me/react-controlled-components', getCurrentFiberOwnerNameInDevOrNull() || 'A component');
-	      didWarnValDefaultVal = true;
-	    }
+	  function get() {
+	    var action = isFunction ? 'accessing the method' : 'accessing the property';
+	    var result = isFunction ? 'This is a no-op function' : 'This is set to null';
+	    warn(action, result);
+	    return getVal;
 	  }
 
-	  var initialValue = props.value;
+	  function warn(action, result) {
+	    var warningCondition = false;
+	    !warningCondition ? warningWithoutStack$1(false, "This synthetic event is reused for performance reasons. If you're seeing this, " + "you're %s `%s` on a released/nullified synthetic event. %s. " + 'If you must keep the original synthetic event around, use event.persist(). ' + 'See https://fb.me/react-event-pooling for more information.', action, propName, result) : void 0;
+	  }
+	}
 
-	  // Only bother fetching default value if we're going to use it
-	  if (initialValue == null) {
-	    var defaultValue = props.defaultValue;
-	    // TODO (yungsters): Remove support for children content in <textarea>.
-	    var children = props.children;
-	    if (children != null) {
-	      {
-	        warning$1(false, 'Use the `defaultValue` or `value` props instead of setting ' + 'children on <textarea>.');
-	      }
-	      !(defaultValue == null) ? invariant(false, 'If you supply `defaultValue` on a <textarea>, do not pass children.') : void 0;
-	      if (Array.isArray(children)) {
-	        !(children.length <= 1) ? invariant(false, '<textarea> can only have at most one child.') : void 0;
-	        children = children[0];
-	      }
+	function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+	  var EventConstructor = this;
 
-	      defaultValue = children;
-	    }
-	    if (defaultValue == null) {
-	      defaultValue = '';
-	    }
-	    initialValue = defaultValue;
+	  if (EventConstructor.eventPool.length) {
+	    var instance = EventConstructor.eventPool.pop();
+	    EventConstructor.call(instance, dispatchConfig, targetInst, nativeEvent, nativeInst);
+	    return instance;
 	  }
 
-	  node._wrapperState = {
-	    initialValue: getToStringValue(initialValue)
-	  };
+	  return new EventConstructor(dispatchConfig, targetInst, nativeEvent, nativeInst);
 	}
 
-	function updateWrapper$1(element, props) {
-	  var node = element;
-	  var value = getToStringValue(props.value);
-	  var defaultValue = getToStringValue(props.defaultValue);
-	  if (value != null) {
-	    // Cast `value` to a string to ensure the value is set correctly. While
-	    // browsers typically do this as necessary, jsdom doesn't.
-	    var newValue = toString(value);
-	    // To avoid side effects (such as losing text selection), only set value if changed
-	    if (newValue !== node.value) {
-	      node.value = newValue;
-	    }
-	    if (props.defaultValue == null && node.defaultValue !== newValue) {
-	      node.defaultValue = newValue;
+	function releasePooledEvent(event) {
+	  var EventConstructor = this;
+
+	  if (!(event instanceof EventConstructor)) {
+	    {
+	      throw Error("Trying to release an event instance into a pool of a different type.");
 	    }
 	  }
-	  if (defaultValue != null) {
-	    node.defaultValue = toString(defaultValue);
-	  }
-	}
 
-	function postMountWrapper$3(element, props) {
-	  var node = element;
-	  // This is in postMount because we need access to the DOM node, which is not
-	  // available until after the component has mounted.
-	  var textContent = node.textContent;
+	  event.destructor();
 
-	  // Only set node.value if textContent is equal to the expected
-	  // initial value. In IE10/IE11 there is a bug where the placeholder attribute
-	  // will populate textContent as well.
-	  // https://developer.microsoft.com/microsoft-edge/platform/issues/101525/
-	  if (textContent === node._wrapperState.initialValue) {
-	    node.value = textContent;
+	  if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
+	    EventConstructor.eventPool.push(event);
 	  }
 	}
 
-	function restoreControlledState$3(element, props) {
-	  // DOM component is still mounted; update
-	  updateWrapper$1(element, props);
+	function addEventPoolingTo(EventConstructor) {
+	  EventConstructor.eventPool = [];
+	  EventConstructor.getPooled = getPooledEvent;
+	  EventConstructor.release = releasePooledEvent;
 	}
 
-	var HTML_NAMESPACE$1 = 'http://www.w3.org/1999/xhtml';
-	var MATH_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
-	var SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+	/**
+	 * @interface Event
+	 * @see http://www.w3.org/TR/css3-animations/#AnimationEvent-interface
+	 * @see https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent
+	 */
 
-	var Namespaces = {
-	  html: HTML_NAMESPACE$1,
-	  mathml: MATH_NAMESPACE,
-	  svg: SVG_NAMESPACE
-	};
+	var SyntheticAnimationEvent = SyntheticEvent.extend({
+	  animationName: null,
+	  elapsedTime: null,
+	  pseudoElement: null
+	});
 
-	// Assumes there is no parent namespace.
-	function getIntrinsicNamespace(type) {
-	  switch (type) {
-	    case 'svg':
-	      return SVG_NAMESPACE;
-	    case 'math':
-	      return MATH_NAMESPACE;
-	    default:
-	      return HTML_NAMESPACE$1;
-	  }
-	}
+	/**
+	 * @interface Event
+	 * @see http://www.w3.org/TR/clipboard-apis/
+	 */
 
-	function getChildNamespace(parentNamespace, type) {
-	  if (parentNamespace == null || parentNamespace === HTML_NAMESPACE$1) {
-	    // No (or default) parent namespace: potential entry point.
-	    return getIntrinsicNamespace(type);
-	  }
-	  if (parentNamespace === SVG_NAMESPACE && type === 'foreignObject') {
-	    // We're leaving SVG.
-	    return HTML_NAMESPACE$1;
+	var SyntheticClipboardEvent = SyntheticEvent.extend({
+	  clipboardData: function (event) {
+	    return 'clipboardData' in event ? event.clipboardData : window.clipboardData;
 	  }
-	  // By default, pass namespace below.
-	  return parentNamespace;
-	}
+	});
 
-	/* globals MSApp */
+	var SyntheticUIEvent = SyntheticEvent.extend({
+	  view: null,
+	  detail: null
+	});
 
 	/**
-	 * Create a function which has 'unsafe' privileges (required by windows8 apps)
+	 * @interface FocusEvent
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
 	 */
-	var createMicrosoftUnsafeLocalFunction = function (func) {
-	  if (typeof MSApp !== 'undefined' && MSApp.execUnsafeLocalFunction) {
-	    return function (arg0, arg1, arg2, arg3) {
-	      MSApp.execUnsafeLocalFunction(function () {
-	        return func(arg0, arg1, arg2, arg3);
-	      });
-	    };
-	  } else {
-	    return func;
-	  }
-	};
 
-	// SVG temp container for IE lacking innerHTML
-	var reusableSVGContainer = void 0;
+	var SyntheticFocusEvent = SyntheticUIEvent.extend({
+	  relatedTarget: null
+	});
 
 	/**
-	 * Set the innerHTML property of a node
+	 * `charCode` represents the actual "character code" and is safe to use with
+	 * `String.fromCharCode`. As such, only keys that correspond to printable
+	 * characters produce a valid `charCode`, the only exception to this is Enter.
+	 * The Tab-key is considered non-printable and does not have a `charCode`,
+	 * presumably because it does not produce a tab-character in browsers.
 	 *
-	 * @param {DOMElement} node
-	 * @param {string} html
-	 * @internal
+	 * @param {object} nativeEvent Native browser event.
+	 * @return {number} Normalized `charCode` property.
 	 */
-	var setInnerHTML = createMicrosoftUnsafeLocalFunction(function (node, html) {
-	  // IE does not have innerHTML for SVG nodes, so instead we inject the
-	  // new markup in a temp node and then move the child nodes across into
-	  // the target node
+	function getEventCharCode(nativeEvent) {
+	  var charCode;
+	  var keyCode = nativeEvent.keyCode;
 
-	  if (node.namespaceURI === Namespaces.svg && !('innerHTML' in node)) {
-	    reusableSVGContainer = reusableSVGContainer || document.createElement('div');
-	    reusableSVGContainer.innerHTML = '<svg>' + html + '</svg>';
-	    var svgNode = reusableSVGContainer.firstChild;
-	    while (node.firstChild) {
-	      node.removeChild(node.firstChild);
-	    }
-	    while (svgNode.firstChild) {
-	      node.appendChild(svgNode.firstChild);
+	  if ('charCode' in nativeEvent) {
+	    charCode = nativeEvent.charCode; // FF does not set `charCode` for the Enter-key, check against `keyCode`.
+
+	    if (charCode === 0 && keyCode === 13) {
+	      charCode = 13;
 	    }
 	  } else {
-	    node.innerHTML = html;
-	  }
-	});
+	    // IE8 does not implement `charCode`, but `keyCode` has the correct value.
+	    charCode = keyCode;
+	  } // IE and Edge (on Windows) and Chrome / Safari (on Windows and Linux)
+	  // report Enter as charCode 10 when ctrl is pressed.
 
-	/**
-	 * Set the textContent property of a node. For text updates, it's faster
-	 * to set the `nodeValue` of the Text node directly instead of using
-	 * `.textContent` which will remove the existing node and create a new one.
-	 *
-	 * @param {DOMElement} node
-	 * @param {string} text
-	 * @internal
-	 */
-	var setTextContent = function (node, text) {
-	  if (text) {
-	    var firstChild = node.firstChild;
 
-	    if (firstChild && firstChild === node.lastChild && firstChild.nodeType === TEXT_NODE) {
-	      firstChild.nodeValue = text;
-	      return;
-	    }
+	  if (charCode === 10) {
+	    charCode = 13;
+	  } // Some non-printable keys are reported in `charCode`/`keyCode`, discard them.
+	  // Must not discard the (non-)printable Enter-key.
+
+
+	  if (charCode >= 32 || charCode === 13) {
+	    return charCode;
 	  }
-	  node.textContent = text;
-	};
 
-	// List derived from Gecko source code:
-	// https://github.com/mozilla/gecko-dev/blob/4e638efc71/layout/style/test/property_database.js
-	var shorthandToLonghand = {
-	  animation: ['animationDelay', 'animationDirection', 'animationDuration', 'animationFillMode', 'animationIterationCount', 'animationName', 'animationPlayState', 'animationTimingFunction'],
-	  background: ['backgroundAttachment', 'backgroundClip', 'backgroundColor', 'backgroundImage', 'backgroundOrigin', 'backgroundPositionX', 'backgroundPositionY', 'backgroundRepeat', 'backgroundSize'],
-	  backgroundPosition: ['backgroundPositionX', 'backgroundPositionY'],
-	  border: ['borderBottomColor', 'borderBottomStyle', 'borderBottomWidth', 'borderImageOutset', 'borderImageRepeat', 'borderImageSlice', 'borderImageSource', 'borderImageWidth', 'borderLeftColor', 'borderLeftStyle', 'borderLeftWidth', 'borderRightColor', 'borderRightStyle', 'borderRightWidth', 'borderTopColor', 'borderTopStyle', 'borderTopWidth'],
-	  borderBlockEnd: ['borderBlockEndColor', 'borderBlockEndStyle', 'borderBlockEndWidth'],
-	  borderBlockStart: ['borderBlockStartColor', 'borderBlockStartStyle', 'borderBlockStartWidth'],
-	  borderBottom: ['borderBottomColor', 'borderBottomStyle', 'borderBottomWidth'],
-	  borderColor: ['borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor'],
-	  borderImage: ['borderImageOutset', 'borderImageRepeat', 'borderImageSlice', 'borderImageSource', 'borderImageWidth'],
-	  borderInlineEnd: ['borderInlineEndColor', 'borderInlineEndStyle', 'borderInlineEndWidth'],
-	  borderInlineStart: ['borderInlineStartColor', 'borderInlineStartStyle', 'borderInlineStartWidth'],
-	  borderLeft: ['borderLeftColor', 'borderLeftStyle', 'borderLeftWidth'],
-	  borderRadius: ['borderBottomLeftRadius', 'borderBottomRightRadius', 'borderTopLeftRadius', 'borderTopRightRadius'],
-	  borderRight: ['borderRightColor', 'borderRightStyle', 'borderRightWidth'],
-	  borderStyle: ['borderBottomStyle', 'borderLeftStyle', 'borderRightStyle', 'borderTopStyle'],
-	  borderTop: ['borderTopColor', 'borderTopStyle', 'borderTopWidth'],
-	  borderWidth: ['borderBottomWidth', 'borderLeftWidth', 'borderRightWidth', 'borderTopWidth'],
-	  columnRule: ['columnRuleColor', 'columnRuleStyle', 'columnRuleWidth'],
-	  columns: ['columnCount', 'columnWidth'],
-	  flex: ['flexBasis', 'flexGrow', 'flexShrink'],
-	  flexFlow: ['flexDirection', 'flexWrap'],
-	  font: ['fontFamily', 'fontFeatureSettings', 'fontKerning', 'fontLanguageOverride', 'fontSize', 'fontSizeAdjust', 'fontStretch', 'fontStyle', 'fontVariant', 'fontVariantAlternates', 'fontVariantCaps', 'fontVariantEastAsian', 'fontVariantLigatures', 'fontVariantNumeric', 'fontVariantPosition', 'fontWeight', 'lineHeight'],
-	  fontVariant: ['fontVariantAlternates', 'fontVariantCaps', 'fontVariantEastAsian', 'fontVariantLigatures', 'fontVariantNumeric', 'fontVariantPosition'],
-	  gap: ['columnGap', 'rowGap'],
-	  grid: ['gridAutoColumns', 'gridAutoFlow', 'gridAutoRows', 'gridTemplateAreas', 'gridTemplateColumns', 'gridTemplateRows'],
-	  gridArea: ['gridColumnEnd', 'gridColumnStart', 'gridRowEnd', 'gridRowStart'],
-	  gridColumn: ['gridColumnEnd', 'gridColumnStart'],
-	  gridColumnGap: ['columnGap'],
-	  gridGap: ['columnGap', 'rowGap'],
-	  gridRow: ['gridRowEnd', 'gridRowStart'],
-	  gridRowGap: ['rowGap'],
-	  gridTemplate: ['gridTemplateAreas', 'gridTemplateColumns', 'gridTemplateRows'],
-	  listStyle: ['listStyleImage', 'listStylePosition', 'listStyleType'],
-	  margin: ['marginBottom', 'marginLeft', 'marginRight', 'marginTop'],
-	  marker: ['markerEnd', 'markerMid', 'markerStart'],
-	  mask: ['maskClip', 'maskComposite', 'maskImage', 'maskMode', 'maskOrigin', 'maskPositionX', 'maskPositionY', 'maskRepeat', 'maskSize'],
-	  maskPosition: ['maskPositionX', 'maskPositionY'],
-	  outline: ['outlineColor', 'outlineStyle', 'outlineWidth'],
-	  overflow: ['overflowX', 'overflowY'],
-	  padding: ['paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop'],
-	  placeContent: ['alignContent', 'justifyContent'],
-	  placeItems: ['alignItems', 'justifyItems'],
-	  placeSelf: ['alignSelf', 'justifySelf'],
-	  textDecoration: ['textDecorationColor', 'textDecorationLine', 'textDecorationStyle'],
-	  textEmphasis: ['textEmphasisColor', 'textEmphasisStyle'],
-	  transition: ['transitionDelay', 'transitionDuration', 'transitionProperty', 'transitionTimingFunction'],
-	  wordWrap: ['overflowWrap']
-	};
+	  return 0;
+	}
 
 	/**
-	 * CSS properties which accept numbers but are not in units of "px".
+	 * Normalization of deprecated HTML5 `key` values
+	 * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent#Key_names
 	 */
-	var isUnitlessNumber = {
-	  animationIterationCount: true,
-	  borderImageOutset: true,
-	  borderImageSlice: true,
-	  borderImageWidth: true,
-	  boxFlex: true,
-	  boxFlexGroup: true,
-	  boxOrdinalGroup: true,
-	  columnCount: true,
-	  columns: true,
-	  flex: true,
-	  flexGrow: true,
-	  flexPositive: true,
-	  flexShrink: true,
-	  flexNegative: true,
-	  flexOrder: true,
-	  gridArea: true,
-	  gridRow: true,
-	  gridRowEnd: true,
-	  gridRowSpan: true,
-	  gridRowStart: true,
-	  gridColumn: true,
-	  gridColumnEnd: true,
-	  gridColumnSpan: true,
-	  gridColumnStart: true,
-	  fontWeight: true,
-	  lineClamp: true,
-	  lineHeight: true,
-	  opacity: true,
-	  order: true,
-	  orphans: true,
-	  tabSize: true,
-	  widows: true,
-	  zIndex: true,
-	  zoom: true,
 
-	  // SVG-related properties
-	  fillOpacity: true,
-	  floodOpacity: true,
-	  stopOpacity: true,
-	  strokeDasharray: true,
-	  strokeDashoffset: true,
-	  strokeMiterlimit: true,
-	  strokeOpacity: true,
-	  strokeWidth: true
+	var normalizeKey = {
+	  Esc: 'Escape',
+	  Spacebar: ' ',
+	  Left: 'ArrowLeft',
+	  Up: 'ArrowUp',
+	  Right: 'ArrowRight',
+	  Down: 'ArrowDown',
+	  Del: 'Delete',
+	  Win: 'OS',
+	  Menu: 'ContextMenu',
+	  Apps: 'ContextMenu',
+	  Scroll: 'ScrollLock',
+	  MozPrintableKey: 'Unidentified'
 	};
-
 	/**
-	 * @param {string} prefix vendor-specific prefix, eg: Webkit
-	 * @param {string} key style name, eg: transitionDuration
-	 * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
-	 * WebkitTransitionDuration
+	 * Translation from legacy `keyCode` to HTML5 `key`
+	 * Only special keys supported, all others depend on keyboard layout or browser
+	 * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent#Key_names
 	 */
-	function prefixKey(prefix, key) {
-	  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
-	}
 
+	var translateToKey = {
+	  '8': 'Backspace',
+	  '9': 'Tab',
+	  '12': 'Clear',
+	  '13': 'Enter',
+	  '16': 'Shift',
+	  '17': 'Control',
+	  '18': 'Alt',
+	  '19': 'Pause',
+	  '20': 'CapsLock',
+	  '27': 'Escape',
+	  '32': ' ',
+	  '33': 'PageUp',
+	  '34': 'PageDown',
+	  '35': 'End',
+	  '36': 'Home',
+	  '37': 'ArrowLeft',
+	  '38': 'ArrowUp',
+	  '39': 'ArrowRight',
+	  '40': 'ArrowDown',
+	  '45': 'Insert',
+	  '46': 'Delete',
+	  '112': 'F1',
+	  '113': 'F2',
+	  '114': 'F3',
+	  '115': 'F4',
+	  '116': 'F5',
+	  '117': 'F6',
+	  '118': 'F7',
+	  '119': 'F8',
+	  '120': 'F9',
+	  '121': 'F10',
+	  '122': 'F11',
+	  '123': 'F12',
+	  '144': 'NumLock',
+	  '145': 'ScrollLock',
+	  '224': 'Meta'
+	};
 	/**
-	 * Support style names that may come passed in prefixed by adding permutations
-	 * of vendor prefixes.
+	 * @param {object} nativeEvent Native browser event.
+	 * @return {string} Normalized `key` property.
 	 */
-	var prefixes = ['Webkit', 'ms', 'Moz', 'O'];
 
-	// Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
-	// infinite loop, because it iterates over the newly added props too.
-	Object.keys(isUnitlessNumber).forEach(function (prop) {
-	  prefixes.forEach(function (prefix) {
-	    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
-	  });
-	});
+	function getEventKey(nativeEvent) {
+	  if (nativeEvent.key) {
+	    // Normalize inconsistent values reported by browsers due to
+	    // implementations of a working draft specification.
+	    // FireFox implements `key` but returns `MozPrintableKey` for all
+	    // printable characters (normalized to `Unidentified`), ignore it.
+	    var key = normalizeKey[nativeEvent.key] || nativeEvent.key;
 
-	/**
-	 * Convert a value into the proper css writable value. The style name `name`
-	 * should be logical (no hyphens), as specified
-	 * in `CSSProperty.isUnitlessNumber`.
-	 *
-	 * @param {string} name CSS property name such as `topMargin`.
-	 * @param {*} value CSS property value such as `10px`.
-	 * @return {string} Normalized style value with dimensions applied.
-	 */
-	function dangerousStyleValue(name, value, isCustomProperty) {
-	  // Note that we've removed escapeTextForBrowser() calls here since the
-	  // whole string will be escaped when the attribute is injected into
-	  // the markup. If you provide unsafe user data here they can inject
-	  // arbitrary CSS which may be problematic (I couldn't repro this):
-	  // https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
-	  // http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
-	  // This is not an XSS hole but instead a potential CSS injection issue
-	  // which has lead to a greater discussion about how we're going to
-	  // trust URLs moving forward. See #2115901
+	    if (key !== 'Unidentified') {
+	      return key;
+	    }
+	  } // Browser does not implement `key`, polyfill as much of it as we can.
 
-	  var isEmpty = value == null || typeof value === 'boolean' || value === '';
-	  if (isEmpty) {
-	    return '';
+
+	  if (nativeEvent.type === 'keypress') {
+	    var charCode = getEventCharCode(nativeEvent); // The enter-key is technically both printable and non-printable and can
+	    // thus be captured by `keypress`, no other non-printable key should.
+
+	    return charCode === 13 ? 'Enter' : String.fromCharCode(charCode);
 	  }
 
-	  if (!isCustomProperty && typeof value === 'number' && value !== 0 && !(isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])) {
-	    return value + 'px'; // Presumes implicit 'px' suffix for unitless numbers
+	  if (nativeEvent.type === 'keydown' || nativeEvent.type === 'keyup') {
+	    // While user keyboard layout determines the actual meaning of each
+	    // `keyCode` value, almost all function keys have a universal value.
+	    return translateToKey[nativeEvent.keyCode] || 'Unidentified';
 	  }
 
-	  return ('' + value).trim();
+	  return '';
 	}
 
-	var uppercasePattern = /([A-Z])/g;
-	var msPattern = /^ms-/;
-
 	/**
-	 * Hyphenates a camelcased CSS property name, for example:
-	 *
-	 *   > hyphenateStyleName('backgroundColor')
-	 *   < "background-color"
-	 *   > hyphenateStyleName('MozTransition')
-	 *   < "-moz-transition"
-	 *   > hyphenateStyleName('msTransition')
-	 *   < "-ms-transition"
-	 *
-	 * As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix
-	 * is converted to `-ms-`.
+	 * Translation from modifier key to the associated property in the event.
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/#keys-Modifiers
 	 */
-	function hyphenateStyleName(name) {
-	  return name.replace(uppercasePattern, '-$1').toLowerCase().replace(msPattern, '-ms-');
-	}
+	var modifierKeyToProp = {
+	  Alt: 'altKey',
+	  Control: 'ctrlKey',
+	  Meta: 'metaKey',
+	  Shift: 'shiftKey'
+	}; // Older browsers (Safari <= 10, iOS Safari <= 10.2) do not support
+	// getModifierState. If getModifierState is not supported, we map it to a set of
+	// modifier keys exposed by the event. In this case, Lock-keys are not supported.
 
-	var warnValidStyle = function () {};
+	function modifierStateGetter(keyArg) {
+	  var syntheticEvent = this;
+	  var nativeEvent = syntheticEvent.nativeEvent;
 
-	{
-	  // 'msTransform' is correct, but the other prefixes should be capitalized
-	  var badVendoredStyleNamePattern = /^(?:webkit|moz|o)[A-Z]/;
-	  var msPattern$1 = /^-ms-/;
-	  var hyphenPattern = /-(.)/g;
+	  if (nativeEvent.getModifierState) {
+	    return nativeEvent.getModifierState(keyArg);
+	  }
 
-	  // style values shouldn't contain a semicolon
-	  var badStyleValueWithSemicolonPattern = /;\s*$/;
+	  var keyProp = modifierKeyToProp[keyArg];
+	  return keyProp ? !!nativeEvent[keyProp] : false;
+	}
 
-	  var warnedStyleNames = {};
-	  var warnedStyleValues = {};
-	  var warnedForNaNValue = false;
-	  var warnedForInfinityValue = false;
+	function getEventModifierState(nativeEvent) {
+	  return modifierStateGetter;
+	}
 
-	  var camelize = function (string) {
-	    return string.replace(hyphenPattern, function (_, character) {
-	      return character.toUpperCase();
-	    });
-	  };
+	/**
+	 * @interface KeyboardEvent
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
+	 */
 
-	  var warnHyphenatedStyleName = function (name) {
-	    if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
-	      return;
+	var SyntheticKeyboardEvent = SyntheticUIEvent.extend({
+	  key: getEventKey,
+	  location: null,
+	  ctrlKey: null,
+	  shiftKey: null,
+	  altKey: null,
+	  metaKey: null,
+	  repeat: null,
+	  locale: null,
+	  getModifierState: getEventModifierState,
+	  // Legacy Interface
+	  charCode: function (event) {
+	    // `charCode` is the result of a KeyPress event and represents the value of
+	    // the actual printable character.
+	    // KeyPress is deprecated, but its replacement is not yet final and not
+	    // implemented in any major browser. Only KeyPress has charCode.
+	    if (event.type === 'keypress') {
+	      return getEventCharCode(event);
 	    }
 
-	    warnedStyleNames[name] = true;
-	    warning$1(false, 'Unsupported style property %s. Did you mean %s?', name,
-	    // As Andi Smith suggests
-	    // (http://www.andismith.com/blog/2012/02/modernizr-prefixed/), an `-ms` prefix
-	    // is converted to lowercase `ms`.
-	    camelize(name.replace(msPattern$1, 'ms-')));
-	  };
-
-	  var warnBadVendoredStyleName = function (name) {
-	    if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
-	      return;
+	    return 0;
+	  },
+	  keyCode: function (event) {
+	    // `keyCode` is the result of a KeyDown/Up event and represents the value of
+	    // physical keyboard key.
+	    // The actual meaning of the value depends on the users' keyboard layout
+	    // which cannot be detected. Assuming that it is a US keyboard layout
+	    // provides a surprisingly accurate mapping for US and European users.
+	    // Due to this, it is left to the user to implement at this time.
+	    if (event.type === 'keydown' || event.type === 'keyup') {
+	      return event.keyCode;
 	    }
 
-	    warnedStyleNames[name] = true;
-	    warning$1(false, 'Unsupported vendor-prefixed style property %s. Did you mean %s?', name, name.charAt(0).toUpperCase() + name.slice(1));
-	  };
+	    return 0;
+	  },
+	  which: function (event) {
+	    // `which` is an alias for either `keyCode` or `charCode` depending on the
+	    // type of the event.
+	    if (event.type === 'keypress') {
+	      return getEventCharCode(event);
+	    }
 
-	  var warnStyleValueWithSemicolon = function (name, value) {
-	    if (warnedStyleValues.hasOwnProperty(value) && warnedStyleValues[value]) {
-	      return;
+	    if (event.type === 'keydown' || event.type === 'keyup') {
+	      return event.keyCode;
 	    }
 
-	    warnedStyleValues[value] = true;
-	    warning$1(false, "Style property values shouldn't contain a semicolon. " + 'Try "%s: %s" instead.', name, value.replace(badStyleValueWithSemicolonPattern, ''));
-	  };
+	    return 0;
+	  }
+	});
 
-	  var warnStyleValueIsNaN = function (name, value) {
-	    if (warnedForNaNValue) {
-	      return;
-	    }
+	var previousScreenX = 0;
+	var previousScreenY = 0; // Use flags to signal movementX/Y has already been set
 
-	    warnedForNaNValue = true;
-	    warning$1(false, '`NaN` is an invalid value for the `%s` css style property.', name);
-	  };
+	var isMovementXSet = false;
+	var isMovementYSet = false;
+	/**
+	 * @interface MouseEvent
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
+	 */
 
-	  var warnStyleValueIsInfinity = function (name, value) {
-	    if (warnedForInfinityValue) {
-	      return;
+	var SyntheticMouseEvent = SyntheticUIEvent.extend({
+	  screenX: null,
+	  screenY: null,
+	  clientX: null,
+	  clientY: null,
+	  pageX: null,
+	  pageY: null,
+	  ctrlKey: null,
+	  shiftKey: null,
+	  altKey: null,
+	  metaKey: null,
+	  getModifierState: getEventModifierState,
+	  button: null,
+	  buttons: null,
+	  relatedTarget: function (event) {
+	    return event.relatedTarget || (event.fromElement === event.srcElement ? event.toElement : event.fromElement);
+	  },
+	  movementX: function (event) {
+	    if ('movementX' in event) {
+	      return event.movementX;
 	    }
 
-	    warnedForInfinityValue = true;
-	    warning$1(false, '`Infinity` is an invalid value for the `%s` css style property.', name);
-	  };
+	    var screenX = previousScreenX;
+	    previousScreenX = event.screenX;
 
-	  warnValidStyle = function (name, value) {
-	    if (name.indexOf('-') > -1) {
-	      warnHyphenatedStyleName(name);
-	    } else if (badVendoredStyleNamePattern.test(name)) {
-	      warnBadVendoredStyleName(name);
-	    } else if (badStyleValueWithSemicolonPattern.test(value)) {
-	      warnStyleValueWithSemicolon(name, value);
+	    if (!isMovementXSet) {
+	      isMovementXSet = true;
+	      return 0;
 	    }
 
-	    if (typeof value === 'number') {
-	      if (isNaN(value)) {
-	        warnStyleValueIsNaN(name, value);
-	      } else if (!isFinite(value)) {
-	        warnStyleValueIsInfinity(name, value);
-	      }
+	    return event.type === 'mousemove' ? event.screenX - screenX : 0;
+	  },
+	  movementY: function (event) {
+	    if ('movementY' in event) {
+	      return event.movementY;
 	    }
-	  };
-	}
 
-	var warnValidStyle$1 = warnValidStyle;
+	    var screenY = previousScreenY;
+	    previousScreenY = event.screenY;
+
+	    if (!isMovementYSet) {
+	      isMovementYSet = true;
+	      return 0;
+	    }
+
+	    return event.type === 'mousemove' ? event.screenY - screenY : 0;
+	  }
+	});
 
 	/**
-	 * Operations for dealing with CSS properties.
+	 * @interface PointerEvent
+	 * @see http://www.w3.org/TR/pointerevents/
 	 */
 
+	var SyntheticPointerEvent = SyntheticMouseEvent.extend({
+	  pointerId: null,
+	  width: null,
+	  height: null,
+	  pressure: null,
+	  tangentialPressure: null,
+	  tiltX: null,
+	  tiltY: null,
+	  twist: null,
+	  pointerType: null,
+	  isPrimary: null
+	});
+
 	/**
-	 * This creates a string that is expected to be equivalent to the style
-	 * attribute generated by server-side rendering. It by-passes warnings and
-	 * security checks so it's not safe to use this value for anything other than
-	 * comparison. It is only used in DEV for SSR validation.
+	 * @interface DragEvent
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
 	 */
-	function createDangerousStringForStyles(styles) {
-	  {
-	    var serialized = '';
-	    var delimiter = '';
-	    for (var styleName in styles) {
-	      if (!styles.hasOwnProperty(styleName)) {
-	        continue;
-	      }
-	      var styleValue = styles[styleName];
-	      if (styleValue != null) {
-	        var isCustomProperty = styleName.indexOf('--') === 0;
-	        serialized += delimiter + hyphenateStyleName(styleName) + ':';
-	        serialized += dangerousStyleValue(styleName, styleValue, isCustomProperty);
 
-	        delimiter = ';';
-	      }
-	    }
-	    return serialized || null;
-	  }
-	}
+	var SyntheticDragEvent = SyntheticMouseEvent.extend({
+	  dataTransfer: null
+	});
 
 	/**
-	 * Sets the value for multiple styles on a node.  If a value is specified as
-	 * '' (empty string), the corresponding style property will be unset.
-	 *
-	 * @param {DOMElement} node
-	 * @param {object} styles
+	 * @interface TouchEvent
+	 * @see http://www.w3.org/TR/touch-events/
+	 */
+
+	var SyntheticTouchEvent = SyntheticUIEvent.extend({
+	  touches: null,
+	  targetTouches: null,
+	  changedTouches: null,
+	  altKey: null,
+	  metaKey: null,
+	  ctrlKey: null,
+	  shiftKey: null,
+	  getModifierState: getEventModifierState
+	});
+
+	/**
+	 * @interface Event
+	 * @see http://www.w3.org/TR/2009/WD-css3-transitions-20090320/#transition-events-
+	 * @see https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent
+	 */
+
+	var SyntheticTransitionEvent = SyntheticEvent.extend({
+	  propertyName: null,
+	  elapsedTime: null,
+	  pseudoElement: null
+	});
+
+	/**
+	 * @interface WheelEvent
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/
+	 */
+
+	var SyntheticWheelEvent = SyntheticMouseEvent.extend({
+	  deltaX: function (event) {
+	    return 'deltaX' in event ? event.deltaX : // Fallback to `wheelDeltaX` for Webkit and normalize (right is positive).
+	    'wheelDeltaX' in event ? -event.wheelDeltaX : 0;
+	  },
+	  deltaY: function (event) {
+	    return 'deltaY' in event ? event.deltaY : // Fallback to `wheelDeltaY` for Webkit and normalize (down is positive).
+	    'wheelDeltaY' in event ? -event.wheelDeltaY : // Fallback to `wheelDelta` for IE<9 and normalize (down is positive).
+	    'wheelDelta' in event ? -event.wheelDelta : 0;
+	  },
+	  deltaZ: null,
+	  // Browsers without "deltaMode" is reporting in raw wheel delta where one
+	  // notch on the scroll is always +/- 120, roughly equivalent to pixels.
+	  // A good approximation of DOM_DELTA_LINE (1) is 5% of viewport size or
+	  // ~40 pixels, for DOM_DELTA_SCREEN (2) it is 87.5% of viewport size.
+	  deltaMode: null
+	});
+
+	/**
+	 * Turns
+	 * ['abort', ...]
+	 * into
+	 * eventTypes = {
+	 *   'abort': {
+	 *     phasedRegistrationNames: {
+	 *       bubbled: 'onAbort',
+	 *       captured: 'onAbortCapture',
+	 *     },
+	 *     dependencies: [TOP_ABORT],
+	 *   },
+	 *   ...
+	 * };
+	 * topLevelEventsToDispatchConfig = new Map([
+	 *   [TOP_ABORT, { sameConfig }],
+	 * ]);
+	 */
+
+	var eventTuples = [// Discrete events
+	[TOP_BLUR, 'blur', DiscreteEvent], [TOP_CANCEL, 'cancel', DiscreteEvent], [TOP_CLICK, 'click', DiscreteEvent], [TOP_CLOSE, 'close', DiscreteEvent], [TOP_CONTEXT_MENU, 'contextMenu', DiscreteEvent], [TOP_COPY, 'copy', DiscreteEvent], [TOP_CUT, 'cut', DiscreteEvent], [TOP_AUX_CLICK, 'auxClick', DiscreteEvent], [TOP_DOUBLE_CLICK, 'doubleClick', DiscreteEvent], [TOP_DRAG_END, 'dragEnd', DiscreteEvent], [TOP_DRAG_START, 'dragStart', DiscreteEvent], [TOP_DROP, 'drop', DiscreteEvent], [TOP_FOCUS, 'focus', DiscreteEvent], [TOP_INPUT, 'input', DiscreteEvent], [TOP_INVALID, 'invalid', DiscreteEvent], [TOP_KEY_DOWN, 'keyDown', DiscreteEvent], [TOP_KEY_PRESS, 'keyPress', DiscreteEvent], [TOP_KEY_UP, 'keyUp', DiscreteEvent], [TOP_MOUSE_DOWN, 'mouseDown', DiscreteEvent], [TOP_MOUSE_UP, 'mouseUp', DiscreteEvent], [TOP_PASTE, 'paste', DiscreteEvent], [TOP_PAUSE, 'pause', DiscreteEvent], [TOP_PLAY, 'play', DiscreteEvent], [TOP_POINTER_CANCEL, 'pointerCancel', DiscreteEvent], [TOP_POINTER_DOWN, 'pointerDown', DiscreteEvent], [TOP_POINTER_UP, 'pointerUp', DiscreteEvent], [TOP_RATE_CHANGE, 'rateChange', DiscreteEvent], [TOP_RESET, 'reset', DiscreteEvent], [TOP_SEEKED, 'seeked', DiscreteEvent], [TOP_SUBMIT, 'submit', DiscreteEvent], [TOP_TOUCH_CANCEL, 'touchCancel', DiscreteEvent], [TOP_TOUCH_END, 'touchEnd', DiscreteEvent], [TOP_TOUCH_START, 'touchStart', DiscreteEvent], [TOP_VOLUME_CHANGE, 'volumeChange', DiscreteEvent], // User-blocking events
+	[TOP_DRAG, 'drag', UserBlockingEvent], [TOP_DRAG_ENTER, 'dragEnter', UserBlockingEvent], [TOP_DRAG_EXIT, 'dragExit', UserBlockingEvent], [TOP_DRAG_LEAVE, 'dragLeave', UserBlockingEvent], [TOP_DRAG_OVER, 'dragOver', UserBlockingEvent], [TOP_MOUSE_MOVE, 'mouseMove', UserBlockingEvent], [TOP_MOUSE_OUT, 'mouseOut', UserBlockingEvent], [TOP_MOUSE_OVER, 'mouseOver', UserBlockingEvent], [TOP_POINTER_MOVE, 'pointerMove', UserBlockingEvent], [TOP_POINTER_OUT, 'pointerOut', UserBlockingEvent], [TOP_POINTER_OVER, 'pointerOver', UserBlockingEvent], [TOP_SCROLL, 'scroll', UserBlockingEvent], [TOP_TOGGLE, 'toggle', UserBlockingEvent], [TOP_TOUCH_MOVE, 'touchMove', UserBlockingEvent], [TOP_WHEEL, 'wheel', UserBlockingEvent], // Continuous events
+	[TOP_ABORT, 'abort', ContinuousEvent], [TOP_ANIMATION_END, 'animationEnd', ContinuousEvent], [TOP_ANIMATION_ITERATION, 'animationIteration', ContinuousEvent], [TOP_ANIMATION_START, 'animationStart', ContinuousEvent], [TOP_CAN_PLAY, 'canPlay', ContinuousEvent], [TOP_CAN_PLAY_THROUGH, 'canPlayThrough', ContinuousEvent], [TOP_DURATION_CHANGE, 'durationChange', ContinuousEvent], [TOP_EMPTIED, 'emptied', ContinuousEvent], [TOP_ENCRYPTED, 'encrypted', ContinuousEvent], [TOP_ENDED, 'ended', ContinuousEvent], [TOP_ERROR, 'error', ContinuousEvent], [TOP_GOT_POINTER_CAPTURE, 'gotPointerCapture', ContinuousEvent], [TOP_LOAD, 'load', ContinuousEvent], [TOP_LOADED_DATA, 'loadedData', ContinuousEvent], [TOP_LOADED_METADATA, 'loadedMetadata', ContinuousEvent], [TOP_LOAD_START, 'loadStart', ContinuousEvent], [TOP_LOST_POINTER_CAPTURE, 'lostPointerCapture', ContinuousEvent], [TOP_PLAYING, 'playing', ContinuousEvent], [TOP_PROGRESS, 'progress', ContinuousEvent], [TOP_SEEKING, 'seeking', ContinuousEvent], [TOP_STALLED, 'stalled', ContinuousEvent], [TOP_SUSPEND, 'suspend', ContinuousEvent], [TOP_TIME_UPDATE, 'timeUpdate', ContinuousEvent], [TOP_TRANSITION_END, 'transitionEnd', ContinuousEvent], [TOP_WAITING, 'waiting', ContinuousEvent]];
+	var eventTypes = {};
+	var topLevelEventsToDispatchConfig = {};
+
+	for (var i = 0; i < eventTuples.length; i++) {
+	  var eventTuple = eventTuples[i];
+	  var topEvent = eventTuple[0];
+	  var event = eventTuple[1];
+	  var eventPriority = eventTuple[2];
+	  var capitalizedEvent = event[0].toUpperCase() + event.slice(1);
+	  var onEvent = 'on' + capitalizedEvent;
+	  var config = {
+	    phasedRegistrationNames: {
+	      bubbled: onEvent,
+	      captured: onEvent + 'Capture'
+	    },
+	    dependencies: [topEvent],
+	    eventPriority: eventPriority
+	  };
+	  eventTypes[event] = config;
+	  topLevelEventsToDispatchConfig[topEvent] = config;
+	} // Only used in DEV for exhaustiveness validation.
+
+
+	var knownHTMLTopLevelTypes = [TOP_ABORT, TOP_CANCEL, TOP_CAN_PLAY, TOP_CAN_PLAY_THROUGH, TOP_CLOSE, TOP_DURATION_CHANGE, TOP_EMPTIED, TOP_ENCRYPTED, TOP_ENDED, TOP_ERROR, TOP_INPUT, TOP_INVALID, TOP_LOAD, TOP_LOADED_DATA, TOP_LOADED_METADATA, TOP_LOAD_START, TOP_PAUSE, TOP_PLAY, TOP_PLAYING, TOP_PROGRESS, TOP_RATE_CHANGE, TOP_RESET, TOP_SEEKED, TOP_SEEKING, TOP_STALLED, TOP_SUBMIT, TOP_SUSPEND, TOP_TIME_UPDATE, TOP_TOGGLE, TOP_VOLUME_CHANGE, TOP_WAITING];
+	var SimpleEventPlugin = {
+	  eventTypes: eventTypes,
+	  getEventPriority: function (topLevelType) {
+	    var config = topLevelEventsToDispatchConfig[topLevelType];
+	    return config !== undefined ? config.eventPriority : ContinuousEvent;
+	  },
+	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget, eventSystemFlags) {
+	    var dispatchConfig = topLevelEventsToDispatchConfig[topLevelType];
+
+	    if (!dispatchConfig) {
+	      return null;
+	    }
+
+	    var EventConstructor;
+
+	    switch (topLevelType) {
+	      case TOP_KEY_PRESS:
+	        // Firefox creates a keypress event for function keys too. This removes
+	        // the unwanted keypress events. Enter is however both printable and
+	        // non-printable. One would expect Tab to be as well (but it isn't).
+	        if (getEventCharCode(nativeEvent) === 0) {
+	          return null;
+	        }
+
+	      /* falls through */
+
+	      case TOP_KEY_DOWN:
+	      case TOP_KEY_UP:
+	        EventConstructor = SyntheticKeyboardEvent;
+	        break;
+
+	      case TOP_BLUR:
+	      case TOP_FOCUS:
+	        EventConstructor = SyntheticFocusEvent;
+	        break;
+
+	      case TOP_CLICK:
+	        // Firefox creates a click event on right mouse clicks. This removes the
+	        // unwanted click events.
+	        if (nativeEvent.button === 2) {
+	          return null;
+	        }
+
+	      /* falls through */
+
+	      case TOP_AUX_CLICK:
+	      case TOP_DOUBLE_CLICK:
+	      case TOP_MOUSE_DOWN:
+	      case TOP_MOUSE_MOVE:
+	      case TOP_MOUSE_UP: // TODO: Disabled elements should not respond to mouse events
+
+	      /* falls through */
+
+	      case TOP_MOUSE_OUT:
+	      case TOP_MOUSE_OVER:
+	      case TOP_CONTEXT_MENU:
+	        EventConstructor = SyntheticMouseEvent;
+	        break;
+
+	      case TOP_DRAG:
+	      case TOP_DRAG_END:
+	      case TOP_DRAG_ENTER:
+	      case TOP_DRAG_EXIT:
+	      case TOP_DRAG_LEAVE:
+	      case TOP_DRAG_OVER:
+	      case TOP_DRAG_START:
+	      case TOP_DROP:
+	        EventConstructor = SyntheticDragEvent;
+	        break;
+
+	      case TOP_TOUCH_CANCEL:
+	      case TOP_TOUCH_END:
+	      case TOP_TOUCH_MOVE:
+	      case TOP_TOUCH_START:
+	        EventConstructor = SyntheticTouchEvent;
+	        break;
+
+	      case TOP_ANIMATION_END:
+	      case TOP_ANIMATION_ITERATION:
+	      case TOP_ANIMATION_START:
+	        EventConstructor = SyntheticAnimationEvent;
+	        break;
+
+	      case TOP_TRANSITION_END:
+	        EventConstructor = SyntheticTransitionEvent;
+	        break;
+
+	      case TOP_SCROLL:
+	        EventConstructor = SyntheticUIEvent;
+	        break;
+
+	      case TOP_WHEEL:
+	        EventConstructor = SyntheticWheelEvent;
+	        break;
+
+	      case TOP_COPY:
+	      case TOP_CUT:
+	      case TOP_PASTE:
+	        EventConstructor = SyntheticClipboardEvent;
+	        break;
+
+	      case TOP_GOT_POINTER_CAPTURE:
+	      case TOP_LOST_POINTER_CAPTURE:
+	      case TOP_POINTER_CANCEL:
+	      case TOP_POINTER_DOWN:
+	      case TOP_POINTER_MOVE:
+	      case TOP_POINTER_OUT:
+	      case TOP_POINTER_OVER:
+	      case TOP_POINTER_UP:
+	        EventConstructor = SyntheticPointerEvent;
+	        break;
+
+	      default:
+	        {
+	          if (knownHTMLTopLevelTypes.indexOf(topLevelType) === -1) {
+	            warningWithoutStack$1(false, 'SimpleEventPlugin: Unhandled event type, `%s`. This warning ' + 'is likely caused by a bug in React. Please file an issue.', topLevelType);
+	          }
+	        } // HTML Events
+	        // @see http://www.w3.org/TR/html5/index.html#events-0
+
+
+	        EventConstructor = SyntheticEvent;
+	        break;
+	    }
+
+	    var event = EventConstructor.getPooled(dispatchConfig, targetInst, nativeEvent, nativeEventTarget);
+	    accumulateTwoPhaseDispatches(event);
+	    return event;
+	  }
+	};
+
+	var passiveBrowserEventsSupported = false; // Check if browser support events with passive listeners
+	// https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support
+
+	if (enableFlareAPI && canUseDOM) {
+	  try {
+	    var options = {}; // $FlowFixMe: Ignore Flow complaining about needing a value
+
+	    Object.defineProperty(options, 'passive', {
+	      get: function () {
+	        passiveBrowserEventsSupported = true;
+	      }
+	    });
+	    window.addEventListener('test', options, options);
+	    window.removeEventListener('test', options, options);
+	  } catch (e) {
+	    passiveBrowserEventsSupported = false;
+	  }
+	}
+
+	// Intentionally not named imports because Rollup would use dynamic dispatch for
+	// CommonJS interop named imports.
+	var UserBlockingPriority$1 = Scheduler.unstable_UserBlockingPriority;
+	var runWithPriority$1 = Scheduler.unstable_runWithPriority;
+	var getEventPriority = SimpleEventPlugin.getEventPriority;
+	var CALLBACK_BOOKKEEPING_POOL_SIZE = 10;
+	var callbackBookkeepingPool = [];
+
+	/**
+	 * Find the deepest React component completely containing the root of the
+	 * passed-in instance (for use when entire React trees are nested within each
+	 * other). If React trees are not nested, returns null.
+	 */
+	function findRootContainerNode(inst) {
+	  if (inst.tag === HostRoot) {
+	    return inst.stateNode.containerInfo;
+	  } // TODO: It may be a good idea to cache this to prevent unnecessary DOM
+	  // traversal, but caching is difficult to do correctly without using a
+	  // mutation observer to listen for all DOM changes.
+
+
+	  while (inst.return) {
+	    inst = inst.return;
+	  }
+
+	  if (inst.tag !== HostRoot) {
+	    // This can happen if we're in a detached tree.
+	    return null;
+	  }
+
+	  return inst.stateNode.containerInfo;
+	} // Used to store ancestor hierarchy in top level callback
+
+
+	function getTopLevelCallbackBookKeeping(topLevelType, nativeEvent, targetInst, eventSystemFlags) {
+	  if (callbackBookkeepingPool.length) {
+	    var instance = callbackBookkeepingPool.pop();
+	    instance.topLevelType = topLevelType;
+	    instance.eventSystemFlags = eventSystemFlags;
+	    instance.nativeEvent = nativeEvent;
+	    instance.targetInst = targetInst;
+	    return instance;
+	  }
+
+	  return {
+	    topLevelType: topLevelType,
+	    eventSystemFlags: eventSystemFlags,
+	    nativeEvent: nativeEvent,
+	    targetInst: targetInst,
+	    ancestors: []
+	  };
+	}
+
+	function releaseTopLevelCallbackBookKeeping(instance) {
+	  instance.topLevelType = null;
+	  instance.nativeEvent = null;
+	  instance.targetInst = null;
+	  instance.ancestors.length = 0;
+
+	  if (callbackBookkeepingPool.length < CALLBACK_BOOKKEEPING_POOL_SIZE) {
+	    callbackBookkeepingPool.push(instance);
+	  }
+	}
+
+	function handleTopLevel(bookKeeping) {
+	  var targetInst = bookKeeping.targetInst; // Loop through the hierarchy, in case there's any nested components.
+	  // It's important that we build the array of ancestors before calling any
+	  // event handlers, because event handlers can modify the DOM, leading to
+	  // inconsistencies with ReactMount's node cache. See #1105.
+
+	  var ancestor = targetInst;
+
+	  do {
+	    if (!ancestor) {
+	      var ancestors = bookKeeping.ancestors;
+	      ancestors.push(ancestor);
+	      break;
+	    }
+
+	    var root = findRootContainerNode(ancestor);
+
+	    if (!root) {
+	      break;
+	    }
+
+	    var tag = ancestor.tag;
+
+	    if (tag === HostComponent || tag === HostText) {
+	      bookKeeping.ancestors.push(ancestor);
+	    }
+
+	    ancestor = getClosestInstanceFromNode(root);
+	  } while (ancestor);
+
+	  for (var i = 0; i < bookKeeping.ancestors.length; i++) {
+	    targetInst = bookKeeping.ancestors[i];
+	    var eventTarget = getEventTarget(bookKeeping.nativeEvent);
+	    var topLevelType = bookKeeping.topLevelType;
+	    var nativeEvent = bookKeeping.nativeEvent;
+	    runExtractedPluginEventsInBatch(topLevelType, targetInst, nativeEvent, eventTarget, bookKeeping.eventSystemFlags);
+	  }
+	} // TODO: can we stop exporting these?
+
+
+	var _enabled = true;
+	function setEnabled(enabled) {
+	  _enabled = !!enabled;
+	}
+	function isEnabled() {
+	  return _enabled;
+	}
+	function trapBubbledEvent(topLevelType, element) {
+	  trapEventForPluginEventSystem(element, topLevelType, false);
+	}
+	function trapCapturedEvent(topLevelType, element) {
+	  trapEventForPluginEventSystem(element, topLevelType, true);
+	}
+	function trapEventForResponderEventSystem(element, topLevelType, passive) {
+	  if (enableFlareAPI) {
+	    var rawEventName = getRawEventName(topLevelType);
+	    var eventFlags = RESPONDER_EVENT_SYSTEM; // If passive option is not supported, then the event will be
+	    // active and not passive, but we flag it as using not being
+	    // supported too. This way the responder event plugins know,
+	    // and can provide polyfills if needed.
+
+	    if (passive) {
+	      if (passiveBrowserEventsSupported) {
+	        eventFlags |= IS_PASSIVE;
+	      } else {
+	        eventFlags |= IS_ACTIVE;
+	        eventFlags |= PASSIVE_NOT_SUPPORTED;
+	        passive = false;
+	      }
+	    } else {
+	      eventFlags |= IS_ACTIVE;
+	    } // Check if interactive and wrap in discreteUpdates
+
+
+	    var listener = dispatchEvent.bind(null, topLevelType, eventFlags);
+
+	    if (passiveBrowserEventsSupported) {
+	      addEventCaptureListenerWithPassiveFlag(element, rawEventName, listener, passive);
+	    } else {
+	      addEventCaptureListener(element, rawEventName, listener);
+	    }
+	  }
+	}
+
+	function trapEventForPluginEventSystem(element, topLevelType, capture) {
+	  var listener;
+
+	  switch (getEventPriority(topLevelType)) {
+	    case DiscreteEvent:
+	      listener = dispatchDiscreteEvent.bind(null, topLevelType, PLUGIN_EVENT_SYSTEM);
+	      break;
+
+	    case UserBlockingEvent:
+	      listener = dispatchUserBlockingUpdate.bind(null, topLevelType, PLUGIN_EVENT_SYSTEM);
+	      break;
+
+	    case ContinuousEvent:
+	    default:
+	      listener = dispatchEvent.bind(null, topLevelType, PLUGIN_EVENT_SYSTEM);
+	      break;
+	  }
+
+	  var rawEventName = getRawEventName(topLevelType);
+
+	  if (capture) {
+	    addEventCaptureListener(element, rawEventName, listener);
+	  } else {
+	    addEventBubbleListener(element, rawEventName, listener);
+	  }
+	}
+
+	function dispatchDiscreteEvent(topLevelType, eventSystemFlags, nativeEvent) {
+	  flushDiscreteUpdatesIfNeeded(nativeEvent.timeStamp);
+	  discreteUpdates(dispatchEvent, topLevelType, eventSystemFlags, nativeEvent);
+	}
+
+	function dispatchUserBlockingUpdate(topLevelType, eventSystemFlags, nativeEvent) {
+	  runWithPriority$1(UserBlockingPriority$1, dispatchEvent.bind(null, topLevelType, eventSystemFlags, nativeEvent));
+	}
+
+	function dispatchEventForPluginEventSystem(topLevelType, eventSystemFlags, nativeEvent, targetInst) {
+	  var bookKeeping = getTopLevelCallbackBookKeeping(topLevelType, nativeEvent, targetInst, eventSystemFlags);
+
+	  try {
+	    // Event queue being processed in the same cycle allows
+	    // `preventDefault`.
+	    batchedEventUpdates(handleTopLevel, bookKeeping);
+	  } finally {
+	    releaseTopLevelCallbackBookKeeping(bookKeeping);
+	  }
+	}
+
+	function dispatchEvent(topLevelType, eventSystemFlags, nativeEvent) {
+	  if (!_enabled) {
+	    return;
+	  }
+
+	  if (hasQueuedDiscreteEvents() && isReplayableDiscreteEvent(topLevelType)) {
+	    // If we already have a queue of discrete events, and this is another discrete
+	    // event, then we can't dispatch it regardless of its target, since they
+	    // need to dispatch in order.
+	    queueDiscreteEvent(null, // Flags that we're not actually blocked on anything as far as we know.
+	    topLevelType, eventSystemFlags, nativeEvent);
+	    return;
+	  }
+
+	  var blockedOn = attemptToDispatchEvent(topLevelType, eventSystemFlags, nativeEvent);
+
+	  if (blockedOn === null) {
+	    // We successfully dispatched this event.
+	    clearIfContinuousEvent(topLevelType, nativeEvent);
+	    return;
+	  }
+
+	  if (isReplayableDiscreteEvent(topLevelType)) {
+	    // This this to be replayed later once the target is available.
+	    queueDiscreteEvent(blockedOn, topLevelType, eventSystemFlags, nativeEvent);
+	    return;
+	  }
+
+	  if (queueIfContinuousEvent(blockedOn, topLevelType, eventSystemFlags, nativeEvent)) {
+	    return;
+	  } // We need to clear only if we didn't queue because
+	  // queueing is accummulative.
+
+
+	  clearIfContinuousEvent(topLevelType, nativeEvent); // This is not replayable so we'll invoke it but without a target,
+	  // in case the event system needs to trace it.
+
+	  if (enableFlareAPI) {
+	    if (eventSystemFlags & PLUGIN_EVENT_SYSTEM) {
+	      dispatchEventForPluginEventSystem(topLevelType, eventSystemFlags, nativeEvent, null);
+	    }
+
+	    if (eventSystemFlags & RESPONDER_EVENT_SYSTEM) {
+	      // React Flare event system
+	      dispatchEventForResponderEventSystem(topLevelType, null, nativeEvent, getEventTarget(nativeEvent), eventSystemFlags);
+	    }
+	  } else {
+	    dispatchEventForPluginEventSystem(topLevelType, eventSystemFlags, nativeEvent, null);
+	  }
+	} // Attempt dispatching an event. Returns a SuspenseInstance or Container if it's blocked.
+
+	function attemptToDispatchEvent(topLevelType, eventSystemFlags, nativeEvent) {
+	  // TODO: Warn if _enabled is false.
+	  var nativeEventTarget = getEventTarget(nativeEvent);
+	  var targetInst = getClosestInstanceFromNode(nativeEventTarget);
+
+	  if (targetInst !== null) {
+	    var nearestMounted = getNearestMountedFiber(targetInst);
+
+	    if (nearestMounted === null) {
+	      // This tree has been unmounted already. Dispatch without a target.
+	      targetInst = null;
+	    } else {
+	      var tag = nearestMounted.tag;
+
+	      if (tag === SuspenseComponent) {
+	        var instance = getSuspenseInstanceFromFiber(nearestMounted);
+
+	        if (instance !== null) {
+	          // Queue the event to be replayed later. Abort dispatching since we
+	          // don't want this event dispatched twice through the event system.
+	          // TODO: If this is the first discrete event in the queue. Schedule an increased
+	          // priority for this boundary.
+	          return instance;
+	        } // This shouldn't happen, something went wrong but to avoid blocking
+	        // the whole system, dispatch the event without a target.
+	        // TODO: Warn.
+
+
+	        targetInst = null;
+	      } else if (tag === HostRoot) {
+	        var root = nearestMounted.stateNode;
+
+	        if (root.hydrate) {
+	          // If this happens during a replay something went wrong and it might block
+	          // the whole system.
+	          return getContainerFromFiber(nearestMounted);
+	        }
+
+	        targetInst = null;
+	      } else if (nearestMounted !== targetInst) {
+	        // If we get an event (ex: img onload) before committing that
+	        // component's mount, ignore it for now (that is, treat it as if it was an
+	        // event on a non-React tree). We might also consider queueing events and
+	        // dispatching them after the mount.
+	        targetInst = null;
+	      }
+	    }
+	  }
+
+	  if (enableFlareAPI) {
+	    if (eventSystemFlags & PLUGIN_EVENT_SYSTEM) {
+	      dispatchEventForPluginEventSystem(topLevelType, eventSystemFlags, nativeEvent, targetInst);
+	    }
+
+	    if (eventSystemFlags & RESPONDER_EVENT_SYSTEM) {
+	      // React Flare event system
+	      dispatchEventForResponderEventSystem(topLevelType, targetInst, nativeEvent, nativeEventTarget, eventSystemFlags);
+	    }
+	  } else {
+	    dispatchEventForPluginEventSystem(topLevelType, eventSystemFlags, nativeEvent, targetInst);
+	  } // We're not blocked on anything.
+
+
+	  return null;
+	}
+
+	/**
+	 * Checks if an event is supported in the current execution environment.
+	 *
+	 * NOTE: This will not work correctly for non-generic events such as `change`,
+	 * `reset`, `load`, `error`, and `select`.
+	 *
+	 * Borrows from Modernizr.
+	 *
+	 * @param {string} eventNameSuffix Event name, e.g. "click".
+	 * @return {boolean} True if the event is supported.
+	 * @internal
+	 * @license Modernizr 3.0.0pre (Custom Build) | MIT
+	 */
+
+	function isEventSupported(eventNameSuffix) {
+	  if (!canUseDOM) {
+	    return false;
+	  }
+
+	  var eventName = 'on' + eventNameSuffix;
+	  var isSupported = eventName in document;
+
+	  if (!isSupported) {
+	    var element = document.createElement('div');
+	    element.setAttribute(eventName, 'return;');
+	    isSupported = typeof element[eventName] === 'function';
+	  }
+
+	  return isSupported;
+	}
+
+	/**
+	 * Summary of `ReactBrowserEventEmitter` event handling:
+	 *
+	 *  - Top-level delegation is used to trap most native browser events. This
+	 *    may only occur in the main thread and is the responsibility of
+	 *    ReactDOMEventListener, which is injected and can therefore support
+	 *    pluggable event sources. This is the only work that occurs in the main
+	 *    thread.
+	 *
+	 *  - We normalize and de-duplicate events to account for browser quirks. This
+	 *    may be done in the worker thread.
+	 *
+	 *  - Forward these native events (with the associated top-level type used to
+	 *    trap it) to `EventPluginHub`, which in turn will ask plugins if they want
+	 *    to extract any synthetic events.
+	 *
+	 *  - The `EventPluginHub` will then process each event by annotating them with
+	 *    "dispatches", a sequence of listeners and IDs that care about that event.
+	 *
+	 *  - The `EventPluginHub` then dispatches the events.
+	 *
+	 * Overview of React and the event system:
+	 *
+	 * +------------+    .
+	 * |    DOM     |    .
+	 * +------------+    .
+	 *       |           .
+	 *       v           .
+	 * +------------+    .
+	 * | ReactEvent |    .
+	 * |  Listener  |    .
+	 * +------------+    .                         +-----------+
+	 *       |           .               +--------+|SimpleEvent|
+	 *       |           .               |         |Plugin     |
+	 * +-----|------+    .               v         +-----------+
+	 * |     |      |    .    +--------------+                    +------------+
+	 * |     +-----------.--->|EventPluginHub|                    |    Event   |
+	 * |            |    .    |              |     +-----------+  | Propagators|
+	 * | ReactEvent |    .    |              |     |TapEvent   |  |------------|
+	 * |  Emitter   |    .    |              |<---+|Plugin     |  |other plugin|
+	 * |            |    .    |              |     +-----------+  |  utilities |
+	 * |     +-----------.--->|              |                    +------------+
+	 * |     |      |    .    +--------------+
+	 * +-----|------+    .                ^        +-----------+
+	 *       |           .                |        |Enter/Leave|
+	 *       +           .                +-------+|Plugin     |
+	 * +-------------+   .                         +-----------+
+	 * | application |   .
+	 * |-------------|   .
+	 * |             |   .
+	 * |             |   .
+	 * +-------------+   .
+	 *                   .
+	 *    React Core     .  General Purpose Event Plugin System
+	 */
+
+	var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+	var elementListeningSets = new PossiblyWeakMap();
+	function getListeningSetForElement(element) {
+	  var listeningSet = elementListeningSets.get(element);
+
+	  if (listeningSet === undefined) {
+	    listeningSet = new Set();
+	    elementListeningSets.set(element, listeningSet);
+	  }
+
+	  return listeningSet;
+	}
+	/**
+	 * We listen for bubbled touch events on the document object.
+	 *
+	 * Firefox v8.01 (and possibly others) exhibited strange behavior when
+	 * mounting `onmousemove` events at some node that was not the document
+	 * element. The symptoms were that if your mouse is not moving over something
+	 * contained within that mount point (for example on the background) the
+	 * top-level listeners for `onmousemove` won't be called. However, if you
+	 * register the `mousemove` on the document object, then it will of course
+	 * catch all `mousemove`s. This along with iOS quirks, justifies restricting
+	 * top-level listeners to the document object only, at least for these
+	 * movement types of events and possibly all events.
+	 *
+	 * @see http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html
+	 *
+	 * Also, `keyup`/`keypress`/`keydown` do not bubble to the window on IE, but
+	 * they bubble to document.
+	 *
+	 * @param {string} registrationName Name of listener (e.g. `onClick`).
+	 * @param {object} mountAt Container where to mount the listener
+	 */
+
+	function listenTo(registrationName, mountAt) {
+	  var listeningSet = getListeningSetForElement(mountAt);
+	  var dependencies = registrationNameDependencies[registrationName];
+
+	  for (var i = 0; i < dependencies.length; i++) {
+	    var dependency = dependencies[i];
+	    listenToTopLevel(dependency, mountAt, listeningSet);
+	  }
+	}
+	function listenToTopLevel(topLevelType, mountAt, listeningSet) {
+	  if (!listeningSet.has(topLevelType)) {
+	    switch (topLevelType) {
+	      case TOP_SCROLL:
+	        trapCapturedEvent(TOP_SCROLL, mountAt);
+	        break;
+
+	      case TOP_FOCUS:
+	      case TOP_BLUR:
+	        trapCapturedEvent(TOP_FOCUS, mountAt);
+	        trapCapturedEvent(TOP_BLUR, mountAt); // We set the flag for a single dependency later in this function,
+	        // but this ensures we mark both as attached rather than just one.
+
+	        listeningSet.add(TOP_BLUR);
+	        listeningSet.add(TOP_FOCUS);
+	        break;
+
+	      case TOP_CANCEL:
+	      case TOP_CLOSE:
+	        if (isEventSupported(getRawEventName(topLevelType))) {
+	          trapCapturedEvent(topLevelType, mountAt);
+	        }
+
+	        break;
+
+	      case TOP_INVALID:
+	      case TOP_SUBMIT:
+	      case TOP_RESET:
+	        // We listen to them on the target DOM elements.
+	        // Some of them bubble so we don't want them to fire twice.
+	        break;
+
+	      default:
+	        // By default, listen on the top level to all non-media events.
+	        // Media events don't bubble so adding the listener wouldn't do anything.
+	        var isMediaEvent = mediaEventTypes.indexOf(topLevelType) !== -1;
+
+	        if (!isMediaEvent) {
+	          trapBubbledEvent(topLevelType, mountAt);
+	        }
+
+	        break;
+	    }
+
+	    listeningSet.add(topLevelType);
+	  }
+	}
+	function isListeningToAllDependencies(registrationName, mountAt) {
+	  var listeningSet = getListeningSetForElement(mountAt);
+	  var dependencies = registrationNameDependencies[registrationName];
+
+	  for (var i = 0; i < dependencies.length; i++) {
+	    var dependency = dependencies[i];
+
+	    if (!listeningSet.has(dependency)) {
+	      return false;
+	    }
+	  }
+
+	  return true;
+	}
+
+	// List derived from Gecko source code:
+	// https://github.com/mozilla/gecko-dev/blob/4e638efc71/layout/style/test/property_database.js
+	var shorthandToLonghand = {
+	  animation: ['animationDelay', 'animationDirection', 'animationDuration', 'animationFillMode', 'animationIterationCount', 'animationName', 'animationPlayState', 'animationTimingFunction'],
+	  background: ['backgroundAttachment', 'backgroundClip', 'backgroundColor', 'backgroundImage', 'backgroundOrigin', 'backgroundPositionX', 'backgroundPositionY', 'backgroundRepeat', 'backgroundSize'],
+	  backgroundPosition: ['backgroundPositionX', 'backgroundPositionY'],
+	  border: ['borderBottomColor', 'borderBottomStyle', 'borderBottomWidth', 'borderImageOutset', 'borderImageRepeat', 'borderImageSlice', 'borderImageSource', 'borderImageWidth', 'borderLeftColor', 'borderLeftStyle', 'borderLeftWidth', 'borderRightColor', 'borderRightStyle', 'borderRightWidth', 'borderTopColor', 'borderTopStyle', 'borderTopWidth'],
+	  borderBlockEnd: ['borderBlockEndColor', 'borderBlockEndStyle', 'borderBlockEndWidth'],
+	  borderBlockStart: ['borderBlockStartColor', 'borderBlockStartStyle', 'borderBlockStartWidth'],
+	  borderBottom: ['borderBottomColor', 'borderBottomStyle', 'borderBottomWidth'],
+	  borderColor: ['borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor'],
+	  borderImage: ['borderImageOutset', 'borderImageRepeat', 'borderImageSlice', 'borderImageSource', 'borderImageWidth'],
+	  borderInlineEnd: ['borderInlineEndColor', 'borderInlineEndStyle', 'borderInlineEndWidth'],
+	  borderInlineStart: ['borderInlineStartColor', 'borderInlineStartStyle', 'borderInlineStartWidth'],
+	  borderLeft: ['borderLeftColor', 'borderLeftStyle', 'borderLeftWidth'],
+	  borderRadius: ['borderBottomLeftRadius', 'borderBottomRightRadius', 'borderTopLeftRadius', 'borderTopRightRadius'],
+	  borderRight: ['borderRightColor', 'borderRightStyle', 'borderRightWidth'],
+	  borderStyle: ['borderBottomStyle', 'borderLeftStyle', 'borderRightStyle', 'borderTopStyle'],
+	  borderTop: ['borderTopColor', 'borderTopStyle', 'borderTopWidth'],
+	  borderWidth: ['borderBottomWidth', 'borderLeftWidth', 'borderRightWidth', 'borderTopWidth'],
+	  columnRule: ['columnRuleColor', 'columnRuleStyle', 'columnRuleWidth'],
+	  columns: ['columnCount', 'columnWidth'],
+	  flex: ['flexBasis', 'flexGrow', 'flexShrink'],
+	  flexFlow: ['flexDirection', 'flexWrap'],
+	  font: ['fontFamily', 'fontFeatureSettings', 'fontKerning', 'fontLanguageOverride', 'fontSize', 'fontSizeAdjust', 'fontStretch', 'fontStyle', 'fontVariant', 'fontVariantAlternates', 'fontVariantCaps', 'fontVariantEastAsian', 'fontVariantLigatures', 'fontVariantNumeric', 'fontVariantPosition', 'fontWeight', 'lineHeight'],
+	  fontVariant: ['fontVariantAlternates', 'fontVariantCaps', 'fontVariantEastAsian', 'fontVariantLigatures', 'fontVariantNumeric', 'fontVariantPosition'],
+	  gap: ['columnGap', 'rowGap'],
+	  grid: ['gridAutoColumns', 'gridAutoFlow', 'gridAutoRows', 'gridTemplateAreas', 'gridTemplateColumns', 'gridTemplateRows'],
+	  gridArea: ['gridColumnEnd', 'gridColumnStart', 'gridRowEnd', 'gridRowStart'],
+	  gridColumn: ['gridColumnEnd', 'gridColumnStart'],
+	  gridColumnGap: ['columnGap'],
+	  gridGap: ['columnGap', 'rowGap'],
+	  gridRow: ['gridRowEnd', 'gridRowStart'],
+	  gridRowGap: ['rowGap'],
+	  gridTemplate: ['gridTemplateAreas', 'gridTemplateColumns', 'gridTemplateRows'],
+	  listStyle: ['listStyleImage', 'listStylePosition', 'listStyleType'],
+	  margin: ['marginBottom', 'marginLeft', 'marginRight', 'marginTop'],
+	  marker: ['markerEnd', 'markerMid', 'markerStart'],
+	  mask: ['maskClip', 'maskComposite', 'maskImage', 'maskMode', 'maskOrigin', 'maskPositionX', 'maskPositionY', 'maskRepeat', 'maskSize'],
+	  maskPosition: ['maskPositionX', 'maskPositionY'],
+	  outline: ['outlineColor', 'outlineStyle', 'outlineWidth'],
+	  overflow: ['overflowX', 'overflowY'],
+	  padding: ['paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop'],
+	  placeContent: ['alignContent', 'justifyContent'],
+	  placeItems: ['alignItems', 'justifyItems'],
+	  placeSelf: ['alignSelf', 'justifySelf'],
+	  textDecoration: ['textDecorationColor', 'textDecorationLine', 'textDecorationStyle'],
+	  textEmphasis: ['textEmphasisColor', 'textEmphasisStyle'],
+	  transition: ['transitionDelay', 'transitionDuration', 'transitionProperty', 'transitionTimingFunction'],
+	  wordWrap: ['overflowWrap']
+	};
+
+	/**
+	 * CSS properties which accept numbers but are not in units of "px".
+	 */
+	var isUnitlessNumber = {
+	  animationIterationCount: true,
+	  borderImageOutset: true,
+	  borderImageSlice: true,
+	  borderImageWidth: true,
+	  boxFlex: true,
+	  boxFlexGroup: true,
+	  boxOrdinalGroup: true,
+	  columnCount: true,
+	  columns: true,
+	  flex: true,
+	  flexGrow: true,
+	  flexPositive: true,
+	  flexShrink: true,
+	  flexNegative: true,
+	  flexOrder: true,
+	  gridArea: true,
+	  gridRow: true,
+	  gridRowEnd: true,
+	  gridRowSpan: true,
+	  gridRowStart: true,
+	  gridColumn: true,
+	  gridColumnEnd: true,
+	  gridColumnSpan: true,
+	  gridColumnStart: true,
+	  fontWeight: true,
+	  lineClamp: true,
+	  lineHeight: true,
+	  opacity: true,
+	  order: true,
+	  orphans: true,
+	  tabSize: true,
+	  widows: true,
+	  zIndex: true,
+	  zoom: true,
+	  // SVG-related properties
+	  fillOpacity: true,
+	  floodOpacity: true,
+	  stopOpacity: true,
+	  strokeDasharray: true,
+	  strokeDashoffset: true,
+	  strokeMiterlimit: true,
+	  strokeOpacity: true,
+	  strokeWidth: true
+	};
+	/**
+	 * @param {string} prefix vendor-specific prefix, eg: Webkit
+	 * @param {string} key style name, eg: transitionDuration
+	 * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
+	 * WebkitTransitionDuration
+	 */
+
+	function prefixKey(prefix, key) {
+	  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
+	}
+	/**
+	 * Support style names that may come passed in prefixed by adding permutations
+	 * of vendor prefixes.
+	 */
+
+
+	var prefixes = ['Webkit', 'ms', 'Moz', 'O']; // Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
+	// infinite loop, because it iterates over the newly added props too.
+
+	Object.keys(isUnitlessNumber).forEach(function (prop) {
+	  prefixes.forEach(function (prefix) {
+	    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
+	  });
+	});
+
+	/**
+	 * Convert a value into the proper css writable value. The style name `name`
+	 * should be logical (no hyphens), as specified
+	 * in `CSSProperty.isUnitlessNumber`.
+	 *
+	 * @param {string} name CSS property name such as `topMargin`.
+	 * @param {*} value CSS property value such as `10px`.
+	 * @return {string} Normalized style value with dimensions applied.
+	 */
+
+	function dangerousStyleValue(name, value, isCustomProperty) {
+	  // Note that we've removed escapeTextForBrowser() calls here since the
+	  // whole string will be escaped when the attribute is injected into
+	  // the markup. If you provide unsafe user data here they can inject
+	  // arbitrary CSS which may be problematic (I couldn't repro this):
+	  // https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
+	  // http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
+	  // This is not an XSS hole but instead a potential CSS injection issue
+	  // which has lead to a greater discussion about how we're going to
+	  // trust URLs moving forward. See #2115901
+	  var isEmpty = value == null || typeof value === 'boolean' || value === '';
+
+	  if (isEmpty) {
+	    return '';
+	  }
+
+	  if (!isCustomProperty && typeof value === 'number' && value !== 0 && !(isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])) {
+	    return value + 'px'; // Presumes implicit 'px' suffix for unitless numbers
+	  }
+
+	  return ('' + value).trim();
+	}
+
+	var uppercasePattern = /([A-Z])/g;
+	var msPattern = /^ms-/;
+	/**
+	 * Hyphenates a camelcased CSS property name, for example:
+	 *
+	 *   > hyphenateStyleName('backgroundColor')
+	 *   < "background-color"
+	 *   > hyphenateStyleName('MozTransition')
+	 *   < "-moz-transition"
+	 *   > hyphenateStyleName('msTransition')
+	 *   < "-ms-transition"
+	 *
+	 * As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix
+	 * is converted to `-ms-`.
+	 */
+
+	function hyphenateStyleName(name) {
+	  return name.replace(uppercasePattern, '-$1').toLowerCase().replace(msPattern, '-ms-');
+	}
+
+	var warnValidStyle = function () {};
+
+	{
+	  // 'msTransform' is correct, but the other prefixes should be capitalized
+	  var badVendoredStyleNamePattern = /^(?:webkit|moz|o)[A-Z]/;
+	  var msPattern$1 = /^-ms-/;
+	  var hyphenPattern = /-(.)/g; // style values shouldn't contain a semicolon
+
+	  var badStyleValueWithSemicolonPattern = /;\s*$/;
+	  var warnedStyleNames = {};
+	  var warnedStyleValues = {};
+	  var warnedForNaNValue = false;
+	  var warnedForInfinityValue = false;
+
+	  var camelize = function (string) {
+	    return string.replace(hyphenPattern, function (_, character) {
+	      return character.toUpperCase();
+	    });
+	  };
+
+	  var warnHyphenatedStyleName = function (name) {
+	    if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
+	      return;
+	    }
+
+	    warnedStyleNames[name] = true;
+	    warning$1(false, 'Unsupported style property %s. Did you mean %s?', name, // As Andi Smith suggests
+	    // (http://www.andismith.com/blog/2012/02/modernizr-prefixed/), an `-ms` prefix
+	    // is converted to lowercase `ms`.
+	    camelize(name.replace(msPattern$1, 'ms-')));
+	  };
+
+	  var warnBadVendoredStyleName = function (name) {
+	    if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
+	      return;
+	    }
+
+	    warnedStyleNames[name] = true;
+	    warning$1(false, 'Unsupported vendor-prefixed style property %s. Did you mean %s?', name, name.charAt(0).toUpperCase() + name.slice(1));
+	  };
+
+	  var warnStyleValueWithSemicolon = function (name, value) {
+	    if (warnedStyleValues.hasOwnProperty(value) && warnedStyleValues[value]) {
+	      return;
+	    }
+
+	    warnedStyleValues[value] = true;
+	    warning$1(false, "Style property values shouldn't contain a semicolon. " + 'Try "%s: %s" instead.', name, value.replace(badStyleValueWithSemicolonPattern, ''));
+	  };
+
+	  var warnStyleValueIsNaN = function (name, value) {
+	    if (warnedForNaNValue) {
+	      return;
+	    }
+
+	    warnedForNaNValue = true;
+	    warning$1(false, '`NaN` is an invalid value for the `%s` css style property.', name);
+	  };
+
+	  var warnStyleValueIsInfinity = function (name, value) {
+	    if (warnedForInfinityValue) {
+	      return;
+	    }
+
+	    warnedForInfinityValue = true;
+	    warning$1(false, '`Infinity` is an invalid value for the `%s` css style property.', name);
+	  };
+
+	  warnValidStyle = function (name, value) {
+	    if (name.indexOf('-') > -1) {
+	      warnHyphenatedStyleName(name);
+	    } else if (badVendoredStyleNamePattern.test(name)) {
+	      warnBadVendoredStyleName(name);
+	    } else if (badStyleValueWithSemicolonPattern.test(value)) {
+	      warnStyleValueWithSemicolon(name, value);
+	    }
+
+	    if (typeof value === 'number') {
+	      if (isNaN(value)) {
+	        warnStyleValueIsNaN(name, value);
+	      } else if (!isFinite(value)) {
+	        warnStyleValueIsInfinity(name, value);
+	      }
+	    }
+	  };
+	}
+
+	var warnValidStyle$1 = warnValidStyle;
+
+	/**
+	 * Operations for dealing with CSS properties.
+	 */
+
+	/**
+	 * This creates a string that is expected to be equivalent to the style
+	 * attribute generated by server-side rendering. It by-passes warnings and
+	 * security checks so it's not safe to use this value for anything other than
+	 * comparison. It is only used in DEV for SSR validation.
+	 */
+
+	function createDangerousStringForStyles(styles) {
+	  {
+	    var serialized = '';
+	    var delimiter = '';
+
+	    for (var styleName in styles) {
+	      if (!styles.hasOwnProperty(styleName)) {
+	        continue;
+	      }
+
+	      var styleValue = styles[styleName];
+
+	      if (styleValue != null) {
+	        var isCustomProperty = styleName.indexOf('--') === 0;
+	        serialized += delimiter + (isCustomProperty ? styleName : hyphenateStyleName(styleName)) + ':';
+	        serialized += dangerousStyleValue(styleName, styleValue, isCustomProperty);
+	        delimiter = ';';
+	      }
+	    }
+
+	    return serialized || null;
+	  }
+	}
+	/**
+	 * Sets the value for multiple styles on a node.  If a value is specified as
+	 * '' (empty string), the corresponding style property will be unset.
+	 *
+	 * @param {DOMElement} node
+	 * @param {object} styles
 	 */
+
 	function setValueForStyles(node, styles) {
 	  var style = node.style;
+
 	  for (var styleName in styles) {
 	    if (!styles.hasOwnProperty(styleName)) {
 	      continue;
 	    }
+
 	    var isCustomProperty = styleName.indexOf('--') === 0;
+
 	    {
 	      if (!isCustomProperty) {
 	        warnValidStyle$1(styleName, styles[styleName]);
 	      }
 	    }
+
 	    var styleValue = dangerousStyleValue(styleName, styles[styleName], isCustomProperty);
+
 	    if (styleName === 'float') {
 	      styleName = 'cssFloat';
 	    }
+
 	    if (isCustomProperty) {
 	      style.setProperty(styleName, styleValue);
 	    } else {
@@ -10283,7 +11031,6 @@
 	function isValueEmpty(value) {
 	  return value == null || typeof value === 'boolean' || value === '';
 	}
-
 	/**
 	 * Given {color: 'red', overflow: 'hidden'} returns {
 	 *   color: 'color',
@@ -10292,17 +11039,21 @@
 	 * }. This can be read as "the overflowY property was set by the overflow
 	 * shorthand". That is, the values are the property that each was derived from.
 	 */
+
+
 	function expandShorthandMap(styles) {
 	  var expanded = {};
+
 	  for (var key in styles) {
 	    var longhands = shorthandToLonghand[key] || [key];
+
 	    for (var i = 0; i < longhands.length; i++) {
 	      expanded[longhands[i]] = key;
 	    }
 	  }
+
 	  return expanded;
 	}
-
 	/**
 	 * When mixing shorthand and longhand property names, we warn during updates if
 	 * we expect an incorrect result to occur. In particular, we warn for:
@@ -10317,6 +11068,8 @@
 	 *   {font: 'foo', fontVariant: 'bar'} -> {font: 'foo'}
 	 *   becomes .style.fontVariant = ''
 	 */
+
+
 	function validateShorthandPropertyCollisionInDev(styleUpdates, nextStyles) {
 	  if (!warnAboutShorthandPropertyCollision) {
 	    return;
@@ -10329,14 +11082,18 @@
 	  var expandedUpdates = expandShorthandMap(styleUpdates);
 	  var expandedStyles = expandShorthandMap(nextStyles);
 	  var warnedAbout = {};
+
 	  for (var key in expandedUpdates) {
 	    var originalKey = expandedUpdates[key];
 	    var correctOriginalKey = expandedStyles[key];
+
 	    if (correctOriginalKey && originalKey !== correctOriginalKey) {
 	      var warningKey = originalKey + ',' + correctOriginalKey;
+
 	      if (warnedAbout[warningKey]) {
 	        continue;
 	      }
+
 	      warnedAbout[warningKey] = true;
 	      warning$1(false, '%s a style property during rerender (%s) when a ' + 'conflicting property is set (%s) can lead to styling bugs. To ' + "avoid this, don't mix shorthand and non-shorthand properties " + 'for the same value; instead, replace the shorthand with ' + 'separate values.', isValueEmpty(styleUpdates[originalKey]) ? 'Removing' : 'Updating', originalKey, correctOriginalKey);
 	    }
@@ -10345,7 +11102,6 @@
 
 	// For HTML, certain tags should omit their close tag. We keep a whitelist for
 	// those special-case tags.
-
 	var omittedCloseTags = {
 	  area: true,
 	  base: true,
@@ -10361,48 +11117,69 @@
 	  param: true,
 	  source: true,
 	  track: true,
-	  wbr: true
-	  // NOTE: menuitem's close tag should be omitted, but that causes problems.
+	  wbr: true // NOTE: menuitem's close tag should be omitted, but that causes problems.
+
 	};
 
-	// For HTML, certain tags cannot have children. This has the same purpose as
 	// `omittedCloseTags` except that `menuitem` should still have its closing tag.
 
 	var voidElementTags = _assign({
 	  menuitem: true
 	}, omittedCloseTags);
 
-	// TODO: We can remove this if we add invariantWithStack()
 	// or add stack by default to invariants where possible.
+
 	var HTML$1 = '__html';
+	var ReactDebugCurrentFrame$3 = null;
 
-	var ReactDebugCurrentFrame$2 = null;
 	{
-	  ReactDebugCurrentFrame$2 = ReactSharedInternals.ReactDebugCurrentFrame;
+	  ReactDebugCurrentFrame$3 = ReactSharedInternals.ReactDebugCurrentFrame;
 	}
 
 	function assertValidProps(tag, props) {
 	  if (!props) {
 	    return;
-	  }
-	  // Note the use of `==` which checks for null or undefined.
+	  } // Note the use of `==` which checks for null or undefined.
+
+
 	  if (voidElementTags[tag]) {
-	    !(props.children == null && props.dangerouslySetInnerHTML == null) ? invariant(false, '%s is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.%s', tag, ReactDebugCurrentFrame$2.getStackAddendum()) : void 0;
+	    if (!(props.children == null && props.dangerouslySetInnerHTML == null)) {
+	      {
+	        throw Error(tag + " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`." + (ReactDebugCurrentFrame$3.getStackAddendum()));
+	      }
+	    }
 	  }
+
 	  if (props.dangerouslySetInnerHTML != null) {
-	    !(props.children == null) ? invariant(false, 'Can only set one of `children` or `props.dangerouslySetInnerHTML`.') : void 0;
-	    !(typeof props.dangerouslySetInnerHTML === 'object' && HTML$1 in props.dangerouslySetInnerHTML) ? invariant(false, '`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.') : void 0;
+	    if (!(props.children == null)) {
+	      {
+	        throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");
+	      }
+	    }
+
+	    if (!(typeof props.dangerouslySetInnerHTML === 'object' && HTML$1 in props.dangerouslySetInnerHTML)) {
+	      {
+	        throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://fb.me/react-invariant-dangerously-set-inner-html for more information.");
+	      }
+	    }
 	  }
+
 	  {
 	    !(props.suppressContentEditableWarning || !props.contentEditable || props.children == null) ? warning$1(false, 'A component is `contentEditable` and contains `children` managed by ' + 'React. It is now your responsibility to guarantee that none of ' + 'those nodes are unexpectedly modified or duplicated. This is ' + 'probably not intentional.') : void 0;
 	  }
-	  !(props.style == null || typeof props.style === 'object') ? invariant(false, 'The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + \'em\'}} when using JSX.%s', ReactDebugCurrentFrame$2.getStackAddendum()) : void 0;
+
+	  if (!(props.style == null || typeof props.style === 'object')) {
+	    {
+	      throw Error("The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX." + (ReactDebugCurrentFrame$3.getStackAddendum()));
+	    }
+	  }
 	}
 
 	function isCustomComponent(tagName, props) {
 	  if (tagName.indexOf('-') === -1) {
 	    return typeof props.is === 'string';
 	  }
+
 	  switch (tagName) {
 	    // These are reserved SVG and MathML elements.
 	    // We don't mind this whitelist too much because we expect it to never grow.
@@ -10417,6 +11194,7 @@
 	    case 'font-face-name':
 	    case 'missing-glyph':
 	      return false;
+
 	    default:
 	      return true;
 	  }
@@ -10471,6 +11249,7 @@
 	  defer: 'defer',
 	  dir: 'dir',
 	  disabled: 'disabled',
+	  disablepictureinpicture: 'disablePictureInPicture',
 	  download: 'download',
 	  draggable: 'draggable',
 	  enctype: 'encType',
@@ -10571,7 +11350,6 @@
 	  width: 'width',
 	  wmode: 'wmode',
 	  wrap: 'wrap',
-
 	  // SVG
 	  about: 'about',
 	  accentheight: 'accentHeight',
@@ -10912,11 +11690,15 @@
 	};
 
 	var ariaProperties = {
-	  'aria-current': 0, // state
+	  'aria-current': 0,
+	  // state
 	  'aria-details': 0,
-	  'aria-disabled': 0, // state
-	  'aria-hidden': 0, // state
-	  'aria-invalid': 0, // state
+	  'aria-disabled': 0,
+	  // state
+	  'aria-hidden': 0,
+	  // state
+	  'aria-invalid': 0,
+	  // state
 	  'aria-keyshortcuts': 0,
 	  'aria-label': 0,
 	  'aria-roledescription': 0,
@@ -10969,26 +11751,25 @@
 	var warnedProperties = {};
 	var rARIA = new RegExp('^(aria)-[' + ATTRIBUTE_NAME_CHAR + ']*$');
 	var rARIACamel = new RegExp('^(aria)[A-Z][' + ATTRIBUTE_NAME_CHAR + ']*$');
-
-	var hasOwnProperty$2 = Object.prototype.hasOwnProperty;
+	var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
 
 	function validateProperty(tagName, name) {
-	  if (hasOwnProperty$2.call(warnedProperties, name) && warnedProperties[name]) {
+	  if (hasOwnProperty$1.call(warnedProperties, name) && warnedProperties[name]) {
 	    return true;
 	  }
 
 	  if (rARIACamel.test(name)) {
 	    var ariaName = 'aria-' + name.slice(4).toLowerCase();
-	    var correctName = ariaProperties.hasOwnProperty(ariaName) ? ariaName : null;
-
-	    // If this is an aria-* attribute, but is not listed in the known DOM
+	    var correctName = ariaProperties.hasOwnProperty(ariaName) ? ariaName : null; // If this is an aria-* attribute, but is not listed in the known DOM
 	    // DOM properties, then it is an invalid aria-* attribute.
+
 	    if (correctName == null) {
 	      warning$1(false, 'Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.', name);
 	      warnedProperties[name] = true;
 	      return true;
-	    }
-	    // aria-* attributes should be lowercase; suggest the lowercase version.
+	    } // aria-* attributes should be lowercase; suggest the lowercase version.
+
+
 	    if (name !== correctName) {
 	      warning$1(false, 'Invalid ARIA attribute `%s`. Did you mean `%s`?', name, correctName);
 	      warnedProperties[name] = true;
@@ -10998,15 +11779,15 @@
 
 	  if (rARIA.test(name)) {
 	    var lowerCasedName = name.toLowerCase();
-	    var standardName = ariaProperties.hasOwnProperty(lowerCasedName) ? lowerCasedName : null;
-
-	    // If this is an aria-* attribute, but is not listed in the known DOM
+	    var standardName = ariaProperties.hasOwnProperty(lowerCasedName) ? lowerCasedName : null; // If this is an aria-* attribute, but is not listed in the known DOM
 	    // DOM properties, then it is an invalid aria-* attribute.
+
 	    if (standardName == null) {
 	      warnedProperties[name] = true;
 	      return false;
-	    }
-	    // aria-* attributes should be lowercase; suggest the lowercase version.
+	    } // aria-* attributes should be lowercase; suggest the lowercase version.
+
+
 	    if (name !== standardName) {
 	      warning$1(false, 'Unknown ARIA attribute `%s`. Did you mean `%s`?', name, standardName);
 	      warnedProperties[name] = true;
@@ -11022,6 +11803,7 @@
 
 	  for (var key in props) {
 	    var isValid = validateProperty(type, key);
+
 	    if (!isValid) {
 	      invalidProps.push(key);
 	    }
@@ -11042,11 +11824,11 @@
 	  if (isCustomComponent(type, props)) {
 	    return;
 	  }
+
 	  warnInvalidARIAProps(type, props);
 	}
 
 	var didWarnValueNull = false;
-
 	function validateProperties$1(type, props) {
 	  if (type !== 'input' && type !== 'textarea' && type !== 'select') {
 	    return;
@@ -11054,6 +11836,7 @@
 
 	  if (props != null && props.value === null && !didWarnValueNull) {
 	    didWarnValueNull = true;
+
 	    if (type === 'select' && props.multiple) {
 	      warning$1(false, '`value` prop on `%s` should not be null. ' + 'Consider using an empty array when `multiple` is set to `true` ' + 'to clear the component or `undefined` for uncontrolled components.', type);
 	    } else {
@@ -11078,23 +11861,27 @@
 	    }
 
 	    var lowerCasedName = name.toLowerCase();
+
 	    if (lowerCasedName === 'onfocusin' || lowerCasedName === 'onfocusout') {
 	      warning$1(false, 'React uses onFocus and onBlur instead of onFocusIn and onFocusOut. ' + 'All React events are normalized to bubble, so onFocusIn and onFocusOut ' + 'are not needed/supported by React.');
 	      warnedProperties$1[name] = true;
 	      return true;
-	    }
+	    } // We can't rely on the event system being injected on the server.
+
 
-	    // We can't rely on the event system being injected on the server.
 	    if (canUseEventSystem) {
 	      if (registrationNameModules.hasOwnProperty(name)) {
 	        return true;
 	      }
+
 	      var registrationName = possibleRegistrationNames.hasOwnProperty(lowerCasedName) ? possibleRegistrationNames[lowerCasedName] : null;
+
 	      if (registrationName != null) {
 	        warning$1(false, 'Invalid event handler property `%s`. Did you mean `%s`?', name, registrationName);
 	        warnedProperties$1[name] = true;
 	        return true;
 	      }
+
 	      if (EVENT_NAME_REGEX.test(name)) {
 	        warning$1(false, 'Unknown event handler property `%s`. It will be ignored.', name);
 	        warnedProperties$1[name] = true;
@@ -11107,11 +11894,12 @@
 	      if (INVALID_EVENT_NAME_REGEX.test(name)) {
 	        warning$1(false, 'Invalid event handler property `%s`. ' + 'React events use the camelCase naming convention, for example `onClick`.', name);
 	      }
+
 	      warnedProperties$1[name] = true;
 	      return true;
-	    }
+	    } // Let the ARIA attribute hook validate ARIA attributes
+
 
-	    // Let the ARIA attribute hook validate ARIA attributes
 	    if (rARIA$1.test(name) || rARIACamel$1.test(name)) {
 	      return true;
 	    }
@@ -11141,11 +11929,11 @@
 	    }
 
 	    var propertyInfo = getPropertyInfo(name);
-	    var isReserved = propertyInfo !== null && propertyInfo.type === RESERVED;
+	    var isReserved = propertyInfo !== null && propertyInfo.type === RESERVED; // Known attributes should match the casing specified in the property config.
 
-	    // Known attributes should match the casing specified in the property config.
 	    if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
 	      var standardName = possibleStandardNames[lowerCasedName];
+
 	      if (standardName !== name) {
 	        warning$1(false, 'Invalid DOM property `%s`. Did you mean `%s`?', name, standardName);
 	        warnedProperties$1[name] = true;
@@ -11165,23 +11953,24 @@
 	      } else {
 	        warning$1(false, 'Received `%s` for a non-boolean attribute `%s`.\n\n' + 'If you want to write it to the DOM, pass a string instead: ' + '%s="%s" or %s={value.toString()}.\n\n' + 'If you used to conditionally omit it with %s={condition && value}, ' + 'pass %s={condition ? value : undefined} instead.', value, name, name, value, name, name, name);
 	      }
+
 	      warnedProperties$1[name] = true;
 	      return true;
-	    }
-
-	    // Now that we've validated casing, do not validate
+	    } // Now that we've validated casing, do not validate
 	    // data types for reserved props
+
+
 	    if (isReserved) {
 	      return true;
-	    }
+	    } // Warn when a known attribute is a bad type
+
 
-	    // Warn when a known attribute is a bad type
 	    if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
 	      warnedProperties$1[name] = true;
 	      return false;
-	    }
+	    } // Warn when passing the strings 'false' or 'true' into a boolean prop
+
 
-	    // Warn when passing the strings 'false' or 'true' into a boolean prop
 	    if ((value === 'false' || value === 'true') && propertyInfo !== null && propertyInfo.type === BOOLEAN) {
 	      warning$1(false, 'Received the string `%s` for the boolean attribute `%s`. ' + '%s ' + 'Did you mean %s={%s}?', value, name, value === 'false' ? 'The browser will interpret it as a truthy value.' : 'Although this works, it will not work as expected if you pass the string "false".', name, value);
 	      warnedProperties$1[name] = true;
@@ -11194,8 +11983,10 @@
 
 	var warnUnknownProperties = function (type, props, canUseEventSystem) {
 	  var unknownProps = [];
+
 	  for (var key in props) {
 	    var isValid = validateProperty$1(type, key, props[key], canUseEventSystem);
+
 	    if (!isValid) {
 	      unknownProps.push(key);
 	    }
@@ -11204,6 +11995,7 @@
 	  var unknownPropString = unknownProps.map(function (prop) {
 	    return '`' + prop + '`';
 	  }).join(', ');
+
 	  if (unknownProps.length === 1) {
 	    warning$1(false, 'Invalid value for prop %s on <%s> tag. Either remove it from the element, ' + 'or pass a string or number value to keep it in the DOM. ' + 'For details, see https://fb.me/react-attribute-behavior', unknownPropString, type);
 	  } else if (unknownProps.length > 1) {
@@ -11215,13 +12007,14 @@
 	  if (isCustomComponent(type, props)) {
 	    return;
 	  }
+
 	  warnUnknownProperties(type, props, canUseEventSystem);
 	}
 
 	// TODO: direct imports like some-package/src/* are bad. Fix me.
 	var didWarnInvalidHydration = false;
 	var didWarnShadyDOM = false;
-
+	var didWarnScriptTags = false;
 	var DANGEROUSLY_SET_INNER_HTML = 'dangerouslySetInnerHTML';
 	var SUPPRESS_CONTENT_EDITABLE_WARNING = 'suppressContentEditableWarning';
 	var SUPPRESS_HYDRATION_WARNING$1 = 'suppressHydrationWarning';
@@ -11229,22 +12022,18 @@
 	var CHILDREN = 'children';
 	var STYLE$1 = 'style';
 	var HTML = '__html';
-
+	var LISTENERS = 'listeners';
 	var HTML_NAMESPACE = Namespaces.html;
-
-
-	var warnedUnknownTags = void 0;
-	var suppressHydrationWarning = void 0;
-
-	var validatePropertiesInDevelopment = void 0;
-	var warnForTextDifference = void 0;
-	var warnForPropDifference = void 0;
-	var warnForExtraAttributes = void 0;
-	var warnForInvalidEventListener = void 0;
-	var canDiffStyleForHydrationWarning = void 0;
-
-	var normalizeMarkupForTextOrAttribute = void 0;
-	var normalizeHTML = void 0;
+	var warnedUnknownTags;
+	var suppressHydrationWarning;
+	var validatePropertiesInDevelopment;
+	var warnForTextDifference;
+	var warnForPropDifference;
+	var warnForExtraAttributes;
+	var warnForInvalidEventListener;
+	var canDiffStyleForHydrationWarning;
+	var normalizeMarkupForTextOrAttribute;
+	var normalizeHTML;
 
 	{
 	  warnedUnknownTags = {
@@ -11266,10 +12055,10 @@
 	  validatePropertiesInDevelopment = function (type, props) {
 	    validateProperties(type, props);
 	    validateProperties$1(type, props);
-	    validateProperties$2(type, props, /* canUseEventSystem */true);
-	  };
-
-	  // IE 11 parses & normalizes the style attribute as opposed to other
+	    validateProperties$2(type, props,
+	    /* canUseEventSystem */
+	    true);
+	  }; // IE 11 parses & normalizes the style attribute as opposed to other
 	  // browsers. It adds spaces and sorts the properties in some
 	  // non-alphabetical order. Handling that would require sorting CSS
 	  // properties in the client & server versions or applying
@@ -11277,13 +12066,14 @@
 	  // normalized. Since it only affects IE, we're skipping style warnings
 	  // in that browser completely in favor of doing all that work.
 	  // See https://github.com/facebook/react/issues/11807
-	  canDiffStyleForHydrationWarning = canUseDOM && !document.documentMode;
 
-	  // HTML parsing normalizes CR and CRLF to LF.
+
+	  canDiffStyleForHydrationWarning = canUseDOM && !document.documentMode; // HTML parsing normalizes CR and CRLF to LF.
 	  // It also can turn \u0000 into \uFFFD inside attributes.
 	  // https://www.w3.org/TR/html5/single-page.html#preprocessing-the-input-stream
 	  // If we have a mismatch, it might be caused by that.
 	  // We will still patch up in this case but not fire the warning.
+
 	  var NORMALIZE_NEWLINES_REGEX = /\r\n?/g;
 	  var NORMALIZE_NULL_AND_REPLACEMENT_REGEX = /\u0000|\uFFFD/g;
 
@@ -11296,11 +12086,14 @@
 	    if (didWarnInvalidHydration) {
 	      return;
 	    }
+
 	    var normalizedClientText = normalizeMarkupForTextOrAttribute(clientText);
 	    var normalizedServerText = normalizeMarkupForTextOrAttribute(serverText);
+
 	    if (normalizedServerText === normalizedClientText) {
 	      return;
 	    }
+
 	    didWarnInvalidHydration = true;
 	    warningWithoutStack$1(false, 'Text content did not match. Server: "%s" Client: "%s"', normalizedServerText, normalizedClientText);
 	  };
@@ -11309,11 +12102,14 @@
 	    if (didWarnInvalidHydration) {
 	      return;
 	    }
+
 	    var normalizedClientValue = normalizeMarkupForTextOrAttribute(clientValue);
 	    var normalizedServerValue = normalizeMarkupForTextOrAttribute(serverValue);
+
 	    if (normalizedServerValue === normalizedClientValue) {
 	      return;
 	    }
+
 	    didWarnInvalidHydration = true;
 	    warningWithoutStack$1(false, 'Prop `%s` did not match. Server: %s Client: %s', propName, JSON.stringify(normalizedServerValue), JSON.stringify(normalizedClientValue));
 	  };
@@ -11322,6 +12118,7 @@
 	    if (didWarnInvalidHydration) {
 	      return;
 	    }
+
 	    didWarnInvalidHydration = true;
 	    var names = [];
 	    attributeNames.forEach(function (name) {
@@ -11336,10 +12133,10 @@
 	    } else {
 	      warning$1(false, 'Expected `%s` listener to be a function, instead got a value of `%s` type.', registrationName, typeof listener);
 	    }
-	  };
-
-	  // Parse the HTML and read it back to normalize the HTML string so that it
+	  }; // Parse the HTML and read it back to normalize the HTML string so that it
 	  // can be used for comparison.
+
+
 	  normalizeHTML = function (parent, html) {
 	    // We could have created a separate document here to avoid
 	    // re-initializing custom elements if they exist. But this breaks
@@ -11381,7 +12178,9 @@
 	    if (!nextProps.hasOwnProperty(propKey)) {
 	      continue;
 	    }
+
 	    var nextProp = nextProps[propKey];
+
 	    if (propKey === STYLE$1) {
 	      {
 	        if (nextProp) {
@@ -11389,11 +12188,13 @@
 	          // mutated. We have already warned for this in the past.
 	          Object.freeze(nextProp);
 	        }
-	      }
-	      // Relies on `updateStylesByID` not mutating `styleUpdates`.
+	      } // Relies on `updateStylesByID` not mutating `styleUpdates`.
+
+
 	      setValueForStyles(domElement, nextProp);
 	    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
 	      var nextHtml = nextProp ? nextProp[HTML] : undefined;
+
 	      if (nextHtml != null) {
 	        setInnerHTML(domElement, nextHtml);
 	      }
@@ -11404,16 +12205,15 @@
 	        // show within the <textarea> until it has been focused and blurred again.
 	        // https://github.com/facebook/react/issues/6731#issuecomment-254874553
 	        var canSetTextContent = tag !== 'textarea' || nextProp !== '';
+
 	        if (canSetTextContent) {
 	          setTextContent(domElement, nextProp);
 	        }
 	      } else if (typeof nextProp === 'number') {
 	        setTextContent(domElement, '' + nextProp);
 	      }
-	    } else if (propKey === SUPPRESS_CONTENT_EDITABLE_WARNING || propKey === SUPPRESS_HYDRATION_WARNING$1) {
-	      // Noop
-	    } else if (propKey === AUTOFOCUS) {
-	      // We polyfill it separately on the client during commit.
+	    } else if (enableFlareAPI && propKey === LISTENERS || propKey === SUPPRESS_CONTENT_EDITABLE_WARNING || propKey === SUPPRESS_HYDRATION_WARNING$1) {// Noop
+	    } else if (propKey === AUTOFOCUS) {// We polyfill it separately on the client during commit.
 	      // We could have excluded it in the property list instead of
 	      // adding a special case here, but then it wouldn't be emitted
 	      // on server rendering (but we *do* want to emit it in SSR).
@@ -11422,6 +12222,7 @@
 	        if (true && typeof nextProp !== 'function') {
 	          warnForInvalidEventListener(propKey, nextProp);
 	        }
+
 	        ensureListeningTo(rootContainerElement, propKey);
 	      }
 	    } else if (nextProp != null) {
@@ -11435,6 +12236,7 @@
 	  for (var i = 0; i < updatePayload.length; i += 2) {
 	    var propKey = updatePayload[i];
 	    var propValue = updatePayload[i + 1];
+
 	    if (propKey === STYLE$1) {
 	      setValueForStyles(domElement, propValue);
 	    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
@@ -11448,21 +12250,22 @@
 	}
 
 	function createElement(type, props, rootContainerElement, parentNamespace) {
-	  var isCustomComponentTag = void 0;
-
-	  // We create tags in the namespace of their parent container, except HTML
+	  var isCustomComponentTag; // We create tags in the namespace of their parent container, except HTML
 	  // tags get no namespace.
+
 	  var ownerDocument = getOwnerDocumentFromRootContainer(rootContainerElement);
-	  var domElement = void 0;
+	  var domElement;
 	  var namespaceURI = parentNamespace;
+
 	  if (namespaceURI === HTML_NAMESPACE) {
 	    namespaceURI = getIntrinsicNamespace(type);
 	  }
+
 	  if (namespaceURI === HTML_NAMESPACE) {
 	    {
-	      isCustomComponentTag = isCustomComponent(type, props);
-	      // Should this check be gated by parent namespace? Not sure we want to
+	      isCustomComponentTag = isCustomComponent(type, props); // Should this check be gated by parent namespace? Not sure we want to
 	      // allow <SVG> or <mATH>.
+
 	      !(isCustomComponentTag || type === type.toLowerCase()) ? warning$1(false, '<%s /> is using incorrect casing. ' + 'Use PascalCase for React components, ' + 'or lowercase for HTML elements.', type) : void 0;
 	    }
 
@@ -11470,19 +12273,29 @@
 	      // Create the script via .innerHTML so its "parser-inserted" flag is
 	      // set to true and it does not execute
 	      var div = ownerDocument.createElement('div');
+
+	      {
+	        if (enableTrustedTypesIntegration && !didWarnScriptTags) {
+	          warning$1(false, 'Encountered a script tag while rendering React component. ' + 'Scripts inside React components are never executed when rendering ' + 'on the client. Consider using template tag instead ' + '(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).');
+	          didWarnScriptTags = true;
+	        }
+	      }
+
 	      div.innerHTML = '<script><' + '/script>'; // eslint-disable-line
 	      // This is guaranteed to yield a script element.
+
 	      var firstChild = div.firstChild;
 	      domElement = div.removeChild(firstChild);
 	    } else if (typeof props.is === 'string') {
 	      // $FlowIssue `createElement` should be updated for Web Components
-	      domElement = ownerDocument.createElement(type, { is: props.is });
+	      domElement = ownerDocument.createElement(type, {
+	        is: props.is
+	      });
 	    } else {
 	      // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
 	      // See discussion in https://github.com/facebook/react/pull/6896
 	      // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-	      domElement = ownerDocument.createElement(type);
-	      // Normally attributes are assigned in `setInitialDOMProperties`, however the `multiple` and `size`
+	      domElement = ownerDocument.createElement(type); // Normally attributes are assigned in `setInitialDOMProperties`, however the `multiple` and `size`
 	      // attributes on `select`s needs to be added before `option`s are inserted.
 	      // This prevents:
 	      // - a bug where the `select` does not scroll to the correct option because singular
@@ -11490,8 +12303,10 @@
 	      // - a bug where the `select` set the first item as selected despite the `size` attribute #14239
 	      // See https://github.com/facebook/react/issues/13222
 	      // and https://github.com/facebook/react/issues/14239
+
 	      if (type === 'select') {
 	        var node = domElement;
+
 	        if (props.multiple) {
 	          node.multiple = true;
 	        } else if (props.size) {
@@ -11518,41 +12333,47 @@
 
 	  return domElement;
 	}
-
 	function createTextNode(text, rootContainerElement) {
 	  return getOwnerDocumentFromRootContainer(rootContainerElement).createTextNode(text);
 	}
-
 	function setInitialProperties(domElement, tag, rawProps, rootContainerElement) {
 	  var isCustomComponentTag = isCustomComponent(tag, rawProps);
+
 	  {
 	    validatePropertiesInDevelopment(tag, rawProps);
+
 	    if (isCustomComponentTag && !didWarnShadyDOM && domElement.shadyRoot) {
 	      warning$1(false, '%s is using shady DOM. Using shady DOM with React can ' + 'cause things to break subtly.', getCurrentFiberOwnerNameInDevOrNull() || 'A component');
 	      didWarnShadyDOM = true;
 	    }
-	  }
+	  } // TODO: Make sure that we check isMounted before firing any of these events.
+
+
+	  var props;
 
-	  // TODO: Make sure that we check isMounted before firing any of these events.
-	  var props = void 0;
 	  switch (tag) {
 	    case 'iframe':
 	    case 'object':
+	    case 'embed':
 	      trapBubbledEvent(TOP_LOAD, domElement);
 	      props = rawProps;
 	      break;
+
 	    case 'video':
 	    case 'audio':
 	      // Create listener for each media event
 	      for (var i = 0; i < mediaEventTypes.length; i++) {
 	        trapBubbledEvent(mediaEventTypes[i], domElement);
 	      }
+
 	      props = rawProps;
 	      break;
+
 	    case 'source':
 	      trapBubbledEvent(TOP_ERROR, domElement);
 	      props = rawProps;
 	      break;
+
 	    case 'img':
 	    case 'image':
 	    case 'link':
@@ -11560,49 +12381,55 @@
 	      trapBubbledEvent(TOP_LOAD, domElement);
 	      props = rawProps;
 	      break;
+
 	    case 'form':
 	      trapBubbledEvent(TOP_RESET, domElement);
 	      trapBubbledEvent(TOP_SUBMIT, domElement);
 	      props = rawProps;
 	      break;
+
 	    case 'details':
 	      trapBubbledEvent(TOP_TOGGLE, domElement);
 	      props = rawProps;
 	      break;
+
 	    case 'input':
 	      initWrapperState(domElement, rawProps);
 	      props = getHostProps(domElement, rawProps);
-	      trapBubbledEvent(TOP_INVALID, domElement);
-	      // For controlled components we always need to ensure we're listening
+	      trapBubbledEvent(TOP_INVALID, domElement); // For controlled components we always need to ensure we're listening
 	      // to onChange. Even if there is no listener.
+
 	      ensureListeningTo(rootContainerElement, 'onChange');
 	      break;
+
 	    case 'option':
 	      validateProps(domElement, rawProps);
 	      props = getHostProps$1(domElement, rawProps);
 	      break;
+
 	    case 'select':
 	      initWrapperState$1(domElement, rawProps);
 	      props = getHostProps$2(domElement, rawProps);
-	      trapBubbledEvent(TOP_INVALID, domElement);
-	      // For controlled components we always need to ensure we're listening
+	      trapBubbledEvent(TOP_INVALID, domElement); // For controlled components we always need to ensure we're listening
 	      // to onChange. Even if there is no listener.
+
 	      ensureListeningTo(rootContainerElement, 'onChange');
 	      break;
+
 	    case 'textarea':
 	      initWrapperState$2(domElement, rawProps);
 	      props = getHostProps$3(domElement, rawProps);
-	      trapBubbledEvent(TOP_INVALID, domElement);
-	      // For controlled components we always need to ensure we're listening
+	      trapBubbledEvent(TOP_INVALID, domElement); // For controlled components we always need to ensure we're listening
 	      // to onChange. Even if there is no listener.
+
 	      ensureListeningTo(rootContainerElement, 'onChange');
 	      break;
+
 	    default:
 	      props = rawProps;
 	  }
 
 	  assertValidProps(tag, props);
-
 	  setInitialDOMProperties(tag, domElement, rootContainerElement, props, isCustomComponentTag);
 
 	  switch (tag) {
@@ -11612,93 +12439,103 @@
 	      track(domElement);
 	      postMountWrapper(domElement, rawProps, false);
 	      break;
+
 	    case 'textarea':
 	      // TODO: Make sure we check if this is still unmounted or do any clean
 	      // up necessary since we never stop tracking anymore.
 	      track(domElement);
 	      postMountWrapper$3(domElement, rawProps);
 	      break;
+
 	    case 'option':
 	      postMountWrapper$1(domElement, rawProps);
 	      break;
+
 	    case 'select':
 	      postMountWrapper$2(domElement, rawProps);
 	      break;
+
 	    default:
 	      if (typeof props.onClick === 'function') {
 	        // TODO: This cast may not be sound for SVG, MathML or custom elements.
 	        trapClickOnNonInteractiveElement(domElement);
 	      }
+
 	      break;
 	  }
-	}
+	} // Calculate the diff between the two objects.
 
-	// Calculate the diff between the two objects.
 	function diffProperties(domElement, tag, lastRawProps, nextRawProps, rootContainerElement) {
 	  {
 	    validatePropertiesInDevelopment(tag, nextRawProps);
 	  }
 
 	  var updatePayload = null;
+	  var lastProps;
+	  var nextProps;
 
-	  var lastProps = void 0;
-	  var nextProps = void 0;
 	  switch (tag) {
 	    case 'input':
 	      lastProps = getHostProps(domElement, lastRawProps);
 	      nextProps = getHostProps(domElement, nextRawProps);
 	      updatePayload = [];
 	      break;
+
 	    case 'option':
 	      lastProps = getHostProps$1(domElement, lastRawProps);
 	      nextProps = getHostProps$1(domElement, nextRawProps);
 	      updatePayload = [];
 	      break;
+
 	    case 'select':
 	      lastProps = getHostProps$2(domElement, lastRawProps);
 	      nextProps = getHostProps$2(domElement, nextRawProps);
 	      updatePayload = [];
 	      break;
+
 	    case 'textarea':
 	      lastProps = getHostProps$3(domElement, lastRawProps);
 	      nextProps = getHostProps$3(domElement, nextRawProps);
 	      updatePayload = [];
 	      break;
+
 	    default:
 	      lastProps = lastRawProps;
 	      nextProps = nextRawProps;
+
 	      if (typeof lastProps.onClick !== 'function' && typeof nextProps.onClick === 'function') {
 	        // TODO: This cast may not be sound for SVG, MathML or custom elements.
 	        trapClickOnNonInteractiveElement(domElement);
 	      }
+
 	      break;
 	  }
 
 	  assertValidProps(tag, nextProps);
-
-	  var propKey = void 0;
-	  var styleName = void 0;
+	  var propKey;
+	  var styleName;
 	  var styleUpdates = null;
+
 	  for (propKey in lastProps) {
 	    if (nextProps.hasOwnProperty(propKey) || !lastProps.hasOwnProperty(propKey) || lastProps[propKey] == null) {
 	      continue;
 	    }
+
 	    if (propKey === STYLE$1) {
 	      var lastStyle = lastProps[propKey];
+
 	      for (styleName in lastStyle) {
 	        if (lastStyle.hasOwnProperty(styleName)) {
 	          if (!styleUpdates) {
 	            styleUpdates = {};
 	          }
+
 	          styleUpdates[styleName] = '';
 	        }
 	      }
-	    } else if (propKey === DANGEROUSLY_SET_INNER_HTML || propKey === CHILDREN) {
-	      // Noop. This is handled by the clear text mechanism.
-	    } else if (propKey === SUPPRESS_CONTENT_EDITABLE_WARNING || propKey === SUPPRESS_HYDRATION_WARNING$1) {
-	      // Noop
-	    } else if (propKey === AUTOFOCUS) {
-	      // Noop. It doesn't work on updates anyway.
+	    } else if (propKey === DANGEROUSLY_SET_INNER_HTML || propKey === CHILDREN) {// Noop. This is handled by the clear text mechanism.
+	    } else if (enableFlareAPI && propKey === LISTENERS || propKey === SUPPRESS_CONTENT_EDITABLE_WARNING || propKey === SUPPRESS_HYDRATION_WARNING$1) {// Noop
+	    } else if (propKey === AUTOFOCUS) {// Noop. It doesn't work on updates anyway.
 	    } else if (registrationNameModules.hasOwnProperty(propKey)) {
 	      // This is a special case. If any listener updates we need to ensure
 	      // that the "current" fiber pointer gets updated so we need a commit
@@ -11712,12 +12549,15 @@
 	      (updatePayload = updatePayload || []).push(propKey, null);
 	    }
 	  }
+
 	  for (propKey in nextProps) {
 	    var nextProp = nextProps[propKey];
 	    var lastProp = lastProps != null ? lastProps[propKey] : undefined;
+
 	    if (!nextProps.hasOwnProperty(propKey) || nextProp === lastProp || nextProp == null && lastProp == null) {
 	      continue;
 	    }
+
 	    if (propKey === STYLE$1) {
 	      {
 	        if (nextProp) {
@@ -11726,6 +12566,7 @@
 	          Object.freeze(nextProp);
 	        }
 	      }
+
 	      if (lastProp) {
 	        // Unset styles on `lastProp` but not on `nextProp`.
 	        for (styleName in lastProp) {
@@ -11733,15 +12574,18 @@
 	            if (!styleUpdates) {
 	              styleUpdates = {};
 	            }
+
 	            styleUpdates[styleName] = '';
 	          }
-	        }
-	        // Update styles that changed since `lastProp`.
+	        } // Update styles that changed since `lastProp`.
+
+
 	        for (styleName in nextProp) {
 	          if (nextProp.hasOwnProperty(styleName) && lastProp[styleName] !== nextProp[styleName]) {
 	            if (!styleUpdates) {
 	              styleUpdates = {};
 	            }
+
 	            styleUpdates[styleName] = nextProp[styleName];
 	          }
 	        }
@@ -11751,35 +12595,38 @@
 	          if (!updatePayload) {
 	            updatePayload = [];
 	          }
+
 	          updatePayload.push(propKey, styleUpdates);
 	        }
+
 	        styleUpdates = nextProp;
 	      }
 	    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
 	      var nextHtml = nextProp ? nextProp[HTML] : undefined;
 	      var lastHtml = lastProp ? lastProp[HTML] : undefined;
+
 	      if (nextHtml != null) {
 	        if (lastHtml !== nextHtml) {
-	          (updatePayload = updatePayload || []).push(propKey, '' + nextHtml);
+	          (updatePayload = updatePayload || []).push(propKey, toStringOrTrustedType(nextHtml));
 	        }
-	      } else {
-	        // TODO: It might be too late to clear this if we have children
+	      } else {// TODO: It might be too late to clear this if we have children
 	        // inserted already.
 	      }
 	    } else if (propKey === CHILDREN) {
 	      if (lastProp !== nextProp && (typeof nextProp === 'string' || typeof nextProp === 'number')) {
 	        (updatePayload = updatePayload || []).push(propKey, '' + nextProp);
 	      }
-	    } else if (propKey === SUPPRESS_CONTENT_EDITABLE_WARNING || propKey === SUPPRESS_HYDRATION_WARNING$1) {
-	      // Noop
+	    } else if (enableFlareAPI && propKey === LISTENERS || propKey === SUPPRESS_CONTENT_EDITABLE_WARNING || propKey === SUPPRESS_HYDRATION_WARNING$1) {// Noop
 	    } else if (registrationNameModules.hasOwnProperty(propKey)) {
 	      if (nextProp != null) {
 	        // We eagerly listen to this even though we haven't committed yet.
 	        if (true && typeof nextProp !== 'function') {
 	          warnForInvalidEventListener(propKey, nextProp);
 	        }
+
 	        ensureListeningTo(rootContainerElement, propKey);
 	      }
+
 	      if (!updatePayload && lastProp !== nextProp) {
 	        // This is a special case. If any listener updates we need to ensure
 	        // that the "current" props pointer gets updated so we need a commit
@@ -11792,16 +12639,18 @@
 	      (updatePayload = updatePayload || []).push(propKey, nextProp);
 	    }
 	  }
+
 	  if (styleUpdates) {
 	    {
 	      validateShorthandPropertyCollisionInDev(styleUpdates, nextProps[STYLE$1]);
 	    }
+
 	    (updatePayload = updatePayload || []).push(STYLE$1, styleUpdates);
 	  }
+
 	  return updatePayload;
-	}
+	} // Apply the diff.
 
-	// Apply the diff.
 	function updateProperties(domElement, updatePayload, tag, lastRawProps, nextRawProps) {
 	  // Update checked *before* name.
 	  // In the middle of an update, it is possible to have multiple checked.
@@ -11811,12 +12660,11 @@
 	  }
 
 	  var wasCustomComponentTag = isCustomComponent(tag, lastRawProps);
-	  var isCustomComponentTag = isCustomComponent(tag, nextRawProps);
-	  // Apply the diff.
-	  updateDOMProperties(domElement, updatePayload, wasCustomComponentTag, isCustomComponentTag);
+	  var isCustomComponentTag = isCustomComponent(tag, nextRawProps); // Apply the diff.
 
-	  // TODO: Ensure that an update gets scheduled if any of the special props
+	  updateDOMProperties(domElement, updatePayload, wasCustomComponentTag, isCustomComponentTag); // TODO: Ensure that an update gets scheduled if any of the special props
 	  // changed.
+
 	  switch (tag) {
 	    case 'input':
 	      // Update the wrapper around inputs *after* updating props. This has to
@@ -11824,9 +12672,11 @@
 	      // raise warnings and prevent the new value from being assigned.
 	      updateWrapper(domElement, nextRawProps);
 	      break;
+
 	    case 'textarea':
 	      updateWrapper$1(domElement, nextRawProps);
 	      break;
+
 	    case 'select':
 	      // <select> value update needs to occur after <option> children
 	      // reconciliation
@@ -11838,79 +12688,94 @@
 	function getPossibleStandardName(propName) {
 	  {
 	    var lowerCasedName = propName.toLowerCase();
+
 	    if (!possibleStandardNames.hasOwnProperty(lowerCasedName)) {
 	      return null;
 	    }
+
 	    return possibleStandardNames[lowerCasedName] || null;
 	  }
+
 	  return null;
 	}
 
 	function diffHydratedProperties(domElement, tag, rawProps, parentNamespace, rootContainerElement) {
-	  var isCustomComponentTag = void 0;
-	  var extraAttributeNames = void 0;
+	  var isCustomComponentTag;
+	  var extraAttributeNames;
 
 	  {
 	    suppressHydrationWarning = rawProps[SUPPRESS_HYDRATION_WARNING$1] === true;
 	    isCustomComponentTag = isCustomComponent(tag, rawProps);
 	    validatePropertiesInDevelopment(tag, rawProps);
+
 	    if (isCustomComponentTag && !didWarnShadyDOM && domElement.shadyRoot) {
 	      warning$1(false, '%s is using shady DOM. Using shady DOM with React can ' + 'cause things to break subtly.', getCurrentFiberOwnerNameInDevOrNull() || 'A component');
 	      didWarnShadyDOM = true;
 	    }
-	  }
+	  } // TODO: Make sure that we check isMounted before firing any of these events.
+
 
-	  // TODO: Make sure that we check isMounted before firing any of these events.
 	  switch (tag) {
 	    case 'iframe':
 	    case 'object':
+	    case 'embed':
 	      trapBubbledEvent(TOP_LOAD, domElement);
 	      break;
+
 	    case 'video':
 	    case 'audio':
 	      // Create listener for each media event
 	      for (var i = 0; i < mediaEventTypes.length; i++) {
 	        trapBubbledEvent(mediaEventTypes[i], domElement);
 	      }
+
 	      break;
+
 	    case 'source':
 	      trapBubbledEvent(TOP_ERROR, domElement);
 	      break;
+
 	    case 'img':
 	    case 'image':
 	    case 'link':
 	      trapBubbledEvent(TOP_ERROR, domElement);
 	      trapBubbledEvent(TOP_LOAD, domElement);
 	      break;
+
 	    case 'form':
 	      trapBubbledEvent(TOP_RESET, domElement);
 	      trapBubbledEvent(TOP_SUBMIT, domElement);
 	      break;
+
 	    case 'details':
 	      trapBubbledEvent(TOP_TOGGLE, domElement);
 	      break;
+
 	    case 'input':
 	      initWrapperState(domElement, rawProps);
-	      trapBubbledEvent(TOP_INVALID, domElement);
-	      // For controlled components we always need to ensure we're listening
+	      trapBubbledEvent(TOP_INVALID, domElement); // For controlled components we always need to ensure we're listening
 	      // to onChange. Even if there is no listener.
+
 	      ensureListeningTo(rootContainerElement, 'onChange');
 	      break;
+
 	    case 'option':
 	      validateProps(domElement, rawProps);
 	      break;
+
 	    case 'select':
 	      initWrapperState$1(domElement, rawProps);
-	      trapBubbledEvent(TOP_INVALID, domElement);
-	      // For controlled components we always need to ensure we're listening
+	      trapBubbledEvent(TOP_INVALID, domElement); // For controlled components we always need to ensure we're listening
 	      // to onChange. Even if there is no listener.
+
 	      ensureListeningTo(rootContainerElement, 'onChange');
 	      break;
+
 	    case 'textarea':
 	      initWrapperState$2(domElement, rawProps);
-	      trapBubbledEvent(TOP_INVALID, domElement);
-	      // For controlled components we always need to ensure we're listening
+	      trapBubbledEvent(TOP_INVALID, domElement); // For controlled components we always need to ensure we're listening
 	      // to onChange. Even if there is no listener.
+
 	      ensureListeningTo(rootContainerElement, 'onChange');
 	      break;
 	  }
@@ -11920,20 +12785,26 @@
 	  {
 	    extraAttributeNames = new Set();
 	    var attributes = domElement.attributes;
+
 	    for (var _i = 0; _i < attributes.length; _i++) {
 	      var name = attributes[_i].name.toLowerCase();
+
 	      switch (name) {
 	        // Built-in SSR attribute is whitelisted
 	        case 'data-reactroot':
 	          break;
 	        // Controlled attributes are not validated
 	        // TODO: Only ignore them on controlled tags.
+
 	        case 'value':
 	          break;
+
 	        case 'checked':
 	          break;
+
 	        case 'selected':
 	          break;
+
 	        default:
 	          // Intentionally use the original name.
 	          // See discussion in https://github.com/facebook/react/pull/10676.
@@ -11943,11 +12814,14 @@
 	  }
 
 	  var updatePayload = null;
+
 	  for (var propKey in rawProps) {
 	    if (!rawProps.hasOwnProperty(propKey)) {
 	      continue;
 	    }
+
 	    var nextProp = rawProps[propKey];
+
 	    if (propKey === CHILDREN) {
 	      // For text content children we compare against textContent. This
 	      // might match additional HTML that is hidden when we read it using
@@ -11963,6 +12837,7 @@
 	          if (true && !suppressHydrationWarning) {
 	            warnForTextDifference(domElement.textContent, nextProp);
 	          }
+
 	          updatePayload = [CHILDREN, nextProp];
 	        }
 	      } else if (typeof nextProp === 'number') {
@@ -11970,6 +12845,7 @@
 	          if (true && !suppressHydrationWarning) {
 	            warnForTextDifference(domElement.textContent, nextProp);
 	          }
+
 	          updatePayload = [CHILDREN, '' + nextProp];
 	        }
 	      }
@@ -11978,25 +12854,24 @@
 	        if (true && typeof nextProp !== 'function') {
 	          warnForInvalidEventListener(propKey, nextProp);
 	        }
+
 	        ensureListeningTo(rootContainerElement, propKey);
 	      }
-	    } else if (true &&
-	    // Convince Flow we've calculated it (it's DEV-only in this method.)
+	    } else if (true && // Convince Flow we've calculated it (it's DEV-only in this method.)
 	    typeof isCustomComponentTag === 'boolean') {
 	      // Validate that the properties correspond to their expected values.
 	      var serverValue = void 0;
 	      var propertyInfo = getPropertyInfo(propKey);
-	      if (suppressHydrationWarning) {
-	        // Don't bother comparing. We're ignoring all these warnings.
-	      } else if (propKey === SUPPRESS_CONTENT_EDITABLE_WARNING || propKey === SUPPRESS_HYDRATION_WARNING$1 ||
-	      // Controlled attributes are not validated
+
+	      if (suppressHydrationWarning) {// Don't bother comparing. We're ignoring all these warnings.
+	      } else if (enableFlareAPI && propKey === LISTENERS || propKey === SUPPRESS_CONTENT_EDITABLE_WARNING || propKey === SUPPRESS_HYDRATION_WARNING$1 || // Controlled attributes are not validated
 	      // TODO: Only ignore them on controlled tags.
-	      propKey === 'value' || propKey === 'checked' || propKey === 'selected') {
-	        // Noop
+	      propKey === 'value' || propKey === 'checked' || propKey === 'selected') {// Noop
 	      } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
 	        var serverHTML = domElement.innerHTML;
 	        var nextHtml = nextProp ? nextProp[HTML] : undefined;
 	        var expectedHTML = normalizeHTML(domElement, nextHtml != null ? nextHtml : '');
+
 	        if (expectedHTML !== serverHTML) {
 	          warnForPropDifference(propKey, serverHTML, expectedHTML);
 	        }
@@ -12007,6 +12882,7 @@
 	        if (canDiffStyleForHydrationWarning) {
 	          var expectedStyle = createDangerousStringForStyles(nextProp);
 	          serverValue = domElement.getAttribute('style');
+
 	          if (expectedStyle !== serverValue) {
 	            warnForPropDifference(propKey, serverValue, expectedStyle);
 	          }
@@ -12021,33 +12897,39 @@
 	        }
 	      } else if (!shouldIgnoreAttribute(propKey, propertyInfo, isCustomComponentTag) && !shouldRemoveAttribute(propKey, nextProp, propertyInfo, isCustomComponentTag)) {
 	        var isMismatchDueToBadCasing = false;
+
 	        if (propertyInfo !== null) {
 	          // $FlowFixMe - Should be inferred as not undefined.
 	          extraAttributeNames.delete(propertyInfo.attributeName);
 	          serverValue = getValueForProperty(domElement, propKey, nextProp, propertyInfo);
 	        } else {
 	          var ownNamespace = parentNamespace;
+
 	          if (ownNamespace === HTML_NAMESPACE) {
 	            ownNamespace = getIntrinsicNamespace(tag);
 	          }
+
 	          if (ownNamespace === HTML_NAMESPACE) {
 	            // $FlowFixMe - Should be inferred as not undefined.
 	            extraAttributeNames.delete(propKey.toLowerCase());
 	          } else {
 	            var standardName = getPossibleStandardName(propKey);
+
 	            if (standardName !== null && standardName !== propKey) {
 	              // If an SVG prop is supplied with bad casing, it will
 	              // be successfully parsed from HTML, but will produce a mismatch
 	              // (and would be incorrectly rendered on the client).
 	              // However, we already warn about bad casing elsewhere.
 	              // So we'll skip the misleading extra mismatch warning in this case.
-	              isMismatchDueToBadCasing = true;
-	              // $FlowFixMe - Should be inferred as not undefined.
+	              isMismatchDueToBadCasing = true; // $FlowFixMe - Should be inferred as not undefined.
+
 	              extraAttributeNames.delete(standardName);
-	            }
-	            // $FlowFixMe - Should be inferred as not undefined.
+	            } // $FlowFixMe - Should be inferred as not undefined.
+
+
 	            extraAttributeNames.delete(propKey);
 	          }
+
 	          serverValue = getValueForAttribute(domElement, propKey, nextProp);
 	        }
 
@@ -12073,12 +12955,14 @@
 	      track(domElement);
 	      postMountWrapper(domElement, rawProps, true);
 	      break;
+
 	    case 'textarea':
 	      // TODO: Make sure we check if this is still unmounted or do any clean
 	      // up necessary since we never stop tracking anymore.
 	      track(domElement);
 	      postMountWrapper$3(domElement, rawProps);
 	      break;
+
 	    case 'select':
 	    case 'option':
 	      // For input and textarea we current always set the value property at
@@ -12087,58 +12971,57 @@
 	      // is not resilient to the DOM state changing so we don't do that here.
 	      // TODO: Consider not doing this for input and textarea.
 	      break;
+
 	    default:
 	      if (typeof rawProps.onClick === 'function') {
 	        // TODO: This cast may not be sound for SVG, MathML or custom elements.
 	        trapClickOnNonInteractiveElement(domElement);
 	      }
+
 	      break;
 	  }
 
 	  return updatePayload;
 	}
-
 	function diffHydratedText(textNode, text) {
 	  var isDifferent = textNode.nodeValue !== text;
 	  return isDifferent;
 	}
-
 	function warnForUnmatchedText(textNode, text) {
 	  {
 	    warnForTextDifference(textNode.nodeValue, text);
 	  }
 	}
-
 	function warnForDeletedHydratableElement(parentNode, child) {
 	  {
 	    if (didWarnInvalidHydration) {
 	      return;
 	    }
+
 	    didWarnInvalidHydration = true;
 	    warningWithoutStack$1(false, 'Did not expect server HTML to contain a <%s> in <%s>.', child.nodeName.toLowerCase(), parentNode.nodeName.toLowerCase());
 	  }
 	}
-
 	function warnForDeletedHydratableText(parentNode, child) {
 	  {
 	    if (didWarnInvalidHydration) {
 	      return;
 	    }
+
 	    didWarnInvalidHydration = true;
 	    warningWithoutStack$1(false, 'Did not expect server HTML to contain the text node "%s" in <%s>.', child.nodeValue, parentNode.nodeName.toLowerCase());
 	  }
 	}
-
 	function warnForInsertedHydratedElement(parentNode, tag, props) {
 	  {
 	    if (didWarnInvalidHydration) {
 	      return;
 	    }
+
 	    didWarnInvalidHydration = true;
 	    warningWithoutStack$1(false, 'Expected server HTML to contain a matching <%s> in <%s>.', tag, parentNode.nodeName.toLowerCase());
 	  }
 	}
-
 	function warnForInsertedHydratedText(parentNode, text) {
 	  {
 	    if (text === '') {
@@ -12148,30 +13031,483 @@
 	      // text nodes.
 	      return;
 	    }
+
 	    if (didWarnInvalidHydration) {
 	      return;
 	    }
+
 	    didWarnInvalidHydration = true;
 	    warningWithoutStack$1(false, 'Expected server HTML to contain a matching text node for "%s" in <%s>.', text, parentNode.nodeName.toLowerCase());
 	  }
 	}
-
-	function restoreControlledState$1(domElement, tag, props) {
+	function restoreControlledState$$1(domElement, tag, props) {
 	  switch (tag) {
 	    case 'input':
-	      restoreControlledState(domElement, props);
+	      restoreControlledState$1(domElement, props);
 	      return;
+
 	    case 'textarea':
 	      restoreControlledState$3(domElement, props);
 	      return;
+
 	    case 'select':
 	      restoreControlledState$2(domElement, props);
 	      return;
 	  }
 	}
+	function listenToEventResponderEventTypes(eventTypes, element) {
+	  if (enableFlareAPI) {
+	    // Get the listening Set for this element. We use this to track
+	    // what events we're listening to.
+	    var listeningSet = getListeningSetForElement(element); // Go through each target event type of the event responder
+
+	    for (var i = 0, length = eventTypes.length; i < length; ++i) {
+	      var eventType = eventTypes[i];
+	      var isPassive = !endsWith(eventType, '_active');
+	      var eventKey = isPassive ? eventType + '_passive' : eventType;
+	      var targetEventType = isPassive ? eventType : eventType.substring(0, eventType.length - 7);
+
+	      if (!listeningSet.has(eventKey)) {
+	        trapEventForResponderEventSystem(element, targetEventType, isPassive);
+	        listeningSet.add(eventKey);
+	      }
+	    }
+	  }
+	} // We can remove this once the event API is stable and out of a flag
+
+	if (enableFlareAPI) {
+	  setListenToResponderEventTypes(listenToEventResponderEventTypes);
+	}
+
+	function getActiveElement(doc) {
+	  doc = doc || (typeof document !== 'undefined' ? document : undefined);
+
+	  if (typeof doc === 'undefined') {
+	    return null;
+	  }
+
+	  try {
+	    return doc.activeElement || doc.body;
+	  } catch (e) {
+	    return doc.body;
+	  }
+	}
+
+	/**
+	 * Given any node return the first leaf node without children.
+	 *
+	 * @param {DOMElement|DOMTextNode} node
+	 * @return {DOMElement|DOMTextNode}
+	 */
+
+	function getLeafNode(node) {
+	  while (node && node.firstChild) {
+	    node = node.firstChild;
+	  }
+
+	  return node;
+	}
+	/**
+	 * Get the next sibling within a container. This will walk up the
+	 * DOM if a node's siblings have been exhausted.
+	 *
+	 * @param {DOMElement|DOMTextNode} node
+	 * @return {?DOMElement|DOMTextNode}
+	 */
+
+
+	function getSiblingNode(node) {
+	  while (node) {
+	    if (node.nextSibling) {
+	      return node.nextSibling;
+	    }
+
+	    node = node.parentNode;
+	  }
+	}
+	/**
+	 * Get object describing the nodes which contain characters at offset.
+	 *
+	 * @param {DOMElement|DOMTextNode} root
+	 * @param {number} offset
+	 * @return {?object}
+	 */
+
+
+	function getNodeForCharacterOffset(root, offset) {
+	  var node = getLeafNode(root);
+	  var nodeStart = 0;
+	  var nodeEnd = 0;
+
+	  while (node) {
+	    if (node.nodeType === TEXT_NODE) {
+	      nodeEnd = nodeStart + node.textContent.length;
+
+	      if (nodeStart <= offset && nodeEnd >= offset) {
+	        return {
+	          node: node,
+	          offset: offset - nodeStart
+	        };
+	      }
+
+	      nodeStart = nodeEnd;
+	    }
+
+	    node = getLeafNode(getSiblingNode(node));
+	  }
+	}
+
+	/**
+	 * @param {DOMElement} outerNode
+	 * @return {?object}
+	 */
+
+	function getOffsets(outerNode) {
+	  var ownerDocument = outerNode.ownerDocument;
+	  var win = ownerDocument && ownerDocument.defaultView || window;
+	  var selection = win.getSelection && win.getSelection();
+
+	  if (!selection || selection.rangeCount === 0) {
+	    return null;
+	  }
+
+	  var anchorNode = selection.anchorNode,
+	      anchorOffset = selection.anchorOffset,
+	      focusNode = selection.focusNode,
+	      focusOffset = selection.focusOffset; // In Firefox, anchorNode and focusNode can be "anonymous divs", e.g. the
+	  // up/down buttons on an <input type="number">. Anonymous divs do not seem to
+	  // expose properties, triggering a "Permission denied error" if any of its
+	  // properties are accessed. The only seemingly possible way to avoid erroring
+	  // is to access a property that typically works for non-anonymous divs and
+	  // catch any error that may otherwise arise. See
+	  // https://bugzilla.mozilla.org/show_bug.cgi?id=208427
+
+	  try {
+	    /* eslint-disable no-unused-expressions */
+	    anchorNode.nodeType;
+	    focusNode.nodeType;
+	    /* eslint-enable no-unused-expressions */
+	  } catch (e) {
+	    return null;
+	  }
+
+	  return getModernOffsetsFromPoints(outerNode, anchorNode, anchorOffset, focusNode, focusOffset);
+	}
+	/**
+	 * Returns {start, end} where `start` is the character/codepoint index of
+	 * (anchorNode, anchorOffset) within the textContent of `outerNode`, and
+	 * `end` is the index of (focusNode, focusOffset).
+	 *
+	 * Returns null if you pass in garbage input but we should probably just crash.
+	 *
+	 * Exported only for testing.
+	 */
+
+	function getModernOffsetsFromPoints(outerNode, anchorNode, anchorOffset, focusNode, focusOffset) {
+	  var length = 0;
+	  var start = -1;
+	  var end = -1;
+	  var indexWithinAnchor = 0;
+	  var indexWithinFocus = 0;
+	  var node = outerNode;
+	  var parentNode = null;
+
+	  outer: while (true) {
+	    var next = null;
+
+	    while (true) {
+	      if (node === anchorNode && (anchorOffset === 0 || node.nodeType === TEXT_NODE)) {
+	        start = length + anchorOffset;
+	      }
+
+	      if (node === focusNode && (focusOffset === 0 || node.nodeType === TEXT_NODE)) {
+	        end = length + focusOffset;
+	      }
+
+	      if (node.nodeType === TEXT_NODE) {
+	        length += node.nodeValue.length;
+	      }
+
+	      if ((next = node.firstChild) === null) {
+	        break;
+	      } // Moving from `node` to its first child `next`.
+
+
+	      parentNode = node;
+	      node = next;
+	    }
+
+	    while (true) {
+	      if (node === outerNode) {
+	        // If `outerNode` has children, this is always the second time visiting
+	        // it. If it has no children, this is still the first loop, and the only
+	        // valid selection is anchorNode and focusNode both equal to this node
+	        // and both offsets 0, in which case we will have handled above.
+	        break outer;
+	      }
+
+	      if (parentNode === anchorNode && ++indexWithinAnchor === anchorOffset) {
+	        start = length;
+	      }
+
+	      if (parentNode === focusNode && ++indexWithinFocus === focusOffset) {
+	        end = length;
+	      }
+
+	      if ((next = node.nextSibling) !== null) {
+	        break;
+	      }
+
+	      node = parentNode;
+	      parentNode = node.parentNode;
+	    } // Moving from `node` to its next sibling `next`.
+
+
+	    node = next;
+	  }
+
+	  if (start === -1 || end === -1) {
+	    // This should never happen. (Would happen if the anchor/focus nodes aren't
+	    // actually inside the passed-in node.)
+	    return null;
+	  }
+
+	  return {
+	    start: start,
+	    end: end
+	  };
+	}
+	/**
+	 * In modern non-IE browsers, we can support both forward and backward
+	 * selections.
+	 *
+	 * Note: IE10+ supports the Selection object, but it does not support
+	 * the `extend` method, which means that even in modern IE, it's not possible
+	 * to programmatically create a backward selection. Thus, for all IE
+	 * versions, we use the old IE API to create our selections.
+	 *
+	 * @param {DOMElement|DOMTextNode} node
+	 * @param {object} offsets
+	 */
+
+	function setOffsets(node, offsets) {
+	  var doc = node.ownerDocument || document;
+	  var win = doc && doc.defaultView || window; // Edge fails with "Object expected" in some scenarios.
+	  // (For instance: TinyMCE editor used in a list component that supports pasting to add more,
+	  // fails when pasting 100+ items)
+
+	  if (!win.getSelection) {
+	    return;
+	  }
+
+	  var selection = win.getSelection();
+	  var length = node.textContent.length;
+	  var start = Math.min(offsets.start, length);
+	  var end = offsets.end === undefined ? start : Math.min(offsets.end, length); // IE 11 uses modern selection, but doesn't support the extend method.
+	  // Flip backward selections, so we can set with a single range.
+
+	  if (!selection.extend && start > end) {
+	    var temp = end;
+	    end = start;
+	    start = temp;
+	  }
+
+	  var startMarker = getNodeForCharacterOffset(node, start);
+	  var endMarker = getNodeForCharacterOffset(node, end);
+
+	  if (startMarker && endMarker) {
+	    if (selection.rangeCount === 1 && selection.anchorNode === startMarker.node && selection.anchorOffset === startMarker.offset && selection.focusNode === endMarker.node && selection.focusOffset === endMarker.offset) {
+	      return;
+	    }
+
+	    var range = doc.createRange();
+	    range.setStart(startMarker.node, startMarker.offset);
+	    selection.removeAllRanges();
+
+	    if (start > end) {
+	      selection.addRange(range);
+	      selection.extend(endMarker.node, endMarker.offset);
+	    } else {
+	      range.setEnd(endMarker.node, endMarker.offset);
+	      selection.addRange(range);
+	    }
+	  }
+	}
+
+	function isTextNode(node) {
+	  return node && node.nodeType === TEXT_NODE;
+	}
+
+	function containsNode(outerNode, innerNode) {
+	  if (!outerNode || !innerNode) {
+	    return false;
+	  } else if (outerNode === innerNode) {
+	    return true;
+	  } else if (isTextNode(outerNode)) {
+	    return false;
+	  } else if (isTextNode(innerNode)) {
+	    return containsNode(outerNode, innerNode.parentNode);
+	  } else if ('contains' in outerNode) {
+	    return outerNode.contains(innerNode);
+	  } else if (outerNode.compareDocumentPosition) {
+	    return !!(outerNode.compareDocumentPosition(innerNode) & 16);
+	  } else {
+	    return false;
+	  }
+	}
+
+	function isInDocument(node) {
+	  return node && node.ownerDocument && containsNode(node.ownerDocument.documentElement, node);
+	}
+
+	function isSameOriginFrame(iframe) {
+	  try {
+	    // Accessing the contentDocument of a HTMLIframeElement can cause the browser
+	    // to throw, e.g. if it has a cross-origin src attribute.
+	    // Safari will show an error in the console when the access results in "Blocked a frame with origin". e.g:
+	    // iframe.contentDocument.defaultView;
+	    // A safety way is to access one of the cross origin properties: Window or Location
+	    // Which might result in "SecurityError" DOM Exception and it is compatible to Safari.
+	    // https://html.spec.whatwg.org/multipage/browsers.html#integration-with-idl
+	    return typeof iframe.contentWindow.location.href === 'string';
+	  } catch (err) {
+	    return false;
+	  }
+	}
+
+	function getActiveElementDeep() {
+	  var win = window;
+	  var element = getActiveElement();
+
+	  while (element instanceof win.HTMLIFrameElement) {
+	    if (isSameOriginFrame(element)) {
+	      win = element.contentWindow;
+	    } else {
+	      return element;
+	    }
+
+	    element = getActiveElement(win.document);
+	  }
+
+	  return element;
+	}
+	/**
+	 * @ReactInputSelection: React input selection module. Based on Selection.js,
+	 * but modified to be suitable for react and has a couple of bug fixes (doesn't
+	 * assume buttons have range selections allowed).
+	 * Input selection module for React.
+	 */
+
+	/**
+	 * @hasSelectionCapabilities: we get the element types that support selection
+	 * from https://html.spec.whatwg.org/#do-not-apply, looking at `selectionStart`
+	 * and `selectionEnd` rows.
+	 */
+
+
+	function hasSelectionCapabilities(elem) {
+	  var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
+	  return nodeName && (nodeName === 'input' && (elem.type === 'text' || elem.type === 'search' || elem.type === 'tel' || elem.type === 'url' || elem.type === 'password') || nodeName === 'textarea' || elem.contentEditable === 'true');
+	}
+	function getSelectionInformation() {
+	  var focusedElem = getActiveElementDeep();
+	  return {
+	    focusedElem: focusedElem,
+	    selectionRange: hasSelectionCapabilities(focusedElem) ? getSelection(focusedElem) : null
+	  };
+	}
+	/**
+	 * @restoreSelection: If any selection information was potentially lost,
+	 * restore it. This is useful when performing operations that could remove dom
+	 * nodes and place them back in, resulting in focus being lost.
+	 */
+
+	function restoreSelection(priorSelectionInformation) {
+	  var curFocusedElem = getActiveElementDeep();
+	  var priorFocusedElem = priorSelectionInformation.focusedElem;
+	  var priorSelectionRange = priorSelectionInformation.selectionRange;
+
+	  if (curFocusedElem !== priorFocusedElem && isInDocument(priorFocusedElem)) {
+	    if (priorSelectionRange !== null && hasSelectionCapabilities(priorFocusedElem)) {
+	      setSelection(priorFocusedElem, priorSelectionRange);
+	    } // Focusing a node can change the scroll position, which is undesirable
+
+
+	    var ancestors = [];
+	    var ancestor = priorFocusedElem;
+
+	    while (ancestor = ancestor.parentNode) {
+	      if (ancestor.nodeType === ELEMENT_NODE) {
+	        ancestors.push({
+	          element: ancestor,
+	          left: ancestor.scrollLeft,
+	          top: ancestor.scrollTop
+	        });
+	      }
+	    }
+
+	    if (typeof priorFocusedElem.focus === 'function') {
+	      priorFocusedElem.focus();
+	    }
+
+	    for (var i = 0; i < ancestors.length; i++) {
+	      var info = ancestors[i];
+	      info.element.scrollLeft = info.left;
+	      info.element.scrollTop = info.top;
+	    }
+	  }
+	}
+	/**
+	 * @getSelection: Gets the selection bounds of a focused textarea, input or
+	 * contentEditable node.
+	 * -@input: Look up selection bounds of this input
+	 * -@return {start: selectionStart, end: selectionEnd}
+	 */
+
+	function getSelection(input) {
+	  var selection;
+
+	  if ('selectionStart' in input) {
+	    // Modern browser with input or textarea.
+	    selection = {
+	      start: input.selectionStart,
+	      end: input.selectionEnd
+	    };
+	  } else {
+	    // Content editable or old IE textarea.
+	    selection = getOffsets(input);
+	  }
+
+	  return selection || {
+	    start: 0,
+	    end: 0
+	  };
+	}
+	/**
+	 * @setSelection: Sets the selection bounds of a textarea or input and focuses
+	 * the input.
+	 * -@input     Set selection bounds of this input or textarea
+	 * -@offsets   Object of same form that is returned from get*
+	 */
+
+	function setSelection(input, offsets) {
+	  var start = offsets.start,
+	      end = offsets.end;
+
+	  if (end === undefined) {
+	    end = start;
+	  }
+
+	  if ('selectionStart' in input) {
+	    input.selectionStart = start;
+	    input.selectionEnd = Math.min(end, input.value.length);
+	  } else {
+	    setOffsets(input, offsets);
+	  }
+	}
 
-	// TODO: direct imports like some-package/src/* are bad. Fix me.
 	var validateDOMNesting = function () {};
+
 	var updatedAncestorInfo = function () {};
 
 	{
@@ -12185,52 +13521,47 @@
 	  // because it still parses correctly; we do warn for other cases like nested
 	  // <p> tags where the beginning of the second element implicitly closes the
 	  // first, causing a confusing mess.
-
 	  // https://html.spec.whatwg.org/multipage/syntax.html#special
-	  var specialTags = ['address', 'applet', 'area', 'article', 'aside', 'base', 'basefont', 'bgsound', 'blockquote', 'body', 'br', 'button', 'caption', 'center', 'col', 'colgroup', 'dd', 'details', 'dir', 'div', 'dl', 'dt', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'frame', 'frameset', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'iframe', 'img', 'input', 'isindex', 'li', 'link', 'listing', 'main', 'marquee', 'menu', 'menuitem', 'meta', 'nav', 'noembed', 'noframes', 'noscript', 'object', 'ol', 'p', 'param', 'plaintext', 'pre', 'script', 'section', 'select', 'source', 'style', 'summary', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'title', 'tr', 'track', 'ul', 'wbr', 'xmp'];
+	  var specialTags = ['address', 'applet', 'area', 'article', 'aside', 'base', 'basefont', 'bgsound', 'blockquote', 'body', 'br', 'button', 'caption', 'center', 'col', 'colgroup', 'dd', 'details', 'dir', 'div', 'dl', 'dt', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'frame', 'frameset', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'iframe', 'img', 'input', 'isindex', 'li', 'link', 'listing', 'main', 'marquee', 'menu', 'menuitem', 'meta', 'nav', 'noembed', 'noframes', 'noscript', 'object', 'ol', 'p', 'param', 'plaintext', 'pre', 'script', 'section', 'select', 'source', 'style', 'summary', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'title', 'tr', 'track', 'ul', 'wbr', 'xmp']; // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-scope
 
-	  // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-scope
-	  var inScopeTags = ['applet', 'caption', 'html', 'table', 'td', 'th', 'marquee', 'object', 'template',
-
-	  // https://html.spec.whatwg.org/multipage/syntax.html#html-integration-point
+	  var inScopeTags = ['applet', 'caption', 'html', 'table', 'td', 'th', 'marquee', 'object', 'template', // https://html.spec.whatwg.org/multipage/syntax.html#html-integration-point
 	  // TODO: Distinguish by namespace here -- for <title>, including it here
 	  // errs on the side of fewer warnings
-	  'foreignObject', 'desc', 'title'];
+	  'foreignObject', 'desc', 'title']; // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-button-scope
 
-	  // https://html.spec.whatwg.org/multipage/syntax.html#has-an-element-in-button-scope
-	  var buttonScopeTags = inScopeTags.concat(['button']);
+	  var buttonScopeTags = inScopeTags.concat(['button']); // https://html.spec.whatwg.org/multipage/syntax.html#generate-implied-end-tags
 
-	  // https://html.spec.whatwg.org/multipage/syntax.html#generate-implied-end-tags
 	  var impliedEndTags = ['dd', 'dt', 'li', 'option', 'optgroup', 'p', 'rp', 'rt'];
-
 	  var emptyAncestorInfo = {
 	    current: null,
-
 	    formTag: null,
 	    aTagInScope: null,
 	    buttonTagInScope: null,
 	    nobrTagInScope: null,
 	    pTagInButtonScope: null,
-
 	    listItemTagAutoclosing: null,
 	    dlItemTagAutoclosing: null
 	  };
 
 	  updatedAncestorInfo = function (oldInfo, tag) {
 	    var ancestorInfo = _assign({}, oldInfo || emptyAncestorInfo);
-	    var info = { tag: tag };
+
+	    var info = {
+	      tag: tag
+	    };
 
 	    if (inScopeTags.indexOf(tag) !== -1) {
 	      ancestorInfo.aTagInScope = null;
 	      ancestorInfo.buttonTagInScope = null;
 	      ancestorInfo.nobrTagInScope = null;
 	    }
+
 	    if (buttonScopeTags.indexOf(tag) !== -1) {
 	      ancestorInfo.pTagInButtonScope = null;
-	    }
-
-	    // See rules for 'li', 'dd', 'dt' start tags in
+	    } // See rules for 'li', 'dd', 'dt' start tags in
 	    // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inbody
+
+
 	    if (specialTags.indexOf(tag) !== -1 && tag !== 'address' && tag !== 'div' && tag !== 'p') {
 	      ancestorInfo.listItemTagAutoclosing = null;
 	      ancestorInfo.dlItemTagAutoclosing = null;
@@ -12241,75 +13572,93 @@
 	    if (tag === 'form') {
 	      ancestorInfo.formTag = info;
 	    }
+
 	    if (tag === 'a') {
 	      ancestorInfo.aTagInScope = info;
 	    }
+
 	    if (tag === 'button') {
 	      ancestorInfo.buttonTagInScope = info;
 	    }
+
 	    if (tag === 'nobr') {
 	      ancestorInfo.nobrTagInScope = info;
 	    }
+
 	    if (tag === 'p') {
 	      ancestorInfo.pTagInButtonScope = info;
 	    }
+
 	    if (tag === 'li') {
 	      ancestorInfo.listItemTagAutoclosing = info;
 	    }
+
 	    if (tag === 'dd' || tag === 'dt') {
 	      ancestorInfo.dlItemTagAutoclosing = info;
 	    }
 
 	    return ancestorInfo;
 	  };
-
 	  /**
 	   * Returns whether
 	   */
+
+
 	  var isTagValidWithParent = function (tag, parentTag) {
 	    // First, let's check if we're in an unusual parsing mode...
 	    switch (parentTag) {
 	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inselect
 	      case 'select':
 	        return tag === 'option' || tag === 'optgroup' || tag === '#text';
+
 	      case 'optgroup':
 	        return tag === 'option' || tag === '#text';
 	      // Strictly speaking, seeing an <option> doesn't mean we're in a <select>
 	      // but
+
 	      case 'option':
 	        return tag === '#text';
 	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intd
 	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-incaption
 	      // No special behavior since these rules fall back to "in body" mode for
 	      // all except special table nodes which cause bad parsing behavior anyway.
-
 	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intr
+
 	      case 'tr':
 	        return tag === 'th' || tag === 'td' || tag === 'style' || tag === 'script' || tag === 'template';
 	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intbody
+
 	      case 'tbody':
 	      case 'thead':
 	      case 'tfoot':
 	        return tag === 'tr' || tag === 'style' || tag === 'script' || tag === 'template';
 	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-incolgroup
+
 	      case 'colgroup':
 	        return tag === 'col' || tag === 'template';
 	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-intable
+
 	      case 'table':
 	        return tag === 'caption' || tag === 'colgroup' || tag === 'tbody' || tag === 'tfoot' || tag === 'thead' || tag === 'style' || tag === 'script' || tag === 'template';
 	      // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inhead
+
 	      case 'head':
 	        return tag === 'base' || tag === 'basefont' || tag === 'bgsound' || tag === 'link' || tag === 'meta' || tag === 'title' || tag === 'noscript' || tag === 'noframes' || tag === 'style' || tag === 'script' || tag === 'template';
 	      // https://html.spec.whatwg.org/multipage/semantics.html#the-html-element
+
 	      case 'html':
-	        return tag === 'head' || tag === 'body';
+	        return tag === 'head' || tag === 'body' || tag === 'frameset';
+
+	      case 'frameset':
+	        return tag === 'frame';
+
 	      case '#document':
 	        return tag === 'html';
-	    }
-
-	    // Probably in the "in body" parsing mode, so we outlaw only tag combos
+	    } // Probably in the "in body" parsing mode, so we outlaw only tag combos
 	    // where the parsing rules cause implicit opens or closes to be added.
 	    // https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inbody
+
+
 	    switch (tag) {
 	      case 'h1':
 	      case 'h2':
@@ -12327,6 +13676,7 @@
 	      case 'caption':
 	      case 'col':
 	      case 'colgroup':
+	      case 'frameset':
 	      case 'frame':
 	      case 'head':
 	      case 'html':
@@ -12345,10 +13695,11 @@
 
 	    return true;
 	  };
-
 	  /**
 	   * Returns whether
 	   */
+
+
 	  var findInvalidAncestorForTag = function (tag, ancestorInfo) {
 	    switch (tag) {
 	      case 'address':
@@ -12413,7 +13764,7 @@
 	    return null;
 	  };
 
-	  var didWarn = {};
+	  var didWarn$1 = {};
 
 	  validateDOMNesting = function (childTag, childText, ancestorInfo) {
 	    ancestorInfo = ancestorInfo || emptyAncestorInfo;
@@ -12428,21 +13779,23 @@
 	    var invalidParent = isTagValidWithParent(childTag, parentTag) ? null : parentInfo;
 	    var invalidAncestor = invalidParent ? null : findInvalidAncestorForTag(childTag, ancestorInfo);
 	    var invalidParentOrAncestor = invalidParent || invalidAncestor;
+
 	    if (!invalidParentOrAncestor) {
 	      return;
 	    }
 
 	    var ancestorTag = invalidParentOrAncestor.tag;
 	    var addendum = getCurrentFiberStackInDev();
-
 	    var warnKey = !!invalidParent + '|' + childTag + '|' + ancestorTag + '|' + addendum;
-	    if (didWarn[warnKey]) {
+
+	    if (didWarn$1[warnKey]) {
 	      return;
 	    }
-	    didWarn[warnKey] = true;
 
+	    didWarn$1[warnKey] = true;
 	    var tagDisplayName = childTag;
 	    var whitespaceInfo = '';
+
 	    if (childTag === '#text') {
 	      if (/\S/.test(childText)) {
 	        tagDisplayName = 'Text nodes';
@@ -12456,9 +13809,11 @@
 
 	    if (invalidParent) {
 	      var info = '';
+
 	      if (ancestorTag === 'table' && childTag === 'tr') {
-	        info += ' Add a <tbody> to your code to match the DOM tree generated by ' + 'the browser.';
+	        info += ' Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by ' + 'the browser.';
 	      }
+
 	      warningWithoutStack$1(false, 'validateDOMNesting(...): %s cannot appear as a child of <%s>.%s%s%s', tagDisplayName, ancestorTag, whitespaceInfo, info, addendum);
 	    } else {
 	      warningWithoutStack$1(false, 'validateDOMNesting(...): %s cannot appear as a descendant of ' + '<%s>.%s', tagDisplayName, ancestorTag, addendum);
@@ -12466,34 +13821,38 @@
 	  };
 	}
 
-	// Renderers that don't support persistence
 	// can re-export everything from this module.
 
 	function shim() {
-	  invariant(false, 'The current renderer does not support persistence. This error is likely caused by a bug in React. Please file an issue.');
-	}
+	  {
+	    {
+	      throw Error("The current renderer does not support persistence. This error is likely caused by a bug in React. Please file an issue.");
+	    }
+	  }
+	} // Persistence (when unsupported)
+
 
-	// Persistence (when unsupported)
 	var supportsPersistence = false;
 	var cloneInstance = shim;
+	var cloneFundamentalInstance = shim;
 	var createContainerChildSet = shim;
 	var appendChildToContainerChildSet = shim;
 	var finalizeContainerChildren = shim;
 	var replaceContainerChildren = shim;
 	var cloneHiddenInstance = shim;
-	var cloneUnhiddenInstance = shim;
-	var createHiddenTextInstance = shim;
+	var cloneHiddenTextInstance = shim;
+
+	var SUPPRESS_HYDRATION_WARNING;
 
-	var SUPPRESS_HYDRATION_WARNING = void 0;
 	{
 	  SUPPRESS_HYDRATION_WARNING = 'suppressHydrationWarning';
 	}
 
 	var SUSPENSE_START_DATA = '$';
 	var SUSPENSE_END_DATA = '/$';
-
+	var SUSPENSE_PENDING_START_DATA = '$?';
+	var SUSPENSE_FALLBACK_START_DATA = '$!';
 	var STYLE = 'style';
-
 	var eventsEnabled = null;
 	var selectionInformation = null;
 
@@ -12505,13 +13864,15 @@
 	    case 'textarea':
 	      return !!props.autoFocus;
 	  }
+
 	  return false;
 	}
 
 	function getRootHostContext(rootContainerInstance) {
-	  var type = void 0;
-	  var namespace = void 0;
+	  var type;
+	  var namespace;
 	  var nodeType = rootContainerInstance.nodeType;
+
 	  switch (nodeType) {
 	    case DOCUMENT_NODE:
 	    case DOCUMENT_FRAGMENT_NODE:
@@ -12521,6 +13882,7 @@
 	        namespace = root ? root.namespaceURI : getChildNamespace(null, '');
 	        break;
 	      }
+
 	    default:
 	      {
 	        var container = nodeType === COMMENT_NODE ? rootContainerInstance.parentNode : rootContainerInstance;
@@ -12530,116 +13892,116 @@
 	        break;
 	      }
 	  }
+
 	  {
 	    var validatedTag = type.toLowerCase();
-	    var _ancestorInfo = updatedAncestorInfo(null, validatedTag);
-	    return { namespace: namespace, ancestorInfo: _ancestorInfo };
+	    var ancestorInfo = updatedAncestorInfo(null, validatedTag);
+	    return {
+	      namespace: namespace,
+	      ancestorInfo: ancestorInfo
+	    };
 	  }
+
 	  return namespace;
 	}
-
 	function getChildHostContext(parentHostContext, type, rootContainerInstance) {
 	  {
 	    var parentHostContextDev = parentHostContext;
-	    var _namespace = getChildNamespace(parentHostContextDev.namespace, type);
-	    var _ancestorInfo2 = updatedAncestorInfo(parentHostContextDev.ancestorInfo, type);
-	    return { namespace: _namespace, ancestorInfo: _ancestorInfo2 };
+	    var namespace = getChildNamespace(parentHostContextDev.namespace, type);
+	    var ancestorInfo = updatedAncestorInfo(parentHostContextDev.ancestorInfo, type);
+	    return {
+	      namespace: namespace,
+	      ancestorInfo: ancestorInfo
+	    };
 	  }
+
 	  var parentNamespace = parentHostContext;
 	  return getChildNamespace(parentNamespace, type);
 	}
-
 	function getPublicInstance(instance) {
 	  return instance;
 	}
-
 	function prepareForCommit(containerInfo) {
 	  eventsEnabled = isEnabled();
 	  selectionInformation = getSelectionInformation();
 	  setEnabled(false);
 	}
-
 	function resetAfterCommit(containerInfo) {
 	  restoreSelection(selectionInformation);
 	  selectionInformation = null;
 	  setEnabled(eventsEnabled);
 	  eventsEnabled = null;
 	}
-
 	function createInstance(type, props, rootContainerInstance, hostContext, internalInstanceHandle) {
-	  var parentNamespace = void 0;
+	  var parentNamespace;
+
 	  {
 	    // TODO: take namespace into account when validating.
 	    var hostContextDev = hostContext;
 	    validateDOMNesting(type, null, hostContextDev.ancestorInfo);
+
 	    if (typeof props.children === 'string' || typeof props.children === 'number') {
 	      var string = '' + props.children;
 	      var ownAncestorInfo = updatedAncestorInfo(hostContextDev.ancestorInfo, type);
 	      validateDOMNesting(null, string, ownAncestorInfo);
 	    }
+
 	    parentNamespace = hostContextDev.namespace;
 	  }
+
 	  var domElement = createElement(type, props, rootContainerInstance, parentNamespace);
 	  precacheFiberNode(internalInstanceHandle, domElement);
 	  updateFiberProps(domElement, props);
 	  return domElement;
 	}
-
 	function appendInitialChild(parentInstance, child) {
 	  parentInstance.appendChild(child);
 	}
-
 	function finalizeInitialChildren(domElement, type, props, rootContainerInstance, hostContext) {
 	  setInitialProperties(domElement, type, props, rootContainerInstance);
 	  return shouldAutoFocusHostComponent(type, props);
 	}
-
 	function prepareUpdate(domElement, type, oldProps, newProps, rootContainerInstance, hostContext) {
 	  {
 	    var hostContextDev = hostContext;
+
 	    if (typeof newProps.children !== typeof oldProps.children && (typeof newProps.children === 'string' || typeof newProps.children === 'number')) {
 	      var string = '' + newProps.children;
 	      var ownAncestorInfo = updatedAncestorInfo(hostContextDev.ancestorInfo, type);
 	      validateDOMNesting(null, string, ownAncestorInfo);
 	    }
 	  }
+
 	  return diffProperties(domElement, type, oldProps, newProps, rootContainerInstance);
 	}
-
 	function shouldSetTextContent(type, props) {
 	  return type === 'textarea' || type === 'option' || type === 'noscript' || typeof props.children === 'string' || typeof props.children === 'number' || typeof props.dangerouslySetInnerHTML === 'object' && props.dangerouslySetInnerHTML !== null && props.dangerouslySetInnerHTML.__html != null;
 	}
-
 	function shouldDeprioritizeSubtree(type, props) {
 	  return !!props.hidden;
 	}
-
 	function createTextInstance(text, rootContainerInstance, hostContext, internalInstanceHandle) {
 	  {
 	    var hostContextDev = hostContext;
 	    validateDOMNesting(null, text, hostContextDev.ancestorInfo);
 	  }
+
 	  var textNode = createTextNode(text, rootContainerInstance);
 	  precacheFiberNode(internalInstanceHandle, textNode);
 	  return textNode;
 	}
-
 	var isPrimaryRenderer = true;
-	// This initialization code may run even on server environments
+	var warnsIfNotActing = true; // This initialization code may run even on server environments
 	// if a component just imports ReactDOM (e.g. for findDOMNode).
 	// Some environments might not have setTimeout or clearTimeout.
+
 	var scheduleTimeout = typeof setTimeout === 'function' ? setTimeout : undefined;
 	var cancelTimeout = typeof clearTimeout === 'function' ? clearTimeout : undefined;
-	var noTimeout = -1;
-	var schedulePassiveEffects = scheduler.unstable_scheduleCallback;
-	var cancelPassiveEffects = scheduler.unstable_cancelCallback;
-
-	// -------------------
+	var noTimeout = -1; // -------------------
 	//     Mutation
 	// -------------------
 
 	var supportsMutation = true;
-
 	function commitMount(domElement, type, newProps, internalInstanceHandle) {
 	  // Despite the naming that might imply otherwise, this method only
 	  // fires if there is an `Update` effect scheduled during mounting.
@@ -12651,37 +14013,32 @@
 	    domElement.focus();
 	  }
 	}
-
 	function commitUpdate(domElement, updatePayload, type, oldProps, newProps, internalInstanceHandle) {
 	  // Update the props handle so that we know which props are the ones with
 	  // with current event handlers.
-	  updateFiberProps(domElement, newProps);
-	  // Apply the diff to the DOM node.
+	  updateFiberProps(domElement, newProps); // Apply the diff to the DOM node.
+
 	  updateProperties(domElement, updatePayload, type, oldProps, newProps);
 	}
-
 	function resetTextContent(domElement) {
 	  setTextContent(domElement, '');
 	}
-
 	function commitTextUpdate(textInstance, oldText, newText) {
 	  textInstance.nodeValue = newText;
 	}
-
 	function appendChild(parentInstance, child) {
 	  parentInstance.appendChild(child);
 	}
-
 	function appendChildToContainer(container, child) {
-	  var parentNode = void 0;
+	  var parentNode;
+
 	  if (container.nodeType === COMMENT_NODE) {
 	    parentNode = container.parentNode;
 	    parentNode.insertBefore(child, container);
 	  } else {
 	    parentNode = container;
 	    parentNode.appendChild(child);
-	  }
-	  // This container might be used for a portal.
+	  } // This container might be used for a portal.
 	  // If something inside a portal is clicked, that click should bubble
 	  // through the React tree. However, on Mobile Safari the click would
 	  // never bubble through the *DOM* tree unless an ancestor with onclick
@@ -12689,293 +14046,1749 @@
 	  // This is why we ensure that non React root containers have inline onclick
 	  // defined.
 	  // https://github.com/facebook/react/issues/11918
+
+
 	  var reactRootContainer = container._reactRootContainer;
+
 	  if ((reactRootContainer === null || reactRootContainer === undefined) && parentNode.onclick === null) {
 	    // TODO: This cast may not be sound for SVG, MathML or custom elements.
 	    trapClickOnNonInteractiveElement(parentNode);
 	  }
 	}
-
 	function insertBefore(parentInstance, child, beforeChild) {
 	  parentInstance.insertBefore(child, beforeChild);
 	}
-
 	function insertInContainerBefore(container, child, beforeChild) {
 	  if (container.nodeType === COMMENT_NODE) {
 	    container.parentNode.insertBefore(child, beforeChild);
 	  } else {
 	    container.insertBefore(child, beforeChild);
 	  }
+	} // This is a specific event for the React Flare
+	// event system, so event responders can act
+	// accordingly to a DOM node being unmounted that
+	// previously had active document focus.
+
+	function dispatchDetachedVisibleNodeEvent(child) {
+	  if (enableFlareAPI && selectionInformation && child === selectionInformation.focusedElem) {
+	    var targetFiber = getClosestInstanceFromNode(child); // Simlulate a blur event to the React Flare responder system.
+
+	    dispatchEventForResponderEventSystem('detachedvisiblenode', targetFiber, {
+	      target: child,
+	      timeStamp: Date.now()
+	    }, child, RESPONDER_EVENT_SYSTEM | IS_PASSIVE);
+	  }
 	}
 
 	function removeChild(parentInstance, child) {
+	  dispatchDetachedVisibleNodeEvent(child);
 	  parentInstance.removeChild(child);
 	}
-
 	function removeChildFromContainer(container, child) {
 	  if (container.nodeType === COMMENT_NODE) {
 	    container.parentNode.removeChild(child);
 	  } else {
+	    dispatchDetachedVisibleNodeEvent(child);
 	    container.removeChild(child);
 	  }
 	}
-
 	function clearSuspenseBoundary(parentInstance, suspenseInstance) {
-	  var node = suspenseInstance;
-	  // Delete all nodes within this suspense boundary.
+	  var node = suspenseInstance; // Delete all nodes within this suspense boundary.
 	  // There might be nested nodes so we need to keep track of how
 	  // deep we are and only break out when we're back on top.
+
 	  var depth = 0;
+
 	  do {
 	    var nextNode = node.nextSibling;
 	    parentInstance.removeChild(node);
+
 	    if (nextNode && nextNode.nodeType === COMMENT_NODE) {
 	      var data = nextNode.data;
+
 	      if (data === SUSPENSE_END_DATA) {
 	        if (depth === 0) {
-	          parentInstance.removeChild(nextNode);
+	          parentInstance.removeChild(nextNode); // Retry if any event replaying was blocked on this.
+
+	          retryIfBlockedOn(suspenseInstance);
 	          return;
 	        } else {
 	          depth--;
 	        }
-	      } else if (data === SUSPENSE_START_DATA) {
+	      } else if (data === SUSPENSE_START_DATA || data === SUSPENSE_PENDING_START_DATA || data === SUSPENSE_FALLBACK_START_DATA) {
 	        depth++;
 	      }
 	    }
+
 	    node = nextNode;
-	  } while (node);
-	  // TODO: Warn, we didn't find the end comment boundary.
-	}
+	  } while (node); // TODO: Warn, we didn't find the end comment boundary.
+	  // Retry if any event replaying was blocked on this.
 
+
+	  retryIfBlockedOn(suspenseInstance);
+	}
 	function clearSuspenseBoundaryFromContainer(container, suspenseInstance) {
 	  if (container.nodeType === COMMENT_NODE) {
 	    clearSuspenseBoundary(container.parentNode, suspenseInstance);
 	  } else if (container.nodeType === ELEMENT_NODE) {
 	    clearSuspenseBoundary(container, suspenseInstance);
-	  } else {
-	    // Document nodes should never contain suspense boundaries.
-	  }
-	}
+	  } else {} // Document nodes should never contain suspense boundaries.
+	  // Retry if any event replaying was blocked on this.
 
+
+	  retryIfBlockedOn(container);
+	}
 	function hideInstance(instance) {
 	  // TODO: Does this work for all element types? What about MathML? Should we
 	  // pass host context to this method?
 	  instance = instance;
-	  instance.style.display = 'none';
-	}
+	  var style = instance.style;
 
+	  if (typeof style.setProperty === 'function') {
+	    style.setProperty('display', 'none', 'important');
+	  } else {
+	    style.display = 'none';
+	  }
+	}
 	function hideTextInstance(textInstance) {
 	  textInstance.nodeValue = '';
 	}
-
 	function unhideInstance(instance, props) {
 	  instance = instance;
 	  var styleProp = props[STYLE];
 	  var display = styleProp !== undefined && styleProp !== null && styleProp.hasOwnProperty('display') ? styleProp.display : null;
 	  instance.style.display = dangerousStyleValue('display', display);
 	}
-
 	function unhideTextInstance(textInstance, text) {
 	  textInstance.nodeValue = text;
-	}
-
-	// -------------------
+	} // -------------------
 	//     Hydration
 	// -------------------
 
 	var supportsHydration = true;
-
 	function canHydrateInstance(instance, type, props) {
 	  if (instance.nodeType !== ELEMENT_NODE || type.toLowerCase() !== instance.nodeName.toLowerCase()) {
 	    return null;
-	  }
-	  // This has now been refined to an element node.
+	  } // This has now been refined to an element node.
+
+
 	  return instance;
 	}
-
 	function canHydrateTextInstance(instance, text) {
 	  if (text === '' || instance.nodeType !== TEXT_NODE) {
 	    // Empty strings are not parsed by HTML so there won't be a correct match here.
 	    return null;
-	  }
-	  // This has now been refined to a text node.
+	  } // This has now been refined to a text node.
+
+
 	  return instance;
 	}
-
 	function canHydrateSuspenseInstance(instance) {
 	  if (instance.nodeType !== COMMENT_NODE) {
 	    // Empty strings are not parsed by HTML so there won't be a correct match here.
 	    return null;
-	  }
-	  // This has now been refined to a suspense node.
+	  } // This has now been refined to a suspense node.
+
+
 	  return instance;
 	}
+	function isSuspenseInstancePending(instance) {
+	  return instance.data === SUSPENSE_PENDING_START_DATA;
+	}
+	function isSuspenseInstanceFallback(instance) {
+	  return instance.data === SUSPENSE_FALLBACK_START_DATA;
+	}
+	function registerSuspenseInstanceRetry(instance, callback) {
+	  instance._reactRetry = callback;
+	}
 
-	function getNextHydratableSibling(instance) {
-	  var node = instance.nextSibling;
+	function getNextHydratable(node) {
 	  // Skip non-hydratable nodes.
-	  while (node && node.nodeType !== ELEMENT_NODE && node.nodeType !== TEXT_NODE && (!enableSuspenseServerRenderer || node.nodeType !== COMMENT_NODE || node.data !== SUSPENSE_START_DATA)) {
-	    node = node.nextSibling;
+	  for (; node != null; node = node.nextSibling) {
+	    var nodeType = node.nodeType;
+
+	    if (nodeType === ELEMENT_NODE || nodeType === TEXT_NODE) {
+	      break;
+	    }
+
+	    if (enableSuspenseServerRenderer) {
+	      if (nodeType === COMMENT_NODE) {
+	        var nodeData = node.data;
+
+	        if (nodeData === SUSPENSE_START_DATA || nodeData === SUSPENSE_FALLBACK_START_DATA || nodeData === SUSPENSE_PENDING_START_DATA) {
+	          break;
+	        }
+	      }
+	    }
 	  }
+
 	  return node;
 	}
 
+	function getNextHydratableSibling(instance) {
+	  return getNextHydratable(instance.nextSibling);
+	}
 	function getFirstHydratableChild(parentInstance) {
-	  var next = parentInstance.firstChild;
-	  // Skip non-hydratable nodes.
-	  while (next && next.nodeType !== ELEMENT_NODE && next.nodeType !== TEXT_NODE && (!enableSuspenseServerRenderer || next.nodeType !== COMMENT_NODE || next.data !== SUSPENSE_START_DATA)) {
-	    next = next.nextSibling;
-	  }
-	  return next;
+	  return getNextHydratable(parentInstance.firstChild);
 	}
-
 	function hydrateInstance(instance, type, props, rootContainerInstance, hostContext, internalInstanceHandle) {
-	  precacheFiberNode(internalInstanceHandle, instance);
-	  // TODO: Possibly defer this until the commit phase where all the events
+	  precacheFiberNode(internalInstanceHandle, instance); // TODO: Possibly defer this until the commit phase where all the events
 	  // get attached.
+
 	  updateFiberProps(instance, props);
-	  var parentNamespace = void 0;
+	  var parentNamespace;
+
 	  {
 	    var hostContextDev = hostContext;
 	    parentNamespace = hostContextDev.namespace;
 	  }
+
 	  return diffHydratedProperties(instance, type, props, parentNamespace, rootContainerInstance);
 	}
-
 	function hydrateTextInstance(textInstance, text, internalInstanceHandle) {
 	  precacheFiberNode(internalInstanceHandle, textInstance);
 	  return diffHydratedText(textInstance, text);
 	}
-
+	function hydrateSuspenseInstance(suspenseInstance, internalInstanceHandle) {
+	  precacheFiberNode(internalInstanceHandle, suspenseInstance);
+	}
 	function getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance) {
-	  var node = suspenseInstance.nextSibling;
-	  // Skip past all nodes within this suspense boundary.
+	  var node = suspenseInstance.nextSibling; // Skip past all nodes within this suspense boundary.
 	  // There might be nested nodes so we need to keep track of how
 	  // deep we are and only break out when we're back on top.
+
 	  var depth = 0;
+
 	  while (node) {
 	    if (node.nodeType === COMMENT_NODE) {
 	      var data = node.data;
+
 	      if (data === SUSPENSE_END_DATA) {
 	        if (depth === 0) {
 	          return getNextHydratableSibling(node);
 	        } else {
 	          depth--;
 	        }
-	      } else if (data === SUSPENSE_START_DATA) {
+	      } else if (data === SUSPENSE_START_DATA || data === SUSPENSE_FALLBACK_START_DATA || data === SUSPENSE_PENDING_START_DATA) {
 	        depth++;
 	      }
 	    }
+
 	    node = node.nextSibling;
+	  } // TODO: Warn, we didn't find the end comment boundary.
+
+
+	  return null;
+	} // Returns the SuspenseInstance if this node is a direct child of a
+	// SuspenseInstance. I.e. if its previous sibling is a Comment with
+	// SUSPENSE_x_START_DATA. Otherwise, null.
+
+	function getParentSuspenseInstance(targetInstance) {
+	  var node = targetInstance.previousSibling; // Skip past all nodes within this suspense boundary.
+	  // There might be nested nodes so we need to keep track of how
+	  // deep we are and only break out when we're back on top.
+
+	  var depth = 0;
+
+	  while (node) {
+	    if (node.nodeType === COMMENT_NODE) {
+	      var data = node.data;
+
+	      if (data === SUSPENSE_START_DATA || data === SUSPENSE_FALLBACK_START_DATA || data === SUSPENSE_PENDING_START_DATA) {
+	        if (depth === 0) {
+	          return node;
+	        } else {
+	          depth--;
+	        }
+	      } else if (data === SUSPENSE_END_DATA) {
+	        depth++;
+	      }
+	    }
+
+	    node = node.previousSibling;
 	  }
-	  // TODO: Warn, we didn't find the end comment boundary.
+
 	  return null;
 	}
-
+	function commitHydratedContainer(container) {
+	  // Retry if any event replaying was blocked on this.
+	  retryIfBlockedOn(container);
+	}
+	function commitHydratedSuspenseInstance(suspenseInstance) {
+	  // Retry if any event replaying was blocked on this.
+	  retryIfBlockedOn(suspenseInstance);
+	}
 	function didNotMatchHydratedContainerTextInstance(parentContainer, textInstance, text) {
 	  {
 	    warnForUnmatchedText(textInstance, text);
 	  }
 	}
+	function didNotMatchHydratedTextInstance(parentType, parentProps, parentInstance, textInstance, text) {
+	  if (true && parentProps[SUPPRESS_HYDRATION_WARNING] !== true) {
+	    warnForUnmatchedText(textInstance, text);
+	  }
+	}
+	function didNotHydrateContainerInstance(parentContainer, instance) {
+	  {
+	    if (instance.nodeType === ELEMENT_NODE) {
+	      warnForDeletedHydratableElement(parentContainer, instance);
+	    } else if (instance.nodeType === COMMENT_NODE) {// TODO: warnForDeletedHydratableSuspenseBoundary
+	    } else {
+	      warnForDeletedHydratableText(parentContainer, instance);
+	    }
+	  }
+	}
+	function didNotHydrateInstance(parentType, parentProps, parentInstance, instance) {
+	  if (true && parentProps[SUPPRESS_HYDRATION_WARNING] !== true) {
+	    if (instance.nodeType === ELEMENT_NODE) {
+	      warnForDeletedHydratableElement(parentInstance, instance);
+	    } else if (instance.nodeType === COMMENT_NODE) {// TODO: warnForDeletedHydratableSuspenseBoundary
+	    } else {
+	      warnForDeletedHydratableText(parentInstance, instance);
+	    }
+	  }
+	}
+	function didNotFindHydratableContainerInstance(parentContainer, type, props) {
+	  {
+	    warnForInsertedHydratedElement(parentContainer, type, props);
+	  }
+	}
+	function didNotFindHydratableContainerTextInstance(parentContainer, text) {
+	  {
+	    warnForInsertedHydratedText(parentContainer, text);
+	  }
+	}
+
+	function didNotFindHydratableInstance(parentType, parentProps, parentInstance, type, props) {
+	  if (true && parentProps[SUPPRESS_HYDRATION_WARNING] !== true) {
+	    warnForInsertedHydratedElement(parentInstance, type, props);
+	  }
+	}
+	function didNotFindHydratableTextInstance(parentType, parentProps, parentInstance, text) {
+	  if (true && parentProps[SUPPRESS_HYDRATION_WARNING] !== true) {
+	    warnForInsertedHydratedText(parentInstance, text);
+	  }
+	}
+	function didNotFindHydratableSuspenseInstance(parentType, parentProps, parentInstance) {
+	  if (true && parentProps[SUPPRESS_HYDRATION_WARNING] !== true) {// TODO: warnForInsertedHydratedSuspense(parentInstance);
+	  }
+	}
+	function mountResponderInstance(responder, responderInstance, responderProps, responderState, instance) {
+	  // Listen to events
+	  var doc = instance.ownerDocument;
+	  var _ref = responder,
+	      rootEventTypes = _ref.rootEventTypes,
+	      targetEventTypes = _ref.targetEventTypes;
+
+	  if (targetEventTypes !== null) {
+	    listenToEventResponderEventTypes(targetEventTypes, doc);
+	  }
+
+	  if (rootEventTypes !== null) {
+	    addRootEventTypesForResponderInstance(responderInstance, rootEventTypes);
+	    listenToEventResponderEventTypes(rootEventTypes, doc);
+	  }
+
+	  mountEventResponder(responder, responderInstance, responderProps, responderState);
+	  return responderInstance;
+	}
+	function unmountResponderInstance(responderInstance) {
+	  if (enableFlareAPI) {
+	    // TODO stop listening to targetEventTypes
+	    unmountEventResponder(responderInstance);
+	  }
+	}
+	function getFundamentalComponentInstance(fundamentalInstance) {
+	  if (enableFundamentalAPI) {
+	    var currentFiber = fundamentalInstance.currentFiber,
+	        impl = fundamentalInstance.impl,
+	        props = fundamentalInstance.props,
+	        state = fundamentalInstance.state;
+	    var instance = impl.getInstance(null, props, state);
+	    precacheFiberNode(currentFiber, instance);
+	    return instance;
+	  } // Because of the flag above, this gets around the Flow error;
+
+
+	  return null;
+	}
+	function mountFundamentalComponent(fundamentalInstance) {
+	  if (enableFundamentalAPI) {
+	    var impl = fundamentalInstance.impl,
+	        instance = fundamentalInstance.instance,
+	        props = fundamentalInstance.props,
+	        state = fundamentalInstance.state;
+	    var onMount = impl.onMount;
+
+	    if (onMount !== undefined) {
+	      onMount(null, instance, props, state);
+	    }
+	  }
+	}
+	function shouldUpdateFundamentalComponent(fundamentalInstance) {
+	  if (enableFundamentalAPI) {
+	    var impl = fundamentalInstance.impl,
+	        prevProps = fundamentalInstance.prevProps,
+	        props = fundamentalInstance.props,
+	        state = fundamentalInstance.state;
+	    var shouldUpdate = impl.shouldUpdate;
+
+	    if (shouldUpdate !== undefined) {
+	      return shouldUpdate(null, prevProps, props, state);
+	    }
+	  }
+
+	  return true;
+	}
+	function updateFundamentalComponent(fundamentalInstance) {
+	  if (enableFundamentalAPI) {
+	    var impl = fundamentalInstance.impl,
+	        instance = fundamentalInstance.instance,
+	        prevProps = fundamentalInstance.prevProps,
+	        props = fundamentalInstance.props,
+	        state = fundamentalInstance.state;
+	    var onUpdate = impl.onUpdate;
+
+	    if (onUpdate !== undefined) {
+	      onUpdate(null, instance, prevProps, props, state);
+	    }
+	  }
+	}
+	function unmountFundamentalComponent(fundamentalInstance) {
+	  if (enableFundamentalAPI) {
+	    var impl = fundamentalInstance.impl,
+	        instance = fundamentalInstance.instance,
+	        props = fundamentalInstance.props,
+	        state = fundamentalInstance.state;
+	    var onUnmount = impl.onUnmount;
+
+	    if (onUnmount !== undefined) {
+	      onUnmount(null, instance, props, state);
+	    }
+	  }
+	}
+	function getInstanceFromNode$2(node) {
+	  return getClosestInstanceFromNode(node) || null;
+	}
+
+	var randomKey = Math.random().toString(36).slice(2);
+	var internalInstanceKey = '__reactInternalInstance$' + randomKey;
+	var internalEventHandlersKey = '__reactEventHandlers$' + randomKey;
+	var internalContainerInstanceKey = '__reactContainere$' + randomKey;
+	function precacheFiberNode(hostInst, node) {
+	  node[internalInstanceKey] = hostInst;
+	}
+	function markContainerAsRoot(hostRoot, node) {
+	  node[internalContainerInstanceKey] = hostRoot;
+	}
+	function unmarkContainerAsRoot(node) {
+	  node[internalContainerInstanceKey] = null;
+	}
+	function isContainerMarkedAsRoot(node) {
+	  return !!node[internalContainerInstanceKey];
+	} // Given a DOM node, return the closest HostComponent or HostText fiber ancestor.
+	// If the target node is part of a hydrated or not yet rendered subtree, then
+	// this may also return a SuspenseComponent or HostRoot to indicate that.
+	// Conceptually the HostRoot fiber is a child of the Container node. So if you
+	// pass the Container node as the targetNode, you will not actually get the
+	// HostRoot back. To get to the HostRoot, you need to pass a child of it.
+	// The same thing applies to Suspense boundaries.
+
+	function getClosestInstanceFromNode(targetNode) {
+	  var targetInst = targetNode[internalInstanceKey];
+
+	  if (targetInst) {
+	    // Don't return HostRoot or SuspenseComponent here.
+	    return targetInst;
+	  } // If the direct event target isn't a React owned DOM node, we need to look
+	  // to see if one of its parents is a React owned DOM node.
+
+
+	  var parentNode = targetNode.parentNode;
+
+	  while (parentNode) {
+	    // We'll check if this is a container root that could include
+	    // React nodes in the future. We need to check this first because
+	    // if we're a child of a dehydrated container, we need to first
+	    // find that inner container before moving on to finding the parent
+	    // instance. Note that we don't check this field on  the targetNode
+	    // itself because the fibers are conceptually between the container
+	    // node and the first child. It isn't surrounding the container node.
+	    // If it's not a container, we check if it's an instance.
+	    targetInst = parentNode[internalContainerInstanceKey] || parentNode[internalInstanceKey];
+
+	    if (targetInst) {
+	      // Since this wasn't the direct target of the event, we might have
+	      // stepped past dehydrated DOM nodes to get here. However they could
+	      // also have been non-React nodes. We need to answer which one.
+	      // If we the instance doesn't have any children, then there can't be
+	      // a nested suspense boundary within it. So we can use this as a fast
+	      // bailout. Most of the time, when people add non-React children to
+	      // the tree, it is using a ref to a child-less DOM node.
+	      // Normally we'd only need to check one of the fibers because if it
+	      // has ever gone from having children to deleting them or vice versa
+	      // it would have deleted the dehydrated boundary nested inside already.
+	      // However, since the HostRoot starts out with an alternate it might
+	      // have one on the alternate so we need to check in case this was a
+	      // root.
+	      var alternate = targetInst.alternate;
+
+	      if (targetInst.child !== null || alternate !== null && alternate.child !== null) {
+	        // Next we need to figure out if the node that skipped past is
+	        // nested within a dehydrated boundary and if so, which one.
+	        var suspenseInstance = getParentSuspenseInstance(targetNode);
+
+	        while (suspenseInstance !== null) {
+	          // We found a suspense instance. That means that we haven't
+	          // hydrated it yet. Even though we leave the comments in the
+	          // DOM after hydrating, and there are boundaries in the DOM
+	          // that could already be hydrated, we wouldn't have found them
+	          // through this pass since if the target is hydrated it would
+	          // have had an internalInstanceKey on it.
+	          // Let's get the fiber associated with the SuspenseComponent
+	          // as the deepest instance.
+	          var targetSuspenseInst = suspenseInstance[internalInstanceKey];
+
+	          if (targetSuspenseInst) {
+	            return targetSuspenseInst;
+	          } // If we don't find a Fiber on the comment, it might be because
+	          // we haven't gotten to hydrate it yet. There might still be a
+	          // parent boundary that hasn't above this one so we need to find
+	          // the outer most that is known.
+
+
+	          suspenseInstance = getParentSuspenseInstance(suspenseInstance); // If we don't find one, then that should mean that the parent
+	          // host component also hasn't hydrated yet. We can return it
+	          // below since it will bail out on the isMounted check later.
+	        }
+	      }
+
+	      return targetInst;
+	    }
+
+	    targetNode = parentNode;
+	    parentNode = targetNode.parentNode;
+	  }
+
+	  return null;
+	}
+	/**
+	 * Given a DOM node, return the ReactDOMComponent or ReactDOMTextComponent
+	 * instance, or null if the node was not rendered by this React.
+	 */
+
+	function getInstanceFromNode$1(node) {
+	  var inst = node[internalInstanceKey] || node[internalContainerInstanceKey];
+
+	  if (inst) {
+	    if (inst.tag === HostComponent || inst.tag === HostText || inst.tag === SuspenseComponent || inst.tag === HostRoot) {
+	      return inst;
+	    } else {
+	      return null;
+	    }
+	  }
+
+	  return null;
+	}
+	/**
+	 * Given a ReactDOMComponent or ReactDOMTextComponent, return the corresponding
+	 * DOM node.
+	 */
+
+	function getNodeFromInstance$1(inst) {
+	  if (inst.tag === HostComponent || inst.tag === HostText) {
+	    // In Fiber this, is just the state node right now. We assume it will be
+	    // a host component or host text.
+	    return inst.stateNode;
+	  } // Without this first invariant, passing a non-DOM-component triggers the next
+	  // invariant for a missing parent, which is super confusing.
+
+
+	  {
+	    {
+	      throw Error("getNodeFromInstance: Invalid argument.");
+	    }
+	  }
+	}
+	function getFiberCurrentPropsFromNode$1(node) {
+	  return node[internalEventHandlersKey] || null;
+	}
+	function updateFiberProps(node, props) {
+	  node[internalEventHandlersKey] = props;
+	}
+
+	/**
+	 * These variables store information about text content of a target node,
+	 * allowing comparison of content before and after a given event.
+	 *
+	 * Identify the node where selection currently begins, then observe
+	 * both its text content and its current position in the DOM. Since the
+	 * browser may natively replace the target node during composition, we can
+	 * use its position to find its replacement.
+	 *
+	 *
+	 */
+	var root = null;
+	var startText = null;
+	var fallbackText = null;
+	function initialize(nativeEventTarget) {
+	  root = nativeEventTarget;
+	  startText = getText();
+	  return true;
+	}
+	function reset() {
+	  root = null;
+	  startText = null;
+	  fallbackText = null;
+	}
+	function getData() {
+	  if (fallbackText) {
+	    return fallbackText;
+	  }
+
+	  var start;
+	  var startValue = startText;
+	  var startLength = startValue.length;
+	  var end;
+	  var endValue = getText();
+	  var endLength = endValue.length;
+
+	  for (start = 0; start < startLength; start++) {
+	    if (startValue[start] !== endValue[start]) {
+	      break;
+	    }
+	  }
+
+	  var minEnd = startLength - start;
+
+	  for (end = 1; end <= minEnd; end++) {
+	    if (startValue[startLength - end] !== endValue[endLength - end]) {
+	      break;
+	    }
+	  }
+
+	  var sliceTail = end > 1 ? 1 - end : undefined;
+	  fallbackText = endValue.slice(start, sliceTail);
+	  return fallbackText;
+	}
+	function getText() {
+	  if ('value' in root) {
+	    return root.value;
+	  }
+
+	  return root.textContent;
+	}
+
+	/**
+	 * @interface Event
+	 * @see http://www.w3.org/TR/DOM-Level-3-Events/#events-compositionevents
+	 */
+
+	var SyntheticCompositionEvent = SyntheticEvent.extend({
+	  data: null
+	});
+
+	/**
+	 * @interface Event
+	 * @see http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105
+	 *      /#events-inputevents
+	 */
+
+	var SyntheticInputEvent = SyntheticEvent.extend({
+	  data: null
+	});
+
+	var END_KEYCODES = [9, 13, 27, 32]; // Tab, Return, Esc, Space
+
+	var START_KEYCODE = 229;
+	var canUseCompositionEvent = canUseDOM && 'CompositionEvent' in window;
+	var documentMode = null;
+
+	if (canUseDOM && 'documentMode' in document) {
+	  documentMode = document.documentMode;
+	} // Webkit offers a very useful `textInput` event that can be used to
+	// directly represent `beforeInput`. The IE `textinput` event is not as
+	// useful, so we don't use it.
+
+
+	var canUseTextInputEvent = canUseDOM && 'TextEvent' in window && !documentMode; // In IE9+, we have access to composition events, but the data supplied
+	// by the native compositionend event may be incorrect. Japanese ideographic
+	// spaces, for instance (\u3000) are not recorded correctly.
+
+	var useFallbackCompositionData = canUseDOM && (!canUseCompositionEvent || documentMode && documentMode > 8 && documentMode <= 11);
+	var SPACEBAR_CODE = 32;
+	var SPACEBAR_CHAR = String.fromCharCode(SPACEBAR_CODE); // Events and their corresponding property names.
+
+	var eventTypes$1 = {
+	  beforeInput: {
+	    phasedRegistrationNames: {
+	      bubbled: 'onBeforeInput',
+	      captured: 'onBeforeInputCapture'
+	    },
+	    dependencies: [TOP_COMPOSITION_END, TOP_KEY_PRESS, TOP_TEXT_INPUT, TOP_PASTE]
+	  },
+	  compositionEnd: {
+	    phasedRegistrationNames: {
+	      bubbled: 'onCompositionEnd',
+	      captured: 'onCompositionEndCapture'
+	    },
+	    dependencies: [TOP_BLUR, TOP_COMPOSITION_END, TOP_KEY_DOWN, TOP_KEY_PRESS, TOP_KEY_UP, TOP_MOUSE_DOWN]
+	  },
+	  compositionStart: {
+	    phasedRegistrationNames: {
+	      bubbled: 'onCompositionStart',
+	      captured: 'onCompositionStartCapture'
+	    },
+	    dependencies: [TOP_BLUR, TOP_COMPOSITION_START, TOP_KEY_DOWN, TOP_KEY_PRESS, TOP_KEY_UP, TOP_MOUSE_DOWN]
+	  },
+	  compositionUpdate: {
+	    phasedRegistrationNames: {
+	      bubbled: 'onCompositionUpdate',
+	      captured: 'onCompositionUpdateCapture'
+	    },
+	    dependencies: [TOP_BLUR, TOP_COMPOSITION_UPDATE, TOP_KEY_DOWN, TOP_KEY_PRESS, TOP_KEY_UP, TOP_MOUSE_DOWN]
+	  }
+	}; // Track whether we've ever handled a keypress on the space key.
+
+	var hasSpaceKeypress = false;
+	/**
+	 * Return whether a native keypress event is assumed to be a command.
+	 * This is required because Firefox fires `keypress` events for key commands
+	 * (cut, copy, select-all, etc.) even though no character is inserted.
+	 */
+
+	function isKeypressCommand(nativeEvent) {
+	  return (nativeEvent.ctrlKey || nativeEvent.altKey || nativeEvent.metaKey) && // ctrlKey && altKey is equivalent to AltGr, and is not a command.
+	  !(nativeEvent.ctrlKey && nativeEvent.altKey);
+	}
+	/**
+	 * Translate native top level events into event types.
+	 *
+	 * @param {string} topLevelType
+	 * @return {object}
+	 */
+
+
+	function getCompositionEventType(topLevelType) {
+	  switch (topLevelType) {
+	    case TOP_COMPOSITION_START:
+	      return eventTypes$1.compositionStart;
+
+	    case TOP_COMPOSITION_END:
+	      return eventTypes$1.compositionEnd;
+
+	    case TOP_COMPOSITION_UPDATE:
+	      return eventTypes$1.compositionUpdate;
+	  }
+	}
+	/**
+	 * Does our fallback best-guess model think this event signifies that
+	 * composition has begun?
+	 *
+	 * @param {string} topLevelType
+	 * @param {object} nativeEvent
+	 * @return {boolean}
+	 */
+
+
+	function isFallbackCompositionStart(topLevelType, nativeEvent) {
+	  return topLevelType === TOP_KEY_DOWN && nativeEvent.keyCode === START_KEYCODE;
+	}
+	/**
+	 * Does our fallback mode think that this event is the end of composition?
+	 *
+	 * @param {string} topLevelType
+	 * @param {object} nativeEvent
+	 * @return {boolean}
+	 */
+
+
+	function isFallbackCompositionEnd(topLevelType, nativeEvent) {
+	  switch (topLevelType) {
+	    case TOP_KEY_UP:
+	      // Command keys insert or clear IME input.
+	      return END_KEYCODES.indexOf(nativeEvent.keyCode) !== -1;
+
+	    case TOP_KEY_DOWN:
+	      // Expect IME keyCode on each keydown. If we get any other
+	      // code we must have exited earlier.
+	      return nativeEvent.keyCode !== START_KEYCODE;
+
+	    case TOP_KEY_PRESS:
+	    case TOP_MOUSE_DOWN:
+	    case TOP_BLUR:
+	      // Events are not possible without cancelling IME.
+	      return true;
+
+	    default:
+	      return false;
+	  }
+	}
+	/**
+	 * Google Input Tools provides composition data via a CustomEvent,
+	 * with the `data` property populated in the `detail` object. If this
+	 * is available on the event object, use it. If not, this is a plain
+	 * composition event and we have nothing special to extract.
+	 *
+	 * @param {object} nativeEvent
+	 * @return {?string}
+	 */
+
+
+	function getDataFromCustomEvent(nativeEvent) {
+	  var detail = nativeEvent.detail;
+
+	  if (typeof detail === 'object' && 'data' in detail) {
+	    return detail.data;
+	  }
+
+	  return null;
+	}
+	/**
+	 * Check if a composition event was triggered by Korean IME.
+	 * Our fallback mode does not work well with IE's Korean IME,
+	 * so just use native composition events when Korean IME is used.
+	 * Although CompositionEvent.locale property is deprecated,
+	 * it is available in IE, where our fallback mode is enabled.
+	 *
+	 * @param {object} nativeEvent
+	 * @return {boolean}
+	 */
+
+
+	function isUsingKoreanIME(nativeEvent) {
+	  return nativeEvent.locale === 'ko';
+	} // Track the current IME composition status, if any.
+
+
+	var isComposing = false;
+	/**
+	 * @return {?object} A SyntheticCompositionEvent.
+	 */
+
+	function extractCompositionEvent(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
+	  var eventType;
+	  var fallbackData;
+
+	  if (canUseCompositionEvent) {
+	    eventType = getCompositionEventType(topLevelType);
+	  } else if (!isComposing) {
+	    if (isFallbackCompositionStart(topLevelType, nativeEvent)) {
+	      eventType = eventTypes$1.compositionStart;
+	    }
+	  } else if (isFallbackCompositionEnd(topLevelType, nativeEvent)) {
+	    eventType = eventTypes$1.compositionEnd;
+	  }
+
+	  if (!eventType) {
+	    return null;
+	  }
+
+	  if (useFallbackCompositionData && !isUsingKoreanIME(nativeEvent)) {
+	    // The current composition is stored statically and must not be
+	    // overwritten while composition continues.
+	    if (!isComposing && eventType === eventTypes$1.compositionStart) {
+	      isComposing = initialize(nativeEventTarget);
+	    } else if (eventType === eventTypes$1.compositionEnd) {
+	      if (isComposing) {
+	        fallbackData = getData();
+	      }
+	    }
+	  }
+
+	  var event = SyntheticCompositionEvent.getPooled(eventType, targetInst, nativeEvent, nativeEventTarget);
+
+	  if (fallbackData) {
+	    // Inject data generated from fallback path into the synthetic event.
+	    // This matches the property of native CompositionEventInterface.
+	    event.data = fallbackData;
+	  } else {
+	    var customData = getDataFromCustomEvent(nativeEvent);
+
+	    if (customData !== null) {
+	      event.data = customData;
+	    }
+	  }
+
+	  accumulateTwoPhaseDispatches(event);
+	  return event;
+	}
+	/**
+	 * @param {TopLevelType} topLevelType Number from `TopLevelType`.
+	 * @param {object} nativeEvent Native browser event.
+	 * @return {?string} The string corresponding to this `beforeInput` event.
+	 */
+
+
+	function getNativeBeforeInputChars(topLevelType, nativeEvent) {
+	  switch (topLevelType) {
+	    case TOP_COMPOSITION_END:
+	      return getDataFromCustomEvent(nativeEvent);
+
+	    case TOP_KEY_PRESS:
+	      /**
+	       * If native `textInput` events are available, our goal is to make
+	       * use of them. However, there is a special case: the spacebar key.
+	       * In Webkit, preventing default on a spacebar `textInput` event
+	       * cancels character insertion, but it *also* causes the browser
+	       * to fall back to its default spacebar behavior of scrolling the
+	       * page.
+	       *
+	       * Tracking at:
+	       * https://code.google.com/p/chromium/issues/detail?id=355103
+	       *
+	       * To avoid this issue, use the keypress event as if no `textInput`
+	       * event is available.
+	       */
+	      var which = nativeEvent.which;
+
+	      if (which !== SPACEBAR_CODE) {
+	        return null;
+	      }
+
+	      hasSpaceKeypress = true;
+	      return SPACEBAR_CHAR;
+
+	    case TOP_TEXT_INPUT:
+	      // Record the characters to be added to the DOM.
+	      var chars = nativeEvent.data; // If it's a spacebar character, assume that we have already handled
+	      // it at the keypress level and bail immediately. Android Chrome
+	      // doesn't give us keycodes, so we need to ignore it.
+
+	      if (chars === SPACEBAR_CHAR && hasSpaceKeypress) {
+	        return null;
+	      }
+
+	      return chars;
+
+	    default:
+	      // For other native event types, do nothing.
+	      return null;
+	  }
+	}
+	/**
+	 * For browsers that do not provide the `textInput` event, extract the
+	 * appropriate string to use for SyntheticInputEvent.
+	 *
+	 * @param {number} topLevelType Number from `TopLevelEventTypes`.
+	 * @param {object} nativeEvent Native browser event.
+	 * @return {?string} The fallback string for this `beforeInput` event.
+	 */
+
+
+	function getFallbackBeforeInputChars(topLevelType, nativeEvent) {
+	  // If we are currently composing (IME) and using a fallback to do so,
+	  // try to extract the composed characters from the fallback object.
+	  // If composition event is available, we extract a string only at
+	  // compositionevent, otherwise extract it at fallback events.
+	  if (isComposing) {
+	    if (topLevelType === TOP_COMPOSITION_END || !canUseCompositionEvent && isFallbackCompositionEnd(topLevelType, nativeEvent)) {
+	      var chars = getData();
+	      reset();
+	      isComposing = false;
+	      return chars;
+	    }
+
+	    return null;
+	  }
+
+	  switch (topLevelType) {
+	    case TOP_PASTE:
+	      // If a paste event occurs after a keypress, throw out the input
+	      // chars. Paste events should not lead to BeforeInput events.
+	      return null;
+
+	    case TOP_KEY_PRESS:
+	      /**
+	       * As of v27, Firefox may fire keypress events even when no character
+	       * will be inserted. A few possibilities:
+	       *
+	       * - `which` is `0`. Arrow keys, Esc key, etc.
+	       *
+	       * - `which` is the pressed key code, but no char is available.
+	       *   Ex: 'AltGr + d` in Polish. There is no modified character for
+	       *   this key combination and no character is inserted into the
+	       *   document, but FF fires the keypress for char code `100` anyway.
+	       *   No `input` event will occur.
+	       *
+	       * - `which` is the pressed key code, but a command combination is
+	       *   being used. Ex: `Cmd+C`. No character is inserted, and no
+	       *   `input` event will occur.
+	       */
+	      if (!isKeypressCommand(nativeEvent)) {
+	        // IE fires the `keypress` event when a user types an emoji via
+	        // Touch keyboard of Windows.  In such a case, the `char` property
+	        // holds an emoji character like `\uD83D\uDE0A`.  Because its length
+	        // is 2, the property `which` does not represent an emoji correctly.
+	        // In such a case, we directly return the `char` property instead of
+	        // using `which`.
+	        if (nativeEvent.char && nativeEvent.char.length > 1) {
+	          return nativeEvent.char;
+	        } else if (nativeEvent.which) {
+	          return String.fromCharCode(nativeEvent.which);
+	        }
+	      }
+
+	      return null;
+
+	    case TOP_COMPOSITION_END:
+	      return useFallbackCompositionData && !isUsingKoreanIME(nativeEvent) ? null : nativeEvent.data;
+
+	    default:
+	      return null;
+	  }
+	}
+	/**
+	 * Extract a SyntheticInputEvent for `beforeInput`, based on either native
+	 * `textInput` or fallback behavior.
+	 *
+	 * @return {?object} A SyntheticInputEvent.
+	 */
+
+
+	function extractBeforeInputEvent(topLevelType, targetInst, nativeEvent, nativeEventTarget) {
+	  var chars;
+
+	  if (canUseTextInputEvent) {
+	    chars = getNativeBeforeInputChars(topLevelType, nativeEvent);
+	  } else {
+	    chars = getFallbackBeforeInputChars(topLevelType, nativeEvent);
+	  } // If no characters are being inserted, no BeforeInput event should
+	  // be fired.
+
+
+	  if (!chars) {
+	    return null;
+	  }
+
+	  var event = SyntheticInputEvent.getPooled(eventTypes$1.beforeInput, targetInst, nativeEvent, nativeEventTarget);
+	  event.data = chars;
+	  accumulateTwoPhaseDispatches(event);
+	  return event;
+	}
+	/**
+	 * Create an `onBeforeInput` event to match
+	 * http://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105/#events-inputevents.
+	 *
+	 * This event plugin is based on the native `textInput` event
+	 * available in Chrome, Safari, Opera, and IE. This event fires after
+	 * `onKeyPress` and `onCompositionEnd`, but before `onInput`.
+	 *
+	 * `beforeInput` is spec'd but not implemented in any browsers, and
+	 * the `input` event does not provide any useful information about what has
+	 * actually been added, contrary to the spec. Thus, `textInput` is the best
+	 * available event to identify the characters that have actually been inserted
+	 * into the target node.
+	 *
+	 * This plugin is also responsible for emitting `composition` events, thus
+	 * allowing us to share composition fallback code for both `beforeInput` and
+	 * `composition` event types.
+	 */
+
+
+	var BeforeInputEventPlugin = {
+	  eventTypes: eventTypes$1,
+	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget, eventSystemFlags) {
+	    var composition = extractCompositionEvent(topLevelType, targetInst, nativeEvent, nativeEventTarget);
+	    var beforeInput = extractBeforeInputEvent(topLevelType, targetInst, nativeEvent, nativeEventTarget);
+
+	    if (composition === null) {
+	      return beforeInput;
+	    }
+
+	    if (beforeInput === null) {
+	      return composition;
+	    }
+
+	    return [composition, beforeInput];
+	  }
+	};
+
+	/**
+	 * @see http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
+	 */
+	var supportedInputTypes = {
+	  color: true,
+	  date: true,
+	  datetime: true,
+	  'datetime-local': true,
+	  email: true,
+	  month: true,
+	  number: true,
+	  password: true,
+	  range: true,
+	  search: true,
+	  tel: true,
+	  text: true,
+	  time: true,
+	  url: true,
+	  week: true
+	};
+
+	function isTextInputElement(elem) {
+	  var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
+
+	  if (nodeName === 'input') {
+	    return !!supportedInputTypes[elem.type];
+	  }
+
+	  if (nodeName === 'textarea') {
+	    return true;
+	  }
+
+	  return false;
+	}
+
+	var eventTypes$2 = {
+	  change: {
+	    phasedRegistrationNames: {
+	      bubbled: 'onChange',
+	      captured: 'onChangeCapture'
+	    },
+	    dependencies: [TOP_BLUR, TOP_CHANGE, TOP_CLICK, TOP_FOCUS, TOP_INPUT, TOP_KEY_DOWN, TOP_KEY_UP, TOP_SELECTION_CHANGE]
+	  }
+	};
+
+	function createAndAccumulateChangeEvent(inst, nativeEvent, target) {
+	  var event = SyntheticEvent.getPooled(eventTypes$2.change, inst, nativeEvent, target);
+	  event.type = 'change'; // Flag this event loop as needing state restore.
+
+	  enqueueStateRestore(target);
+	  accumulateTwoPhaseDispatches(event);
+	  return event;
+	}
+	/**
+	 * For IE shims
+	 */
+
+
+	var activeElement = null;
+	var activeElementInst = null;
+	/**
+	 * SECTION: handle `change` event
+	 */
+
+	function shouldUseChangeEvent(elem) {
+	  var nodeName = elem.nodeName && elem.nodeName.toLowerCase();
+	  return nodeName === 'select' || nodeName === 'input' && elem.type === 'file';
+	}
+
+	function manualDispatchChangeEvent(nativeEvent) {
+	  var event = createAndAccumulateChangeEvent(activeElementInst, nativeEvent, getEventTarget(nativeEvent)); // If change and propertychange bubbled, we'd just bind to it like all the
+	  // other events and have it go through ReactBrowserEventEmitter. Since it
+	  // doesn't, we manually listen for the events and so we have to enqueue and
+	  // process the abstract event manually.
+	  //
+	  // Batching is necessary here in order to ensure that all event handlers run
+	  // before the next rerender (including event handlers attached to ancestor
+	  // elements instead of directly on the input). Without this, controlled
+	  // components don't work properly in conjunction with event bubbling because
+	  // the component is rerendered and the value reverted before all the event
+	  // handlers can run. See https://github.com/facebook/react/issues/708.
+
+	  batchedUpdates(runEventInBatch, event);
+	}
+
+	function runEventInBatch(event) {
+	  runEventsInBatch(event);
+	}
+
+	function getInstIfValueChanged(targetInst) {
+	  var targetNode = getNodeFromInstance$1(targetInst);
+
+	  if (updateValueIfChanged(targetNode)) {
+	    return targetInst;
+	  }
+	}
+
+	function getTargetInstForChangeEvent(topLevelType, targetInst) {
+	  if (topLevelType === TOP_CHANGE) {
+	    return targetInst;
+	  }
+	}
+	/**
+	 * SECTION: handle `input` event
+	 */
+
+
+	var isInputEventSupported = false;
+
+	if (canUseDOM) {
+	  // IE9 claims to support the input event but fails to trigger it when
+	  // deleting text, so we ignore its input events.
+	  isInputEventSupported = isEventSupported('input') && (!document.documentMode || document.documentMode > 9);
+	}
+	/**
+	 * (For IE <=9) Starts tracking propertychange events on the passed-in element
+	 * and override the value property so that we can distinguish user events from
+	 * value changes in JS.
+	 */
+
+
+	function startWatchingForValueChange(target, targetInst) {
+	  activeElement = target;
+	  activeElementInst = targetInst;
+	  activeElement.attachEvent('onpropertychange', handlePropertyChange);
+	}
+	/**
+	 * (For IE <=9) Removes the event listeners from the currently-tracked element,
+	 * if any exists.
+	 */
+
+
+	function stopWatchingForValueChange() {
+	  if (!activeElement) {
+	    return;
+	  }
+
+	  activeElement.detachEvent('onpropertychange', handlePropertyChange);
+	  activeElement = null;
+	  activeElementInst = null;
+	}
+	/**
+	 * (For IE <=9) Handles a propertychange event, sending a `change` event if
+	 * the value of the active element has changed.
+	 */
+
+
+	function handlePropertyChange(nativeEvent) {
+	  if (nativeEvent.propertyName !== 'value') {
+	    return;
+	  }
+
+	  if (getInstIfValueChanged(activeElementInst)) {
+	    manualDispatchChangeEvent(nativeEvent);
+	  }
+	}
+
+	function handleEventsForInputEventPolyfill(topLevelType, target, targetInst) {
+	  if (topLevelType === TOP_FOCUS) {
+	    // In IE9, propertychange fires for most input events but is buggy and
+	    // doesn't fire when text is deleted, but conveniently, selectionchange
+	    // appears to fire in all of the remaining cases so we catch those and
+	    // forward the event if the value has changed
+	    // In either case, we don't want to call the event handler if the value
+	    // is changed from JS so we redefine a setter for `.value` that updates
+	    // our activeElementValue variable, allowing us to ignore those changes
+	    //
+	    // stopWatching() should be a noop here but we call it just in case we
+	    // missed a blur event somehow.
+	    stopWatchingForValueChange();
+	    startWatchingForValueChange(target, targetInst);
+	  } else if (topLevelType === TOP_BLUR) {
+	    stopWatchingForValueChange();
+	  }
+	} // For IE8 and IE9.
+
+
+	function getTargetInstForInputEventPolyfill(topLevelType, targetInst) {
+	  if (topLevelType === TOP_SELECTION_CHANGE || topLevelType === TOP_KEY_UP || topLevelType === TOP_KEY_DOWN) {
+	    // On the selectionchange event, the target is just document which isn't
+	    // helpful for us so just check activeElement instead.
+	    //
+	    // 99% of the time, keydown and keyup aren't necessary. IE8 fails to fire
+	    // propertychange on the first input event after setting `value` from a
+	    // script and fires only keydown, keypress, keyup. Catching keyup usually
+	    // gets it and catching keydown lets us fire an event for the first
+	    // keystroke if user does a key repeat (it'll be a little delayed: right
+	    // before the second keystroke). Other input methods (e.g., paste) seem to
+	    // fire selectionchange normally.
+	    return getInstIfValueChanged(activeElementInst);
+	  }
+	}
+	/**
+	 * SECTION: handle `click` event
+	 */
+
+
+	function shouldUseClickEvent(elem) {
+	  // Use the `click` event to detect changes to checkbox and radio inputs.
+	  // This approach works across all browsers, whereas `change` does not fire
+	  // until `blur` in IE8.
+	  var nodeName = elem.nodeName;
+	  return nodeName && nodeName.toLowerCase() === 'input' && (elem.type === 'checkbox' || elem.type === 'radio');
+	}
+
+	function getTargetInstForClickEvent(topLevelType, targetInst) {
+	  if (topLevelType === TOP_CLICK) {
+	    return getInstIfValueChanged(targetInst);
+	  }
+	}
+
+	function getTargetInstForInputOrChangeEvent(topLevelType, targetInst) {
+	  if (topLevelType === TOP_INPUT || topLevelType === TOP_CHANGE) {
+	    return getInstIfValueChanged(targetInst);
+	  }
+	}
+
+	function handleControlledInputBlur(node) {
+	  var state = node._wrapperState;
+
+	  if (!state || !state.controlled || node.type !== 'number') {
+	    return;
+	  }
+
+	  if (!disableInputAttributeSyncing) {
+	    // If controlled, assign the value attribute to the current value on blur
+	    setDefaultValue(node, 'number', node.value);
+	  }
+	}
+	/**
+	 * This plugin creates an `onChange` event that normalizes change events
+	 * across form elements. This event fires at a time when it's possible to
+	 * change the element's value without seeing a flicker.
+	 *
+	 * Supported elements are:
+	 * - input (see `isTextInputElement`)
+	 * - textarea
+	 * - select
+	 */
+
+
+	var ChangeEventPlugin = {
+	  eventTypes: eventTypes$2,
+	  _isInputEventSupported: isInputEventSupported,
+	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget, eventSystemFlags) {
+	    var targetNode = targetInst ? getNodeFromInstance$1(targetInst) : window;
+	    var getTargetInstFunc, handleEventFunc;
+
+	    if (shouldUseChangeEvent(targetNode)) {
+	      getTargetInstFunc = getTargetInstForChangeEvent;
+	    } else if (isTextInputElement(targetNode)) {
+	      if (isInputEventSupported) {
+	        getTargetInstFunc = getTargetInstForInputOrChangeEvent;
+	      } else {
+	        getTargetInstFunc = getTargetInstForInputEventPolyfill;
+	        handleEventFunc = handleEventsForInputEventPolyfill;
+	      }
+	    } else if (shouldUseClickEvent(targetNode)) {
+	      getTargetInstFunc = getTargetInstForClickEvent;
+	    }
+
+	    if (getTargetInstFunc) {
+	      var inst = getTargetInstFunc(topLevelType, targetInst);
+
+	      if (inst) {
+	        var event = createAndAccumulateChangeEvent(inst, nativeEvent, nativeEventTarget);
+	        return event;
+	      }
+	    }
+
+	    if (handleEventFunc) {
+	      handleEventFunc(topLevelType, targetNode, targetInst);
+	    } // When blurring, set the value attribute for number inputs
+
+
+	    if (topLevelType === TOP_BLUR) {
+	      handleControlledInputBlur(targetNode);
+	    }
+	  }
+	};
+
+	/**
+	 * Module that is injectable into `EventPluginHub`, that specifies a
+	 * deterministic ordering of `EventPlugin`s. A convenient way to reason about
+	 * plugins, without having to package every one of them. This is better than
+	 * having plugins be ordered in the same order that they are injected because
+	 * that ordering would be influenced by the packaging order.
+	 * `ResponderEventPlugin` must occur before `SimpleEventPlugin` so that
+	 * preventing default on events is convenient in `SimpleEventPlugin` handlers.
+	 */
+	var DOMEventPluginOrder = ['ResponderEventPlugin', 'SimpleEventPlugin', 'EnterLeaveEventPlugin', 'ChangeEventPlugin', 'SelectEventPlugin', 'BeforeInputEventPlugin'];
+
+	var eventTypes$3 = {
+	  mouseEnter: {
+	    registrationName: 'onMouseEnter',
+	    dependencies: [TOP_MOUSE_OUT, TOP_MOUSE_OVER]
+	  },
+	  mouseLeave: {
+	    registrationName: 'onMouseLeave',
+	    dependencies: [TOP_MOUSE_OUT, TOP_MOUSE_OVER]
+	  },
+	  pointerEnter: {
+	    registrationName: 'onPointerEnter',
+	    dependencies: [TOP_POINTER_OUT, TOP_POINTER_OVER]
+	  },
+	  pointerLeave: {
+	    registrationName: 'onPointerLeave',
+	    dependencies: [TOP_POINTER_OUT, TOP_POINTER_OVER]
+	  }
+	}; // We track the lastNativeEvent to ensure that when we encounter
+	// cases where we process the same nativeEvent multiple times,
+	// which can happen when have multiple ancestors, that we don't
+	// duplicate enter
+
+	var lastNativeEvent;
+	var EnterLeaveEventPlugin = {
+	  eventTypes: eventTypes$3,
+
+	  /**
+	   * For almost every interaction we care about, there will be both a top-level
+	   * `mouseover` and `mouseout` event that occurs. Only use `mouseout` so that
+	   * we do not extract duplicate events. However, moving the mouse into the
+	   * browser from outside will not fire a `mouseout` event. In this case, we use
+	   * the `mouseover` top-level event.
+	   */
+	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget, eventSystemFlags) {
+	    var isOverEvent = topLevelType === TOP_MOUSE_OVER || topLevelType === TOP_POINTER_OVER;
+	    var isOutEvent = topLevelType === TOP_MOUSE_OUT || topLevelType === TOP_POINTER_OUT;
+
+	    if (isOverEvent && (eventSystemFlags & IS_REPLAYED) === 0 && (nativeEvent.relatedTarget || nativeEvent.fromElement)) {
+	      // If this is an over event with a target, then we've already dispatched
+	      // the event in the out event of the other target. If this is replayed,
+	      // then it's because we couldn't dispatch against this target previously
+	      // so we have to do it now instead.
+	      return null;
+	    }
+
+	    if (!isOutEvent && !isOverEvent) {
+	      // Must not be a mouse or pointer in or out - ignoring.
+	      return null;
+	    }
+
+	    var win;
+
+	    if (nativeEventTarget.window === nativeEventTarget) {
+	      // `nativeEventTarget` is probably a window object.
+	      win = nativeEventTarget;
+	    } else {
+	      // TODO: Figure out why `ownerDocument` is sometimes undefined in IE8.
+	      var doc = nativeEventTarget.ownerDocument;
+
+	      if (doc) {
+	        win = doc.defaultView || doc.parentWindow;
+	      } else {
+	        win = window;
+	      }
+	    }
+
+	    var from;
+	    var to;
+
+	    if (isOutEvent) {
+	      from = targetInst;
+	      var related = nativeEvent.relatedTarget || nativeEvent.toElement;
+	      to = related ? getClosestInstanceFromNode(related) : null;
+
+	      if (to !== null) {
+	        var nearestMounted = getNearestMountedFiber(to);
+
+	        if (to !== nearestMounted || to.tag !== HostComponent && to.tag !== HostText) {
+	          to = null;
+	        }
+	      }
+	    } else {
+	      // Moving to a node from outside the window.
+	      from = null;
+	      to = targetInst;
+	    }
+
+	    if (from === to) {
+	      // Nothing pertains to our managed components.
+	      return null;
+	    }
+
+	    var eventInterface, leaveEventType, enterEventType, eventTypePrefix;
+
+	    if (topLevelType === TOP_MOUSE_OUT || topLevelType === TOP_MOUSE_OVER) {
+	      eventInterface = SyntheticMouseEvent;
+	      leaveEventType = eventTypes$3.mouseLeave;
+	      enterEventType = eventTypes$3.mouseEnter;
+	      eventTypePrefix = 'mouse';
+	    } else if (topLevelType === TOP_POINTER_OUT || topLevelType === TOP_POINTER_OVER) {
+	      eventInterface = SyntheticPointerEvent;
+	      leaveEventType = eventTypes$3.pointerLeave;
+	      enterEventType = eventTypes$3.pointerEnter;
+	      eventTypePrefix = 'pointer';
+	    }
+
+	    var fromNode = from == null ? win : getNodeFromInstance$1(from);
+	    var toNode = to == null ? win : getNodeFromInstance$1(to);
+	    var leave = eventInterface.getPooled(leaveEventType, from, nativeEvent, nativeEventTarget);
+	    leave.type = eventTypePrefix + 'leave';
+	    leave.target = fromNode;
+	    leave.relatedTarget = toNode;
+	    var enter = eventInterface.getPooled(enterEventType, to, nativeEvent, nativeEventTarget);
+	    enter.type = eventTypePrefix + 'enter';
+	    enter.target = toNode;
+	    enter.relatedTarget = fromNode;
+	    accumulateEnterLeaveDispatches(leave, enter, from, to);
+
+	    if (nativeEvent === lastNativeEvent) {
+	      lastNativeEvent = null;
+	      return [leave];
+	    }
+
+	    lastNativeEvent = nativeEvent;
+	    return [leave, enter];
+	  }
+	};
+
+	/**
+	 * inlined Object.is polyfill to avoid requiring consumers ship their own
+	 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+	 */
+	function is(x, y) {
+	  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
+	  ;
+	}
+
+	var is$1 = typeof Object.is === 'function' ? Object.is : is;
+
+	var hasOwnProperty$2 = Object.prototype.hasOwnProperty;
+	/**
+	 * Performs equality by iterating through keys on an object and returning false
+	 * when any key has values which are not strictly equal between the arguments.
+	 * Returns true when the values of all keys are strictly equal.
+	 */
+
+	function shallowEqual(objA, objB) {
+	  if (is$1(objA, objB)) {
+	    return true;
+	  }
+
+	  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
+	    return false;
+	  }
+
+	  var keysA = Object.keys(objA);
+	  var keysB = Object.keys(objB);
+
+	  if (keysA.length !== keysB.length) {
+	    return false;
+	  } // Test for A's keys different from B.
+
+
+	  for (var i = 0; i < keysA.length; i++) {
+	    if (!hasOwnProperty$2.call(objB, keysA[i]) || !is$1(objA[keysA[i]], objB[keysA[i]])) {
+	      return false;
+	    }
+	  }
+
+	  return true;
+	}
+
+	var skipSelectionChangeEvent = canUseDOM && 'documentMode' in document && document.documentMode <= 11;
+	var eventTypes$4 = {
+	  select: {
+	    phasedRegistrationNames: {
+	      bubbled: 'onSelect',
+	      captured: 'onSelectCapture'
+	    },
+	    dependencies: [TOP_BLUR, TOP_CONTEXT_MENU, TOP_DRAG_END, TOP_FOCUS, TOP_KEY_DOWN, TOP_KEY_UP, TOP_MOUSE_DOWN, TOP_MOUSE_UP, TOP_SELECTION_CHANGE]
+	  }
+	};
+	var activeElement$1 = null;
+	var activeElementInst$1 = null;
+	var lastSelection = null;
+	var mouseDown = false;
+	/**
+	 * Get an object which is a unique representation of the current selection.
+	 *
+	 * The return value will not be consistent across nodes or browsers, but
+	 * two identical selections on the same node will return identical objects.
+	 *
+	 * @param {DOMElement} node
+	 * @return {object}
+	 */
+
+	function getSelection$1(node) {
+	  if ('selectionStart' in node && hasSelectionCapabilities(node)) {
+	    return {
+	      start: node.selectionStart,
+	      end: node.selectionEnd
+	    };
+	  } else {
+	    var win = node.ownerDocument && node.ownerDocument.defaultView || window;
+	    var selection = win.getSelection();
+	    return {
+	      anchorNode: selection.anchorNode,
+	      anchorOffset: selection.anchorOffset,
+	      focusNode: selection.focusNode,
+	      focusOffset: selection.focusOffset
+	    };
+	  }
+	}
+	/**
+	 * Get document associated with the event target.
+	 *
+	 * @param {object} nativeEventTarget
+	 * @return {Document}
+	 */
+
+
+	function getEventTargetDocument(eventTarget) {
+	  return eventTarget.window === eventTarget ? eventTarget.document : eventTarget.nodeType === DOCUMENT_NODE ? eventTarget : eventTarget.ownerDocument;
+	}
+	/**
+	 * Poll selection to see whether it's changed.
+	 *
+	 * @param {object} nativeEvent
+	 * @param {object} nativeEventTarget
+	 * @return {?SyntheticEvent}
+	 */
+
+
+	function constructSelectEvent(nativeEvent, nativeEventTarget) {
+	  // Ensure we have the right element, and that the user is not dragging a
+	  // selection (this matches native `select` event behavior). In HTML5, select
+	  // fires only on input and textarea thus if there's no focused element we
+	  // won't dispatch.
+	  var doc = getEventTargetDocument(nativeEventTarget);
+
+	  if (mouseDown || activeElement$1 == null || activeElement$1 !== getActiveElement(doc)) {
+	    return null;
+	  } // Only fire when selection has actually changed.
+
+
+	  var currentSelection = getSelection$1(activeElement$1);
+
+	  if (!lastSelection || !shallowEqual(lastSelection, currentSelection)) {
+	    lastSelection = currentSelection;
+	    var syntheticEvent = SyntheticEvent.getPooled(eventTypes$4.select, activeElementInst$1, nativeEvent, nativeEventTarget);
+	    syntheticEvent.type = 'select';
+	    syntheticEvent.target = activeElement$1;
+	    accumulateTwoPhaseDispatches(syntheticEvent);
+	    return syntheticEvent;
+	  }
+
+	  return null;
+	}
+	/**
+	 * This plugin creates an `onSelect` event that normalizes select events
+	 * across form elements.
+	 *
+	 * Supported elements are:
+	 * - input (see `isTextInputElement`)
+	 * - textarea
+	 * - contentEditable
+	 *
+	 * This differs from native browser implementations in the following ways:
+	 * - Fires on contentEditable fields as well as inputs.
+	 * - Fires for collapsed selection.
+	 * - Fires after user input.
+	 */
+
+
+	var SelectEventPlugin = {
+	  eventTypes: eventTypes$4,
+	  extractEvents: function (topLevelType, targetInst, nativeEvent, nativeEventTarget, eventSystemFlags) {
+	    var doc = getEventTargetDocument(nativeEventTarget); // Track whether all listeners exists for this plugin. If none exist, we do
+	    // not extract events. See #3639.
+
+	    if (!doc || !isListeningToAllDependencies('onSelect', doc)) {
+	      return null;
+	    }
+
+	    var targetNode = targetInst ? getNodeFromInstance$1(targetInst) : window;
+
+	    switch (topLevelType) {
+	      // Track the input node that has focus.
+	      case TOP_FOCUS:
+	        if (isTextInputElement(targetNode) || targetNode.contentEditable === 'true') {
+	          activeElement$1 = targetNode;
+	          activeElementInst$1 = targetInst;
+	          lastSelection = null;
+	        }
 
-	function didNotMatchHydratedTextInstance(parentType, parentProps, parentInstance, textInstance, text) {
-	  if (true && parentProps[SUPPRESS_HYDRATION_WARNING] !== true) {
-	    warnForUnmatchedText(textInstance, text);
-	  }
-	}
+	        break;
 
-	function didNotHydrateContainerInstance(parentContainer, instance) {
-	  {
-	    if (instance.nodeType === ELEMENT_NODE) {
-	      warnForDeletedHydratableElement(parentContainer, instance);
-	    } else if (instance.nodeType === COMMENT_NODE) {
-	      // TODO: warnForDeletedHydratableSuspenseBoundary
-	    } else {
-	      warnForDeletedHydratableText(parentContainer, instance);
-	    }
-	  }
-	}
+	      case TOP_BLUR:
+	        activeElement$1 = null;
+	        activeElementInst$1 = null;
+	        lastSelection = null;
+	        break;
+	      // Don't fire the event while the user is dragging. This matches the
+	      // semantics of the native select event.
 
-	function didNotHydrateInstance(parentType, parentProps, parentInstance, instance) {
-	  if (true && parentProps[SUPPRESS_HYDRATION_WARNING] !== true) {
-	    if (instance.nodeType === ELEMENT_NODE) {
-	      warnForDeletedHydratableElement(parentInstance, instance);
-	    } else if (instance.nodeType === COMMENT_NODE) {
-	      // TODO: warnForDeletedHydratableSuspenseBoundary
-	    } else {
-	      warnForDeletedHydratableText(parentInstance, instance);
-	    }
-	  }
-	}
+	      case TOP_MOUSE_DOWN:
+	        mouseDown = true;
+	        break;
 
-	function didNotFindHydratableContainerInstance(parentContainer, type, props) {
-	  {
-	    warnForInsertedHydratedElement(parentContainer, type, props);
-	  }
-	}
+	      case TOP_CONTEXT_MENU:
+	      case TOP_MOUSE_UP:
+	      case TOP_DRAG_END:
+	        mouseDown = false;
+	        return constructSelectEvent(nativeEvent, nativeEventTarget);
+	      // Chrome and IE fire non-standard event when selection is changed (and
+	      // sometimes when it hasn't). IE's event fires out of order with respect
+	      // to key and input events on deletion, so we discard it.
+	      //
+	      // Firefox doesn't support selectionchange, so check selection status
+	      // after each key entry. The selection changes after keydown and before
+	      // keyup, but we check on keydown as well in the case of holding down a
+	      // key, when multiple keydown events are fired but only one keyup is.
+	      // This is also our approach for IE handling, for the reason above.
 
-	function didNotFindHydratableContainerTextInstance(parentContainer, text) {
-	  {
-	    warnForInsertedHydratedText(parentContainer, text);
-	  }
-	}
+	      case TOP_SELECTION_CHANGE:
+	        if (skipSelectionChangeEvent) {
+	          break;
+	        }
 
+	      // falls through
 
+	      case TOP_KEY_DOWN:
+	      case TOP_KEY_UP:
+	        return constructSelectEvent(nativeEvent, nativeEventTarget);
+	    }
 
-	function didNotFindHydratableInstance(parentType, parentProps, parentInstance, type, props) {
-	  if (true && parentProps[SUPPRESS_HYDRATION_WARNING] !== true) {
-	    warnForInsertedHydratedElement(parentInstance, type, props);
+	    return null;
 	  }
-	}
+	};
 
-	function didNotFindHydratableTextInstance(parentType, parentProps, parentInstance, text) {
-	  if (true && parentProps[SUPPRESS_HYDRATION_WARNING] !== true) {
-	    warnForInsertedHydratedText(parentInstance, text);
-	  }
-	}
+	/**
+	 * Inject modules for resolving DOM hierarchy and plugin ordering.
+	 */
 
-	function didNotFindHydratableSuspenseInstance(parentType, parentProps, parentInstance) {
-	  if (true && parentProps[SUPPRESS_HYDRATION_WARNING] !== true) {
-	    // TODO: warnForInsertedHydratedSuspense(parentInstance);
-	  }
-	}
+	injection.injectEventPluginOrder(DOMEventPluginOrder);
+	setComponentTree(getFiberCurrentPropsFromNode$1, getInstanceFromNode$1, getNodeFromInstance$1);
+	/**
+	 * Some important event plugins included by default (without having to require
+	 * them).
+	 */
+
+	injection.injectEventPluginsByName({
+	  SimpleEventPlugin: SimpleEventPlugin,
+	  EnterLeaveEventPlugin: EnterLeaveEventPlugin,
+	  ChangeEventPlugin: ChangeEventPlugin,
+	  SelectEventPlugin: SelectEventPlugin,
+	  BeforeInputEventPlugin: BeforeInputEventPlugin
+	});
 
 	// Prefix measurements so that it's possible to filter them.
 	// Longer prefixes are hard to read in DevTools.
-	var reactEmoji = '\u269B';
-	var warningEmoji = '\u26D4';
-	var supportsUserTiming = typeof performance !== 'undefined' && typeof performance.mark === 'function' && typeof performance.clearMarks === 'function' && typeof performance.measure === 'function' && typeof performance.clearMeasures === 'function';
-
-	// Keep track of current fiber so that we know the path to unwind on pause.
+	var reactEmoji = "\u269B";
+	var warningEmoji = "\u26D4";
+	var supportsUserTiming = typeof performance !== 'undefined' && typeof performance.mark === 'function' && typeof performance.clearMarks === 'function' && typeof performance.measure === 'function' && typeof performance.clearMeasures === 'function'; // Keep track of current fiber so that we know the path to unwind on pause.
 	// TODO: this looks the same as nextUnitOfWork in scheduler. Can we unify them?
-	var currentFiber = null;
-	// If we're in the middle of user code, which fiber and method is it?
+
+	var currentFiber = null; // If we're in the middle of user code, which fiber and method is it?
 	// Reusing `currentFiber` would be confusing for this because user code fiber
 	// can change during commit phase too, but we don't need to unwind it (since
 	// lifecycles in the commit phase don't resemble a tree).
+
 	var currentPhase = null;
-	var currentPhaseFiber = null;
-	// Did lifecycle hook schedule an update? This is often a performance problem,
+	var currentPhaseFiber = null; // Did lifecycle hook schedule an update? This is often a performance problem,
 	// so we will keep track of it, and include it in the report.
 	// Track commits caused by cascading updates.
+
 	var isCommitting = false;
 	var hasScheduledUpdateInCurrentCommit = false;
 	var hasScheduledUpdateInCurrentPhase = false;
 	var commitCountInCurrentWorkLoop = 0;
 	var effectCountInCurrentCommit = 0;
-	var isWaitingForCallback = false;
-	// During commits, we only show a measurement once per method name
 	// to avoid stretch the commit phase with measurement overhead.
+
 	var labelsInCurrentCommit = new Set();
 
 	var formatMarkName = function (markName) {
-	  return reactEmoji + ' ' + markName;
+	  return reactEmoji + " " + markName;
 	};
 
 	var formatLabel = function (label, warning) {
-	  var prefix = warning ? warningEmoji + ' ' : reactEmoji + ' ';
-	  var suffix = warning ? ' Warning: ' + warning : '';
-	  return '' + prefix + label + suffix;
+	  var prefix = warning ? warningEmoji + " " : reactEmoji + " ";
+	  var suffix = warning ? " Warning: " + warning : '';
+	  return "" + prefix + label + suffix;
 	};
 
 	var beginMark = function (markName) {
@@ -12989,29 +15802,30 @@
 	var endMark = function (label, markName, warning) {
 	  var formattedMarkName = formatMarkName(markName);
 	  var formattedLabel = formatLabel(label, warning);
+
 	  try {
 	    performance.measure(formattedLabel, formattedMarkName);
-	  } catch (err) {}
-	  // If previous mark was missing for some reason, this will throw.
+	  } catch (err) {} // If previous mark was missing for some reason, this will throw.
 	  // This could only happen if React crashed in an unexpected place earlier.
 	  // Don't pile on with more errors.
-
 	  // Clear marks immediately to avoid growing buffer.
+
+
 	  performance.clearMarks(formattedMarkName);
 	  performance.clearMeasures(formattedLabel);
 	};
 
 	var getFiberMarkName = function (label, debugID) {
-	  return label + ' (#' + debugID + ')';
+	  return label + " (#" + debugID + ")";
 	};
 
 	var getFiberLabel = function (componentName, isMounted, phase) {
 	  if (phase === null) {
 	    // These are composite component total time measurements.
-	    return componentName + ' [' + (isMounted ? 'update' : 'mount') + ']';
+	    return componentName + " [" + (isMounted ? 'update' : 'mount') + "]";
 	  } else {
 	    // Composite component methods.
-	    return componentName + '.' + phase;
+	    return componentName + "." + phase;
 	  }
 	};
 
@@ -13027,8 +15841,8 @@
 	    // want to stretch the commit phase beyond necessary.
 	    return false;
 	  }
-	  labelsInCurrentCommit.add(label);
 
+	  labelsInCurrentCommit.add(label);
 	  var markName = getFiberMarkName(label, debugID);
 	  beginMark(markName);
 	  return true;
@@ -13065,6 +15879,7 @@
 	    case ContextConsumer:
 	    case Mode:
 	      return true;
+
 	    default:
 	      return false;
 	  }
@@ -13074,6 +15889,7 @@
 	  if (currentPhase !== null && currentPhaseFiber !== null) {
 	    clearFiberMark(currentPhaseFiber, currentPhase);
 	  }
+
 	  currentPhaseFiber = null;
 	  currentPhase = null;
 	  hasScheduledUpdateInCurrentPhase = false;
@@ -13083,10 +15899,12 @@
 	  // Stops all currently active measurements so that they can be resumed
 	  // if we continue in a later deferred loop from the same unit of work.
 	  var fiber = currentFiber;
+
 	  while (fiber) {
 	    if (fiber._debugIsCurrentlyTiming) {
 	      endFiberMark(fiber, null, null);
 	    }
+
 	    fiber = fiber.return;
 	  }
 	};
@@ -13095,6 +15913,7 @@
 	  if (fiber.return !== null) {
 	    resumeTimersRecursively(fiber.return);
 	  }
+
 	  if (fiber._debugIsCurrentlyTiming) {
 	    beginFiberMark(fiber, null);
 	  }
@@ -13112,173 +15931,167 @@
 	    effectCountInCurrentCommit++;
 	  }
 	}
-
 	function recordScheduleUpdate() {
 	  if (enableUserTimingAPI) {
 	    if (isCommitting) {
 	      hasScheduledUpdateInCurrentCommit = true;
 	    }
+
 	    if (currentPhase !== null && currentPhase !== 'componentWillMount' && currentPhase !== 'componentWillReceiveProps') {
 	      hasScheduledUpdateInCurrentPhase = true;
 	    }
 	  }
 	}
 
-	function startRequestCallbackTimer() {
-	  if (enableUserTimingAPI) {
-	    if (supportsUserTiming && !isWaitingForCallback) {
-	      isWaitingForCallback = true;
-	      beginMark('(Waiting for async callback...)');
-	    }
-	  }
-	}
-
-	function stopRequestCallbackTimer(didExpire, expirationTime) {
-	  if (enableUserTimingAPI) {
-	    if (supportsUserTiming) {
-	      isWaitingForCallback = false;
-	      var warning = didExpire ? 'React was blocked by main thread' : null;
-	      endMark('(Waiting for async callback... will force flush in ' + expirationTime + ' ms)', '(Waiting for async callback...)', warning);
-	    }
-	  }
-	}
 
 	function startWorkTimer(fiber) {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
 	      return;
-	    }
-	    // If we pause, this is the fiber to unwind from.
+	    } // If we pause, this is the fiber to unwind from.
+
+
 	    currentFiber = fiber;
+
 	    if (!beginFiberMark(fiber, null)) {
 	      return;
 	    }
+
 	    fiber._debugIsCurrentlyTiming = true;
 	  }
 	}
-
 	function cancelWorkTimer(fiber) {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
 	      return;
-	    }
-	    // Remember we shouldn't complete measurement for this fiber.
+	    } // Remember we shouldn't complete measurement for this fiber.
 	    // Otherwise flamechart will be deep even for small updates.
+
+
 	    fiber._debugIsCurrentlyTiming = false;
 	    clearFiberMark(fiber, null);
 	  }
 	}
-
 	function stopWorkTimer(fiber) {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
 	      return;
-	    }
-	    // If we pause, its parent is the fiber to unwind from.
+	    } // If we pause, its parent is the fiber to unwind from.
+
+
 	    currentFiber = fiber.return;
+
 	    if (!fiber._debugIsCurrentlyTiming) {
 	      return;
 	    }
+
 	    fiber._debugIsCurrentlyTiming = false;
 	    endFiberMark(fiber, null, null);
 	  }
 	}
-
 	function stopFailedWorkTimer(fiber) {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
 	      return;
-	    }
-	    // If we pause, its parent is the fiber to unwind from.
+	    } // If we pause, its parent is the fiber to unwind from.
+
+
 	    currentFiber = fiber.return;
+
 	    if (!fiber._debugIsCurrentlyTiming) {
 	      return;
 	    }
+
 	    fiber._debugIsCurrentlyTiming = false;
-	    var warning = fiber.tag === SuspenseComponent || fiber.tag === DehydratedSuspenseComponent ? 'Rendering was suspended' : 'An error was thrown inside this error boundary';
+	    var warning = fiber.tag === SuspenseComponent ? 'Rendering was suspended' : 'An error was thrown inside this error boundary';
 	    endFiberMark(fiber, null, warning);
 	  }
 	}
-
 	function startPhaseTimer(fiber, phase) {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming) {
 	      return;
 	    }
+
 	    clearPendingPhaseMeasurement();
+
 	    if (!beginFiberMark(fiber, phase)) {
 	      return;
 	    }
+
 	    currentPhaseFiber = fiber;
 	    currentPhase = phase;
 	  }
 	}
-
 	function stopPhaseTimer() {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming) {
 	      return;
 	    }
+
 	    if (currentPhase !== null && currentPhaseFiber !== null) {
 	      var warning = hasScheduledUpdateInCurrentPhase ? 'Scheduled a cascading update' : null;
 	      endFiberMark(currentPhaseFiber, currentPhase, warning);
 	    }
+
 	    currentPhase = null;
 	    currentPhaseFiber = null;
 	  }
 	}
-
 	function startWorkLoopTimer(nextUnitOfWork) {
 	  if (enableUserTimingAPI) {
 	    currentFiber = nextUnitOfWork;
+
 	    if (!supportsUserTiming) {
 	      return;
 	    }
-	    commitCountInCurrentWorkLoop = 0;
-	    // This is top level call.
+
+	    commitCountInCurrentWorkLoop = 0; // This is top level call.
 	    // Any other measurements are performed within.
-	    beginMark('(React Tree Reconciliation)');
-	    // Resume any measurements that were in progress during the last loop.
+
+	    beginMark('(React Tree Reconciliation)'); // Resume any measurements that were in progress during the last loop.
+
 	    resumeTimers();
 	  }
 	}
-
 	function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming) {
 	      return;
 	    }
+
 	    var warning = null;
+
 	    if (interruptedBy !== null) {
 	      if (interruptedBy.tag === HostRoot) {
 	        warning = 'A top-level update interrupted the previous render';
 	      } else {
 	        var componentName = getComponentName(interruptedBy.type) || 'Unknown';
-	        warning = 'An update to ' + componentName + ' interrupted the previous render';
+	        warning = "An update to " + componentName + " interrupted the previous render";
 	      }
 	    } else if (commitCountInCurrentWorkLoop > 1) {
 	      warning = 'There were cascading updates';
 	    }
+
 	    commitCountInCurrentWorkLoop = 0;
-	    var label = didCompleteRoot ? '(React Tree Reconciliation: Completed Root)' : '(React Tree Reconciliation: Yielded)';
-	    // Pause any measurements until the next loop.
+	    var label = didCompleteRoot ? '(React Tree Reconciliation: Completed Root)' : '(React Tree Reconciliation: Yielded)'; // Pause any measurements until the next loop.
+
 	    pauseTimers();
 	    endMark(label, '(React Tree Reconciliation)', warning);
 	  }
 	}
-
 	function startCommitTimer() {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming) {
 	      return;
 	    }
+
 	    isCommitting = true;
 	    hasScheduledUpdateInCurrentCommit = false;
 	    labelsInCurrentCommit.clear();
 	    beginMark('(Committing Changes)');
 	  }
 	}
-
 	function stopCommitTimer() {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming) {
@@ -13286,86 +16099,86 @@
 	    }
 
 	    var warning = null;
+
 	    if (hasScheduledUpdateInCurrentCommit) {
 	      warning = 'Lifecycle hook scheduled a cascading update';
 	    } else if (commitCountInCurrentWorkLoop > 0) {
 	      warning = 'Caused by a cascading update in earlier commit';
 	    }
+
 	    hasScheduledUpdateInCurrentCommit = false;
 	    commitCountInCurrentWorkLoop++;
 	    isCommitting = false;
 	    labelsInCurrentCommit.clear();
-
 	    endMark('(Committing Changes)', '(Committing Changes)', warning);
 	  }
 	}
-
 	function startCommitSnapshotEffectsTimer() {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming) {
 	      return;
 	    }
+
 	    effectCountInCurrentCommit = 0;
 	    beginMark('(Committing Snapshot Effects)');
 	  }
 	}
-
 	function stopCommitSnapshotEffectsTimer() {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming) {
 	      return;
 	    }
+
 	    var count = effectCountInCurrentCommit;
 	    effectCountInCurrentCommit = 0;
-	    endMark('(Committing Snapshot Effects: ' + count + ' Total)', '(Committing Snapshot Effects)', null);
+	    endMark("(Committing Snapshot Effects: " + count + " Total)", '(Committing Snapshot Effects)', null);
 	  }
 	}
-
 	function startCommitHostEffectsTimer() {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming) {
 	      return;
 	    }
+
 	    effectCountInCurrentCommit = 0;
 	    beginMark('(Committing Host Effects)');
 	  }
 	}
-
 	function stopCommitHostEffectsTimer() {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming) {
 	      return;
 	    }
+
 	    var count = effectCountInCurrentCommit;
 	    effectCountInCurrentCommit = 0;
-	    endMark('(Committing Host Effects: ' + count + ' Total)', '(Committing Host Effects)', null);
+	    endMark("(Committing Host Effects: " + count + " Total)", '(Committing Host Effects)', null);
 	  }
 	}
-
 	function startCommitLifeCyclesTimer() {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming) {
 	      return;
 	    }
+
 	    effectCountInCurrentCommit = 0;
 	    beginMark('(Calling Lifecycle Methods)');
 	  }
 	}
-
 	function stopCommitLifeCyclesTimer() {
 	  if (enableUserTimingAPI) {
 	    if (!supportsUserTiming) {
 	      return;
 	    }
+
 	    var count = effectCountInCurrentCommit;
 	    effectCountInCurrentCommit = 0;
-	    endMark('(Calling Lifecycle Methods: ' + count + ' Total)', '(Calling Lifecycle Methods)', null);
+	    endMark("(Calling Lifecycle Methods: " + count + " Total)", '(Calling Lifecycle Methods)', null);
 	  }
 	}
 
 	var valueStack = [];
-
-	var fiberStack = void 0;
+	var fiberStack;
 
 	{
 	  fiberStack = [];
@@ -13384,6 +16197,7 @@
 	    {
 	      warningWithoutStack$1(false, 'Unexpected pop.');
 	    }
+
 	    return;
 	  }
 
@@ -13394,7 +16208,6 @@
 	  }
 
 	  cursor.current = valueStack[index];
-
 	  valueStack[index] = null;
 
 	  {
@@ -13406,7 +16219,6 @@
 
 	function push(cursor, value, fiber) {
 	  index++;
-
 	  valueStack[index] = cursor.current;
 
 	  {
@@ -13416,315 +16228,515 @@
 	  cursor.current = value;
 	}
 
-	function checkThatStackIsEmpty() {
-	  {
-	    if (index !== -1) {
-	      warningWithoutStack$1(false, 'Expected an empty stack. Something was not reset properly.');
-	    }
-	  }
-	}
-
-	function resetStackAfterFatalErrorInDev() {
-	  {
-	    index = -1;
-	    valueStack.length = 0;
-	    fiberStack.length = 0;
-	  }
-	}
-
-	var warnedAboutMissingGetChildContext = void 0;
+	var warnedAboutMissingGetChildContext;
 
 	{
 	  warnedAboutMissingGetChildContext = {};
 	}
 
 	var emptyContextObject = {};
+
 	{
 	  Object.freeze(emptyContextObject);
-	}
+	} // A cursor to the current merged context object on the stack.
 
-	// A cursor to the current merged context object on the stack.
-	var contextStackCursor = createCursor(emptyContextObject);
-	// A cursor to a boolean indicating whether the context has changed.
-	var didPerformWorkStackCursor = createCursor(false);
-	// Keep track of the previous context object that was on the stack.
+
+	var contextStackCursor = createCursor(emptyContextObject); // A cursor to a boolean indicating whether the context has changed.
+
+	var didPerformWorkStackCursor = createCursor(false); // Keep track of the previous context object that was on the stack.
 	// We use this to get access to the parent context after we have already
 	// pushed the next context provider, and now need to merge their contexts.
+
 	var previousContext = emptyContextObject;
 
 	function getUnmaskedContext(workInProgress, Component, didPushOwnContextIfProvider) {
-	  if (didPushOwnContextIfProvider && isContextProvider(Component)) {
-	    // If the fiber is a context provider itself, when we read its context
-	    // we may have already pushed its own child context on the stack. A context
-	    // provider should not "see" its own child context. Therefore we read the
-	    // previous (parent) context instead for a context provider.
-	    return previousContext;
+	  if (disableLegacyContext) {
+	    return emptyContextObject;
+	  } else {
+	    if (didPushOwnContextIfProvider && isContextProvider(Component)) {
+	      // If the fiber is a context provider itself, when we read its context
+	      // we may have already pushed its own child context on the stack. A context
+	      // provider should not "see" its own child context. Therefore we read the
+	      // previous (parent) context instead for a context provider.
+	      return previousContext;
+	    }
+
+	    return contextStackCursor.current;
 	  }
-	  return contextStackCursor.current;
 	}
 
 	function cacheContext(workInProgress, unmaskedContext, maskedContext) {
-	  var instance = workInProgress.stateNode;
-	  instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
-	  instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+	  if (disableLegacyContext) {
+	    return;
+	  } else {
+	    var instance = workInProgress.stateNode;
+	    instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
+	    instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+	  }
 	}
 
 	function getMaskedContext(workInProgress, unmaskedContext) {
-	  var type = workInProgress.type;
-	  var contextTypes = type.contextTypes;
-	  if (!contextTypes) {
+	  if (disableLegacyContext) {
 	    return emptyContextObject;
-	  }
+	  } else {
+	    var type = workInProgress.type;
+	    var contextTypes = type.contextTypes;
 
-	  // Avoid recreating masked context unless unmasked context has changed.
-	  // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
-	  // This may trigger infinite loops if componentWillReceiveProps calls setState.
-	  var instance = workInProgress.stateNode;
-	  if (instance && instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext) {
-	    return instance.__reactInternalMemoizedMaskedChildContext;
-	  }
+	    if (!contextTypes) {
+	      return emptyContextObject;
+	    } // Avoid recreating masked context unless unmasked context has changed.
+	    // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
+	    // This may trigger infinite loops if componentWillReceiveProps calls setState.
 
-	  var context = {};
-	  for (var key in contextTypes) {
-	    context[key] = unmaskedContext[key];
-	  }
 
-	  {
-	    var name = getComponentName(type) || 'Unknown';
-	    checkPropTypes(contextTypes, context, 'context', name, getCurrentFiberStackInDev);
-	  }
+	    var instance = workInProgress.stateNode;
 
-	  // Cache unmasked context so we can avoid recreating masked context unless necessary.
-	  // Context is created before the class component is instantiated so check for instance.
-	  if (instance) {
-	    cacheContext(workInProgress, unmaskedContext, context);
-	  }
+	    if (instance && instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext) {
+	      return instance.__reactInternalMemoizedMaskedChildContext;
+	    }
 
-	  return context;
+	    var context = {};
+
+	    for (var key in contextTypes) {
+	      context[key] = unmaskedContext[key];
+	    }
+
+	    {
+	      var name = getComponentName(type) || 'Unknown';
+	      checkPropTypes(contextTypes, context, 'context', name, getCurrentFiberStackInDev);
+	    } // Cache unmasked context so we can avoid recreating masked context unless necessary.
+	    // Context is created before the class component is instantiated so check for instance.
+
+
+	    if (instance) {
+	      cacheContext(workInProgress, unmaskedContext, context);
+	    }
+
+	    return context;
+	  }
 	}
 
 	function hasContextChanged() {
-	  return didPerformWorkStackCursor.current;
+	  if (disableLegacyContext) {
+	    return false;
+	  } else {
+	    return didPerformWorkStackCursor.current;
+	  }
 	}
 
 	function isContextProvider(type) {
-	  var childContextTypes = type.childContextTypes;
-	  return childContextTypes !== null && childContextTypes !== undefined;
+	  if (disableLegacyContext) {
+	    return false;
+	  } else {
+	    var childContextTypes = type.childContextTypes;
+	    return childContextTypes !== null && childContextTypes !== undefined;
+	  }
 	}
 
 	function popContext(fiber) {
-	  pop(didPerformWorkStackCursor, fiber);
-	  pop(contextStackCursor, fiber);
+	  if (disableLegacyContext) {
+	    return;
+	  } else {
+	    pop(didPerformWorkStackCursor, fiber);
+	    pop(contextStackCursor, fiber);
+	  }
 	}
 
 	function popTopLevelContextObject(fiber) {
-	  pop(didPerformWorkStackCursor, fiber);
-	  pop(contextStackCursor, fiber);
+	  if (disableLegacyContext) {
+	    return;
+	  } else {
+	    pop(didPerformWorkStackCursor, fiber);
+	    pop(contextStackCursor, fiber);
+	  }
 	}
 
 	function pushTopLevelContextObject(fiber, context, didChange) {
-	  !(contextStackCursor.current === emptyContextObject) ? invariant(false, 'Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue.') : void 0;
+	  if (disableLegacyContext) {
+	    return;
+	  } else {
+	    if (!(contextStackCursor.current === emptyContextObject)) {
+	      {
+	        throw Error("Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue.");
+	      }
+	    }
 
-	  push(contextStackCursor, context, fiber);
-	  push(didPerformWorkStackCursor, didChange, fiber);
+	    push(contextStackCursor, context, fiber);
+	    push(didPerformWorkStackCursor, didChange, fiber);
+	  }
 	}
 
 	function processChildContext(fiber, type, parentContext) {
-	  var instance = fiber.stateNode;
-	  var childContextTypes = type.childContextTypes;
+	  if (disableLegacyContext) {
+	    return parentContext;
+	  } else {
+	    var instance = fiber.stateNode;
+	    var childContextTypes = type.childContextTypes; // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+	    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+
+	    if (typeof instance.getChildContext !== 'function') {
+	      {
+	        var componentName = getComponentName(type) || 'Unknown';
+
+	        if (!warnedAboutMissingGetChildContext[componentName]) {
+	          warnedAboutMissingGetChildContext[componentName] = true;
+	          warningWithoutStack$1(false, '%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+	        }
+	      }
+
+	      return parentContext;
+	    }
+
+	    var childContext;
+
+	    {
+	      setCurrentPhase('getChildContext');
+	    }
+
+	    startPhaseTimer(fiber, 'getChildContext');
+	    childContext = instance.getChildContext();
+	    stopPhaseTimer();
 
-	  // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-	  // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-	  if (typeof instance.getChildContext !== 'function') {
 	    {
-	      var componentName = getComponentName(type) || 'Unknown';
+	      setCurrentPhase(null);
+	    }
 
-	      if (!warnedAboutMissingGetChildContext[componentName]) {
-	        warnedAboutMissingGetChildContext[componentName] = true;
-	        warningWithoutStack$1(false, '%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+	    for (var contextKey in childContext) {
+	      if (!(contextKey in childContextTypes)) {
+	        {
+	          throw Error((getComponentName(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+	        }
 	      }
 	    }
-	    return parentContext;
-	  }
 
-	  var childContext = void 0;
-	  {
-	    setCurrentPhase('getChildContext');
-	  }
-	  startPhaseTimer(fiber, 'getChildContext');
-	  childContext = instance.getChildContext();
-	  stopPhaseTimer();
-	  {
-	    setCurrentPhase(null);
-	  }
-	  for (var contextKey in childContext) {
-	    !(contextKey in childContextTypes) ? invariant(false, '%s.getChildContext(): key "%s" is not defined in childContextTypes.', getComponentName(type) || 'Unknown', contextKey) : void 0;
-	  }
-	  {
-	    var name = getComponentName(type) || 'Unknown';
-	    checkPropTypes(childContextTypes, childContext, 'child context', name,
-	    // In practice, there is one case in which we won't get a stack. It's when
-	    // somebody calls unstable_renderSubtreeIntoContainer() and we process
-	    // context from the parent component instance. The stack will be missing
-	    // because it's outside of the reconciliation, and so the pointer has not
-	    // been set. This is rare and doesn't matter. We'll also remove that API.
-	    getCurrentFiberStackInDev);
-	  }
+	    {
+	      var name = getComponentName(type) || 'Unknown';
+	      checkPropTypes(childContextTypes, childContext, 'child context', name, // In practice, there is one case in which we won't get a stack. It's when
+	      // somebody calls unstable_renderSubtreeIntoContainer() and we process
+	      // context from the parent component instance. The stack will be missing
+	      // because it's outside of the reconciliation, and so the pointer has not
+	      // been set. This is rare and doesn't matter. We'll also remove that API.
+	      getCurrentFiberStackInDev);
+	    }
 
-	  return _assign({}, parentContext, childContext);
+	    return _assign({}, parentContext, {}, childContext);
+	  }
 	}
 
 	function pushContextProvider(workInProgress) {
-	  var instance = workInProgress.stateNode;
-	  // We push the context as early as possible to ensure stack integrity.
-	  // If the instance does not exist yet, we will push null at first,
-	  // and replace it on the stack later when invalidating the context.
-	  var memoizedMergedChildContext = instance && instance.__reactInternalMemoizedMergedChildContext || emptyContextObject;
+	  if (disableLegacyContext) {
+	    return false;
+	  } else {
+	    var instance = workInProgress.stateNode; // We push the context as early as possible to ensure stack integrity.
+	    // If the instance does not exist yet, we will push null at first,
+	    // and replace it on the stack later when invalidating the context.
 
-	  // Remember the parent context so we can merge with it later.
-	  // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
-	  previousContext = contextStackCursor.current;
-	  push(contextStackCursor, memoizedMergedChildContext, workInProgress);
-	  push(didPerformWorkStackCursor, didPerformWorkStackCursor.current, workInProgress);
+	    var memoizedMergedChildContext = instance && instance.__reactInternalMemoizedMergedChildContext || emptyContextObject; // Remember the parent context so we can merge with it later.
+	    // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
 
-	  return true;
+	    previousContext = contextStackCursor.current;
+	    push(contextStackCursor, memoizedMergedChildContext, workInProgress);
+	    push(didPerformWorkStackCursor, didPerformWorkStackCursor.current, workInProgress);
+	    return true;
+	  }
 	}
 
 	function invalidateContextProvider(workInProgress, type, didChange) {
-	  var instance = workInProgress.stateNode;
-	  !instance ? invariant(false, 'Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-
-	  if (didChange) {
-	    // Merge parent and own context.
-	    // Skip this if we're not updating due to sCU.
-	    // This avoids unnecessarily recomputing memoized values.
-	    var mergedContext = processChildContext(workInProgress, type, previousContext);
-	    instance.__reactInternalMemoizedMergedChildContext = mergedContext;
-
-	    // Replace the old (or empty) context with the new one.
-	    // It is important to unwind the context in the reverse order.
-	    pop(didPerformWorkStackCursor, workInProgress);
-	    pop(contextStackCursor, workInProgress);
-	    // Now push the new context and mark that it has changed.
-	    push(contextStackCursor, mergedContext, workInProgress);
-	    push(didPerformWorkStackCursor, didChange, workInProgress);
+	  if (disableLegacyContext) {
+	    return;
 	  } else {
-	    pop(didPerformWorkStackCursor, workInProgress);
-	    push(didPerformWorkStackCursor, didChange, workInProgress);
+	    var instance = workInProgress.stateNode;
+
+	    if (!instance) {
+	      {
+	        throw Error("Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue.");
+	      }
+	    }
+
+	    if (didChange) {
+	      // Merge parent and own context.
+	      // Skip this if we're not updating due to sCU.
+	      // This avoids unnecessarily recomputing memoized values.
+	      var mergedContext = processChildContext(workInProgress, type, previousContext);
+	      instance.__reactInternalMemoizedMergedChildContext = mergedContext; // Replace the old (or empty) context with the new one.
+	      // It is important to unwind the context in the reverse order.
+
+	      pop(didPerformWorkStackCursor, workInProgress);
+	      pop(contextStackCursor, workInProgress); // Now push the new context and mark that it has changed.
+
+	      push(contextStackCursor, mergedContext, workInProgress);
+	      push(didPerformWorkStackCursor, didChange, workInProgress);
+	    } else {
+	      pop(didPerformWorkStackCursor, workInProgress);
+	      push(didPerformWorkStackCursor, didChange, workInProgress);
+	    }
 	  }
 	}
 
 	function findCurrentUnmaskedContext(fiber) {
-	  // Currently this is only used with renderSubtreeIntoContainer; not sure if it
-	  // makes sense elsewhere
-	  !(isFiberMounted(fiber) && fiber.tag === ClassComponent) ? invariant(false, 'Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue.') : void 0;
+	  if (disableLegacyContext) {
+	    return emptyContextObject;
+	  } else {
+	    // Currently this is only used with renderSubtreeIntoContainer; not sure if it
+	    // makes sense elsewhere
+	    if (!(isFiberMounted(fiber) && fiber.tag === ClassComponent)) {
+	      {
+	        throw Error("Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue.");
+	      }
+	    }
 
-	  var node = fiber;
-	  do {
-	    switch (node.tag) {
-	      case HostRoot:
-	        return node.stateNode.context;
-	      case ClassComponent:
-	        {
-	          var Component = node.type;
-	          if (isContextProvider(Component)) {
-	            return node.stateNode.__reactInternalMemoizedMergedChildContext;
+	    var node = fiber;
+
+	    do {
+	      switch (node.tag) {
+	        case HostRoot:
+	          return node.stateNode.context;
+
+	        case ClassComponent:
+	          {
+	            var Component = node.type;
+
+	            if (isContextProvider(Component)) {
+	              return node.stateNode.__reactInternalMemoizedMergedChildContext;
+	            }
+
+	            break;
 	          }
-	          break;
-	        }
-	    }
-	    node = node.return;
-	  } while (node !== null);
-	  invariant(false, 'Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue.');
-	}
+	      }
 
-	var onCommitFiberRoot = null;
-	var onCommitFiberUnmount = null;
-	var hasLoggedError = false;
+	      node = node.return;
+	    } while (node !== null);
 
-	function catchErrors(fn) {
-	  return function (arg) {
-	    try {
-	      return fn(arg);
-	    } catch (err) {
-	      if (true && !hasLoggedError) {
-	        hasLoggedError = true;
-	        warningWithoutStack$1(false, 'React DevTools encountered an error: %s', err);
+	    {
+	      {
+	        throw Error("Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue.");
 	      }
 	    }
-	  };
+	  }
 	}
 
-	var isDevToolsPresent = typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined';
+	var LegacyRoot = 0;
+	var BlockingRoot = 1;
+	var ConcurrentRoot = 2;
 
-	function injectInternals(internals) {
-	  if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined') {
-	    // No DevTools
-	    return false;
-	  }
-	  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-	  if (hook.isDisabled) {
-	    // This isn't a real property on the hook, but it can be set to opt out
-	    // of DevTools integration and associated warnings and logs.
-	    // https://github.com/facebook/react/issues/3877
-	    return true;
-	  }
-	  if (!hook.supportsFiber) {
+	// Intentionally not named imports because Rollup would use dynamic dispatch for
+	// CommonJS interop named imports.
+	var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority;
+	var Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback;
+	var Scheduler_cancelCallback = Scheduler.unstable_cancelCallback;
+	var Scheduler_shouldYield = Scheduler.unstable_shouldYield;
+	var Scheduler_requestPaint = Scheduler.unstable_requestPaint;
+	var Scheduler_now = Scheduler.unstable_now;
+	var Scheduler_getCurrentPriorityLevel = Scheduler.unstable_getCurrentPriorityLevel;
+	var Scheduler_ImmediatePriority = Scheduler.unstable_ImmediatePriority;
+	var Scheduler_UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
+	var Scheduler_NormalPriority = Scheduler.unstable_NormalPriority;
+	var Scheduler_LowPriority = Scheduler.unstable_LowPriority;
+	var Scheduler_IdlePriority = Scheduler.unstable_IdlePriority;
+
+	if (enableSchedulerTracing) {
+	  // Provide explicit error message when production+profiling bundle of e.g.
+	  // react-dom is used with production (non-profiling) bundle of
+	  // scheduler/tracing
+	  if (!(tracing.__interactionsRef != null && tracing.__interactionsRef.current != null)) {
 	    {
-	      warningWithoutStack$1(false, 'The installed version of React DevTools is too old and will not work ' + 'with the current version of React. Please update React DevTools. ' + 'https://fb.me/react-devtools');
+	      throw Error("It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling");
 	    }
-	    // DevTools exists, even though it doesn't support Fiber.
-	    return true;
 	  }
-	  try {
-	    var rendererID = hook.inject(internals);
-	    // We have successfully injected, so now it is safe to set up hooks.
-	    onCommitFiberRoot = catchErrors(function (root) {
-	      return hook.onCommitFiberRoot(rendererID, root);
-	    });
-	    onCommitFiberUnmount = catchErrors(function (fiber) {
-	      return hook.onCommitFiberUnmount(rendererID, fiber);
-	    });
-	  } catch (err) {
-	    // Catch all errors because it is unsafe to throw during initialization.
-	    {
-	      warningWithoutStack$1(false, 'React DevTools encountered an error: %s.', err);
-	    }
+	}
+
+	var fakeCallbackNode = {}; // Except for NoPriority, these correspond to Scheduler priorities. We use
+	// ascending numbers so we can compare them like numbers. They start at 90 to
+	// avoid clashing with Scheduler's priorities.
+
+	var ImmediatePriority = 99;
+	var UserBlockingPriority$2 = 98;
+	var NormalPriority = 97;
+	var LowPriority = 96;
+	var IdlePriority = 95; // NoPriority is the absence of priority. Also React-only.
+
+	var NoPriority = 90;
+	var shouldYield = Scheduler_shouldYield;
+	var requestPaint = // Fall back gracefully if we're running an older version of Scheduler.
+	Scheduler_requestPaint !== undefined ? Scheduler_requestPaint : function () {};
+	var syncQueue = null;
+	var immediateQueueCallbackNode = null;
+	var isFlushingSyncQueue = false;
+	var initialTimeMs = Scheduler_now(); // If the initial timestamp is reasonably small, use Scheduler's `now` directly.
+	// This will be the case for modern browsers that support `performance.now`. In
+	// older browsers, Scheduler falls back to `Date.now`, which returns a Unix
+	// timestamp. In that case, subtract the module initialization time to simulate
+	// the behavior of performance.now and keep our times small enough to fit
+	// within 32 bits.
+	// TODO: Consider lifting this into Scheduler.
+
+	var now = initialTimeMs < 10000 ? Scheduler_now : function () {
+	  return Scheduler_now() - initialTimeMs;
+	};
+	function getCurrentPriorityLevel() {
+	  switch (Scheduler_getCurrentPriorityLevel()) {
+	    case Scheduler_ImmediatePriority:
+	      return ImmediatePriority;
+
+	    case Scheduler_UserBlockingPriority:
+	      return UserBlockingPriority$2;
+
+	    case Scheduler_NormalPriority:
+	      return NormalPriority;
+
+	    case Scheduler_LowPriority:
+	      return LowPriority;
+
+	    case Scheduler_IdlePriority:
+	      return IdlePriority;
+
+	    default:
+	      {
+	        {
+	          throw Error("Unknown priority level.");
+	        }
+	      }
+
 	  }
-	  // DevTools exists
-	  return true;
 	}
 
-	function onCommitRoot(root) {
-	  if (typeof onCommitFiberRoot === 'function') {
-	    onCommitFiberRoot(root);
+	function reactPriorityToSchedulerPriority(reactPriorityLevel) {
+	  switch (reactPriorityLevel) {
+	    case ImmediatePriority:
+	      return Scheduler_ImmediatePriority;
+
+	    case UserBlockingPriority$2:
+	      return Scheduler_UserBlockingPriority;
+
+	    case NormalPriority:
+	      return Scheduler_NormalPriority;
+
+	    case LowPriority:
+	      return Scheduler_LowPriority;
+
+	    case IdlePriority:
+	      return Scheduler_IdlePriority;
+
+	    default:
+	      {
+	        {
+	          throw Error("Unknown priority level.");
+	        }
+	      }
+
 	  }
 	}
 
-	function onCommitUnmount(fiber) {
-	  if (typeof onCommitFiberUnmount === 'function') {
-	    onCommitFiberUnmount(fiber);
+	function runWithPriority$2(reactPriorityLevel, fn) {
+	  var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+	  return Scheduler_runWithPriority(priorityLevel, fn);
+	}
+	function scheduleCallback(reactPriorityLevel, callback, options) {
+	  var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
+	  return Scheduler_scheduleCallback(priorityLevel, callback, options);
+	}
+	function scheduleSyncCallback(callback) {
+	  // Push this callback into an internal queue. We'll flush these either in
+	  // the next tick, or earlier if something calls `flushSyncCallbackQueue`.
+	  if (syncQueue === null) {
+	    syncQueue = [callback]; // Flush the queue in the next tick, at the earliest.
+
+	    immediateQueueCallbackNode = Scheduler_scheduleCallback(Scheduler_ImmediatePriority, flushSyncCallbackQueueImpl);
+	  } else {
+	    // Push onto existing queue. Don't need to schedule a callback because
+	    // we already scheduled one when we created the queue.
+	    syncQueue.push(callback);
+	  }
+
+	  return fakeCallbackNode;
+	}
+	function cancelCallback(callbackNode) {
+	  if (callbackNode !== fakeCallbackNode) {
+	    Scheduler_cancelCallback(callbackNode);
 	  }
 	}
+	function flushSyncCallbackQueue() {
+	  if (immediateQueueCallbackNode !== null) {
+	    var node = immediateQueueCallbackNode;
+	    immediateQueueCallbackNode = null;
+	    Scheduler_cancelCallback(node);
+	  }
+
+	  flushSyncCallbackQueueImpl();
+	}
+
+	function flushSyncCallbackQueueImpl() {
+	  if (!isFlushingSyncQueue && syncQueue !== null) {
+	    // Prevent re-entrancy.
+	    isFlushingSyncQueue = true;
+	    var i = 0;
+
+	    try {
+	      var _isSync = true;
+	      var queue = syncQueue;
+	      runWithPriority$2(ImmediatePriority, function () {
+	        for (; i < queue.length; i++) {
+	          var callback = queue[i];
+
+	          do {
+	            callback = callback(_isSync);
+	          } while (callback !== null);
+	        }
+	      });
+	      syncQueue = null;
+	    } catch (error) {
+	      // If something throws, leave the remaining callbacks on the queue.
+	      if (syncQueue !== null) {
+	        syncQueue = syncQueue.slice(i + 1);
+	      } // Resume flushing in the next tick
+
+
+	      Scheduler_scheduleCallback(Scheduler_ImmediatePriority, flushSyncCallbackQueue);
+	      throw error;
+	    } finally {
+	      isFlushingSyncQueue = false;
+	    }
+	  }
+	}
+
+	var NoMode = 0;
+	var StrictMode = 1; // TODO: Remove BlockingMode and ConcurrentMode by reading from the root
+	// tag instead
+
+	var BlockingMode = 2;
+	var ConcurrentMode = 4;
+	var ProfileMode = 8;
 
 	// Max 31 bit integer. The max integer size in V8 for 32-bit systems.
 	// Math.pow(2, 30) - 1
 	// 0b111111111111111111111111111111
-	var maxSigned31BitInt = 1073741823;
-
-	var NoWork = 0;
-	var Never = 1;
-	var Sync = maxSigned31BitInt;
-
+	var MAX_SIGNED_31_BIT_INT = 1073741823;
+
+	var NoWork = 0; // TODO: Think of a better name for Never. The key difference with Idle is that
+	// Never work can be committed in an inconsistent state without tearing the UI.
+	// The main example is offscreen content, like a hidden subtree. So one possible
+	// name is Offscreen. However, it also includes dehydrated Suspense boundaries,
+	// which are inconsistent in the sense that they haven't finished yet, but
+	// aren't visibly inconsistent because the server rendered HTML matches what the
+	// hydrated tree would look like.
+
+	var Never = 1; // Idle is slightly higher priority than Never. It must completely finish in
+	// order to be consistent.
+
+	var Idle = 2; // Continuous Hydration is a moving priority. It is slightly higher than Idle
+	// and is used to increase priority of hover targets. It is increasing with
+	// each usage so that last always wins.
+
+	var ContinuousHydration = 3;
+	var Sync = MAX_SIGNED_31_BIT_INT;
+	var Batched = Sync - 1;
 	var UNIT_SIZE = 10;
-	var MAGIC_NUMBER_OFFSET = maxSigned31BitInt - 1;
+	var MAGIC_NUMBER_OFFSET = Batched - 1; // 1 unit of expiration time represents 10ms.
 
-	// 1 unit of expiration time represents 10ms.
 	function msToExpirationTime(ms) {
 	  // Always add an offset so that we don't clash with the magic number for NoWork.
 	  return MAGIC_NUMBER_OFFSET - (ms / UNIT_SIZE | 0);
 	}
-
 	function expirationTimeToMs(expirationTime) {
 	  return (MAGIC_NUMBER_OFFSET - expirationTime) * UNIT_SIZE;
 	}
@@ -13735,16 +16747,19 @@
 
 	function computeExpirationBucket(currentTime, expirationInMs, bucketSizeMs) {
 	  return MAGIC_NUMBER_OFFSET - ceiling(MAGIC_NUMBER_OFFSET - currentTime + expirationInMs / UNIT_SIZE, bucketSizeMs / UNIT_SIZE);
-	}
+	} // TODO: This corresponds to Scheduler's NormalPriority, not LowPriority. Update
+	// the names to reflect.
+
 
 	var LOW_PRIORITY_EXPIRATION = 5000;
 	var LOW_PRIORITY_BATCH_SIZE = 250;
-
 	function computeAsyncExpiration(currentTime) {
 	  return computeExpirationBucket(currentTime, LOW_PRIORITY_EXPIRATION, LOW_PRIORITY_BATCH_SIZE);
 	}
-
-	// We intentionally set a higher expiration time for interactive updates in
+	function computeSuspenseExpiration(currentTime, timeoutMs) {
+	  // TODO: Should we warn if timeoutMs is lower than the normal pri expiration time?
+	  return computeExpirationBucket(currentTime, timeoutMs, LOW_PRIORITY_BATCH_SIZE);
+	} // We intentionally set a higher expiration time for interactive updates in
 	// dev than in production.
 	//
 	// If the main thread is being blocked so long that you hit the expiration,
@@ -13755,1162 +16770,1610 @@
 	//
 	// In production we opt for better UX at the risk of masking scheduling
 	// problems, by expiring fast.
+
 	var HIGH_PRIORITY_EXPIRATION = 500;
 	var HIGH_PRIORITY_BATCH_SIZE = 100;
-
 	function computeInteractiveExpiration(currentTime) {
 	  return computeExpirationBucket(currentTime, HIGH_PRIORITY_EXPIRATION, HIGH_PRIORITY_BATCH_SIZE);
 	}
+	function computeContinuousHydrationExpiration(currentTime) {
+	  // Each time we ask for a new one of these we increase the priority.
+	  // This ensures that the last one always wins since we can't deprioritize
+	  // once we've scheduled work already.
+	  return ContinuousHydration++;
+	}
+	function inferPriorityFromExpirationTime(currentTime, expirationTime) {
+	  if (expirationTime === Sync) {
+	    return ImmediatePriority;
+	  }
 
-	var NoContext = 0;
-	var ConcurrentMode = 1;
-	var StrictMode = 2;
-	var ProfileMode = 4;
+	  if (expirationTime === Never || expirationTime === Idle) {
+	    return IdlePriority;
+	  }
 
-	var hasBadMapPolyfill = void 0;
+	  var msUntil = expirationTimeToMs(expirationTime) - expirationTimeToMs(currentTime);
 
-	{
-	  hasBadMapPolyfill = false;
-	  try {
-	    var nonExtensibleObject = Object.preventExtensions({});
-	    var testMap = new Map([[nonExtensibleObject, null]]);
-	    var testSet = new Set([nonExtensibleObject]);
-	    // This is necessary for Rollup to not consider these unused.
-	    // https://github.com/rollup/rollup/issues/1771
-	    // TODO: we can remove these if Rollup fixes the bug.
-	    testMap.set(0, 0);
-	    testSet.add(0);
-	  } catch (e) {
-	    // TODO: Consider warning about bad polyfills
-	    hasBadMapPolyfill = true;
+	  if (msUntil <= 0) {
+	    return ImmediatePriority;
+	  }
+
+	  if (msUntil <= HIGH_PRIORITY_EXPIRATION + HIGH_PRIORITY_BATCH_SIZE) {
+	    return UserBlockingPriority$2;
 	  }
+
+	  if (msUntil <= LOW_PRIORITY_EXPIRATION + LOW_PRIORITY_BATCH_SIZE) {
+	    return NormalPriority;
+	  } // TODO: Handle LowPriority
+	  // Assume anything lower has idle priority
+
+
+	  return IdlePriority;
 	}
 
-	// A Fiber is work on a Component that needs to be done or was done. There can
-	// be more than one per component.
+	/**
+	 * Forked from fbjs/warning:
+	 * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
+	 *
+	 * Only change is we use console.warn instead of console.error,
+	 * and do nothing when 'console' is not supported.
+	 * This really simplifies the code.
+	 * ---
+	 * Similar to invariant but only logs a warning if the condition is not met.
+	 * This can be used to log issues in development environments in critical
+	 * paths. Removing the logging code for production environments will keep the
+	 * same logic and follow the same code paths.
+	 */
+	var lowPriorityWarningWithoutStack = function () {};
+
+	{
+	  var printWarning = function (format) {
+	    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	      args[_key - 1] = arguments[_key];
+	    }
+
+	    var argIndex = 0;
+	    var message = 'Warning: ' + format.replace(/%s/g, function () {
+	      return args[argIndex++];
+	    });
+
+	    if (typeof console !== 'undefined') {
+	      console.warn(message);
+	    }
+
+	    try {
+	      // --- Welcome to debugging React ---
+	      // This error was thrown as a convenience so that you can use this stack
+	      // to find the callsite that caused this warning to fire.
+	      throw new Error(message);
+	    } catch (x) {}
+	  };
+
+	  lowPriorityWarningWithoutStack = function (condition, format) {
+	    if (format === undefined) {
+	      throw new Error('`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
+	    }
+
+	    if (!condition) {
+	      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+	        args[_key2 - 2] = arguments[_key2];
+	      }
+
+	      printWarning.apply(void 0, [format].concat(args));
+	    }
+	  };
+	}
 
+	var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
 
-	var debugCounter = void 0;
+	var ReactStrictModeWarnings = {
+	  recordUnsafeLifecycleWarnings: function (fiber, instance) {},
+	  flushPendingUnsafeLifecycleWarnings: function () {},
+	  recordLegacyContextWarning: function (fiber, instance) {},
+	  flushLegacyContextWarning: function () {},
+	  discardPendingWarnings: function () {}
+	};
 
 	{
-	  debugCounter = 1;
+	  var findStrictRoot = function (fiber) {
+	    var maybeStrictRoot = null;
+	    var node = fiber;
+
+	    while (node !== null) {
+	      if (node.mode & StrictMode) {
+	        maybeStrictRoot = node;
+	      }
+
+	      node = node.return;
+	    }
+
+	    return maybeStrictRoot;
+	  };
+
+	  var setToSortedString = function (set) {
+	    var array = [];
+	    set.forEach(function (value) {
+	      array.push(value);
+	    });
+	    return array.sort().join(', ');
+	  };
+
+	  var pendingComponentWillMountWarnings = [];
+	  var pendingUNSAFE_ComponentWillMountWarnings = [];
+	  var pendingComponentWillReceivePropsWarnings = [];
+	  var pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+	  var pendingComponentWillUpdateWarnings = [];
+	  var pendingUNSAFE_ComponentWillUpdateWarnings = []; // Tracks components we have already warned about.
+
+	  var didWarnAboutUnsafeLifecycles = new Set();
+
+	  ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function (fiber, instance) {
+	    // Dedup strategy: Warn once per component.
+	    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
+	      return;
+	    }
+
+	    if (typeof instance.componentWillMount === 'function' && // Don't warn about react-lifecycles-compat polyfilled components.
+	    instance.componentWillMount.__suppressDeprecationWarning !== true) {
+	      pendingComponentWillMountWarnings.push(fiber);
+	    }
+
+	    if (fiber.mode & StrictMode && typeof instance.UNSAFE_componentWillMount === 'function') {
+	      pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
+	    }
+
+	    if (typeof instance.componentWillReceiveProps === 'function' && instance.componentWillReceiveProps.__suppressDeprecationWarning !== true) {
+	      pendingComponentWillReceivePropsWarnings.push(fiber);
+	    }
+
+	    if (fiber.mode & StrictMode && typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
+	      pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
+	    }
+
+	    if (typeof instance.componentWillUpdate === 'function' && instance.componentWillUpdate.__suppressDeprecationWarning !== true) {
+	      pendingComponentWillUpdateWarnings.push(fiber);
+	    }
+
+	    if (fiber.mode & StrictMode && typeof instance.UNSAFE_componentWillUpdate === 'function') {
+	      pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
+	    }
+	  };
+
+	  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function () {
+	    // We do an initial pass to gather component names
+	    var componentWillMountUniqueNames = new Set();
+
+	    if (pendingComponentWillMountWarnings.length > 0) {
+	      pendingComponentWillMountWarnings.forEach(function (fiber) {
+	        componentWillMountUniqueNames.add(getComponentName(fiber.type) || 'Component');
+	        didWarnAboutUnsafeLifecycles.add(fiber.type);
+	      });
+	      pendingComponentWillMountWarnings = [];
+	    }
+
+	    var UNSAFE_componentWillMountUniqueNames = new Set();
+
+	    if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
+	      pendingUNSAFE_ComponentWillMountWarnings.forEach(function (fiber) {
+	        UNSAFE_componentWillMountUniqueNames.add(getComponentName(fiber.type) || 'Component');
+	        didWarnAboutUnsafeLifecycles.add(fiber.type);
+	      });
+	      pendingUNSAFE_ComponentWillMountWarnings = [];
+	    }
+
+	    var componentWillReceivePropsUniqueNames = new Set();
+
+	    if (pendingComponentWillReceivePropsWarnings.length > 0) {
+	      pendingComponentWillReceivePropsWarnings.forEach(function (fiber) {
+	        componentWillReceivePropsUniqueNames.add(getComponentName(fiber.type) || 'Component');
+	        didWarnAboutUnsafeLifecycles.add(fiber.type);
+	      });
+	      pendingComponentWillReceivePropsWarnings = [];
+	    }
+
+	    var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
+
+	    if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
+	      pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(function (fiber) {
+	        UNSAFE_componentWillReceivePropsUniqueNames.add(getComponentName(fiber.type) || 'Component');
+	        didWarnAboutUnsafeLifecycles.add(fiber.type);
+	      });
+	      pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+	    }
+
+	    var componentWillUpdateUniqueNames = new Set();
+
+	    if (pendingComponentWillUpdateWarnings.length > 0) {
+	      pendingComponentWillUpdateWarnings.forEach(function (fiber) {
+	        componentWillUpdateUniqueNames.add(getComponentName(fiber.type) || 'Component');
+	        didWarnAboutUnsafeLifecycles.add(fiber.type);
+	      });
+	      pendingComponentWillUpdateWarnings = [];
+	    }
+
+	    var UNSAFE_componentWillUpdateUniqueNames = new Set();
+
+	    if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
+	      pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function (fiber) {
+	        UNSAFE_componentWillUpdateUniqueNames.add(getComponentName(fiber.type) || 'Component');
+	        didWarnAboutUnsafeLifecycles.add(fiber.type);
+	      });
+	      pendingUNSAFE_ComponentWillUpdateWarnings = [];
+	    } // Finally, we flush all the warnings
+	    // UNSAFE_ ones before the deprecated ones, since they'll be 'louder'
+
+
+	    if (UNSAFE_componentWillMountUniqueNames.size > 0) {
+	      var sortedNames = setToSortedString(UNSAFE_componentWillMountUniqueNames);
+	      warningWithoutStack$1(false, 'Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. ' + 'See https://fb.me/react-unsafe-component-lifecycles for details.\n\n' + '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' + '\nPlease update the following components: %s', sortedNames);
+	    }
+
+	    if (UNSAFE_componentWillReceivePropsUniqueNames.size > 0) {
+	      var _sortedNames = setToSortedString(UNSAFE_componentWillReceivePropsUniqueNames);
+
+	      warningWithoutStack$1(false, 'Using UNSAFE_componentWillReceiveProps in strict mode is not recommended ' + 'and may indicate bugs in your code. ' + 'See https://fb.me/react-unsafe-component-lifecycles for details.\n\n' + '* Move data fetching code or side effects to componentDidUpdate.\n' + "* If you're updating state whenever props change, " + 'refactor your code to use memoization techniques or move it to ' + 'static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state\n' + '\nPlease update the following components: %s', _sortedNames);
+	    }
+
+	    if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
+	      var _sortedNames2 = setToSortedString(UNSAFE_componentWillUpdateUniqueNames);
+
+	      warningWithoutStack$1(false, 'Using UNSAFE_componentWillUpdate in strict mode is not recommended ' + 'and may indicate bugs in your code. ' + 'See https://fb.me/react-unsafe-component-lifecycles for details.\n\n' + '* Move data fetching code or side effects to componentDidUpdate.\n' + '\nPlease update the following components: %s', _sortedNames2);
+	    }
+
+	    if (componentWillMountUniqueNames.size > 0) {
+	      var _sortedNames3 = setToSortedString(componentWillMountUniqueNames);
+
+	      lowPriorityWarningWithoutStack$1(false, 'componentWillMount has been renamed, and is not recommended for use. ' + 'See https://fb.me/react-unsafe-component-lifecycles for details.\n\n' + '* Move code with side effects to componentDidMount, and set initial state in the constructor.\n' + '* Rename componentWillMount to UNSAFE_componentWillMount to suppress ' + 'this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. ' + 'To rename all deprecated lifecycles to their new names, you can run ' + '`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' + '\nPlease update the following components: %s', _sortedNames3);
+	    }
+
+	    if (componentWillReceivePropsUniqueNames.size > 0) {
+	      var _sortedNames4 = setToSortedString(componentWillReceivePropsUniqueNames);
+
+	      lowPriorityWarningWithoutStack$1(false, 'componentWillReceiveProps has been renamed, and is not recommended for use. ' + 'See https://fb.me/react-unsafe-component-lifecycles for details.\n\n' + '* Move data fetching code or side effects to componentDidUpdate.\n' + "* If you're updating state whenever props change, refactor your " + 'code to use memoization techniques or move it to ' + 'static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state\n' + '* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress ' + 'this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. ' + 'To rename all deprecated lifecycles to their new names, you can run ' + '`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' + '\nPlease update the following components: %s', _sortedNames4);
+	    }
+
+	    if (componentWillUpdateUniqueNames.size > 0) {
+	      var _sortedNames5 = setToSortedString(componentWillUpdateUniqueNames);
+
+	      lowPriorityWarningWithoutStack$1(false, 'componentWillUpdate has been renamed, and is not recommended for use. ' + 'See https://fb.me/react-unsafe-component-lifecycles for details.\n\n' + '* Move data fetching code or side effects to componentDidUpdate.\n' + '* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress ' + 'this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. ' + 'To rename all deprecated lifecycles to their new names, you can run ' + '`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n' + '\nPlease update the following components: %s', _sortedNames5);
+	    }
+	  };
+
+	  var pendingLegacyContextWarning = new Map(); // Tracks components we have already warned about.
+
+	  var didWarnAboutLegacyContext = new Set();
+
+	  ReactStrictModeWarnings.recordLegacyContextWarning = function (fiber, instance) {
+	    var strictRoot = findStrictRoot(fiber);
+
+	    if (strictRoot === null) {
+	      warningWithoutStack$1(false, 'Expected to find a StrictMode component in a strict mode tree. ' + 'This error is likely caused by a bug in React. Please file an issue.');
+	      return;
+	    } // Dedup strategy: Warn once per component.
+
+
+	    if (didWarnAboutLegacyContext.has(fiber.type)) {
+	      return;
+	    }
+
+	    var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
+
+	    if (fiber.type.contextTypes != null || fiber.type.childContextTypes != null || instance !== null && typeof instance.getChildContext === 'function') {
+	      if (warningsForRoot === undefined) {
+	        warningsForRoot = [];
+	        pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
+	      }
+
+	      warningsForRoot.push(fiber);
+	    }
+	  };
+
+	  ReactStrictModeWarnings.flushLegacyContextWarning = function () {
+	    pendingLegacyContextWarning.forEach(function (fiberArray, strictRoot) {
+	      var uniqueNames = new Set();
+	      fiberArray.forEach(function (fiber) {
+	        uniqueNames.add(getComponentName(fiber.type) || 'Component');
+	        didWarnAboutLegacyContext.add(fiber.type);
+	      });
+	      var sortedNames = setToSortedString(uniqueNames);
+	      var strictRootComponentStack = getStackByFiberInDevAndProd(strictRoot);
+	      warningWithoutStack$1(false, 'Legacy context API has been detected within a strict-mode tree.' + '\n\nThe old API will be supported in all 16.x releases, but applications ' + 'using it should migrate to the new version.' + '\n\nPlease update the following components: %s' + '\n\nLearn more about this warning here: https://fb.me/react-legacy-context' + '%s', sortedNames, strictRootComponentStack);
+	    });
+	  };
+
+	  ReactStrictModeWarnings.discardPendingWarnings = function () {
+	    pendingComponentWillMountWarnings = [];
+	    pendingUNSAFE_ComponentWillMountWarnings = [];
+	    pendingComponentWillReceivePropsWarnings = [];
+	    pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+	    pendingComponentWillUpdateWarnings = [];
+	    pendingUNSAFE_ComponentWillUpdateWarnings = [];
+	    pendingLegacyContextWarning = new Map();
+	  };
 	}
 
-	function FiberNode(tag, pendingProps, key, mode) {
-	  // Instance
-	  this.tag = tag;
-	  this.key = key;
-	  this.elementType = null;
-	  this.type = null;
-	  this.stateNode = null;
+	var resolveFamily = null; // $FlowFixMe Flow gets confused by a WeakSet feature check below.
 
-	  // Fiber
-	  this.return = null;
-	  this.child = null;
-	  this.sibling = null;
-	  this.index = 0;
+	var failedBoundaries = null;
+	var setRefreshHandler = function (handler) {
+	  {
+	    resolveFamily = handler;
+	  }
+	};
+	function resolveFunctionForHotReloading(type) {
+	  {
+	    if (resolveFamily === null) {
+	      // Hot reloading is disabled.
+	      return type;
+	    }
 
-	  this.ref = null;
+	    var family = resolveFamily(type);
 
-	  this.pendingProps = pendingProps;
-	  this.memoizedProps = null;
-	  this.updateQueue = null;
-	  this.memoizedState = null;
-	  this.contextDependencies = null;
+	    if (family === undefined) {
+	      return type;
+	    } // Use the latest known implementation.
 
-	  this.mode = mode;
 
-	  // Effects
-	  this.effectTag = NoEffect;
-	  this.nextEffect = null;
+	    return family.current;
+	  }
+	}
+	function resolveClassForHotReloading(type) {
+	  // No implementation differences.
+	  return resolveFunctionForHotReloading(type);
+	}
+	function resolveForwardRefForHotReloading(type) {
+	  {
+	    if (resolveFamily === null) {
+	      // Hot reloading is disabled.
+	      return type;
+	    }
 
-	  this.firstEffect = null;
-	  this.lastEffect = null;
+	    var family = resolveFamily(type);
 
-	  this.expirationTime = NoWork;
-	  this.childExpirationTime = NoWork;
+	    if (family === undefined) {
+	      // Check if we're dealing with a real forwardRef. Don't want to crash early.
+	      if (type !== null && type !== undefined && typeof type.render === 'function') {
+	        // ForwardRef is special because its resolved .type is an object,
+	        // but it's possible that we only have its inner render function in the map.
+	        // If that inner render function is different, we'll build a new forwardRef type.
+	        var currentRender = resolveFunctionForHotReloading(type.render);
 
-	  this.alternate = null;
+	        if (type.render !== currentRender) {
+	          var syntheticType = {
+	            $$typeof: REACT_FORWARD_REF_TYPE,
+	            render: currentRender
+	          };
 
-	  if (enableProfilerTimer) {
-	    // Note: The following is done to avoid a v8 performance cliff.
-	    //
-	    // Initializing the fields below to smis and later updating them with
-	    // double values will cause Fibers to end up having separate shapes.
-	    // This behavior/bug has something to do with Object.preventExtension().
-	    // Fortunately this only impacts DEV builds.
-	    // Unfortunately it makes React unusably slow for some applications.
-	    // To work around this, initialize the fields below with doubles.
-	    //
-	    // Learn more about this here:
-	    // https://github.com/facebook/react/issues/14365
-	    // https://bugs.chromium.org/p/v8/issues/detail?id=8538
-	    this.actualDuration = Number.NaN;
-	    this.actualStartTime = Number.NaN;
-	    this.selfBaseDuration = Number.NaN;
-	    this.treeBaseDuration = Number.NaN;
+	          if (type.displayName !== undefined) {
+	            syntheticType.displayName = type.displayName;
+	          }
 
-	    // It's okay to replace the initial doubles with smis after initialization.
-	    // This won't trigger the performance cliff mentioned above,
-	    // and it simplifies other profiler code (including DevTools).
-	    this.actualDuration = 0;
-	    this.actualStartTime = -1;
-	    this.selfBaseDuration = 0;
-	    this.treeBaseDuration = 0;
+	          return syntheticType;
+	        }
+	      }
+
+	      return type;
+	    } // Use the latest known implementation.
+
+
+	    return family.current;
+	  }
+	}
+	function isCompatibleFamilyForHotReloading(fiber, element) {
+	  {
+	    if (resolveFamily === null) {
+	      // Hot reloading is disabled.
+	      return false;
+	    }
+
+	    var prevType = fiber.elementType;
+	    var nextType = element.type; // If we got here, we know types aren't === equal.
+
+	    var needsCompareFamilies = false;
+	    var $$typeofNextType = typeof nextType === 'object' && nextType !== null ? nextType.$$typeof : null;
+
+	    switch (fiber.tag) {
+	      case ClassComponent:
+	        {
+	          if (typeof nextType === 'function') {
+	            needsCompareFamilies = true;
+	          }
+
+	          break;
+	        }
+
+	      case FunctionComponent:
+	        {
+	          if (typeof nextType === 'function') {
+	            needsCompareFamilies = true;
+	          } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+	            // We don't know the inner type yet.
+	            // We're going to assume that the lazy inner type is stable,
+	            // and so it is sufficient to avoid reconciling it away.
+	            // We're not going to unwrap or actually use the new lazy type.
+	            needsCompareFamilies = true;
+	          }
+
+	          break;
+	        }
+
+	      case ForwardRef:
+	        {
+	          if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
+	            needsCompareFamilies = true;
+	          } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+	            needsCompareFamilies = true;
+	          }
+
+	          break;
+	        }
+
+	      case MemoComponent:
+	      case SimpleMemoComponent:
+	        {
+	          if ($$typeofNextType === REACT_MEMO_TYPE) {
+	            // TODO: if it was but can no longer be simple,
+	            // we shouldn't set this.
+	            needsCompareFamilies = true;
+	          } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+	            needsCompareFamilies = true;
+	          }
+
+	          break;
+	        }
+
+	      default:
+	        return false;
+	    } // Check if both types have a family and it's the same one.
+
+
+	    if (needsCompareFamilies) {
+	      // Note: memo() and forwardRef() we'll compare outer rather than inner type.
+	      // This means both of them need to be registered to preserve state.
+	      // If we unwrapped and compared the inner types for wrappers instead,
+	      // then we would risk falsely saying two separate memo(Foo)
+	      // calls are equivalent because they wrap the same Foo function.
+	      var prevFamily = resolveFamily(prevType);
+
+	      if (prevFamily !== undefined && prevFamily === resolveFamily(nextType)) {
+	        return true;
+	      }
+	    }
+
+	    return false;
 	  }
+	}
+	function markFailedErrorBoundaryForHotReloading(fiber) {
+	  {
+	    if (resolveFamily === null) {
+	      // Hot reloading is disabled.
+	      return;
+	    }
+
+	    if (typeof WeakSet !== 'function') {
+	      return;
+	    }
 
+	    if (failedBoundaries === null) {
+	      failedBoundaries = new WeakSet();
+	    }
+
+	    failedBoundaries.add(fiber);
+	  }
+	}
+	var scheduleRefresh = function (root, update) {
 	  {
-	    this._debugID = debugCounter++;
-	    this._debugSource = null;
-	    this._debugOwner = null;
-	    this._debugIsCurrentlyTiming = false;
-	    this._debugHookTypes = null;
-	    if (!hasBadMapPolyfill && typeof Object.preventExtensions === 'function') {
-	      Object.preventExtensions(this);
+	    if (resolveFamily === null) {
+	      // Hot reloading is disabled.
+	      return;
+	    }
+
+	    var staleFamilies = update.staleFamilies,
+	        updatedFamilies = update.updatedFamilies;
+	    flushPassiveEffects();
+	    flushSync(function () {
+	      scheduleFibersWithFamiliesRecursively(root.current, updatedFamilies, staleFamilies);
+	    });
+	  }
+	};
+	var scheduleRoot = function (root, element) {
+	  {
+	    if (root.context !== emptyContextObject) {
+	      // Super edge case: root has a legacy _renderSubtree context
+	      // but we don't know the parentComponent so we can't pass it.
+	      // Just ignore. We'll delete this with _renderSubtree code path later.
+	      return;
+	    }
+
+	    flushPassiveEffects();
+	    syncUpdates(function () {
+	      updateContainer(element, root, null, null);
+	    });
+	  }
+	};
+
+	function scheduleFibersWithFamiliesRecursively(fiber, updatedFamilies, staleFamilies) {
+	  {
+	    var alternate = fiber.alternate,
+	        child = fiber.child,
+	        sibling = fiber.sibling,
+	        tag = fiber.tag,
+	        type = fiber.type;
+	    var candidateType = null;
+
+	    switch (tag) {
+	      case FunctionComponent:
+	      case SimpleMemoComponent:
+	      case ClassComponent:
+	        candidateType = type;
+	        break;
+
+	      case ForwardRef:
+	        candidateType = type.render;
+	        break;
+
+	      default:
+	        break;
+	    }
+
+	    if (resolveFamily === null) {
+	      throw new Error('Expected resolveFamily to be set during hot reload.');
+	    }
+
+	    var needsRender = false;
+	    var needsRemount = false;
+
+	    if (candidateType !== null) {
+	      var family = resolveFamily(candidateType);
+
+	      if (family !== undefined) {
+	        if (staleFamilies.has(family)) {
+	          needsRemount = true;
+	        } else if (updatedFamilies.has(family)) {
+	          if (tag === ClassComponent) {
+	            needsRemount = true;
+	          } else {
+	            needsRender = true;
+	          }
+	        }
+	      }
+	    }
+
+	    if (failedBoundaries !== null) {
+	      if (failedBoundaries.has(fiber) || alternate !== null && failedBoundaries.has(alternate)) {
+	        needsRemount = true;
+	      }
+	    }
+
+	    if (needsRemount) {
+	      fiber._debugNeedsRemount = true;
+	    }
+
+	    if (needsRemount || needsRender) {
+	      scheduleWork(fiber, Sync);
+	    }
+
+	    if (child !== null && !needsRemount) {
+	      scheduleFibersWithFamiliesRecursively(child, updatedFamilies, staleFamilies);
+	    }
+
+	    if (sibling !== null) {
+	      scheduleFibersWithFamiliesRecursively(sibling, updatedFamilies, staleFamilies);
 	    }
 	  }
 	}
 
-	// This is a constructor function, rather than a POJO constructor, still
-	// please ensure we do the following:
-	// 1) Nobody should add any instance methods on this. Instance methods can be
-	//    more difficult to predict when they get optimized and they are almost
-	//    never inlined properly in static compilers.
-	// 2) Nobody should rely on `instanceof Fiber` for type testing. We should
-	//    always know when it is a fiber.
-	// 3) We might want to experiment with using numeric keys since they are easier
-	//    to optimize in a non-JIT environment.
-	// 4) We can easily go from a constructor to a createFiber object literal if that
-	//    is faster.
-	// 5) It should be easy to port this to a C struct and keep a C implementation
-	//    compatible.
-	var createFiber = function (tag, pendingProps, key, mode) {
-	  // $FlowFixMe: the shapes are exact here but Flow doesn't like constructors
-	  return new FiberNode(tag, pendingProps, key, mode);
+	var findHostInstancesForRefresh = function (root, families) {
+	  {
+	    var hostInstances = new Set();
+	    var types = new Set(families.map(function (family) {
+	      return family.current;
+	    }));
+	    findHostInstancesForMatchingFibersRecursively(root.current, types, hostInstances);
+	    return hostInstances;
+	  }
 	};
 
-	function shouldConstruct(Component) {
-	  var prototype = Component.prototype;
-	  return !!(prototype && prototype.isReactComponent);
+	function findHostInstancesForMatchingFibersRecursively(fiber, types, hostInstances) {
+	  {
+	    var child = fiber.child,
+	        sibling = fiber.sibling,
+	        tag = fiber.tag,
+	        type = fiber.type;
+	    var candidateType = null;
+
+	    switch (tag) {
+	      case FunctionComponent:
+	      case SimpleMemoComponent:
+	      case ClassComponent:
+	        candidateType = type;
+	        break;
+
+	      case ForwardRef:
+	        candidateType = type.render;
+	        break;
+
+	      default:
+	        break;
+	    }
+
+	    var didMatch = false;
+
+	    if (candidateType !== null) {
+	      if (types.has(candidateType)) {
+	        didMatch = true;
+	      }
+	    }
+
+	    if (didMatch) {
+	      // We have a match. This only drills down to the closest host components.
+	      // There's no need to search deeper because for the purpose of giving
+	      // visual feedback, "flashing" outermost parent rectangles is sufficient.
+	      findHostInstancesForFiberShallowly(fiber, hostInstances);
+	    } else {
+	      // If there's no match, maybe there will be one further down in the child tree.
+	      if (child !== null) {
+	        findHostInstancesForMatchingFibersRecursively(child, types, hostInstances);
+	      }
+	    }
+
+	    if (sibling !== null) {
+	      findHostInstancesForMatchingFibersRecursively(sibling, types, hostInstances);
+	    }
+	  }
 	}
 
-	function isSimpleFunctionComponent(type) {
-	  return typeof type === 'function' && !shouldConstruct(type) && type.defaultProps === undefined;
+	function findHostInstancesForFiberShallowly(fiber, hostInstances) {
+	  {
+	    var foundHostInstances = findChildHostInstancesForFiberShallowly(fiber, hostInstances);
+
+	    if (foundHostInstances) {
+	      return;
+	    } // If we didn't find any host children, fallback to closest host parent.
+
+
+	    var node = fiber;
+
+	    while (true) {
+	      switch (node.tag) {
+	        case HostComponent:
+	          hostInstances.add(node.stateNode);
+	          return;
+
+	        case HostPortal:
+	          hostInstances.add(node.stateNode.containerInfo);
+	          return;
+
+	        case HostRoot:
+	          hostInstances.add(node.stateNode.containerInfo);
+	          return;
+	      }
+
+	      if (node.return === null) {
+	        throw new Error('Expected to reach root first.');
+	      }
+
+	      node = node.return;
+	    }
+	  }
 	}
 
-	function resolveLazyComponentTag(Component) {
-	  if (typeof Component === 'function') {
-	    return shouldConstruct(Component) ? ClassComponent : FunctionComponent;
-	  } else if (Component !== undefined && Component !== null) {
-	    var $$typeof = Component.$$typeof;
-	    if ($$typeof === REACT_FORWARD_REF_TYPE) {
-	      return ForwardRef;
+	function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
+	  {
+	    var node = fiber;
+	    var foundHostInstances = false;
+
+	    while (true) {
+	      if (node.tag === HostComponent) {
+	        // We got a match.
+	        foundHostInstances = true;
+	        hostInstances.add(node.stateNode); // There may still be more, so keep searching.
+	      } else if (node.child !== null) {
+	        node.child.return = node;
+	        node = node.child;
+	        continue;
+	      }
+
+	      if (node === fiber) {
+	        return foundHostInstances;
+	      }
+
+	      while (node.sibling === null) {
+	        if (node.return === null || node.return === fiber) {
+	          return foundHostInstances;
+	        }
+
+	        node = node.return;
+	      }
+
+	      node.sibling.return = node.return;
+	      node = node.sibling;
 	    }
-	    if ($$typeof === REACT_MEMO_TYPE) {
-	      return MemoComponent;
+	  }
+
+	  return false;
+	}
+
+	function resolveDefaultProps(Component, baseProps) {
+	  if (Component && Component.defaultProps) {
+	    // Resolve default props. Taken from ReactElement
+	    var props = _assign({}, baseProps);
+
+	    var defaultProps = Component.defaultProps;
+
+	    for (var propName in defaultProps) {
+	      if (props[propName] === undefined) {
+	        props[propName] = defaultProps[propName];
+	      }
+	    }
+
+	    return props;
+	  }
+
+	  return baseProps;
+	}
+	function readLazyComponentType(lazyComponent) {
+	  initializeLazyComponentType(lazyComponent);
+
+	  if (lazyComponent._status !== Resolved) {
+	    throw lazyComponent._result;
+	  }
+
+	  return lazyComponent._result;
+	}
+
+	var valueCursor = createCursor(null);
+	var rendererSigil;
+
+	{
+	  // Use this to detect multiple renderers using the same context
+	  rendererSigil = {};
+	}
+
+	var currentlyRenderingFiber = null;
+	var lastContextDependency = null;
+	var lastContextWithAllBitsObserved = null;
+	var isDisallowedContextReadInDEV = false;
+	function resetContextDependencies() {
+	  // This is called right before React yields execution, to ensure `readContext`
+	  // cannot be called outside the render phase.
+	  currentlyRenderingFiber = null;
+	  lastContextDependency = null;
+	  lastContextWithAllBitsObserved = null;
+
+	  {
+	    isDisallowedContextReadInDEV = false;
+	  }
+	}
+	function enterDisallowedContextReadInDEV() {
+	  {
+	    isDisallowedContextReadInDEV = true;
+	  }
+	}
+	function exitDisallowedContextReadInDEV() {
+	  {
+	    isDisallowedContextReadInDEV = false;
+	  }
+	}
+	function pushProvider(providerFiber, nextValue) {
+	  var context = providerFiber.type._context;
+
+	  if (isPrimaryRenderer) {
+	    push(valueCursor, context._currentValue, providerFiber);
+	    context._currentValue = nextValue;
+
+	    {
+	      !(context._currentRenderer === undefined || context._currentRenderer === null || context._currentRenderer === rendererSigil) ? warningWithoutStack$1(false, 'Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.') : void 0;
+	      context._currentRenderer = rendererSigil;
+	    }
+	  } else {
+	    push(valueCursor, context._currentValue2, providerFiber);
+	    context._currentValue2 = nextValue;
+
+	    {
+	      !(context._currentRenderer2 === undefined || context._currentRenderer2 === null || context._currentRenderer2 === rendererSigil) ? warningWithoutStack$1(false, 'Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.') : void 0;
+	      context._currentRenderer2 = rendererSigil;
 	    }
 	  }
-	  return IndeterminateComponent;
 	}
+	function popProvider(providerFiber) {
+	  var currentValue = valueCursor.current;
+	  pop(valueCursor, providerFiber);
+	  var context = providerFiber.type._context;
 
-	// This is used to create an alternate fiber to do work on.
-	function createWorkInProgress(current, pendingProps, expirationTime) {
-	  var workInProgress = current.alternate;
-	  if (workInProgress === null) {
-	    // We use a double buffering pooling technique because we know that we'll
-	    // only ever need at most two versions of a tree. We pool the "other" unused
-	    // node that we're free to reuse. This is lazily created to avoid allocating
-	    // extra objects for things that are never updated. It also allow us to
-	    // reclaim the extra memory if needed.
-	    workInProgress = createFiber(current.tag, pendingProps, current.key, current.mode);
-	    workInProgress.elementType = current.elementType;
-	    workInProgress.type = current.type;
-	    workInProgress.stateNode = current.stateNode;
+	  if (isPrimaryRenderer) {
+	    context._currentValue = currentValue;
+	  } else {
+	    context._currentValue2 = currentValue;
+	  }
+	}
+	function calculateChangedBits(context, newValue, oldValue) {
+	  if (is$1(oldValue, newValue)) {
+	    // No change
+	    return 0;
+	  } else {
+	    var changedBits = typeof context._calculateChangedBits === 'function' ? context._calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;
 
 	    {
-	      // DEV-only fields
-	      workInProgress._debugID = current._debugID;
-	      workInProgress._debugSource = current._debugSource;
-	      workInProgress._debugOwner = current._debugOwner;
-	      workInProgress._debugHookTypes = current._debugHookTypes;
+	      !((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits) ? warning$1(false, 'calculateChangedBits: Expected the return value to be a ' + '31-bit integer. Instead received: %s', changedBits) : void 0;
 	    }
 
-	    workInProgress.alternate = current;
-	    current.alternate = workInProgress;
-	  } else {
-	    workInProgress.pendingProps = pendingProps;
+	    return changedBits | 0;
+	  }
+	}
+	function scheduleWorkOnParentPath(parent, renderExpirationTime) {
+	  // Update the child expiration time of all the ancestors, including
+	  // the alternates.
+	  var node = parent;
 
-	    // We already have an alternate.
-	    // Reset the effect tag.
-	    workInProgress.effectTag = NoEffect;
+	  while (node !== null) {
+	    var alternate = node.alternate;
 
-	    // The effect list is no longer valid.
-	    workInProgress.nextEffect = null;
-	    workInProgress.firstEffect = null;
-	    workInProgress.lastEffect = null;
+	    if (node.childExpirationTime < renderExpirationTime) {
+	      node.childExpirationTime = renderExpirationTime;
 
-	    if (enableProfilerTimer) {
-	      // We intentionally reset, rather than copy, actualDuration & actualStartTime.
-	      // This prevents time from endlessly accumulating in new commits.
-	      // This has the downside of resetting values for different priority renders,
-	      // But works for yielding (the common case) and should support resuming.
-	      workInProgress.actualDuration = 0;
-	      workInProgress.actualStartTime = -1;
+	      if (alternate !== null && alternate.childExpirationTime < renderExpirationTime) {
+	        alternate.childExpirationTime = renderExpirationTime;
+	      }
+	    } else if (alternate !== null && alternate.childExpirationTime < renderExpirationTime) {
+	      alternate.childExpirationTime = renderExpirationTime;
+	    } else {
+	      // Neither alternate was updated, which means the rest of the
+	      // ancestor path already has sufficient priority.
+	      break;
 	    }
+
+	    node = node.return;
 	  }
+	}
+	function propagateContextChange(workInProgress, context, changedBits, renderExpirationTime) {
+	  var fiber = workInProgress.child;
 
-	  workInProgress.childExpirationTime = current.childExpirationTime;
-	  workInProgress.expirationTime = current.expirationTime;
+	  if (fiber !== null) {
+	    // Set the return pointer of the child to the work-in-progress fiber.
+	    fiber.return = workInProgress;
+	  }
 
-	  workInProgress.child = current.child;
-	  workInProgress.memoizedProps = current.memoizedProps;
-	  workInProgress.memoizedState = current.memoizedState;
-	  workInProgress.updateQueue = current.updateQueue;
-	  workInProgress.contextDependencies = current.contextDependencies;
+	  while (fiber !== null) {
+	    var nextFiber = void 0; // Visit this fiber.
 
-	  // These will be overridden during the parent's reconciliation
-	  workInProgress.sibling = current.sibling;
-	  workInProgress.index = current.index;
-	  workInProgress.ref = current.ref;
+	    var list = fiber.dependencies;
 
-	  if (enableProfilerTimer) {
-	    workInProgress.selfBaseDuration = current.selfBaseDuration;
-	    workInProgress.treeBaseDuration = current.treeBaseDuration;
-	  }
+	    if (list !== null) {
+	      nextFiber = fiber.child;
+	      var dependency = list.firstContext;
 
-	  return workInProgress;
-	}
+	      while (dependency !== null) {
+	        // Check if the context matches.
+	        if (dependency.context === context && (dependency.observedBits & changedBits) !== 0) {
+	          // Match! Schedule an update on this fiber.
+	          if (fiber.tag === ClassComponent) {
+	            // Schedule a force update on the work-in-progress.
+	            var update = createUpdate(renderExpirationTime, null);
+	            update.tag = ForceUpdate; // TODO: Because we don't have a work-in-progress, this will add the
+	            // update to the current fiber, too, which means it will persist even if
+	            // this render is thrown away. Since it's a race condition, not sure it's
+	            // worth fixing.
 
-	function createHostRootFiber(isConcurrent) {
-	  var mode = isConcurrent ? ConcurrentMode | StrictMode : NoContext;
+	            enqueueUpdate(fiber, update);
+	          }
 
-	  if (enableProfilerTimer && isDevToolsPresent) {
-	    // Always collect profile timings when DevTools are present.
-	    // This enables DevTools to start capturing timing at any point–
-	    // Without some nodes in the tree having empty base times.
-	    mode |= ProfileMode;
-	  }
+	          if (fiber.expirationTime < renderExpirationTime) {
+	            fiber.expirationTime = renderExpirationTime;
+	          }
 
-	  return createFiber(HostRoot, null, null, mode);
-	}
+	          var alternate = fiber.alternate;
 
-	function createFiberFromTypeAndProps(type, // React$ElementType
-	key, pendingProps, owner, mode, expirationTime) {
-	  var fiber = void 0;
+	          if (alternate !== null && alternate.expirationTime < renderExpirationTime) {
+	            alternate.expirationTime = renderExpirationTime;
+	          }
 
-	  var fiberTag = IndeterminateComponent;
-	  // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
-	  var resolvedType = type;
-	  if (typeof type === 'function') {
-	    if (shouldConstruct(type)) {
-	      fiberTag = ClassComponent;
-	    }
-	  } else if (typeof type === 'string') {
-	    fiberTag = HostComponent;
-	  } else {
-	    getTag: switch (type) {
-	      case REACT_FRAGMENT_TYPE:
-	        return createFiberFromFragment(pendingProps.children, mode, expirationTime, key);
-	      case REACT_CONCURRENT_MODE_TYPE:
-	        return createFiberFromMode(pendingProps, mode | ConcurrentMode | StrictMode, expirationTime, key);
-	      case REACT_STRICT_MODE_TYPE:
-	        return createFiberFromMode(pendingProps, mode | StrictMode, expirationTime, key);
-	      case REACT_PROFILER_TYPE:
-	        return createFiberFromProfiler(pendingProps, mode, expirationTime, key);
-	      case REACT_SUSPENSE_TYPE:
-	        return createFiberFromSuspense(pendingProps, mode, expirationTime, key);
-	      default:
+	          scheduleWorkOnParentPath(fiber.return, renderExpirationTime); // Mark the expiration time on the list, too.
+
+	          if (list.expirationTime < renderExpirationTime) {
+	            list.expirationTime = renderExpirationTime;
+	          } // Since we already found a match, we can stop traversing the
+	          // dependency list.
+
+
+	          break;
+	        }
+
+	        dependency = dependency.next;
+	      }
+	    } else if (fiber.tag === ContextProvider) {
+	      // Don't scan deeper if this is a matching provider
+	      nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
+	    } else if (enableSuspenseServerRenderer && fiber.tag === DehydratedFragment) {
+	      // If a dehydrated suspense bounudary is in this subtree, we don't know
+	      // if it will have any context consumers in it. The best we can do is
+	      // mark it as having updates.
+	      var parentSuspense = fiber.return;
+
+	      if (!(parentSuspense !== null)) {
 	        {
-	          if (typeof type === 'object' && type !== null) {
-	            switch (type.$$typeof) {
-	              case REACT_PROVIDER_TYPE:
-	                fiberTag = ContextProvider;
-	                break getTag;
-	              case REACT_CONTEXT_TYPE:
-	                // This is a consumer
-	                fiberTag = ContextConsumer;
-	                break getTag;
-	              case REACT_FORWARD_REF_TYPE:
-	                fiberTag = ForwardRef;
-	                break getTag;
-	              case REACT_MEMO_TYPE:
-	                fiberTag = MemoComponent;
-	                break getTag;
-	              case REACT_LAZY_TYPE:
-	                fiberTag = LazyComponent;
-	                resolvedType = null;
-	                break getTag;
-	            }
-	          }
-	          var info = '';
-	          {
-	            if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
-	              info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and " + 'named imports.';
-	            }
-	            var ownerName = owner ? getComponentName(owner.type) : null;
-	            if (ownerName) {
-	              info += '\n\nCheck the render method of `' + ownerName + '`.';
-	            }
-	          }
-	          invariant(false, 'Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s', type == null ? type : typeof type, info);
+	          throw Error("We just came from a parent so we must have had a parent. This is a bug in React.");
 	        }
-	    }
-	  }
+	      }
 
-	  fiber = createFiber(fiberTag, pendingProps, key, mode);
-	  fiber.elementType = type;
-	  fiber.type = resolvedType;
-	  fiber.expirationTime = expirationTime;
+	      if (parentSuspense.expirationTime < renderExpirationTime) {
+	        parentSuspense.expirationTime = renderExpirationTime;
+	      }
 
-	  return fiber;
-	}
+	      var _alternate = parentSuspense.alternate;
 
-	function createFiberFromElement(element, mode, expirationTime) {
-	  var owner = null;
-	  {
-	    owner = element._owner;
-	  }
-	  var type = element.type;
-	  var key = element.key;
-	  var pendingProps = element.props;
-	  var fiber = createFiberFromTypeAndProps(type, key, pendingProps, owner, mode, expirationTime);
-	  {
-	    fiber._debugSource = element._source;
-	    fiber._debugOwner = element._owner;
-	  }
-	  return fiber;
-	}
+	      if (_alternate !== null && _alternate.expirationTime < renderExpirationTime) {
+	        _alternate.expirationTime = renderExpirationTime;
+	      } // This is intentionally passing this fiber as the parent
+	      // because we want to schedule this fiber as having work
+	      // on its children. We'll use the childExpirationTime on
+	      // this fiber to indicate that a context has changed.
 
-	function createFiberFromFragment(elements, mode, expirationTime, key) {
-	  var fiber = createFiber(Fragment, elements, key, mode);
-	  fiber.expirationTime = expirationTime;
-	  return fiber;
-	}
 
-	function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
-	  {
-	    if (typeof pendingProps.id !== 'string' || typeof pendingProps.onRender !== 'function') {
-	      warningWithoutStack$1(false, 'Profiler must specify an "id" string and "onRender" function as props');
+	      scheduleWorkOnParentPath(parentSuspense, renderExpirationTime);
+	      nextFiber = fiber.sibling;
+	    } else {
+	      // Traverse down.
+	      nextFiber = fiber.child;
 	    }
-	  }
 
-	  var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
-	  // TODO: The Profiler fiber shouldn't have a type. It has a tag.
-	  fiber.elementType = REACT_PROFILER_TYPE;
-	  fiber.type = REACT_PROFILER_TYPE;
-	  fiber.expirationTime = expirationTime;
+	    if (nextFiber !== null) {
+	      // Set the return pointer of the child to the work-in-progress fiber.
+	      nextFiber.return = fiber;
+	    } else {
+	      // No child. Traverse to next sibling.
+	      nextFiber = fiber;
 
-	  return fiber;
-	}
+	      while (nextFiber !== null) {
+	        if (nextFiber === workInProgress) {
+	          // We're back to the root of this subtree. Exit.
+	          nextFiber = null;
+	          break;
+	        }
 
-	function createFiberFromMode(pendingProps, mode, expirationTime, key) {
-	  var fiber = createFiber(Mode, pendingProps, key, mode);
+	        var sibling = nextFiber.sibling;
 
-	  // TODO: The Mode fiber shouldn't have a type. It has a tag.
-	  var type = (mode & ConcurrentMode) === NoContext ? REACT_STRICT_MODE_TYPE : REACT_CONCURRENT_MODE_TYPE;
-	  fiber.elementType = type;
-	  fiber.type = type;
+	        if (sibling !== null) {
+	          // Set the return pointer of the sibling to the work-in-progress fiber.
+	          sibling.return = nextFiber.return;
+	          nextFiber = sibling;
+	          break;
+	        } // No more siblings. Traverse up.
 
-	  fiber.expirationTime = expirationTime;
-	  return fiber;
+
+	        nextFiber = nextFiber.return;
+	      }
+	    }
+
+	    fiber = nextFiber;
+	  }
 	}
+	function prepareToReadContext(workInProgress, renderExpirationTime) {
+	  currentlyRenderingFiber = workInProgress;
+	  lastContextDependency = null;
+	  lastContextWithAllBitsObserved = null;
+	  var dependencies = workInProgress.dependencies;
 
-	function createFiberFromSuspense(pendingProps, mode, expirationTime, key) {
-	  var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
+	  if (dependencies !== null) {
+	    var firstContext = dependencies.firstContext;
 
-	  // TODO: The SuspenseComponent fiber shouldn't have a type. It has a tag.
-	  var type = REACT_SUSPENSE_TYPE;
-	  fiber.elementType = type;
-	  fiber.type = type;
+	    if (firstContext !== null) {
+	      if (dependencies.expirationTime >= renderExpirationTime) {
+	        // Context list has a pending update. Mark that this fiber performed work.
+	        markWorkInProgressReceivedUpdate();
+	      } // Reset the work-in-progress list
 
-	  fiber.expirationTime = expirationTime;
-	  return fiber;
-	}
 
-	function createFiberFromText(content, mode, expirationTime) {
-	  var fiber = createFiber(HostText, content, null, mode);
-	  fiber.expirationTime = expirationTime;
-	  return fiber;
+	      dependencies.firstContext = null;
+	    }
+	  }
 	}
+	function readContext(context, observedBits) {
+	  {
+	    // This warning would fire if you read context inside a Hook like useMemo.
+	    // Unlike the class check below, it's not enforced in production for perf.
+	    !!isDisallowedContextReadInDEV ? warning$1(false, 'Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().') : void 0;
+	  }
 
-	function createFiberFromHostInstanceForDeletion() {
-	  var fiber = createFiber(HostComponent, null, null, NoContext);
-	  // TODO: These should not need a type.
-	  fiber.elementType = 'DELETED';
-	  fiber.type = 'DELETED';
-	  return fiber;
-	}
+	  if (lastContextWithAllBitsObserved === context) {// Nothing to do. We already observe everything in this context.
+	  } else if (observedBits === false || observedBits === 0) {// Do not observe any updates.
+	  } else {
+	    var resolvedObservedBits; // Avoid deopting on observable arguments or heterogeneous types.
 
-	function createFiberFromPortal(portal, mode, expirationTime) {
-	  var pendingProps = portal.children !== null ? portal.children : [];
-	  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
-	  fiber.expirationTime = expirationTime;
-	  fiber.stateNode = {
-	    containerInfo: portal.containerInfo,
-	    pendingChildren: null, // Used by persistent updates
-	    implementation: portal.implementation
-	  };
-	  return fiber;
-	}
+	    if (typeof observedBits !== 'number' || observedBits === MAX_SIGNED_31_BIT_INT) {
+	      // Observe all updates.
+	      lastContextWithAllBitsObserved = context;
+	      resolvedObservedBits = MAX_SIGNED_31_BIT_INT;
+	    } else {
+	      resolvedObservedBits = observedBits;
+	    }
 
-	// Used for stashing WIP properties to replay failed work in DEV.
-	function assignFiberPropertiesInDEV(target, source) {
-	  if (target === null) {
-	    // This Fiber's initial properties will always be overwritten.
-	    // We only use a Fiber to ensure the same hidden class so DEV isn't slow.
-	    target = createFiber(IndeterminateComponent, null, null, NoContext);
-	  }
+	    var contextItem = {
+	      context: context,
+	      observedBits: resolvedObservedBits,
+	      next: null
+	    };
 
-	  // This is intentionally written as a list of all properties.
-	  // We tried to use Object.assign() instead but this is called in
-	  // the hottest path, and Object.assign() was too slow:
-	  // https://github.com/facebook/react/issues/12502
-	  // This code is DEV-only so size is not a concern.
+	    if (lastContextDependency === null) {
+	      if (!(currentlyRenderingFiber !== null)) {
+	        {
+	          throw Error("Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo().");
+	        }
+	      } // This is the first dependency for this component. Create a new list.
 
-	  target.tag = source.tag;
-	  target.key = source.key;
-	  target.elementType = source.elementType;
-	  target.type = source.type;
-	  target.stateNode = source.stateNode;
-	  target.return = source.return;
-	  target.child = source.child;
-	  target.sibling = source.sibling;
-	  target.index = source.index;
-	  target.ref = source.ref;
-	  target.pendingProps = source.pendingProps;
-	  target.memoizedProps = source.memoizedProps;
-	  target.updateQueue = source.updateQueue;
-	  target.memoizedState = source.memoizedState;
-	  target.contextDependencies = source.contextDependencies;
-	  target.mode = source.mode;
-	  target.effectTag = source.effectTag;
-	  target.nextEffect = source.nextEffect;
-	  target.firstEffect = source.firstEffect;
-	  target.lastEffect = source.lastEffect;
-	  target.expirationTime = source.expirationTime;
-	  target.childExpirationTime = source.childExpirationTime;
-	  target.alternate = source.alternate;
-	  if (enableProfilerTimer) {
-	    target.actualDuration = source.actualDuration;
-	    target.actualStartTime = source.actualStartTime;
-	    target.selfBaseDuration = source.selfBaseDuration;
-	    target.treeBaseDuration = source.treeBaseDuration;
+
+	      lastContextDependency = contextItem;
+	      currentlyRenderingFiber.dependencies = {
+	        expirationTime: NoWork,
+	        firstContext: contextItem,
+	        responders: null
+	      };
+	    } else {
+	      // Append a new context item.
+	      lastContextDependency = lastContextDependency.next = contextItem;
+	    }
 	  }
-	  target._debugID = source._debugID;
-	  target._debugSource = source._debugSource;
-	  target._debugOwner = source._debugOwner;
-	  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
-	  target._debugHookTypes = source._debugHookTypes;
-	  return target;
+
+	  return isPrimaryRenderer ? context._currentValue : context._currentValue2;
 	}
 
-	// TODO: This should be lifted into the renderer.
+	// UpdateQueue is a linked list of prioritized updates.
+	//
+	// Like fibers, update queues come in pairs: a current queue, which represents
+	// the visible state of the screen, and a work-in-progress queue, which can be
+	// mutated and processed asynchronously before it is committed — a form of
+	// double buffering. If a work-in-progress render is discarded before finishing,
+	// we create a new work-in-progress by cloning the current queue.
+	//
+	// Both queues share a persistent, singly-linked list structure. To schedule an
+	// update, we append it to the end of both queues. Each queue maintains a
+	// pointer to first update in the persistent list that hasn't been processed.
+	// The work-in-progress pointer always has a position equal to or greater than
+	// the current queue, since we always work on that one. The current queue's
+	// pointer is only updated during the commit phase, when we swap in the
+	// work-in-progress.
+	//
+	// For example:
+	//
+	//   Current pointer:           A - B - C - D - E - F
+	//   Work-in-progress pointer:              D - E - F
+	//                                          ^
+	//                                          The work-in-progress queue has
+	//                                          processed more updates than current.
+	//
+	// The reason we append to both queues is because otherwise we might drop
+	// updates without ever processing them. For example, if we only add updates to
+	// the work-in-progress queue, some updates could be lost whenever a work-in
+	// -progress render restarts by cloning from current. Similarly, if we only add
+	// updates to the current queue, the updates will be lost whenever an already
+	// in-progress queue commits and swaps with the current queue. However, by
+	// adding to both queues, we guarantee that the update will be part of the next
+	// work-in-progress. (And because the work-in-progress queue becomes the
+	// current queue once it commits, there's no danger of applying the same
+	// update twice.)
+	//
+	// Prioritization
+	// --------------
+	//
+	// Updates are not sorted by priority, but by insertion; new updates are always
+	// appended to the end of the list.
+	//
+	// The priority is still important, though. When processing the update queue
+	// during the render phase, only the updates with sufficient priority are
+	// included in the result. If we skip an update because it has insufficient
+	// priority, it remains in the queue to be processed later, during a lower
+	// priority render. Crucially, all updates subsequent to a skipped update also
+	// remain in the queue *regardless of their priority*. That means high priority
+	// updates are sometimes processed twice, at two separate priorities. We also
+	// keep track of a base state, that represents the state before the first
+	// update in the queue is applied.
+	//
+	// For example:
+	//
+	//   Given a base state of '', and the following queue of updates
+	//
+	//     A1 - B2 - C1 - D2
+	//
+	//   where the number indicates the priority, and the update is applied to the
+	//   previous state by appending a letter, React will process these updates as
+	//   two separate renders, one per distinct priority level:
+	//
+	//   First render, at priority 1:
+	//     Base state: ''
+	//     Updates: [A1, C1]
+	//     Result state: 'AC'
+	//
+	//   Second render, at priority 2:
+	//     Base state: 'A'            <-  The base state does not include C1,
+	//                                    because B2 was skipped.
+	//     Updates: [B2, C1, D2]      <-  C1 was rebased on top of B2
+	//     Result state: 'ABCD'
+	//
+	// Because we process updates in insertion order, and rebase high priority
+	// updates when preceding updates are skipped, the final result is deterministic
+	// regardless of priority. Intermediate state may vary according to system
+	// resources, but the final state is always the same.
+	var UpdateState = 0;
+	var ReplaceState = 1;
+	var ForceUpdate = 2;
+	var CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
+	// It should only be read right after calling `processUpdateQueue`, via
+	// `checkHasForceUpdateAfterProcessing`.
+
+	var hasForceUpdate = false;
+	var didWarnUpdateInsideUpdate;
+	var currentlyProcessingQueue;
 
 
-	// The following attributes are only used by interaction tracing builds.
-	// They enable interactions to be associated with their async work,
-	// And expose interaction metadata to the React DevTools Profiler plugin.
-	// Note that these attributes are only defined when the enableSchedulerTracing flag is enabled.
+	{
+	  didWarnUpdateInsideUpdate = false;
+	  currentlyProcessingQueue = null;
 
+	  
+	}
 
-	// Exported FiberRoot type includes all properties,
-	// To avoid requiring potentially error-prone :any casts throughout the project.
-	// Profiling properties are only safe to access in profiling builds (when enableSchedulerTracing is true).
-	// The types are defined separately within this file to ensure they stay in sync.
-	// (We don't have to use an inline :any cast when enableSchedulerTracing is disabled.)
+	function createUpdateQueue(baseState) {
+	  var queue = {
+	    baseState: baseState,
+	    firstUpdate: null,
+	    lastUpdate: null,
+	    firstCapturedUpdate: null,
+	    lastCapturedUpdate: null,
+	    firstEffect: null,
+	    lastEffect: null,
+	    firstCapturedEffect: null,
+	    lastCapturedEffect: null
+	  };
+	  return queue;
+	}
 
+	function cloneUpdateQueue(currentQueue) {
+	  var queue = {
+	    baseState: currentQueue.baseState,
+	    firstUpdate: currentQueue.firstUpdate,
+	    lastUpdate: currentQueue.lastUpdate,
+	    // TODO: With resuming, if we bail out and resuse the child tree, we should
+	    // keep these effects.
+	    firstCapturedUpdate: null,
+	    lastCapturedUpdate: null,
+	    firstEffect: null,
+	    lastEffect: null,
+	    firstCapturedEffect: null,
+	    lastCapturedEffect: null
+	  };
+	  return queue;
+	}
 
-	function createFiberRoot(containerInfo, isConcurrent, hydrate) {
-	  // Cyclic construction. This cheats the type system right now because
-	  // stateNode is any.
-	  var uninitializedFiber = createHostRootFiber(isConcurrent);
+	function createUpdate(expirationTime, suspenseConfig) {
+	  var update = {
+	    expirationTime: expirationTime,
+	    suspenseConfig: suspenseConfig,
+	    tag: UpdateState,
+	    payload: null,
+	    callback: null,
+	    next: null,
+	    nextEffect: null
+	  };
 
-	  var root = void 0;
-	  if (enableSchedulerTracing) {
-	    root = {
-	      current: uninitializedFiber,
-	      containerInfo: containerInfo,
-	      pendingChildren: null,
-
-	      earliestPendingTime: NoWork,
-	      latestPendingTime: NoWork,
-	      earliestSuspendedTime: NoWork,
-	      latestSuspendedTime: NoWork,
-	      latestPingedTime: NoWork,
-
-	      pingCache: null,
-
-	      didError: false,
-
-	      pendingCommitExpirationTime: NoWork,
-	      finishedWork: null,
-	      timeoutHandle: noTimeout,
-	      context: null,
-	      pendingContext: null,
-	      hydrate: hydrate,
-	      nextExpirationTimeToWorkOn: NoWork,
-	      expirationTime: NoWork,
-	      firstBatch: null,
-	      nextScheduledRoot: null,
-
-	      interactionThreadID: tracing.unstable_getThreadID(),
-	      memoizedInteractions: new Set(),
-	      pendingInteractionMap: new Map()
-	    };
-	  } else {
-	    root = {
-	      current: uninitializedFiber,
-	      containerInfo: containerInfo,
-	      pendingChildren: null,
-
-	      pingCache: null,
-
-	      earliestPendingTime: NoWork,
-	      latestPendingTime: NoWork,
-	      earliestSuspendedTime: NoWork,
-	      latestSuspendedTime: NoWork,
-	      latestPingedTime: NoWork,
-
-	      didError: false,
-
-	      pendingCommitExpirationTime: NoWork,
-	      finishedWork: null,
-	      timeoutHandle: noTimeout,
-	      context: null,
-	      pendingContext: null,
-	      hydrate: hydrate,
-	      nextExpirationTimeToWorkOn: NoWork,
-	      expirationTime: NoWork,
-	      firstBatch: null,
-	      nextScheduledRoot: null
-	    };
+	  {
+	    update.priority = getCurrentPriorityLevel();
 	  }
 
-	  uninitializedFiber.stateNode = root;
+	  return update;
+	}
 
-	  // The reason for the way the Flow types are structured in this file,
-	  // Is to avoid needing :any casts everywhere interaction tracing fields are used.
-	  // Unfortunately that requires an :any cast for non-interaction tracing capable builds.
-	  // $FlowFixMe Remove this :any cast and replace it with something better.
-	  return root;
+	function appendUpdateToQueue(queue, update) {
+	  // Append the update to the end of the list.
+	  if (queue.lastUpdate === null) {
+	    // Queue is empty
+	    queue.firstUpdate = queue.lastUpdate = update;
+	  } else {
+	    queue.lastUpdate.next = update;
+	    queue.lastUpdate = update;
+	  }
 	}
 
-	/**
-	 * Forked from fbjs/warning:
-	 * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
-	 *
-	 * Only change is we use console.warn instead of console.error,
-	 * and do nothing when 'console' is not supported.
-	 * This really simplifies the code.
-	 * ---
-	 * Similar to invariant but only logs a warning if the condition is not met.
-	 * This can be used to log issues in development environments in critical
-	 * paths. Removing the logging code for production environments will keep the
-	 * same logic and follow the same code paths.
-	 */
+	function enqueueUpdate(fiber, update) {
+	  // Update queues are created lazily.
+	  var alternate = fiber.alternate;
+	  var queue1;
+	  var queue2;
 
-	var lowPriorityWarning = function () {};
+	  if (alternate === null) {
+	    // There's only one fiber.
+	    queue1 = fiber.updateQueue;
+	    queue2 = null;
 
-	{
-	  var printWarning = function (format) {
-	    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-	      args[_key - 1] = arguments[_key];
+	    if (queue1 === null) {
+	      queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
 	    }
+	  } else {
+	    // There are two owners.
+	    queue1 = fiber.updateQueue;
+	    queue2 = alternate.updateQueue;
 
-	    var argIndex = 0;
-	    var message = 'Warning: ' + format.replace(/%s/g, function () {
-	      return args[argIndex++];
-	    });
-	    if (typeof console !== 'undefined') {
-	      console.warn(message);
+	    if (queue1 === null) {
+	      if (queue2 === null) {
+	        // Neither fiber has an update queue. Create new ones.
+	        queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
+	        queue2 = alternate.updateQueue = createUpdateQueue(alternate.memoizedState);
+	      } else {
+	        // Only one fiber has an update queue. Clone to create a new one.
+	        queue1 = fiber.updateQueue = cloneUpdateQueue(queue2);
+	      }
+	    } else {
+	      if (queue2 === null) {
+	        // Only one fiber has an update queue. Clone to create a new one.
+	        queue2 = alternate.updateQueue = cloneUpdateQueue(queue1);
+	      } else {// Both owners have an update queue.
+	      }
 	    }
-	    try {
-	      // --- Welcome to debugging React ---
-	      // This error was thrown as a convenience so that you can use this stack
-	      // to find the callsite that caused this warning to fire.
-	      throw new Error(message);
-	    } catch (x) {}
-	  };
+	  }
 
-	  lowPriorityWarning = function (condition, format) {
-	    if (format === undefined) {
-	      throw new Error('`lowPriorityWarning(condition, format, ...args)` requires a warning ' + 'message argument');
+	  if (queue2 === null || queue1 === queue2) {
+	    // There's only a single queue.
+	    appendUpdateToQueue(queue1, update);
+	  } else {
+	    // There are two queues. We need to append the update to both queues,
+	    // while accounting for the persistent structure of the list — we don't
+	    // want the same update to be added multiple times.
+	    if (queue1.lastUpdate === null || queue2.lastUpdate === null) {
+	      // One of the queues is not empty. We must add the update to both queues.
+	      appendUpdateToQueue(queue1, update);
+	      appendUpdateToQueue(queue2, update);
+	    } else {
+	      // Both queues are non-empty. The last update is the same in both lists,
+	      // because of structural sharing. So, only append to one of the lists.
+	      appendUpdateToQueue(queue1, update); // But we still need to update the `lastUpdate` pointer of queue2.
+
+	      queue2.lastUpdate = update;
 	    }
-	    if (!condition) {
-	      for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-	        args[_key2 - 2] = arguments[_key2];
-	      }
+	  }
 
-	      printWarning.apply(undefined, [format].concat(args));
+	  {
+	    if (fiber.tag === ClassComponent && (currentlyProcessingQueue === queue1 || queue2 !== null && currentlyProcessingQueue === queue2) && !didWarnUpdateInsideUpdate) {
+	      warningWithoutStack$1(false, 'An update (setState, replaceState, or forceUpdate) was scheduled ' + 'from inside an update function. Update functions should be pure, ' + 'with zero side-effects. Consider using componentDidUpdate or a ' + 'callback.');
+	      didWarnUpdateInsideUpdate = true;
 	    }
-	  };
+	  }
 	}
+	function enqueueCapturedUpdate(workInProgress, update) {
+	  // Captured updates go into a separate list, and only on the work-in-
+	  // progress queue.
+	  var workInProgressQueue = workInProgress.updateQueue;
 
-	var lowPriorityWarning$1 = lowPriorityWarning;
+	  if (workInProgressQueue === null) {
+	    workInProgressQueue = workInProgress.updateQueue = createUpdateQueue(workInProgress.memoizedState);
+	  } else {
+	    // TODO: I put this here rather than createWorkInProgress so that we don't
+	    // clone the queue unnecessarily. There's probably a better way to
+	    // structure this.
+	    workInProgressQueue = ensureWorkInProgressQueueIsAClone(workInProgress, workInProgressQueue);
+	  } // Append the update to the end of the list.
 
-	var ReactStrictModeWarnings = {
-	  discardPendingWarnings: function () {},
-	  flushPendingDeprecationWarnings: function () {},
-	  flushPendingUnsafeLifecycleWarnings: function () {},
-	  recordDeprecationWarnings: function (fiber, instance) {},
-	  recordUnsafeLifecycleWarnings: function (fiber, instance) {},
-	  recordLegacyContextWarning: function (fiber, instance) {},
-	  flushLegacyContextWarning: function () {}
-	};
 
-	{
-	  var LIFECYCLE_SUGGESTIONS = {
-	    UNSAFE_componentWillMount: 'componentDidMount',
-	    UNSAFE_componentWillReceiveProps: 'static getDerivedStateFromProps',
-	    UNSAFE_componentWillUpdate: 'componentDidUpdate'
-	  };
+	  if (workInProgressQueue.lastCapturedUpdate === null) {
+	    // This is the first render phase update
+	    workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update;
+	  } else {
+	    workInProgressQueue.lastCapturedUpdate.next = update;
+	    workInProgressQueue.lastCapturedUpdate = update;
+	  }
+	}
 
-	  var pendingComponentWillMountWarnings = [];
-	  var pendingComponentWillReceivePropsWarnings = [];
-	  var pendingComponentWillUpdateWarnings = [];
-	  var pendingUnsafeLifecycleWarnings = new Map();
-	  var pendingLegacyContextWarning = new Map();
+	function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
+	  var current = workInProgress.alternate;
 
-	  // Tracks components we have already warned about.
-	  var didWarnAboutDeprecatedLifecycles = new Set();
-	  var didWarnAboutUnsafeLifecycles = new Set();
-	  var didWarnAboutLegacyContext = new Set();
+	  if (current !== null) {
+	    // If the work-in-progress queue is equal to the current queue,
+	    // we need to clone it first.
+	    if (queue === current.updateQueue) {
+	      queue = workInProgress.updateQueue = cloneUpdateQueue(queue);
+	    }
+	  }
 
-	  var setToSortedString = function (set) {
-	    var array = [];
-	    set.forEach(function (value) {
-	      array.push(value);
-	    });
-	    return array.sort().join(', ');
-	  };
+	  return queue;
+	}
 
-	  ReactStrictModeWarnings.discardPendingWarnings = function () {
-	    pendingComponentWillMountWarnings = [];
-	    pendingComponentWillReceivePropsWarnings = [];
-	    pendingComponentWillUpdateWarnings = [];
-	    pendingUnsafeLifecycleWarnings = new Map();
-	    pendingLegacyContextWarning = new Map();
-	  };
+	function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
+	  switch (update.tag) {
+	    case ReplaceState:
+	      {
+	        var payload = update.payload;
 
-	  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function () {
-	    pendingUnsafeLifecycleWarnings.forEach(function (lifecycleWarningsMap, strictRoot) {
-	      var lifecyclesWarningMessages = [];
-
-	      Object.keys(lifecycleWarningsMap).forEach(function (lifecycle) {
-	        var lifecycleWarnings = lifecycleWarningsMap[lifecycle];
-	        if (lifecycleWarnings.length > 0) {
-	          var componentNames = new Set();
-	          lifecycleWarnings.forEach(function (fiber) {
-	            componentNames.add(getComponentName(fiber.type) || 'Component');
-	            didWarnAboutUnsafeLifecycles.add(fiber.type);
-	          });
+	        if (typeof payload === 'function') {
+	          // Updater function
+	          {
+	            enterDisallowedContextReadInDEV();
 
-	          var formatted = lifecycle.replace('UNSAFE_', '');
-	          var suggestion = LIFECYCLE_SUGGESTIONS[lifecycle];
-	          var sortedComponentNames = setToSortedString(componentNames);
+	            if (debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
+	              payload.call(instance, prevState, nextProps);
+	            }
+	          }
 
-	          lifecyclesWarningMessages.push(formatted + ': Please update the following components to use ' + (suggestion + ' instead: ' + sortedComponentNames));
-	        }
-	      });
+	          var nextState = payload.call(instance, prevState, nextProps);
 
-	      if (lifecyclesWarningMessages.length > 0) {
-	        var strictRootComponentStack = getStackByFiberInDevAndProd(strictRoot);
+	          {
+	            exitDisallowedContextReadInDEV();
+	          }
 
-	        warningWithoutStack$1(false, 'Unsafe lifecycle methods were found within a strict-mode tree:%s' + '\n\n%s' + '\n\nLearn more about this warning here:' + '\nhttps://fb.me/react-strict-mode-warnings', strictRootComponentStack, lifecyclesWarningMessages.join('\n\n'));
-	      }
-	    });
+	          return nextState;
+	        } // State object
 
-	    pendingUnsafeLifecycleWarnings = new Map();
-	  };
 
-	  var findStrictRoot = function (fiber) {
-	    var maybeStrictRoot = null;
+	        return payload;
+	      }
 
-	    var node = fiber;
-	    while (node !== null) {
-	      if (node.mode & StrictMode) {
-	        maybeStrictRoot = node;
+	    case CaptureUpdate:
+	      {
+	        workInProgress.effectTag = workInProgress.effectTag & ~ShouldCapture | DidCapture;
 	      }
-	      node = node.return;
-	    }
+	    // Intentional fallthrough
 
-	    return maybeStrictRoot;
-	  };
+	    case UpdateState:
+	      {
+	        var _payload = update.payload;
+	        var partialState;
 
-	  ReactStrictModeWarnings.flushPendingDeprecationWarnings = function () {
-	    if (pendingComponentWillMountWarnings.length > 0) {
-	      var uniqueNames = new Set();
-	      pendingComponentWillMountWarnings.forEach(function (fiber) {
-	        uniqueNames.add(getComponentName(fiber.type) || 'Component');
-	        didWarnAboutDeprecatedLifecycles.add(fiber.type);
-	      });
+	        if (typeof _payload === 'function') {
+	          // Updater function
+	          {
+	            enterDisallowedContextReadInDEV();
 
-	      var sortedNames = setToSortedString(uniqueNames);
+	            if (debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
+	              _payload.call(instance, prevState, nextProps);
+	            }
+	          }
 
-	      lowPriorityWarning$1(false, 'componentWillMount is deprecated and will be removed in the next major version. ' + 'Use componentDidMount instead. As a temporary workaround, ' + 'you can rename to UNSAFE_componentWillMount.' + '\n\nPlease update the following components: %s' + '\n\nLearn more about this warning here:' + '\nhttps://fb.me/react-async-component-lifecycle-hooks', sortedNames);
+	          partialState = _payload.call(instance, prevState, nextProps);
 
-	      pendingComponentWillMountWarnings = [];
-	    }
+	          {
+	            exitDisallowedContextReadInDEV();
+	          }
+	        } else {
+	          // Partial state object
+	          partialState = _payload;
+	        }
 
-	    if (pendingComponentWillReceivePropsWarnings.length > 0) {
-	      var _uniqueNames = new Set();
-	      pendingComponentWillReceivePropsWarnings.forEach(function (fiber) {
-	        _uniqueNames.add(getComponentName(fiber.type) || 'Component');
-	        didWarnAboutDeprecatedLifecycles.add(fiber.type);
-	      });
+	        if (partialState === null || partialState === undefined) {
+	          // Null and undefined are treated as no-ops.
+	          return prevState;
+	        } // Merge the partial state and the previous state.
 
-	      var _sortedNames = setToSortedString(_uniqueNames);
 
-	      lowPriorityWarning$1(false, 'componentWillReceiveProps is deprecated and will be removed in the next major version. ' + 'Use static getDerivedStateFromProps instead.' + '\n\nPlease update the following components: %s' + '\n\nLearn more about this warning here:' + '\nhttps://fb.me/react-async-component-lifecycle-hooks', _sortedNames);
+	        return _assign({}, prevState, partialState);
+	      }
 
-	      pendingComponentWillReceivePropsWarnings = [];
-	    }
+	    case ForceUpdate:
+	      {
+	        hasForceUpdate = true;
+	        return prevState;
+	      }
+	  }
 
-	    if (pendingComponentWillUpdateWarnings.length > 0) {
-	      var _uniqueNames2 = new Set();
-	      pendingComponentWillUpdateWarnings.forEach(function (fiber) {
-	        _uniqueNames2.add(getComponentName(fiber.type) || 'Component');
-	        didWarnAboutDeprecatedLifecycles.add(fiber.type);
-	      });
+	  return prevState;
+	}
 
-	      var _sortedNames2 = setToSortedString(_uniqueNames2);
+	function processUpdateQueue(workInProgress, queue, props, instance, renderExpirationTime) {
+	  hasForceUpdate = false;
+	  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
 
-	      lowPriorityWarning$1(false, 'componentWillUpdate is deprecated and will be removed in the next major version. ' + 'Use componentDidUpdate instead. As a temporary workaround, ' + 'you can rename to UNSAFE_componentWillUpdate.' + '\n\nPlease update the following components: %s' + '\n\nLearn more about this warning here:' + '\nhttps://fb.me/react-async-component-lifecycle-hooks', _sortedNames2);
+	  {
+	    currentlyProcessingQueue = queue;
+	  } // These values may change as we process the queue.
 
-	      pendingComponentWillUpdateWarnings = [];
-	    }
-	  };
 
-	  ReactStrictModeWarnings.recordDeprecationWarnings = function (fiber, instance) {
-	    // Dedup strategy: Warn once per component.
-	    if (didWarnAboutDeprecatedLifecycles.has(fiber.type)) {
-	      return;
-	    }
+	  var newBaseState = queue.baseState;
+	  var newFirstUpdate = null;
+	  var newExpirationTime = NoWork; // Iterate through the list of updates to compute the result.
 
-	    // Don't warn about react-lifecycles-compat polyfilled components.
-	    if (typeof instance.componentWillMount === 'function' && instance.componentWillMount.__suppressDeprecationWarning !== true) {
-	      pendingComponentWillMountWarnings.push(fiber);
-	    }
-	    if (typeof instance.componentWillReceiveProps === 'function' && instance.componentWillReceiveProps.__suppressDeprecationWarning !== true) {
-	      pendingComponentWillReceivePropsWarnings.push(fiber);
-	    }
-	    if (typeof instance.componentWillUpdate === 'function' && instance.componentWillUpdate.__suppressDeprecationWarning !== true) {
-	      pendingComponentWillUpdateWarnings.push(fiber);
-	    }
-	  };
+	  var update = queue.firstUpdate;
+	  var resultState = newBaseState;
 
-	  ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function (fiber, instance) {
-	    var strictRoot = findStrictRoot(fiber);
-	    if (strictRoot === null) {
-	      warningWithoutStack$1(false, 'Expected to find a StrictMode component in a strict mode tree. ' + 'This error is likely caused by a bug in React. Please file an issue.');
-	      return;
-	    }
+	  while (update !== null) {
+	    var updateExpirationTime = update.expirationTime;
 
-	    // Dedup strategy: Warn once per component.
-	    // This is difficult to track any other way since component names
-	    // are often vague and are likely to collide between 3rd party libraries.
-	    // An expand property is probably okay to use here since it's DEV-only,
-	    // and will only be set in the event of serious warnings.
-	    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
-	      return;
-	    }
+	    if (updateExpirationTime < renderExpirationTime) {
+	      // This update does not have sufficient priority. Skip it.
+	      if (newFirstUpdate === null) {
+	        // This is the first skipped update. It will be the first update in
+	        // the new list.
+	        newFirstUpdate = update; // Since this is the first update that was skipped, the current result
+	        // is the new base state.
 
-	    var warningsForRoot = void 0;
-	    if (!pendingUnsafeLifecycleWarnings.has(strictRoot)) {
-	      warningsForRoot = {
-	        UNSAFE_componentWillMount: [],
-	        UNSAFE_componentWillReceiveProps: [],
-	        UNSAFE_componentWillUpdate: []
-	      };
+	        newBaseState = resultState;
+	      } // Since this update will remain in the list, update the remaining
+	      // expiration time.
 
-	      pendingUnsafeLifecycleWarnings.set(strictRoot, warningsForRoot);
+
+	      if (newExpirationTime < updateExpirationTime) {
+	        newExpirationTime = updateExpirationTime;
+	      }
 	    } else {
-	      warningsForRoot = pendingUnsafeLifecycleWarnings.get(strictRoot);
-	    }
+	      // This update does have sufficient priority.
+	      // Mark the event time of this update as relevant to this render pass.
+	      // TODO: This should ideally use the true event time of this update rather than
+	      // its priority which is a derived and not reverseable value.
+	      // TODO: We should skip this update if it was already committed but currently
+	      // we have no way of detecting the difference between a committed and suspended
+	      // update here.
+	      markRenderEventTimeAndConfig(updateExpirationTime, update.suspenseConfig); // Process it and compute a new result.
 
-	    var unsafeLifecycles = [];
-	    if (typeof instance.componentWillMount === 'function' && instance.componentWillMount.__suppressDeprecationWarning !== true || typeof instance.UNSAFE_componentWillMount === 'function') {
-	      unsafeLifecycles.push('UNSAFE_componentWillMount');
-	    }
-	    if (typeof instance.componentWillReceiveProps === 'function' && instance.componentWillReceiveProps.__suppressDeprecationWarning !== true || typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
-	      unsafeLifecycles.push('UNSAFE_componentWillReceiveProps');
-	    }
-	    if (typeof instance.componentWillUpdate === 'function' && instance.componentWillUpdate.__suppressDeprecationWarning !== true || typeof instance.UNSAFE_componentWillUpdate === 'function') {
-	      unsafeLifecycles.push('UNSAFE_componentWillUpdate');
-	    }
+	      resultState = getStateFromUpdate(workInProgress, queue, update, resultState, props, instance);
+	      var callback = update.callback;
 
-	    if (unsafeLifecycles.length > 0) {
-	      unsafeLifecycles.forEach(function (lifecycle) {
-	        warningsForRoot[lifecycle].push(fiber);
-	      });
-	    }
-	  };
+	      if (callback !== null) {
+	        workInProgress.effectTag |= Callback; // Set this to null, in case it was mutated during an aborted render.
 
-	  ReactStrictModeWarnings.recordLegacyContextWarning = function (fiber, instance) {
-	    var strictRoot = findStrictRoot(fiber);
-	    if (strictRoot === null) {
-	      warningWithoutStack$1(false, 'Expected to find a StrictMode component in a strict mode tree. ' + 'This error is likely caused by a bug in React. Please file an issue.');
-	      return;
-	    }
+	        update.nextEffect = null;
 
-	    // Dedup strategy: Warn once per component.
-	    if (didWarnAboutLegacyContext.has(fiber.type)) {
-	      return;
-	    }
+	        if (queue.lastEffect === null) {
+	          queue.firstEffect = queue.lastEffect = update;
+	        } else {
+	          queue.lastEffect.nextEffect = update;
+	          queue.lastEffect = update;
+	        }
+	      }
+	    } // Continue to the next update.
 
-	    var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
 
-	    if (fiber.type.contextTypes != null || fiber.type.childContextTypes != null || instance !== null && typeof instance.getChildContext === 'function') {
-	      if (warningsForRoot === undefined) {
-	        warningsForRoot = [];
-	        pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
-	      }
-	      warningsForRoot.push(fiber);
-	    }
-	  };
+	    update = update.next;
+	  } // Separately, iterate though the list of captured updates.
 
-	  ReactStrictModeWarnings.flushLegacyContextWarning = function () {
-	    pendingLegacyContextWarning.forEach(function (fiberArray, strictRoot) {
-	      var uniqueNames = new Set();
-	      fiberArray.forEach(function (fiber) {
-	        uniqueNames.add(getComponentName(fiber.type) || 'Component');
-	        didWarnAboutLegacyContext.add(fiber.type);
-	      });
 
-	      var sortedNames = setToSortedString(uniqueNames);
-	      var strictRootComponentStack = getStackByFiberInDevAndProd(strictRoot);
+	  var newFirstCapturedUpdate = null;
+	  update = queue.firstCapturedUpdate;
 
-	      warningWithoutStack$1(false, 'Legacy context API has been detected within a strict-mode tree: %s' + '\n\nPlease update the following components: %s' + '\n\nLearn more about this warning here:' + '\nhttps://fb.me/react-strict-mode-warnings', strictRootComponentStack, sortedNames);
-	    });
-	  };
-	}
+	  while (update !== null) {
+	    var _updateExpirationTime = update.expirationTime;
 
-	// This lets us hook into Fiber to debug what it's doing.
-	// See https://github.com/facebook/react/pull/8033.
-	// This is not part of the public API, not even for React DevTools.
-	// You may only inject a debugTool if you work on React Fiber itself.
-	var ReactFiberInstrumentation = {
-	  debugTool: null
-	};
+	    if (_updateExpirationTime < renderExpirationTime) {
+	      // This update does not have sufficient priority. Skip it.
+	      if (newFirstCapturedUpdate === null) {
+	        // This is the first skipped captured update. It will be the first
+	        // update in the new list.
+	        newFirstCapturedUpdate = update; // If this is the first update that was skipped, the current result is
+	        // the new base state.
 
-	var ReactFiberInstrumentation_1 = ReactFiberInstrumentation;
+	        if (newFirstUpdate === null) {
+	          newBaseState = resultState;
+	        }
+	      } // Since this update will remain in the list, update the remaining
+	      // expiration time.
 
-	// TODO: Offscreen updates should never suspend. However, a promise that
-	// suspended inside an offscreen subtree should be able to ping at the priority
-	// of the outer render.
-
-	function markPendingPriorityLevel(root, expirationTime) {
-	  // If there's a gap between completing a failed root and retrying it,
-	  // additional updates may be scheduled. Clear `didError`, in case the update
-	  // is sufficient to fix the error.
-	  root.didError = false;
-
-	  // Update the latest and earliest pending times
-	  var earliestPendingTime = root.earliestPendingTime;
-	  if (earliestPendingTime === NoWork) {
-	    // No other pending updates.
-	    root.earliestPendingTime = root.latestPendingTime = expirationTime;
-	  } else {
-	    if (earliestPendingTime < expirationTime) {
-	      // This is the earliest pending update.
-	      root.earliestPendingTime = expirationTime;
-	    } else {
-	      var latestPendingTime = root.latestPendingTime;
-	      if (latestPendingTime > expirationTime) {
-	        // This is the latest pending update
-	        root.latestPendingTime = expirationTime;
-	      }
-	    }
-	  }
-	  findNextExpirationTimeToWorkOn(expirationTime, root);
-	}
 
-	function markCommittedPriorityLevels(root, earliestRemainingTime) {
-	  root.didError = false;
+	      if (newExpirationTime < _updateExpirationTime) {
+	        newExpirationTime = _updateExpirationTime;
+	      }
+	    } else {
+	      // This update does have sufficient priority. Process it and compute
+	      // a new result.
+	      resultState = getStateFromUpdate(workInProgress, queue, update, resultState, props, instance);
+	      var _callback = update.callback;
 
-	  if (earliestRemainingTime === NoWork) {
-	    // Fast path. There's no remaining work. Clear everything.
-	    root.earliestPendingTime = NoWork;
-	    root.latestPendingTime = NoWork;
-	    root.earliestSuspendedTime = NoWork;
-	    root.latestSuspendedTime = NoWork;
-	    root.latestPingedTime = NoWork;
-	    findNextExpirationTimeToWorkOn(NoWork, root);
-	    return;
-	  }
+	      if (_callback !== null) {
+	        workInProgress.effectTag |= Callback; // Set this to null, in case it was mutated during an aborted render.
 
-	  if (earliestRemainingTime < root.latestPingedTime) {
-	    root.latestPingedTime = NoWork;
-	  }
+	        update.nextEffect = null;
 
-	  // Let's see if the previous latest known pending level was just flushed.
-	  var latestPendingTime = root.latestPendingTime;
-	  if (latestPendingTime !== NoWork) {
-	    if (latestPendingTime > earliestRemainingTime) {
-	      // We've flushed all the known pending levels.
-	      root.earliestPendingTime = root.latestPendingTime = NoWork;
-	    } else {
-	      var earliestPendingTime = root.earliestPendingTime;
-	      if (earliestPendingTime > earliestRemainingTime) {
-	        // We've flushed the earliest known pending level. Set this to the
-	        // latest pending time.
-	        root.earliestPendingTime = root.latestPendingTime;
+	        if (queue.lastCapturedEffect === null) {
+	          queue.firstCapturedEffect = queue.lastCapturedEffect = update;
+	        } else {
+	          queue.lastCapturedEffect.nextEffect = update;
+	          queue.lastCapturedEffect = update;
+	        }
 	      }
 	    }
-	  }
-
-	  // Now let's handle the earliest remaining level in the whole tree. We need to
-	  // decide whether to treat it as a pending level or as suspended. Check
-	  // it falls within the range of known suspended levels.
 
-	  var earliestSuspendedTime = root.earliestSuspendedTime;
-	  if (earliestSuspendedTime === NoWork) {
-	    // There's no suspended work. Treat the earliest remaining level as a
-	    // pending level.
-	    markPendingPriorityLevel(root, earliestRemainingTime);
-	    findNextExpirationTimeToWorkOn(NoWork, root);
-	    return;
+	    update = update.next;
 	  }
 
-	  var latestSuspendedTime = root.latestSuspendedTime;
-	  if (earliestRemainingTime < latestSuspendedTime) {
-	    // The earliest remaining level is later than all the suspended work. That
-	    // means we've flushed all the suspended work.
-	    root.earliestSuspendedTime = NoWork;
-	    root.latestSuspendedTime = NoWork;
-	    root.latestPingedTime = NoWork;
-
-	    // There's no suspended work. Treat the earliest remaining level as a
-	    // pending level.
-	    markPendingPriorityLevel(root, earliestRemainingTime);
-	    findNextExpirationTimeToWorkOn(NoWork, root);
-	    return;
+	  if (newFirstUpdate === null) {
+	    queue.lastUpdate = null;
 	  }
 
-	  if (earliestRemainingTime > earliestSuspendedTime) {
-	    // The earliest remaining time is earlier than all the suspended work.
-	    // Treat it as a pending update.
-	    markPendingPriorityLevel(root, earliestRemainingTime);
-	    findNextExpirationTimeToWorkOn(NoWork, root);
-	    return;
+	  if (newFirstCapturedUpdate === null) {
+	    queue.lastCapturedUpdate = null;
+	  } else {
+	    workInProgress.effectTag |= Callback;
 	  }
 
-	  // The earliest remaining time falls within the range of known suspended
-	  // levels. We should treat this as suspended work.
-	  findNextExpirationTimeToWorkOn(NoWork, root);
-	}
-
-	function hasLowerPriorityWork(root, erroredExpirationTime) {
-	  var latestPendingTime = root.latestPendingTime;
-	  var latestSuspendedTime = root.latestSuspendedTime;
-	  var latestPingedTime = root.latestPingedTime;
-	  return latestPendingTime !== NoWork && latestPendingTime < erroredExpirationTime || latestSuspendedTime !== NoWork && latestSuspendedTime < erroredExpirationTime || latestPingedTime !== NoWork && latestPingedTime < erroredExpirationTime;
-	}
-
-	function isPriorityLevelSuspended(root, expirationTime) {
-	  var earliestSuspendedTime = root.earliestSuspendedTime;
-	  var latestSuspendedTime = root.latestSuspendedTime;
-	  return earliestSuspendedTime !== NoWork && expirationTime <= earliestSuspendedTime && expirationTime >= latestSuspendedTime;
-	}
-
-	function markSuspendedPriorityLevel(root, suspendedTime) {
-	  root.didError = false;
-	  clearPing(root, suspendedTime);
-
-	  // First, check the known pending levels and update them if needed.
-	  var earliestPendingTime = root.earliestPendingTime;
-	  var latestPendingTime = root.latestPendingTime;
-	  if (earliestPendingTime === suspendedTime) {
-	    if (latestPendingTime === suspendedTime) {
-	      // Both known pending levels were suspended. Clear them.
-	      root.earliestPendingTime = root.latestPendingTime = NoWork;
-	    } else {
-	      // The earliest pending level was suspended. Clear by setting it to the
-	      // latest pending level.
-	      root.earliestPendingTime = latestPendingTime;
-	    }
-	  } else if (latestPendingTime === suspendedTime) {
-	    // The latest pending level was suspended. Clear by setting it to the
-	    // latest pending level.
-	    root.latestPendingTime = earliestPendingTime;
-	  }
-
-	  // Finally, update the known suspended levels.
-	  var earliestSuspendedTime = root.earliestSuspendedTime;
-	  var latestSuspendedTime = root.latestSuspendedTime;
-	  if (earliestSuspendedTime === NoWork) {
-	    // No other suspended levels.
-	    root.earliestSuspendedTime = root.latestSuspendedTime = suspendedTime;
-	  } else {
-	    if (earliestSuspendedTime < suspendedTime) {
-	      // This is the earliest suspended level.
-	      root.earliestSuspendedTime = suspendedTime;
-	    } else if (latestSuspendedTime > suspendedTime) {
-	      // This is the latest suspended level
-	      root.latestSuspendedTime = suspendedTime;
-	    }
+	  if (newFirstUpdate === null && newFirstCapturedUpdate === null) {
+	    // We processed every update, without skipping. That means the new base
+	    // state is the same as the result state.
+	    newBaseState = resultState;
 	  }
 
-	  findNextExpirationTimeToWorkOn(suspendedTime, root);
-	}
+	  queue.baseState = newBaseState;
+	  queue.firstUpdate = newFirstUpdate;
+	  queue.firstCapturedUpdate = newFirstCapturedUpdate; // Set the remaining expiration time to be whatever is remaining in the queue.
+	  // This should be fine because the only two other things that contribute to
+	  // expiration time are props and context. We're already in the middle of the
+	  // begin phase by the time we start processing the queue, so we've already
+	  // dealt with the props. Context in components that specify
+	  // shouldComponentUpdate is tricky; but we'll have to account for
+	  // that regardless.
 
-	function markPingedPriorityLevel(root, pingedTime) {
-	  root.didError = false;
+	  markUnprocessedUpdateTime(newExpirationTime);
+	  workInProgress.expirationTime = newExpirationTime;
+	  workInProgress.memoizedState = resultState;
 
-	  // TODO: When we add back resuming, we need to ensure the progressed work
-	  // is thrown out and not reused during the restarted render. One way to
-	  // invalidate the progressed work is to restart at expirationTime + 1.
-	  var latestPingedTime = root.latestPingedTime;
-	  if (latestPingedTime === NoWork || latestPingedTime > pingedTime) {
-	    root.latestPingedTime = pingedTime;
+	  {
+	    currentlyProcessingQueue = null;
 	  }
-	  findNextExpirationTimeToWorkOn(pingedTime, root);
 	}
 
-	function clearPing(root, completedTime) {
-	  var latestPingedTime = root.latestPingedTime;
-	  if (latestPingedTime >= completedTime) {
-	    root.latestPingedTime = NoWork;
+	function callCallback(callback, context) {
+	  if (!(typeof callback === 'function')) {
+	    {
+	      throw Error("Invalid argument passed as callback. Expected a function. Instead received: " + callback);
+	    }
 	  }
-	}
 
-	function findEarliestOutstandingPriorityLevel(root, renderExpirationTime) {
-	  var earliestExpirationTime = renderExpirationTime;
-
-	  var earliestPendingTime = root.earliestPendingTime;
-	  var earliestSuspendedTime = root.earliestSuspendedTime;
-	  if (earliestPendingTime > earliestExpirationTime) {
-	    earliestExpirationTime = earliestPendingTime;
-	  }
-	  if (earliestSuspendedTime > earliestExpirationTime) {
-	    earliestExpirationTime = earliestSuspendedTime;
-	  }
-	  return earliestExpirationTime;
+	  callback.call(context);
 	}
 
-	function didExpireAtExpirationTime(root, currentTime) {
-	  var expirationTime = root.expirationTime;
-	  if (expirationTime !== NoWork && currentTime <= expirationTime) {
-	    // The root has expired. Flush all work up to the current time.
-	    root.nextExpirationTimeToWorkOn = currentTime;
-	  }
+	function resetHasForceUpdateBeforeProcessing() {
+	  hasForceUpdate = false;
 	}
+	function checkHasForceUpdateAfterProcessing() {
+	  return hasForceUpdate;
+	}
+	function commitUpdateQueue(finishedWork, finishedQueue, instance, renderExpirationTime) {
+	  // If the finished render included captured updates, and there are still
+	  // lower priority updates left over, we need to keep the captured updates
+	  // in the queue so that they are rebased and not dropped once we process the
+	  // queue again at the lower priority.
+	  if (finishedQueue.firstCapturedUpdate !== null) {
+	    // Join the captured update list to the end of the normal list.
+	    if (finishedQueue.lastUpdate !== null) {
+	      finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate;
+	      finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate;
+	    } // Clear the list of captured updates.
 
-	function findNextExpirationTimeToWorkOn(completedExpirationTime, root) {
-	  var earliestSuspendedTime = root.earliestSuspendedTime;
-	  var latestSuspendedTime = root.latestSuspendedTime;
-	  var earliestPendingTime = root.earliestPendingTime;
-	  var latestPingedTime = root.latestPingedTime;
-
-	  // Work on the earliest pending time. Failing that, work on the latest
-	  // pinged time.
-	  var nextExpirationTimeToWorkOn = earliestPendingTime !== NoWork ? earliestPendingTime : latestPingedTime;
 
-	  // If there is no pending or pinged work, check if there's suspended work
-	  // that's lower priority than what we just completed.
-	  if (nextExpirationTimeToWorkOn === NoWork && (completedExpirationTime === NoWork || latestSuspendedTime < completedExpirationTime)) {
-	    // The lowest priority suspended work is the work most likely to be
-	    // committed next. Let's start rendering it again, so that if it times out,
-	    // it's ready to commit.
-	    nextExpirationTimeToWorkOn = latestSuspendedTime;
-	  }
+	    finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null;
+	  } // Commit the effects
 
-	  var expirationTime = nextExpirationTimeToWorkOn;
-	  if (expirationTime !== NoWork && earliestSuspendedTime > expirationTime) {
-	    // Expire using the earliest known expiration time.
-	    expirationTime = earliestSuspendedTime;
-	  }
 
-	  root.nextExpirationTimeToWorkOn = nextExpirationTimeToWorkOn;
-	  root.expirationTime = expirationTime;
+	  commitUpdateEffects(finishedQueue.firstEffect, instance);
+	  finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+	  commitUpdateEffects(finishedQueue.firstCapturedEffect, instance);
+	  finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
 	}
 
-	function resolveDefaultProps(Component, baseProps) {
-	  if (Component && Component.defaultProps) {
-	    // Resolve default props. Taken from ReactElement
-	    var props = _assign({}, baseProps);
-	    var defaultProps = Component.defaultProps;
-	    for (var propName in defaultProps) {
-	      if (props[propName] === undefined) {
-	        props[propName] = defaultProps[propName];
-	      }
+	function commitUpdateEffects(effect, instance) {
+	  while (effect !== null) {
+	    var callback = effect.callback;
+
+	    if (callback !== null) {
+	      effect.callback = null;
+	      callCallback(callback, instance);
 	    }
-	    return props;
+
+	    effect = effect.nextEffect;
 	  }
-	  return baseProps;
 	}
 
-	function readLazyComponentType(lazyComponent) {
-	  var status = lazyComponent._status;
-	  var result = lazyComponent._result;
-	  switch (status) {
-	    case Resolved:
-	      {
-	        var Component = result;
-	        return Component;
-	      }
-	    case Rejected:
-	      {
-	        var error = result;
-	        throw error;
-	      }
-	    case Pending:
-	      {
-	        var thenable = result;
-	        throw thenable;
-	      }
-	    default:
-	      {
-	        lazyComponent._status = Pending;
-	        var ctor = lazyComponent._ctor;
-	        var _thenable = ctor();
-	        _thenable.then(function (moduleObject) {
-	          if (lazyComponent._status === Pending) {
-	            var defaultExport = moduleObject.default;
-	            {
-	              if (defaultExport === undefined) {
-	                warning$1(false, 'lazy: Expected the result of a dynamic import() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + "const MyComponent = lazy(() => import('./MyComponent'))", moduleObject);
-	              }
-	            }
-	            lazyComponent._status = Resolved;
-	            lazyComponent._result = defaultExport;
-	          }
-	        }, function (error) {
-	          if (lazyComponent._status === Pending) {
-	            lazyComponent._status = Rejected;
-	            lazyComponent._result = error;
-	          }
-	        });
-	        // Handle synchronous thenables.
-	        switch (lazyComponent._status) {
-	          case Resolved:
-	            return lazyComponent._result;
-	          case Rejected:
-	            throw lazyComponent._result;
-	        }
-	        lazyComponent._result = _thenable;
-	        throw _thenable;
-	      }
-	  }
+	var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
+	function requestCurrentSuspenseConfig() {
+	  return ReactCurrentBatchConfig.suspense;
 	}
 
 	var fakeInternalInstance = {};
-	var isArray$1 = Array.isArray;
-
-	// React.Component uses a shared frozen object by default.
+	var isArray$1 = Array.isArray; // React.Component uses a shared frozen object by default.
 	// We'll use it to determine whether we need to initialize legacy refs.
-	var emptyRefsObject = new React.Component().refs;
 
-	var didWarnAboutStateAssignmentForComponent = void 0;
-	var didWarnAboutUninitializedState = void 0;
-	var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = void 0;
-	var didWarnAboutLegacyLifecyclesAndDerivedState = void 0;
-	var didWarnAboutUndefinedDerivedState = void 0;
-	var warnOnUndefinedDerivedState = void 0;
-	var warnOnInvalidCallback$1 = void 0;
-	var didWarnAboutDirectlyAssigningPropsToState = void 0;
-	var didWarnAboutContextTypeAndContextTypes = void 0;
-	var didWarnAboutInvalidateContextType = void 0;
+	var emptyRefsObject = new React.Component().refs;
+	var didWarnAboutStateAssignmentForComponent;
+	var didWarnAboutUninitializedState;
+	var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
+	var didWarnAboutLegacyLifecyclesAndDerivedState;
+	var didWarnAboutUndefinedDerivedState;
+	var warnOnUndefinedDerivedState;
+	var warnOnInvalidCallback$1;
+	var didWarnAboutDirectlyAssigningPropsToState;
+	var didWarnAboutContextTypeAndContextTypes;
+	var didWarnAboutInvalidateContextType;
 
 	{
 	  didWarnAboutStateAssignmentForComponent = new Set();
@@ -14921,14 +18384,15 @@
 	  didWarnAboutUndefinedDerivedState = new Set();
 	  didWarnAboutContextTypeAndContextTypes = new Set();
 	  didWarnAboutInvalidateContextType = new Set();
-
 	  var didWarnOnInvalidCallback = new Set();
 
 	  warnOnInvalidCallback$1 = function (callback, callerName) {
 	    if (callback === null || typeof callback === 'function') {
 	      return;
 	    }
-	    var key = callerName + '_' + callback;
+
+	    var key = callerName + "_" + callback;
+
 	    if (!didWarnOnInvalidCallback.has(key)) {
 	      didWarnOnInvalidCallback.add(key);
 	      warningWithoutStack$1(false, '%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
@@ -14938,22 +18402,27 @@
 	  warnOnUndefinedDerivedState = function (type, partialState) {
 	    if (partialState === undefined) {
 	      var componentName = getComponentName(type) || 'Component';
+
 	      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
 	        didWarnAboutUndefinedDerivedState.add(componentName);
 	        warningWithoutStack$1(false, '%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. ' + 'You have returned undefined.', componentName);
 	      }
 	    }
-	  };
-
-	  // This is so gross but it's at least non-critical and can be removed if
+	  }; // This is so gross but it's at least non-critical and can be removed if
 	  // it causes problems. This is meant to give a nicer error message for
 	  // ReactDOM15.unstable_renderSubtreeIntoContainer(reactDOM16Component,
 	  // ...)) which otherwise throws a "_processChildContext is not a function"
 	  // exception.
+
+
 	  Object.defineProperty(fakeInternalInstance, '_processChildContext', {
 	    enumerable: false,
 	    value: function () {
-	      invariant(false, '_processChildContext is not available in React 16+. This likely means you have multiple copies of React and are attempting to nest a React 15 tree inside a React 16 tree using unstable_renderSubtreeIntoContainer, which isn\'t supported. Try to make sure you have only one copy of React (and ideally, switch to ReactDOM.createPortal).');
+	      {
+	        {
+	          throw Error("_processChildContext is not available in React 16+. This likely means you have multiple copies of React and are attempting to nest a React 15 tree inside a React 16 tree using unstable_renderSubtreeIntoContainer, which isn't supported. Try to make sure you have only one copy of React (and ideally, switch to ReactDOM.createPortal).");
+	        }
+	      }
 	    }
 	  });
 	  Object.freeze(fakeInternalInstance);
@@ -14963,7 +18432,7 @@
 	  var prevState = workInProgress.memoizedState;
 
 	  {
-	    if (debugRenderPhaseSideEffects || debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
+	    if (debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
 	      // Invoke the function an extra time to help detect side-effects.
 	      getDerivedStateFromProps(nextProps, prevState);
 	    }
@@ -14973,45 +18442,46 @@
 
 	  {
 	    warnOnUndefinedDerivedState(ctor, partialState);
-	  }
-	  // Merge the partial state and the previous state.
-	  var memoizedState = partialState === null || partialState === undefined ? prevState : _assign({}, prevState, partialState);
-	  workInProgress.memoizedState = memoizedState;
+	  } // Merge the partial state and the previous state.
+
 
-	  // Once the update queue is empty, persist the derived state onto the
+	  var memoizedState = partialState === null || partialState === undefined ? prevState : _assign({}, prevState, partialState);
+	  workInProgress.memoizedState = memoizedState; // Once the update queue is empty, persist the derived state onto the
 	  // base state.
+
 	  var updateQueue = workInProgress.updateQueue;
+
 	  if (updateQueue !== null && workInProgress.expirationTime === NoWork) {
 	    updateQueue.baseState = memoizedState;
 	  }
 	}
-
 	var classComponentUpdater = {
 	  isMounted: isMounted,
 	  enqueueSetState: function (inst, payload, callback) {
 	    var fiber = get(inst);
-	    var currentTime = requestCurrentTime();
-	    var expirationTime = computeExpirationForFiber(currentTime, fiber);
-
-	    var update = createUpdate(expirationTime);
+	    var currentTime = requestCurrentTimeForUpdate();
+	    var suspenseConfig = requestCurrentSuspenseConfig();
+	    var expirationTime = computeExpirationForFiber(currentTime, fiber, suspenseConfig);
+	    var update = createUpdate(expirationTime, suspenseConfig);
 	    update.payload = payload;
+
 	    if (callback !== undefined && callback !== null) {
 	      {
 	        warnOnInvalidCallback$1(callback, 'setState');
 	      }
+
 	      update.callback = callback;
 	    }
 
-	    flushPassiveEffects();
 	    enqueueUpdate(fiber, update);
 	    scheduleWork(fiber, expirationTime);
 	  },
 	  enqueueReplaceState: function (inst, payload, callback) {
 	    var fiber = get(inst);
-	    var currentTime = requestCurrentTime();
-	    var expirationTime = computeExpirationForFiber(currentTime, fiber);
-
-	    var update = createUpdate(expirationTime);
+	    var currentTime = requestCurrentTimeForUpdate();
+	    var suspenseConfig = requestCurrentSuspenseConfig();
+	    var expirationTime = computeExpirationForFiber(currentTime, fiber, suspenseConfig);
+	    var update = createUpdate(expirationTime, suspenseConfig);
 	    update.tag = ReplaceState;
 	    update.payload = payload;
 
@@ -15019,29 +18489,29 @@
 	      {
 	        warnOnInvalidCallback$1(callback, 'replaceState');
 	      }
+
 	      update.callback = callback;
 	    }
 
-	    flushPassiveEffects();
 	    enqueueUpdate(fiber, update);
 	    scheduleWork(fiber, expirationTime);
 	  },
 	  enqueueForceUpdate: function (inst, callback) {
 	    var fiber = get(inst);
-	    var currentTime = requestCurrentTime();
-	    var expirationTime = computeExpirationForFiber(currentTime, fiber);
-
-	    var update = createUpdate(expirationTime);
+	    var currentTime = requestCurrentTimeForUpdate();
+	    var suspenseConfig = requestCurrentSuspenseConfig();
+	    var expirationTime = computeExpirationForFiber(currentTime, fiber, suspenseConfig);
+	    var update = createUpdate(expirationTime, suspenseConfig);
 	    update.tag = ForceUpdate;
 
 	    if (callback !== undefined && callback !== null) {
 	      {
 	        warnOnInvalidCallback$1(callback, 'forceUpdate');
 	      }
+
 	      update.callback = callback;
 	    }
 
-	    flushPassiveEffects();
 	    enqueueUpdate(fiber, update);
 	    scheduleWork(fiber, expirationTime);
 	  }
@@ -15049,6 +18519,7 @@
 
 	function checkShouldComponentUpdate(workInProgress, ctor, oldProps, newProps, oldState, newState, nextContext) {
 	  var instance = workInProgress.stateNode;
+
 	  if (typeof instance.shouldComponentUpdate === 'function') {
 	    startPhaseTimer(workInProgress, 'shouldComponentUpdate');
 	    var shouldUpdate = instance.shouldComponentUpdate(newProps, newState, nextContext);
@@ -15070,6 +18541,7 @@
 
 	function checkClassInstance(workInProgress, ctor, newProps) {
 	  var instance = workInProgress.stateNode;
+
 	  {
 	    var name = getComponentName(ctor) || 'Component';
 	    var renderPresent = instance.render;
@@ -15090,19 +18562,32 @@
 	    !noInstancePropTypes ? warningWithoutStack$1(false, 'propTypes was defined as an instance property on %s. Use a static ' + 'property to define propTypes instead.', name) : void 0;
 	    var noInstanceContextType = !instance.contextType;
 	    !noInstanceContextType ? warningWithoutStack$1(false, 'contextType was defined as an instance property on %s. Use a static ' + 'property to define contextType instead.', name) : void 0;
-	    var noInstanceContextTypes = !instance.contextTypes;
-	    !noInstanceContextTypes ? warningWithoutStack$1(false, 'contextTypes was defined as an instance property on %s. Use a static ' + 'property to define contextTypes instead.', name) : void 0;
 
-	    if (ctor.contextType && ctor.contextTypes && !didWarnAboutContextTypeAndContextTypes.has(ctor)) {
-	      didWarnAboutContextTypeAndContextTypes.add(ctor);
-	      warningWithoutStack$1(false, '%s declares both contextTypes and contextType static properties. ' + 'The legacy contextTypes property will be ignored.', name);
+	    if (disableLegacyContext) {
+	      if (ctor.childContextTypes) {
+	        warningWithoutStack$1(false, '%s uses the legacy childContextTypes API which is no longer supported. ' + 'Use React.createContext() instead.', name);
+	      }
+
+	      if (ctor.contextTypes) {
+	        warningWithoutStack$1(false, '%s uses the legacy contextTypes API which is no longer supported. ' + 'Use React.createContext() with static contextType instead.', name);
+	      }
+	    } else {
+	      var noInstanceContextTypes = !instance.contextTypes;
+	      !noInstanceContextTypes ? warningWithoutStack$1(false, 'contextTypes was defined as an instance property on %s. Use a static ' + 'property to define contextTypes instead.', name) : void 0;
+
+	      if (ctor.contextType && ctor.contextTypes && !didWarnAboutContextTypeAndContextTypes.has(ctor)) {
+	        didWarnAboutContextTypeAndContextTypes.add(ctor);
+	        warningWithoutStack$1(false, '%s declares both contextTypes and contextType static properties. ' + 'The legacy contextTypes property will be ignored.', name);
+	      }
 	    }
 
 	    var noComponentShouldUpdate = typeof instance.componentShouldUpdate !== 'function';
 	    !noComponentShouldUpdate ? warningWithoutStack$1(false, '%s has a method called ' + 'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' + 'The name is phrased as a question because the function is ' + 'expected to return a value.', name) : void 0;
+
 	    if (ctor.prototype && ctor.prototype.isPureReactComponent && typeof instance.shouldComponentUpdate !== 'undefined') {
 	      warningWithoutStack$1(false, '%s has a method called shouldComponentUpdate(). ' + 'shouldComponentUpdate should not be used when extending React.PureComponent. ' + 'Please extend React.Component if shouldComponentUpdate is used.', getComponentName(ctor) || 'A pure component');
 	    }
+
 	    var noComponentDidUnmount = typeof instance.componentDidUnmount !== 'function';
 	    !noComponentDidUnmount ? warningWithoutStack$1(false, '%s has a method called ' + 'componentDidUnmount(). But there is no such lifecycle method. ' + 'Did you mean componentWillUnmount()?', name) : void 0;
 	    var noComponentDidReceiveProps = typeof instance.componentDidReceiveProps !== 'function';
@@ -15128,9 +18613,11 @@
 	    var noStaticGetSnapshotBeforeUpdate = typeof ctor.getSnapshotBeforeUpdate !== 'function';
 	    !noStaticGetSnapshotBeforeUpdate ? warningWithoutStack$1(false, '%s: getSnapshotBeforeUpdate() is defined as a static method ' + 'and will be ignored. Instead, declare it as an instance method.', name) : void 0;
 	    var _state = instance.state;
+
 	    if (_state && (typeof _state !== 'object' || isArray$1(_state))) {
 	      warningWithoutStack$1(false, '%s.state: must be set to an object or null', name);
 	    }
+
 	    if (typeof instance.getChildContext === 'function') {
 	      !(typeof ctor.childContextTypes === 'object') ? warningWithoutStack$1(false, '%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', name) : void 0;
 	    }
@@ -15139,9 +18626,10 @@
 
 	function adoptClassInstance(workInProgress, instance) {
 	  instance.updater = classComponentUpdater;
-	  workInProgress.stateNode = instance;
-	  // The instance needs access to the fiber so that it can schedule updates
+	  workInProgress.stateNode = instance; // The instance needs access to the fiber so that it can schedule updates
+
 	  set(instance, workInProgress);
+
 	  {
 	    instance._reactInternalInstance = fakeInternalInstance;
 	  }
@@ -15150,19 +18638,18 @@
 	function constructClassInstance(workInProgress, ctor, props, renderExpirationTime) {
 	  var isLegacyContextConsumer = false;
 	  var unmaskedContext = emptyContextObject;
-	  var context = null;
+	  var context = emptyContextObject;
 	  var contextType = ctor.contextType;
 
 	  {
 	    if ('contextType' in ctor) {
-	      var isValid =
-	      // Allow null for conditional declaration
+	      var isValid = // Allow null for conditional declaration
 	      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
 
 	      if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
 	        didWarnAboutInvalidateContextType.add(ctor);
-
 	        var addendum = '';
+
 	        if (contextType === undefined) {
 	          addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
 	        } else if (typeof contextType !== 'object') {
@@ -15175,6 +18662,7 @@
 	        } else {
 	          addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
 	        }
+
 	        warningWithoutStack$1(false, '%s defines an invalid contextType. ' + 'contextType should point to the Context object returned by React.createContext().%s', getComponentName(ctor) || 'Component', addendum);
 	      }
 	    }
@@ -15182,16 +18670,16 @@
 
 	  if (typeof contextType === 'object' && contextType !== null) {
 	    context = readContext(contextType);
-	  } else {
+	  } else if (!disableLegacyContext) {
 	    unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
 	    var contextTypes = ctor.contextTypes;
 	    isLegacyContextConsumer = contextTypes !== null && contextTypes !== undefined;
 	    context = isLegacyContextConsumer ? getMaskedContext(workInProgress, unmaskedContext) : emptyContextObject;
-	  }
+	  } // Instantiate twice to help detect side-effects.
+
 
-	  // Instantiate twice to help detect side-effects.
 	  {
-	    if (debugRenderPhaseSideEffects || debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
+	    if (debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
 	      new ctor(props, context); // eslint-disable-line no-new
 	    }
 	  }
@@ -15203,47 +18691,54 @@
 	  {
 	    if (typeof ctor.getDerivedStateFromProps === 'function' && state === null) {
 	      var componentName = getComponentName(ctor) || 'Component';
+
 	      if (!didWarnAboutUninitializedState.has(componentName)) {
 	        didWarnAboutUninitializedState.add(componentName);
 	        warningWithoutStack$1(false, '`%s` uses `getDerivedStateFromProps` but its initial state is ' + '%s. This is not recommended. Instead, define the initial state by ' + 'assigning an object to `this.state` in the constructor of `%s`. ' + 'This ensures that `getDerivedStateFromProps` arguments have a consistent shape.', componentName, instance.state === null ? 'null' : 'undefined', componentName);
 	      }
-	    }
-
-	    // If new component APIs are defined, "unsafe" lifecycles won't be called.
+	    } // If new component APIs are defined, "unsafe" lifecycles won't be called.
 	    // Warn about these lifecycles if they are present.
 	    // Don't warn about react-lifecycles-compat polyfilled methods though.
+
+
 	    if (typeof ctor.getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function') {
 	      var foundWillMountName = null;
 	      var foundWillReceivePropsName = null;
 	      var foundWillUpdateName = null;
+
 	      if (typeof instance.componentWillMount === 'function' && instance.componentWillMount.__suppressDeprecationWarning !== true) {
 	        foundWillMountName = 'componentWillMount';
 	      } else if (typeof instance.UNSAFE_componentWillMount === 'function') {
 	        foundWillMountName = 'UNSAFE_componentWillMount';
 	      }
+
 	      if (typeof instance.componentWillReceiveProps === 'function' && instance.componentWillReceiveProps.__suppressDeprecationWarning !== true) {
 	        foundWillReceivePropsName = 'componentWillReceiveProps';
 	      } else if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
 	        foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
 	      }
+
 	      if (typeof instance.componentWillUpdate === 'function' && instance.componentWillUpdate.__suppressDeprecationWarning !== true) {
 	        foundWillUpdateName = 'componentWillUpdate';
 	      } else if (typeof instance.UNSAFE_componentWillUpdate === 'function') {
 	        foundWillUpdateName = 'UNSAFE_componentWillUpdate';
 	      }
+
 	      if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {
 	        var _componentName = getComponentName(ctor) || 'Component';
+
 	        var newApiName = typeof ctor.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()';
+
 	        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
 	          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
-	          warningWithoutStack$1(false, 'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' + '%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\n' + 'The above lifecycles should be removed. Learn more about this warning here:\n' + 'https://fb.me/react-async-component-lifecycle-hooks', _componentName, newApiName, foundWillMountName !== null ? '\n  ' + foundWillMountName : '', foundWillReceivePropsName !== null ? '\n  ' + foundWillReceivePropsName : '', foundWillUpdateName !== null ? '\n  ' + foundWillUpdateName : '');
+	          warningWithoutStack$1(false, 'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' + '%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\n' + 'The above lifecycles should be removed. Learn more about this warning here:\n' + 'https://fb.me/react-unsafe-component-lifecycles', _componentName, newApiName, foundWillMountName !== null ? "\n  " + foundWillMountName : '', foundWillReceivePropsName !== null ? "\n  " + foundWillReceivePropsName : '', foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : '');
 	        }
 	      }
 	    }
-	  }
-
-	  // Cache unmasked context so we can avoid recreating masked context unless necessary.
+	  } // Cache unmasked context so we can avoid recreating masked context unless necessary.
 	  // ReactFiberContext usually updates this cache but can't for newly-created instances.
+
+
 	  if (isLegacyContextConsumer) {
 	    cacheContext(workInProgress, unmaskedContext, context);
 	  }
@@ -15258,6 +18753,7 @@
 	  if (typeof instance.componentWillMount === 'function') {
 	    instance.componentWillMount();
 	  }
+
 	  if (typeof instance.UNSAFE_componentWillMount === 'function') {
 	    instance.UNSAFE_componentWillMount();
 	  }
@@ -15268,6 +18764,7 @@
 	    {
 	      warningWithoutStack$1(false, '%s.componentWillMount(): Assigning directly to this.state is ' + "deprecated (except inside a component's " + 'constructor). Use setState instead.', getComponentName(workInProgress.type) || 'Component');
 	    }
+
 	    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
 	  }
 	}
@@ -15275,27 +18772,32 @@
 	function callComponentWillReceiveProps(workInProgress, instance, newProps, nextContext) {
 	  var oldState = instance.state;
 	  startPhaseTimer(workInProgress, 'componentWillReceiveProps');
+
 	  if (typeof instance.componentWillReceiveProps === 'function') {
 	    instance.componentWillReceiveProps(newProps, nextContext);
 	  }
+
 	  if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
 	    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
 	  }
+
 	  stopPhaseTimer();
 
 	  if (instance.state !== oldState) {
 	    {
 	      var componentName = getComponentName(workInProgress.type) || 'Component';
+
 	      if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
 	        didWarnAboutStateAssignmentForComponent.add(componentName);
 	        warningWithoutStack$1(false, '%s.componentWillReceiveProps(): Assigning directly to ' + "this.state is deprecated (except inside a component's " + 'constructor). Use setState instead.', componentName);
 	      }
 	    }
+
 	    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
 	  }
-	}
+	} // Invokes the mount life-cycles on a previously never rendered instance.
+
 
-	// Invokes the mount life-cycles on a previously never rendered instance.
 	function mountClassInstance(workInProgress, ctor, newProps, renderExpirationTime) {
 	  {
 	    checkClassInstance(workInProgress, ctor, newProps);
@@ -15305,10 +18807,12 @@
 	  instance.props = newProps;
 	  instance.state = workInProgress.memoizedState;
 	  instance.refs = emptyRefsObject;
-
 	  var contextType = ctor.contextType;
+
 	  if (typeof contextType === 'object' && contextType !== null) {
 	    instance.context = readContext(contextType);
+	  } else if (disableLegacyContext) {
+	    instance.context = emptyContextObject;
 	  } else {
 	    var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
 	    instance.context = getMaskedContext(workInProgress, unmaskedContext);
@@ -15317,6 +18821,7 @@
 	  {
 	    if (instance.state === newProps) {
 	      var componentName = getComponentName(ctor) || 'Component';
+
 	      if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
 	        didWarnAboutDirectlyAssigningPropsToState.add(componentName);
 	        warningWithoutStack$1(false, '%s: It is not recommended to assign props directly to state ' + "because updates to props won't be reflected in state. " + 'In most cases, it is better to use props directly.', componentName);
@@ -15324,35 +18829,36 @@
 	    }
 
 	    if (workInProgress.mode & StrictMode) {
-	      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(workInProgress, instance);
-
 	      ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress, instance);
 	    }
 
 	    if (warnAboutDeprecatedLifecycles) {
-	      ReactStrictModeWarnings.recordDeprecationWarnings(workInProgress, instance);
+	      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(workInProgress, instance);
 	    }
 	  }
 
 	  var updateQueue = workInProgress.updateQueue;
+
 	  if (updateQueue !== null) {
 	    processUpdateQueue(workInProgress, updateQueue, newProps, instance, renderExpirationTime);
 	    instance.state = workInProgress.memoizedState;
 	  }
 
 	  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+
 	  if (typeof getDerivedStateFromProps === 'function') {
 	    applyDerivedStateFromProps(workInProgress, ctor, getDerivedStateFromProps, newProps);
 	    instance.state = workInProgress.memoizedState;
-	  }
-
-	  // In order to support react-lifecycles-compat polyfilled components,
+	  } // In order to support react-lifecycles-compat polyfilled components,
 	  // Unsafe lifecycles should not be invoked for components using the new APIs.
+
+
 	  if (typeof ctor.getDerivedStateFromProps !== 'function' && typeof instance.getSnapshotBeforeUpdate !== 'function' && (typeof instance.UNSAFE_componentWillMount === 'function' || typeof instance.componentWillMount === 'function')) {
-	    callComponentWillMount(workInProgress, instance);
-	    // If we had additional state updates during this life-cycle, let's
+	    callComponentWillMount(workInProgress, instance); // If we had additional state updates during this life-cycle, let's
 	    // process them now.
+
 	    updateQueue = workInProgress.updateQueue;
+
 	    if (updateQueue !== null) {
 	      processUpdateQueue(workInProgress, updateQueue, newProps, instance, renderExpirationTime);
 	      instance.state = workInProgress.memoizedState;
@@ -15366,29 +18872,26 @@
 
 	function resumeMountClassInstance(workInProgress, ctor, newProps, renderExpirationTime) {
 	  var instance = workInProgress.stateNode;
-
 	  var oldProps = workInProgress.memoizedProps;
 	  instance.props = oldProps;
-
 	  var oldContext = instance.context;
 	  var contextType = ctor.contextType;
-	  var nextContext = void 0;
+	  var nextContext = emptyContextObject;
+
 	  if (typeof contextType === 'object' && contextType !== null) {
 	    nextContext = readContext(contextType);
-	  } else {
+	  } else if (!disableLegacyContext) {
 	    var nextLegacyUnmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
 	    nextContext = getMaskedContext(workInProgress, nextLegacyUnmaskedContext);
 	  }
 
 	  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-	  var hasNewLifecycles = typeof getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function';
-
-	  // Note: During these life-cycles, instance.props/instance.state are what
+	  var hasNewLifecycles = typeof getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function'; // Note: During these life-cycles, instance.props/instance.state are what
 	  // ever the previously attempted to render - not the "current". However,
 	  // during componentDidUpdate we pass the "current" props.
-
 	  // In order to support react-lifecycles-compat polyfilled components,
 	  // Unsafe lifecycles should not be invoked for components using the new APIs.
+
 	  if (!hasNewLifecycles && (typeof instance.UNSAFE_componentWillReceiveProps === 'function' || typeof instance.componentWillReceiveProps === 'function')) {
 	    if (oldProps !== newProps || oldContext !== nextContext) {
 	      callComponentWillReceiveProps(workInProgress, instance, newProps, nextContext);
@@ -15396,20 +18899,22 @@
 	  }
 
 	  resetHasForceUpdateBeforeProcessing();
-
 	  var oldState = workInProgress.memoizedState;
 	  var newState = instance.state = oldState;
 	  var updateQueue = workInProgress.updateQueue;
+
 	  if (updateQueue !== null) {
 	    processUpdateQueue(workInProgress, updateQueue, newProps, instance, renderExpirationTime);
 	    newState = workInProgress.memoizedState;
 	  }
+
 	  if (oldProps === newProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing()) {
 	    // If an update was already in progress, we should schedule an Update
 	    // effect even though we're bailing out, so that cWU/cDU are called.
 	    if (typeof instance.componentDidMount === 'function') {
 	      workInProgress.effectTag |= Update;
 	    }
+
 	    return false;
 	  }
 
@@ -15425,14 +18930,18 @@
 	    // Unsafe lifecycles should not be invoked for components using the new APIs.
 	    if (!hasNewLifecycles && (typeof instance.UNSAFE_componentWillMount === 'function' || typeof instance.componentWillMount === 'function')) {
 	      startPhaseTimer(workInProgress, 'componentWillMount');
+
 	      if (typeof instance.componentWillMount === 'function') {
 	        instance.componentWillMount();
 	      }
+
 	      if (typeof instance.UNSAFE_componentWillMount === 'function') {
 	        instance.UNSAFE_componentWillMount();
 	      }
+
 	      stopPhaseTimer();
 	    }
+
 	    if (typeof instance.componentDidMount === 'function') {
 	      workInProgress.effectTag |= Update;
 	    }
@@ -15441,49 +18950,45 @@
 	    // effect even though we're bailing out, so that cWU/cDU are called.
 	    if (typeof instance.componentDidMount === 'function') {
 	      workInProgress.effectTag |= Update;
-	    }
-
-	    // If shouldComponentUpdate returned false, we should still update the
+	    } // If shouldComponentUpdate returned false, we should still update the
 	    // memoized state to indicate that this work can be reused.
+
+
 	    workInProgress.memoizedProps = newProps;
 	    workInProgress.memoizedState = newState;
-	  }
-
-	  // Update the existing instance's state, props, and context pointers even
+	  } // Update the existing instance's state, props, and context pointers even
 	  // if shouldComponentUpdate returns false.
+
+
 	  instance.props = newProps;
 	  instance.state = newState;
 	  instance.context = nextContext;
-
 	  return shouldUpdate;
-	}
+	} // Invokes the update life-cycles and returns false if it shouldn't rerender.
+
 
-	// Invokes the update life-cycles and returns false if it shouldn't rerender.
 	function updateClassInstance(current, workInProgress, ctor, newProps, renderExpirationTime) {
 	  var instance = workInProgress.stateNode;
-
 	  var oldProps = workInProgress.memoizedProps;
 	  instance.props = workInProgress.type === workInProgress.elementType ? oldProps : resolveDefaultProps(workInProgress.type, oldProps);
-
 	  var oldContext = instance.context;
 	  var contextType = ctor.contextType;
-	  var nextContext = void 0;
+	  var nextContext = emptyContextObject;
+
 	  if (typeof contextType === 'object' && contextType !== null) {
 	    nextContext = readContext(contextType);
-	  } else {
+	  } else if (!disableLegacyContext) {
 	    var nextUnmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
 	    nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
 	  }
 
 	  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-	  var hasNewLifecycles = typeof getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function';
-
-	  // Note: During these life-cycles, instance.props/instance.state are what
+	  var hasNewLifecycles = typeof getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function'; // Note: During these life-cycles, instance.props/instance.state are what
 	  // ever the previously attempted to render - not the "current". However,
 	  // during componentDidUpdate we pass the "current" props.
-
 	  // In order to support react-lifecycles-compat polyfilled components,
 	  // Unsafe lifecycles should not be invoked for components using the new APIs.
+
 	  if (!hasNewLifecycles && (typeof instance.UNSAFE_componentWillReceiveProps === 'function' || typeof instance.componentWillReceiveProps === 'function')) {
 	    if (oldProps !== newProps || oldContext !== nextContext) {
 	      callComponentWillReceiveProps(workInProgress, instance, newProps, nextContext);
@@ -15491,10 +18996,10 @@
 	  }
 
 	  resetHasForceUpdateBeforeProcessing();
-
 	  var oldState = workInProgress.memoizedState;
 	  var newState = instance.state = oldState;
 	  var updateQueue = workInProgress.updateQueue;
+
 	  if (updateQueue !== null) {
 	    processUpdateQueue(workInProgress, updateQueue, newProps, instance, renderExpirationTime);
 	    newState = workInProgress.memoizedState;
@@ -15508,11 +19013,13 @@
 	        workInProgress.effectTag |= Update;
 	      }
 	    }
+
 	    if (typeof instance.getSnapshotBeforeUpdate === 'function') {
 	      if (oldProps !== current.memoizedProps || oldState !== current.memoizedState) {
 	        workInProgress.effectTag |= Snapshot;
 	      }
 	    }
+
 	    return false;
 	  }
 
@@ -15528,17 +19035,22 @@
 	    // Unsafe lifecycles should not be invoked for components using the new APIs.
 	    if (!hasNewLifecycles && (typeof instance.UNSAFE_componentWillUpdate === 'function' || typeof instance.componentWillUpdate === 'function')) {
 	      startPhaseTimer(workInProgress, 'componentWillUpdate');
+
 	      if (typeof instance.componentWillUpdate === 'function') {
 	        instance.componentWillUpdate(newProps, newState, nextContext);
 	      }
+
 	      if (typeof instance.UNSAFE_componentWillUpdate === 'function') {
 	        instance.UNSAFE_componentWillUpdate(newProps, newState, nextContext);
 	      }
+
 	      stopPhaseTimer();
 	    }
+
 	    if (typeof instance.componentDidUpdate === 'function') {
 	      workInProgress.effectTag |= Update;
 	    }
+
 	    if (typeof instance.getSnapshotBeforeUpdate === 'function') {
 	      workInProgress.effectTag |= Snapshot;
 	    }
@@ -15550,44 +19062,45 @@
 	        workInProgress.effectTag |= Update;
 	      }
 	    }
+
 	    if (typeof instance.getSnapshotBeforeUpdate === 'function') {
 	      if (oldProps !== current.memoizedProps || oldState !== current.memoizedState) {
 	        workInProgress.effectTag |= Snapshot;
 	      }
-	    }
-
-	    // If shouldComponentUpdate returned false, we should still update the
+	    } // If shouldComponentUpdate returned false, we should still update the
 	    // memoized props/state to indicate that this work can be reused.
+
+
 	    workInProgress.memoizedProps = newProps;
 	    workInProgress.memoizedState = newState;
-	  }
-
-	  // Update the existing instance's state, props, and context pointers even
+	  } // Update the existing instance's state, props, and context pointers even
 	  // if shouldComponentUpdate returns false.
+
+
 	  instance.props = newProps;
 	  instance.state = newState;
 	  instance.context = nextContext;
-
 	  return shouldUpdate;
 	}
 
-	var didWarnAboutMaps = void 0;
-	var didWarnAboutGenerators = void 0;
-	var didWarnAboutStringRefInStrictMode = void 0;
-	var ownerHasKeyUseWarning = void 0;
-	var ownerHasFunctionTypeWarning = void 0;
+	var didWarnAboutMaps;
+	var didWarnAboutGenerators;
+	var didWarnAboutStringRefs;
+	var ownerHasKeyUseWarning;
+	var ownerHasFunctionTypeWarning;
+
 	var warnForMissingKey = function (child) {};
 
 	{
 	  didWarnAboutMaps = false;
 	  didWarnAboutGenerators = false;
-	  didWarnAboutStringRefInStrictMode = {};
-
+	  didWarnAboutStringRefs = {};
 	  /**
 	   * Warn if there's no key explicitly set on dynamic arrays of children or
 	   * object keys are not valid. This allows us to keep track of children between
 	   * updates.
 	   */
+
 	  ownerHasKeyUseWarning = {};
 	  ownerHasFunctionTypeWarning = {};
 
@@ -15595,18 +19108,25 @@
 	    if (child === null || typeof child !== 'object') {
 	      return;
 	    }
+
 	    if (!child._store || child._store.validated || child.key != null) {
 	      return;
 	    }
-	    !(typeof child._store === 'object') ? invariant(false, 'React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	    child._store.validated = true;
 
+	    if (!(typeof child._store === 'object')) {
+	      {
+	        throw Error("React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue.");
+	      }
+	    }
+
+	    child._store.validated = true;
 	    var currentComponentErrorInfo = 'Each child in a list should have a unique ' + '"key" prop. See https://fb.me/react-warning-keys for ' + 'more information.' + getCurrentFiberStackInDev();
+
 	    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
 	      return;
 	    }
-	    ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
 
+	    ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
 	    warning$1(false, 'Each child in a list should have a unique ' + '"key" prop. See https://fb.me/react-warning-keys for ' + 'more information.');
 	  };
 	}
@@ -15615,60 +19135,102 @@
 
 	function coerceRef(returnFiber, current$$1, element) {
 	  var mixedRef = element.ref;
+
 	  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
 	    {
-	      if (returnFiber.mode & StrictMode) {
+	      // TODO: Clean this up once we turn on the string ref warning for
+	      // everyone, because the strict mode case will no longer be relevant
+	      if (returnFiber.mode & StrictMode || warnAboutStringRefs) {
 	        var componentName = getComponentName(returnFiber.type) || 'Component';
-	        if (!didWarnAboutStringRefInStrictMode[componentName]) {
-	          warningWithoutStack$1(false, 'A string ref, "%s", has been found within a strict mode tree. ' + 'String refs are a source of potential bugs and should be avoided. ' + 'We recommend using createRef() instead.' + '\n%s' + '\n\nLearn more about using refs safely here:' + '\nhttps://fb.me/react-strict-mode-string-ref', mixedRef, getStackByFiberInDevAndProd(returnFiber));
-	          didWarnAboutStringRefInStrictMode[componentName] = true;
+
+	        if (!didWarnAboutStringRefs[componentName]) {
+	          if (warnAboutStringRefs) {
+	            warningWithoutStack$1(false, 'Component "%s" contains the string ref "%s". Support for string refs ' + 'will be removed in a future major release. We recommend using ' + 'useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://fb.me/react-strict-mode-string-ref%s', componentName, mixedRef, getStackByFiberInDevAndProd(returnFiber));
+	          } else {
+	            warningWithoutStack$1(false, 'A string ref, "%s", has been found within a strict mode tree. ' + 'String refs are a source of potential bugs and should be avoided. ' + 'We recommend using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://fb.me/react-strict-mode-string-ref%s', mixedRef, getStackByFiberInDevAndProd(returnFiber));
+	          }
+
+	          didWarnAboutStringRefs[componentName] = true;
 	        }
 	      }
 	    }
 
 	    if (element._owner) {
 	      var owner = element._owner;
-	      var inst = void 0;
+	      var inst;
+
 	      if (owner) {
 	        var ownerFiber = owner;
-	        !(ownerFiber.tag === ClassComponent) ? invariant(false, 'Function components cannot have refs. Did you mean to use React.forwardRef()?') : void 0;
+
+	        if (!(ownerFiber.tag === ClassComponent)) {
+	          {
+	            throw Error("Function components cannot have refs. Did you mean to use React.forwardRef()?");
+	          }
+	        }
+
 	        inst = ownerFiber.stateNode;
 	      }
-	      !inst ? invariant(false, 'Missing owner for string ref %s. This error is likely caused by a bug in React. Please file an issue.', mixedRef) : void 0;
-	      var stringRef = '' + mixedRef;
-	      // Check if previous string ref matches new string ref
+
+	      if (!inst) {
+	        {
+	          throw Error("Missing owner for string ref " + mixedRef + ". This error is likely caused by a bug in React. Please file an issue.");
+	        }
+	      }
+
+	      var stringRef = '' + mixedRef; // Check if previous string ref matches new string ref
+
 	      if (current$$1 !== null && current$$1.ref !== null && typeof current$$1.ref === 'function' && current$$1.ref._stringRef === stringRef) {
 	        return current$$1.ref;
 	      }
+
 	      var ref = function (value) {
 	        var refs = inst.refs;
+
 	        if (refs === emptyRefsObject) {
 	          // This is a lazy pooled frozen object, so we need to initialize.
 	          refs = inst.refs = {};
 	        }
+
 	        if (value === null) {
 	          delete refs[stringRef];
 	        } else {
 	          refs[stringRef] = value;
 	        }
 	      };
+
 	      ref._stringRef = stringRef;
 	      return ref;
 	    } else {
-	      !(typeof mixedRef === 'string') ? invariant(false, 'Expected ref to be a function, a string, an object returned by React.createRef(), or null.') : void 0;
-	      !element._owner ? invariant(false, 'Element ref was specified as a string (%s) but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component\'s render method\n3. You have multiple copies of React loaded\nSee https://fb.me/react-refs-must-have-owner for more information.', mixedRef) : void 0;
+	      if (!(typeof mixedRef === 'string')) {
+	        {
+	          throw Error("Expected ref to be a function, a string, an object returned by React.createRef(), or null.");
+	        }
+	      }
+
+	      if (!element._owner) {
+	        {
+	          throw Error("Element ref was specified as a string (" + mixedRef + ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://fb.me/react-refs-must-have-owner for more information.");
+	        }
+	      }
 	    }
 	  }
+
 	  return mixedRef;
 	}
 
 	function throwOnInvalidObjectType(returnFiber, newChild) {
 	  if (returnFiber.type !== 'textarea') {
 	    var addendum = '';
+
 	    {
 	      addendum = ' If you meant to render a collection of children, use an array ' + 'instead.' + getCurrentFiberStackInDev();
 	    }
-	    invariant(false, 'Objects are not valid as a React child (found: %s).%s', Object.prototype.toString.call(newChild) === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : newChild, addendum);
+
+	    {
+	      {
+	        throw Error("Objects are not valid as a React child (found: " + (Object.prototype.toString.call(newChild) === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : newChild) + ")." + addendum);
+	      }
+	    }
 	  }
 	}
 
@@ -15678,33 +19240,36 @@
 	  if (ownerHasFunctionTypeWarning[currentComponentErrorInfo]) {
 	    return;
 	  }
-	  ownerHasFunctionTypeWarning[currentComponentErrorInfo] = true;
 
+	  ownerHasFunctionTypeWarning[currentComponentErrorInfo] = true;
 	  warning$1(false, 'Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
-	}
-
-	// This wrapper function exists because I expect to clone the code in each path
+	} // This wrapper function exists because I expect to clone the code in each path
 	// to be able to optimize each path individually by branching early. This needs
 	// a compiler or we can do it manually. Helpers that don't need this branching
 	// live outside of this function.
+
+
 	function ChildReconciler(shouldTrackSideEffects) {
 	  function deleteChild(returnFiber, childToDelete) {
 	    if (!shouldTrackSideEffects) {
 	      // Noop.
 	      return;
-	    }
-	    // Deletions are added in reversed order so we add it to the front.
+	    } // Deletions are added in reversed order so we add it to the front.
 	    // At this point, the return fiber's effect list is empty except for
 	    // deletions, so we can just append the deletion to the list. The remaining
 	    // effects aren't added until the complete phase. Once we implement
 	    // resuming, this may not be true.
+
+
 	    var last = returnFiber.lastEffect;
+
 	    if (last !== null) {
 	      last.nextEffect = childToDelete;
 	      returnFiber.lastEffect = childToDelete;
 	    } else {
 	      returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
 	    }
+
 	    childToDelete.nextEffect = null;
 	    childToDelete.effectTag = Deletion;
 	  }
@@ -15713,32 +19278,37 @@
 	    if (!shouldTrackSideEffects) {
 	      // Noop.
 	      return null;
-	    }
-
-	    // TODO: For the shouldClone case, this could be micro-optimized a bit by
+	    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
 	    // assuming that after the first child we've already added everything.
+
+
 	    var childToDelete = currentFirstChild;
+
 	    while (childToDelete !== null) {
 	      deleteChild(returnFiber, childToDelete);
 	      childToDelete = childToDelete.sibling;
 	    }
+
 	    return null;
 	  }
 
 	  function mapRemainingChildren(returnFiber, currentFirstChild) {
 	    // Add the remaining children to a temporary map so that we can find them by
 	    // keys quickly. Implicit (null) keys get added to this set with their index
+	    // instead.
 	    var existingChildren = new Map();
-
 	    var existingChild = currentFirstChild;
+
 	    while (existingChild !== null) {
 	      if (existingChild.key !== null) {
 	        existingChildren.set(existingChild.key, existingChild);
 	      } else {
 	        existingChildren.set(existingChild.index, existingChild);
 	      }
+
 	      existingChild = existingChild.sibling;
 	    }
+
 	    return existingChildren;
 	  }
 
@@ -15753,13 +19323,17 @@
 
 	  function placeChild(newFiber, lastPlacedIndex, newIndex) {
 	    newFiber.index = newIndex;
+
 	    if (!shouldTrackSideEffects) {
 	      // Noop.
 	      return lastPlacedIndex;
 	    }
+
 	    var current$$1 = newFiber.alternate;
+
 	    if (current$$1 !== null) {
 	      var oldIndex = current$$1.index;
+
 	      if (oldIndex < lastPlacedIndex) {
 	        // This is a move.
 	        newFiber.effectTag = Placement;
@@ -15781,6 +19355,7 @@
 	    if (shouldTrackSideEffects && newFiber.alternate === null) {
 	      newFiber.effectTag = Placement;
 	    }
+
 	    return newFiber;
 	  }
 
@@ -15799,15 +19374,18 @@
 	  }
 
 	  function updateElement(returnFiber, current$$1, element, expirationTime) {
-	    if (current$$1 !== null && current$$1.elementType === element.type) {
+	    if (current$$1 !== null && (current$$1.elementType === element.type || ( // Keep this check inline so it only runs on the false path:
+	    isCompatibleFamilyForHotReloading(current$$1, element)))) {
 	      // Move based on index
 	      var existing = useFiber(current$$1, element.props, expirationTime);
 	      existing.ref = coerceRef(returnFiber, current$$1, element);
 	      existing.return = returnFiber;
+
 	      {
 	        existing._debugSource = element._source;
 	        existing._debugOwner = element._owner;
 	      }
+
 	      return existing;
 	    } else {
 	      // Insert
@@ -15861,13 +19439,16 @@
 	        case REACT_ELEMENT_TYPE:
 	          {
 	            var _created = createFiberFromElement(newChild, returnFiber.mode, expirationTime);
+
 	            _created.ref = coerceRef(returnFiber, null, newChild);
 	            _created.return = returnFiber;
 	            return _created;
 	          }
+
 	        case REACT_PORTAL_TYPE:
 	          {
 	            var _created2 = createFiberFromPortal(newChild, returnFiber.mode, expirationTime);
+
 	            _created2.return = returnFiber;
 	            return _created2;
 	          }
@@ -15875,6 +19456,7 @@
 
 	      if (isArray(newChild) || getIteratorFn(newChild)) {
 	        var _created3 = createFiberFromFragment(newChild, returnFiber.mode, expirationTime, null);
+
 	        _created3.return = returnFiber;
 	        return _created3;
 	      }
@@ -15893,7 +19475,6 @@
 
 	  function updateSlot(returnFiber, oldFiber, newChild, expirationTime) {
 	    // Update the fiber if the keys match, otherwise return null.
-
 	    var key = oldFiber !== null ? oldFiber.key : null;
 
 	    if (typeof newChild === 'string' || typeof newChild === 'number') {
@@ -15903,6 +19484,7 @@
 	      if (key !== null) {
 	        return null;
 	      }
+
 	      return updateTextNode(returnFiber, oldFiber, '' + newChild, expirationTime);
 	    }
 
@@ -15914,11 +19496,13 @@
 	              if (newChild.type === REACT_FRAGMENT_TYPE) {
 	                return updateFragment(returnFiber, oldFiber, newChild.props.children, expirationTime, key);
 	              }
+
 	              return updateElement(returnFiber, oldFiber, newChild, expirationTime);
 	            } else {
 	              return null;
 	            }
 	          }
+
 	        case REACT_PORTAL_TYPE:
 	          {
 	            if (newChild.key === key) {
@@ -15962,20 +19546,25 @@
 	        case REACT_ELEMENT_TYPE:
 	          {
 	            var _matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
+
 	            if (newChild.type === REACT_FRAGMENT_TYPE) {
 	              return updateFragment(returnFiber, _matchedFiber, newChild.props.children, expirationTime, newChild.key);
 	            }
+
 	            return updateElement(returnFiber, _matchedFiber, newChild, expirationTime);
 	          }
+
 	        case REACT_PORTAL_TYPE:
 	          {
 	            var _matchedFiber2 = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
+
 	            return updatePortal(returnFiber, _matchedFiber2, newChild, expirationTime);
 	          }
 	      }
 
 	      if (isArray(newChild) || getIteratorFn(newChild)) {
 	        var _matchedFiber3 = existingChildren.get(newIdx) || null;
+
 	        return updateFragment(returnFiber, _matchedFiber3, newChild, expirationTime, null);
 	      }
 
@@ -15990,38 +19579,46 @@
 
 	    return null;
 	  }
-
 	  /**
 	   * Warns if there is a duplicate or missing key
 	   */
+
+
 	  function warnOnInvalidKey(child, knownKeys) {
 	    {
 	      if (typeof child !== 'object' || child === null) {
 	        return knownKeys;
 	      }
+
 	      switch (child.$$typeof) {
 	        case REACT_ELEMENT_TYPE:
 	        case REACT_PORTAL_TYPE:
 	          warnForMissingKey(child);
 	          var key = child.key;
+
 	          if (typeof key !== 'string') {
 	            break;
 	          }
+
 	          if (knownKeys === null) {
 	            knownKeys = new Set();
 	            knownKeys.add(key);
 	            break;
 	          }
+
 	          if (!knownKeys.has(key)) {
 	            knownKeys.add(key);
 	            break;
 	          }
+
 	          warning$1(false, 'Encountered two children with the same key, `%s`. ' + 'Keys should be unique so that components maintain their identity ' + 'across updates. Non-unique keys may cause children to be ' + 'duplicated and/or omitted — the behavior is unsupported and ' + 'could change in a future version.', key);
 	          break;
+
 	        default:
 	          break;
 	      }
 	    }
+
 	    return knownKeys;
 	  }
 
@@ -16030,7 +19627,6 @@
 	    // don't have backpointers on fibers. I'm trying to see how far we can get
 	    // with that model. If it ends up not being worth the tradeoffs, we can
 	    // add it later.
-
 	    // Even with a two ended optimization, we'd want to optimize for the case
 	    // where there are few changes and brute force the comparison instead of
 	    // going for the Map. It'd like to explore hitting that path first in
@@ -16038,16 +19634,14 @@
 	    // lots of look ahead. This doesn't handle reversal as well as two ended
 	    // search but that's unusual. Besides, for the two ended optimization to
 	    // work on Iterables, we'd need to copy the whole set.
-
 	    // In this first iteration, we'll just live with hitting the bad case
 	    // (adding everything to a Map) in for every insert/move.
-
 	    // If you change this code, also update reconcileChildrenIterator() which
 	    // uses the same algorithm.
-
 	    {
 	      // First, validate keys.
 	      var knownKeys = null;
+
 	      for (var i = 0; i < newChildren.length; i++) {
 	        var child = newChildren[i];
 	        knownKeys = warnOnInvalidKey(child, knownKeys);
@@ -16056,11 +19650,11 @@
 
 	    var resultingFirstChild = null;
 	    var previousNewFiber = null;
-
 	    var oldFiber = currentFirstChild;
 	    var lastPlacedIndex = 0;
 	    var newIdx = 0;
 	    var nextOldFiber = null;
+
 	    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
 	      if (oldFiber.index > newIdx) {
 	        nextOldFiber = oldFiber;
@@ -16068,7 +19662,9 @@
 	      } else {
 	        nextOldFiber = oldFiber.sibling;
 	      }
+
 	      var newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], expirationTime);
+
 	      if (newFiber === null) {
 	        // TODO: This breaks on empty slots like null children. That's
 	        // unfortunate because it triggers the slow path all the time. We need
@@ -16077,8 +19673,10 @@
 	        if (oldFiber === null) {
 	          oldFiber = nextOldFiber;
 	        }
+
 	        break;
 	      }
+
 	      if (shouldTrackSideEffects) {
 	        if (oldFiber && newFiber.alternate === null) {
 	          // We matched the slot, but we didn't reuse the existing fiber, so we
@@ -16086,7 +19684,9 @@
 	          deleteChild(returnFiber, oldFiber);
 	        }
 	      }
+
 	      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
 	      if (previousNewFiber === null) {
 	        // TODO: Move out of the loop. This only happens for the first run.
 	        resultingFirstChild = newFiber;
@@ -16097,6 +19697,7 @@
 	        // with the previous one.
 	        previousNewFiber.sibling = newFiber;
 	      }
+
 	      previousNewFiber = newFiber;
 	      oldFiber = nextOldFiber;
 	    }
@@ -16112,28 +19713,33 @@
 	      // since the rest will all be insertions.
 	      for (; newIdx < newChildren.length; newIdx++) {
 	        var _newFiber = createChild(returnFiber, newChildren[newIdx], expirationTime);
-	        if (!_newFiber) {
+
+	        if (_newFiber === null) {
 	          continue;
 	        }
+
 	        lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx);
+
 	        if (previousNewFiber === null) {
 	          // TODO: Move out of the loop. This only happens for the first run.
 	          resultingFirstChild = _newFiber;
 	        } else {
 	          previousNewFiber.sibling = _newFiber;
 	        }
+
 	        previousNewFiber = _newFiber;
 	      }
+
 	      return resultingFirstChild;
-	    }
+	    } // Add all children to a key map for quick lookups.
+
 
-	    // Add all children to a key map for quick lookups.
-	    var existingChildren = mapRemainingChildren(returnFiber, oldFiber);
+	    var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-	    // Keep scanning and use the map to restore deleted items as moves.
 	    for (; newIdx < newChildren.length; newIdx++) {
 	      var _newFiber2 = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], expirationTime);
-	      if (_newFiber2) {
+
+	      if (_newFiber2 !== null) {
 	        if (shouldTrackSideEffects) {
 	          if (_newFiber2.alternate !== null) {
 	            // The new fiber is a work in progress, but if there exists a
@@ -16143,12 +19749,15 @@
 	            existingChildren.delete(_newFiber2.key === null ? newIdx : _newFiber2.key);
 	          }
 	        }
+
 	        lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx);
+
 	        if (previousNewFiber === null) {
 	          resultingFirstChild = _newFiber2;
 	        } else {
 	          previousNewFiber.sibling = _newFiber2;
 	        }
+
 	        previousNewFiber = _newFiber2;
 	      }
 	    }
@@ -16167,32 +19776,38 @@
 	  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, expirationTime) {
 	    // This is the same implementation as reconcileChildrenArray(),
 	    // but using the iterator instead.
-
 	    var iteratorFn = getIteratorFn(newChildrenIterable);
-	    !(typeof iteratorFn === 'function') ? invariant(false, 'An object is not an iterable. This error is likely caused by a bug in React. Please file an issue.') : void 0;
+
+	    if (!(typeof iteratorFn === 'function')) {
+	      {
+	        throw Error("An object is not an iterable. This error is likely caused by a bug in React. Please file an issue.");
+	      }
+	    }
 
 	    {
 	      // We don't support rendering Generators because it's a mutation.
 	      // See https://github.com/facebook/react/issues/12995
-	      if (typeof Symbol === 'function' &&
-	      // $FlowFixMe Flow doesn't know about toStringTag
+	      if (typeof Symbol === 'function' && // $FlowFixMe Flow doesn't know about toStringTag
 	      newChildrenIterable[Symbol.toStringTag] === 'Generator') {
 	        !didWarnAboutGenerators ? warning$1(false, 'Using Generators as children is unsupported and will likely yield ' + 'unexpected results because enumerating a generator mutates it. ' + 'You may convert it to an array with `Array.from()` or the ' + '`[...spread]` operator before rendering. Keep in mind ' + 'you might need to polyfill these features for older browsers.') : void 0;
 	        didWarnAboutGenerators = true;
-	      }
+	      } // Warn about using Maps as children
+
 
-	      // Warn about using Maps as children
 	      if (newChildrenIterable.entries === iteratorFn) {
 	        !didWarnAboutMaps ? warning$1(false, 'Using Maps as children is unsupported and will likely yield ' + 'unexpected results. Convert it to a sequence/iterable of keyed ' + 'ReactElements instead.') : void 0;
 	        didWarnAboutMaps = true;
-	      }
-
-	      // First, validate keys.
+	      } // First, validate keys.
 	      // We'll get a different iterator later for the main pass.
+
+
 	      var _newChildren = iteratorFn.call(newChildrenIterable);
+
 	      if (_newChildren) {
 	        var knownKeys = null;
+
 	        var _step = _newChildren.next();
+
 	        for (; !_step.done; _step = _newChildren.next()) {
 	          var child = _step.value;
 	          knownKeys = warnOnInvalidKey(child, knownKeys);
@@ -16201,17 +19816,21 @@
 	    }
 
 	    var newChildren = iteratorFn.call(newChildrenIterable);
-	    !(newChildren != null) ? invariant(false, 'An iterable object provided no iterator.') : void 0;
+
+	    if (!(newChildren != null)) {
+	      {
+	        throw Error("An iterable object provided no iterator.");
+	      }
+	    }
 
 	    var resultingFirstChild = null;
 	    var previousNewFiber = null;
-
 	    var oldFiber = currentFirstChild;
 	    var lastPlacedIndex = 0;
 	    var newIdx = 0;
 	    var nextOldFiber = null;
-
 	    var step = newChildren.next();
+
 	    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
 	      if (oldFiber.index > newIdx) {
 	        nextOldFiber = oldFiber;
@@ -16219,17 +19838,21 @@
 	      } else {
 	        nextOldFiber = oldFiber.sibling;
 	      }
+
 	      var newFiber = updateSlot(returnFiber, oldFiber, step.value, expirationTime);
+
 	      if (newFiber === null) {
 	        // TODO: This breaks on empty slots like null children. That's
 	        // unfortunate because it triggers the slow path all the time. We need
 	        // a better way to communicate whether this was a miss or null,
 	        // boolean, undefined, etc.
-	        if (!oldFiber) {
+	        if (oldFiber === null) {
 	          oldFiber = nextOldFiber;
 	        }
+
 	        break;
 	      }
+
 	      if (shouldTrackSideEffects) {
 	        if (oldFiber && newFiber.alternate === null) {
 	          // We matched the slot, but we didn't reuse the existing fiber, so we
@@ -16237,7 +19860,9 @@
 	          deleteChild(returnFiber, oldFiber);
 	        }
 	      }
+
 	      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
 	      if (previousNewFiber === null) {
 	        // TODO: Move out of the loop. This only happens for the first run.
 	        resultingFirstChild = newFiber;
@@ -16248,6 +19873,7 @@
 	        // with the previous one.
 	        previousNewFiber.sibling = newFiber;
 	      }
+
 	      previousNewFiber = newFiber;
 	      oldFiber = nextOldFiber;
 	    }
@@ -16263,27 +19889,32 @@
 	      // since the rest will all be insertions.
 	      for (; !step.done; newIdx++, step = newChildren.next()) {
 	        var _newFiber3 = createChild(returnFiber, step.value, expirationTime);
+
 	        if (_newFiber3 === null) {
 	          continue;
 	        }
+
 	        lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx);
+
 	        if (previousNewFiber === null) {
 	          // TODO: Move out of the loop. This only happens for the first run.
 	          resultingFirstChild = _newFiber3;
 	        } else {
 	          previousNewFiber.sibling = _newFiber3;
 	        }
+
 	        previousNewFiber = _newFiber3;
 	      }
+
 	      return resultingFirstChild;
-	    }
+	    } // Add all children to a key map for quick lookups.
+
 
-	    // Add all children to a key map for quick lookups.
-	    var existingChildren = mapRemainingChildren(returnFiber, oldFiber);
+	    var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-	    // Keep scanning and use the map to restore deleted items as moves.
 	    for (; !step.done; newIdx++, step = newChildren.next()) {
 	      var _newFiber4 = updateFromMap(existingChildren, returnFiber, newIdx, step.value, expirationTime);
+
 	      if (_newFiber4 !== null) {
 	        if (shouldTrackSideEffects) {
 	          if (_newFiber4.alternate !== null) {
@@ -16294,12 +19925,15 @@
 	            existingChildren.delete(_newFiber4.key === null ? newIdx : _newFiber4.key);
 	          }
 	        }
+
 	        lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx);
+
 	        if (previousNewFiber === null) {
 	          resultingFirstChild = _newFiber4;
 	        } else {
 	          previousNewFiber.sibling = _newFiber4;
 	        }
+
 	        previousNewFiber = _newFiber4;
 	      }
 	    }
@@ -16325,9 +19959,10 @@
 	      var existing = useFiber(currentFirstChild, textContent, expirationTime);
 	      existing.return = returnFiber;
 	      return existing;
-	    }
-	    // The existing first child is not a text node so we need to create one
+	    } // The existing first child is not a text node so we need to create one
 	    // and delete the existing ones.
+
+
 	    deleteRemainingChildren(returnFiber, currentFirstChild);
 	    var created = createFiberFromText(textContent, returnFiber.mode, expirationTime);
 	    created.return = returnFiber;
@@ -16337,19 +19972,23 @@
 	  function reconcileSingleElement(returnFiber, currentFirstChild, element, expirationTime) {
 	    var key = element.key;
 	    var child = currentFirstChild;
+
 	    while (child !== null) {
 	      // TODO: If key === null and child.key === null, then this only applies to
 	      // the first item in the list.
 	      if (child.key === key) {
-	        if (child.tag === Fragment ? element.type === REACT_FRAGMENT_TYPE : child.elementType === element.type) {
+	        if (child.tag === Fragment ? element.type === REACT_FRAGMENT_TYPE : child.elementType === element.type || ( // Keep this check inline so it only runs on the false path:
+	        isCompatibleFamilyForHotReloading(child, element))) {
 	          deleteRemainingChildren(returnFiber, child.sibling);
 	          var existing = useFiber(child, element.type === REACT_FRAGMENT_TYPE ? element.props.children : element.props, expirationTime);
 	          existing.ref = coerceRef(returnFiber, child, element);
 	          existing.return = returnFiber;
+
 	          {
 	            existing._debugSource = element._source;
 	            existing._debugOwner = element._owner;
 	          }
+
 	          return existing;
 	        } else {
 	          deleteRemainingChildren(returnFiber, child);
@@ -16358,6 +19997,7 @@
 	      } else {
 	        deleteChild(returnFiber, child);
 	      }
+
 	      child = child.sibling;
 	    }
 
@@ -16367,6 +20007,7 @@
 	      return created;
 	    } else {
 	      var _created4 = createFiberFromElement(element, returnFiber.mode, expirationTime);
+
 	      _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
 	      _created4.return = returnFiber;
 	      return _created4;
@@ -16376,6 +20017,7 @@
 	  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, expirationTime) {
 	    var key = portal.key;
 	    var child = currentFirstChild;
+
 	    while (child !== null) {
 	      // TODO: If key === null and child.key === null, then this only applies to
 	      // the first item in the list.
@@ -16392,38 +20034,40 @@
 	      } else {
 	        deleteChild(returnFiber, child);
 	      }
+
 	      child = child.sibling;
 	    }
 
 	    var created = createFiberFromPortal(portal, returnFiber.mode, expirationTime);
 	    created.return = returnFiber;
 	    return created;
-	  }
-
-	  // This API will tag the children with the side-effect of the reconciliation
+	  } // This API will tag the children with the side-effect of the reconciliation
 	  // itself. They will be added to the side-effect list as we pass through the
 	  // children and the parent.
+
+
 	  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, expirationTime) {
 	    // This function is not recursive.
 	    // If the top level item is an array, we treat it as a set of children,
 	    // not as a fragment. Nested arrays on the other hand will be treated as
 	    // fragment nodes. Recursion happens at the normal flow.
-
 	    // Handle top level unkeyed fragments as if they were arrays.
 	    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
 	    // We treat the ambiguous cases above the same.
 	    var isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
+
 	    if (isUnkeyedTopLevelFragment) {
 	      newChild = newChild.props.children;
-	    }
+	    } // Handle object types
+
 
-	    // Handle object types
 	    var isObject = typeof newChild === 'object' && newChild !== null;
 
 	    if (isObject) {
 	      switch (newChild.$$typeof) {
 	        case REACT_ELEMENT_TYPE:
 	          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, expirationTime));
+
 	        case REACT_PORTAL_TYPE:
 	          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, expirationTime));
 	      }
@@ -16450,6 +20094,7 @@
 	        warnOnFunctionType();
 	      }
 	    }
+
 	    if (typeof newChild === 'undefined' && !isUnkeyedTopLevelFragment) {
 	      // If the new child is undefined, and the return fiber is a composite
 	      // component, throw an error. If Fiber return types are disabled,
@@ -16459,6 +20104,7 @@
 	          {
 	            {
 	              var instance = returnFiber.stateNode;
+
 	              if (instance.render._isMockFunction) {
 	                // We allow auto-mocks to proceed as if they're returning null.
 	                break;
@@ -16468,15 +20114,21 @@
 	        // Intentionally fall through to the next case, which handles both
 	        // functions and classes
 	        // eslint-disable-next-lined no-fallthrough
+
 	        case FunctionComponent:
 	          {
 	            var Component = returnFiber.type;
-	            invariant(false, '%s(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.', Component.displayName || Component.name || 'Component');
+
+	            {
+	              {
+	                throw Error((Component.displayName || Component.name || 'Component') + "(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.");
+	              }
+	            }
 	          }
 	      }
-	    }
+	    } // Remaining cases are all treated as empty.
+
 
-	    // Remaining cases are all treated as empty.
 	    return deleteRemainingChildren(returnFiber, currentFirstChild);
 	  }
 
@@ -16485,9 +20137,12 @@
 
 	var reconcileChildFibers = ChildReconciler(true);
 	var mountChildFibers = ChildReconciler(false);
-
 	function cloneChildFibers(current$$1, workInProgress) {
-	  !(current$$1 === null || workInProgress.child === current$$1.child) ? invariant(false, 'Resuming work not yet implemented.') : void 0;
+	  if (!(current$$1 === null || workInProgress.child === current$$1.child)) {
+	    {
+	      throw Error("Resuming work not yet implemented.");
+	    }
+	  }
 
 	  if (workInProgress.child === null) {
 	    return;
@@ -16496,24 +20151,38 @@
 	  var currentChild = workInProgress.child;
 	  var newChild = createWorkInProgress(currentChild, currentChild.pendingProps, currentChild.expirationTime);
 	  workInProgress.child = newChild;
-
 	  newChild.return = workInProgress;
+
 	  while (currentChild.sibling !== null) {
 	    currentChild = currentChild.sibling;
 	    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps, currentChild.expirationTime);
 	    newChild.return = workInProgress;
 	  }
+
 	  newChild.sibling = null;
+	} // Reset a workInProgress child set to prepare it for a second pass.
+
+	function resetChildFibers(workInProgress, renderExpirationTime) {
+	  var child = workInProgress.child;
+
+	  while (child !== null) {
+	    resetWorkInProgress(child, renderExpirationTime);
+	    child = child.sibling;
+	  }
 	}
 
 	var NO_CONTEXT = {};
-
 	var contextStackCursor$1 = createCursor(NO_CONTEXT);
 	var contextFiberStackCursor = createCursor(NO_CONTEXT);
 	var rootInstanceStackCursor = createCursor(NO_CONTEXT);
 
 	function requiredContext(c) {
-	  !(c !== NO_CONTEXT) ? invariant(false, 'Expected host context to exist. This error is likely caused by a bug in React. Please file an issue.') : void 0;
+	  if (!(c !== NO_CONTEXT)) {
+	    {
+	      throw Error("Expected host context to exist. This error is likely caused by a bug in React. Please file an issue.");
+	    }
+	  }
+
 	  return c;
 	}
 
@@ -16525,19 +20194,18 @@
 	function pushHostContainer(fiber, nextRootInstance) {
 	  // Push current root instance onto the stack;
 	  // This allows us to reset root when portals are popped.
-	  push(rootInstanceStackCursor, nextRootInstance, fiber);
-	  // Track the context and the Fiber that provided it.
+	  push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
 	  // This enables us to pop only Fibers that provide unique contexts.
-	  push(contextFiberStackCursor, fiber, fiber);
 
-	  // Finally, we need to push the host context to the stack.
+	  push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
 	  // However, we can't just call getRootHostContext() and push it because
 	  // we'd have a different number of entries on the stack depending on
 	  // whether getRootHostContext() throws somewhere in renderer code or not.
 	  // So we push an empty value first. This lets us safely unwind on errors.
+
 	  push(contextStackCursor$1, NO_CONTEXT, fiber);
-	  var nextRootContext = getRootHostContext(nextRootInstance);
-	  // Now that we know this function doesn't throw, replace it.
+	  var nextRootContext = getRootHostContext(nextRootInstance); // Now that we know this function doesn't throw, replace it.
+
 	  pop(contextStackCursor$1, fiber);
 	  push(contextStackCursor$1, nextRootContext, fiber);
 	}
@@ -16556,15 +20224,14 @@
 	function pushHostContext(fiber) {
 	  var rootInstance = requiredContext(rootInstanceStackCursor.current);
 	  var context = requiredContext(contextStackCursor$1.current);
-	  var nextContext = getChildHostContext(context, fiber.type, rootInstance);
+	  var nextContext = getChildHostContext(context, fiber.type, rootInstance); // Don't push this Fiber's context unless it's unique.
 
-	  // Don't push this Fiber's context unless it's unique.
 	  if (context === nextContext) {
 	    return;
-	  }
-
-	  // Track the context and the Fiber that provided it.
+	  } // Track the context and the Fiber that provided it.
 	  // This enables us to pop only Fibers that provide unique contexts.
+
+
 	  push(contextFiberStackCursor, fiber, fiber);
 	  push(contextStackCursor$1, nextContext, fiber);
 	}
@@ -16580,67 +20247,346 @@
 	  pop(contextFiberStackCursor, fiber);
 	}
 
-	var NoEffect$1 = /*             */0;
-	var UnmountSnapshot = /*      */2;
-	var UnmountMutation = /*      */4;
-	var MountMutation = /*        */8;
-	var UnmountLayout = /*        */16;
-	var MountLayout = /*          */32;
-	var MountPassive = /*         */64;
-	var UnmountPassive = /*       */128;
+	var DefaultSuspenseContext = 0; // The Suspense Context is split into two parts. The lower bits is
+	// inherited deeply down the subtree. The upper bits only affect
+	// this immediate suspense boundary and gets reset each new
+	// boundary or suspense list.
 
-	var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+	var SubtreeSuspenseContextMask = 1; // Subtree Flags:
+	// InvisibleParentSuspenseContext indicates that one of our parent Suspense
+	// boundaries is not currently showing visible main content.
+	// Either because it is already showing a fallback or is not mounted at all.
+	// We can use this to determine if it is desirable to trigger a fallback at
+	// the parent. If not, then we might need to trigger undesirable boundaries
+	// and/or suspend the commit to avoid hiding the parent content.
+
+	var InvisibleParentSuspenseContext = 1; // Shallow Flags:
+	// ForceSuspenseFallback can be used by SuspenseList to force newly added
+	// items into their fallback state during one of the render passes.
+
+	var ForceSuspenseFallback = 2;
+	var suspenseStackCursor = createCursor(DefaultSuspenseContext);
+	function hasSuspenseContext(parentContext, flag) {
+	  return (parentContext & flag) !== 0;
+	}
+	function setDefaultShallowSuspenseContext(parentContext) {
+	  return parentContext & SubtreeSuspenseContextMask;
+	}
+	function setShallowSuspenseContext(parentContext, shallowContext) {
+	  return parentContext & SubtreeSuspenseContextMask | shallowContext;
+	}
+	function addSubtreeSuspenseContext(parentContext, subtreeContext) {
+	  return parentContext | subtreeContext;
+	}
+	function pushSuspenseContext(fiber, newContext) {
+	  push(suspenseStackCursor, newContext, fiber);
+	}
+	function popSuspenseContext(fiber) {
+	  pop(suspenseStackCursor, fiber);
+	}
+
+	function shouldCaptureSuspense(workInProgress, hasInvisibleParent) {
+	  // If it was the primary children that just suspended, capture and render the
+	  // fallback. Otherwise, don't capture and bubble to the next boundary.
+	  var nextState = workInProgress.memoizedState;
+
+	  if (nextState !== null) {
+	    if (nextState.dehydrated !== null) {
+	      // A dehydrated boundary always captures.
+	      return true;
+	    }
+
+	    return false;
+	  }
+
+	  var props = workInProgress.memoizedProps; // In order to capture, the Suspense component must have a fallback prop.
+
+	  if (props.fallback === undefined) {
+	    return false;
+	  } // Regular boundaries always capture.
+
+
+	  if (props.unstable_avoidThisFallback !== true) {
+	    return true;
+	  } // If it's a boundary we should avoid, then we prefer to bubble up to the
+	  // parent boundary if it is currently invisible.
+
+
+	  if (hasInvisibleParent) {
+	    return false;
+	  } // If the parent is not able to handle it, we must handle it.
+
+
+	  return true;
+	}
+	function findFirstSuspended(row) {
+	  var node = row;
+
+	  while (node !== null) {
+	    if (node.tag === SuspenseComponent) {
+	      var state = node.memoizedState;
+
+	      if (state !== null) {
+	        var dehydrated = state.dehydrated;
+
+	        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
+	          return node;
+	        }
+	      }
+	    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
+	    // keep track of whether it suspended or not.
+	    node.memoizedProps.revealOrder !== undefined) {
+	      var didSuspend = (node.effectTag & DidCapture) !== NoEffect;
+
+	      if (didSuspend) {
+	        return node;
+	      }
+	    } else if (node.child !== null) {
+	      node.child.return = node;
+	      node = node.child;
+	      continue;
+	    }
+
+	    if (node === row) {
+	      return null;
+	    }
+
+	    while (node.sibling === null) {
+	      if (node.return === null || node.return === row) {
+	        return null;
+	      }
+
+	      node = node.return;
+	    }
+
+	    node.sibling.return = node.return;
+	    node = node.sibling;
+	  }
+
+	  return null;
+	}
+
+	var emptyObject = {};
+	var isArray$2 = Array.isArray;
+	function createResponderInstance(responder, responderProps, responderState, fiber) {
+	  return {
+	    fiber: fiber,
+	    props: responderProps,
+	    responder: responder,
+	    rootEventTypes: null,
+	    state: responderState
+	  };
+	}
+
+	function mountEventResponder$1(responder, responderProps, fiber, respondersMap, rootContainerInstance) {
+	  var responderState = emptyObject;
+	  var getInitialState = responder.getInitialState;
+
+	  if (getInitialState !== null) {
+	    responderState = getInitialState(responderProps);
+	  }
+
+	  var responderInstance = createResponderInstance(responder, responderProps, responderState, fiber);
+
+	  if (!rootContainerInstance) {
+	    var node = fiber;
+
+	    while (node !== null) {
+	      var tag = node.tag;
+
+	      if (tag === HostComponent) {
+	        rootContainerInstance = node.stateNode;
+	        break;
+	      } else if (tag === HostRoot) {
+	        rootContainerInstance = node.stateNode.containerInfo;
+	        break;
+	      }
+
+	      node = node.return;
+	    }
+	  }
+
+	  mountResponderInstance(responder, responderInstance, responderProps, responderState, rootContainerInstance);
+	  respondersMap.set(responder, responderInstance);
+	}
+
+	function updateEventListener(listener, fiber, visistedResponders, respondersMap, rootContainerInstance) {
+	  var responder;
+	  var props;
+
+	  if (listener) {
+	    responder = listener.responder;
+	    props = listener.props;
+	  }
+
+	  if (!(responder && responder.$$typeof === REACT_RESPONDER_TYPE)) {
+	    {
+	      throw Error("An invalid value was used as an event listener. Expect one or many event listeners created via React.unstable_useResponder().");
+	    }
+	  }
+
+	  var listenerProps = props;
+
+	  if (visistedResponders.has(responder)) {
+	    // show warning
+	    {
+	      warning$1(false, 'Duplicate event responder "%s" found in event listeners. ' + 'Event listeners passed to elements cannot use the same event responder more than once.', responder.displayName);
+	    }
+
+	    return;
+	  }
 
+	  visistedResponders.add(responder);
+	  var responderInstance = respondersMap.get(responder);
+
+	  if (responderInstance === undefined) {
+	    // Mount (happens in either complete or commit phase)
+	    mountEventResponder$1(responder, listenerProps, fiber, respondersMap, rootContainerInstance);
+	  } else {
+	    // Update (happens during commit phase only)
+	    responderInstance.props = listenerProps;
+	    responderInstance.fiber = fiber;
+	  }
+	}
+
+	function updateEventListeners(listeners, fiber, rootContainerInstance) {
+	  var visistedResponders = new Set();
+	  var dependencies = fiber.dependencies;
+
+	  if (listeners != null) {
+	    if (dependencies === null) {
+	      dependencies = fiber.dependencies = {
+	        expirationTime: NoWork,
+	        firstContext: null,
+	        responders: new Map()
+	      };
+	    }
+
+	    var respondersMap = dependencies.responders;
+
+	    if (respondersMap === null) {
+	      respondersMap = new Map();
+	    }
+
+	    if (isArray$2(listeners)) {
+	      for (var i = 0, length = listeners.length; i < length; i++) {
+	        var listener = listeners[i];
+	        updateEventListener(listener, fiber, visistedResponders, respondersMap, rootContainerInstance);
+	      }
+	    } else {
+	      updateEventListener(listeners, fiber, visistedResponders, respondersMap, rootContainerInstance);
+	    }
+	  }
+
+	  if (dependencies !== null) {
+	    var _respondersMap = dependencies.responders;
+
+	    if (_respondersMap !== null) {
+	      // Unmount
+	      var mountedResponders = Array.from(_respondersMap.keys());
+
+	      for (var _i = 0, _length = mountedResponders.length; _i < _length; _i++) {
+	        var mountedResponder = mountedResponders[_i];
+
+	        if (!visistedResponders.has(mountedResponder)) {
+	          var responderInstance = _respondersMap.get(mountedResponder);
+
+	          unmountResponderInstance(responderInstance);
+
+	          _respondersMap.delete(mountedResponder);
+	        }
+	      }
+	    }
+	  }
+	}
+	function createResponderListener(responder, props) {
+	  var eventResponderListener = {
+	    responder: responder,
+	    props: props
+	  };
+
+	  {
+	    Object.freeze(eventResponderListener);
+	  }
+
+	  return eventResponderListener;
+	}
+
+	var NoEffect$1 =
+	/*             */
+	0;
+	var UnmountSnapshot =
+	/*      */
+	2;
+	var UnmountMutation =
+	/*      */
+	4;
+	var MountMutation =
+	/*        */
+	8;
+	var UnmountLayout =
+	/*        */
+	16;
+	var MountLayout =
+	/*          */
+	32;
+	var MountPassive =
+	/*         */
+	64;
+	var UnmountPassive =
+	/*       */
+	128;
+
+	var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+	var ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
+	var didWarnAboutMismatchedHooksForComponent;
 
-	var didWarnAboutMismatchedHooksForComponent = void 0;
 	{
 	  didWarnAboutMismatchedHooksForComponent = new Set();
 	}
 
 	// These are set right before calling the component.
-	var renderExpirationTime = NoWork;
-	// The work-in-progress fiber. I've named it differently to distinguish it from
+	var renderExpirationTime$1 = NoWork; // The work-in-progress fiber. I've named it differently to distinguish it from
 	// the work-in-progress hook.
-	var currentlyRenderingFiber$1 = null;
 
-	// Hooks are stored as a linked list on the fiber's memoizedState field. The
+	var currentlyRenderingFiber$1 = null; // Hooks are stored as a linked list on the fiber's memoizedState field. The
 	// current hook list is the list that belongs to the current fiber. The
 	// work-in-progress hook list is a new list that will be added to the
 	// work-in-progress fiber.
+
 	var currentHook = null;
 	var nextCurrentHook = null;
 	var firstWorkInProgressHook = null;
 	var workInProgressHook = null;
 	var nextWorkInProgressHook = null;
-
 	var remainingExpirationTime = NoWork;
 	var componentUpdateQueue = null;
-	var sideEffectTag = 0;
-
-	// Updates scheduled during render will trigger an immediate re-render at the
+	var sideEffectTag = 0; // Updates scheduled during render will trigger an immediate re-render at the
 	// end of the current pass. We can't store these updates on the normal queue,
 	// because if the work is aborted, they should be discarded. Because this is
 	// a relatively rare case, we also don't want to add an additional field to
 	// either the hook or queue object types. So we store them in a lazily create
 	// map of queue -> render-phase updates, which are discarded once the component
 	// completes without re-rendering.
-
 	// Whether an update was scheduled during the currently executing render pass.
-	var didScheduleRenderPhaseUpdate = false;
-	// Lazily created map of render-phase updates
-	var renderPhaseUpdates = null;
-	// Counter to prevent infinite loops.
-	var numberOfReRenders = 0;
-	var RE_RENDER_LIMIT = 25;
 
-	// In DEV, this is the name of the currently executing primitive hook
-	var currentHookNameInDev = null;
+	var didScheduleRenderPhaseUpdate = false; // Lazily created map of render-phase updates
+
+	var renderPhaseUpdates = null; // Counter to prevent infinite loops.
+
+	var numberOfReRenders = 0;
+	var RE_RENDER_LIMIT = 25; // In DEV, this is the name of the currently executing primitive hook
 
-	// In DEV, this list ensures that hooks are called in the same order between renders.
+	var currentHookNameInDev = null; // In DEV, this list ensures that hooks are called in the same order between renders.
 	// The list stores the order of hooks used during the initial render (mount).
 	// Subsequent renders (updates) reference this list.
+
 	var hookTypesDev = null;
-	var hookTypesUpdateIndexDev = -1;
+	var hookTypesUpdateIndexDev = -1; // In DEV, this tracks whether currently rendering component needs to ignore
+	// the dependencies for Hooks that need them (e.g. useEffect or useMemo).
+	// When true, such Hooks will always be "remounted". Only used during hot reload.
+
+	var ignorePreviousDependencies = false;
 
 	function mountHookTypesDev() {
 	  {
@@ -16660,6 +20606,7 @@
 
 	    if (hookTypesDev !== null) {
 	      hookTypesUpdateIndexDev++;
+
 	      if (hookTypesDev[hookTypesUpdateIndexDev] !== hookName) {
 	        warnOnHookMismatchInDev(hookName);
 	      }
@@ -16667,31 +20614,38 @@
 	  }
 	}
 
+	function checkDepsAreArrayDev(deps) {
+	  {
+	    if (deps !== undefined && deps !== null && !Array.isArray(deps)) {
+	      // Verify deps, but only on mount to avoid extra checks.
+	      // It's unlikely their type would change as usually you define them inline.
+	      warning$1(false, '%s received a final argument that is not an array (instead, received `%s`). When ' + 'specified, the final argument must be an array.', currentHookNameInDev, typeof deps);
+	    }
+	  }
+	}
+
 	function warnOnHookMismatchInDev(currentHookName) {
 	  {
 	    var componentName = getComponentName(currentlyRenderingFiber$1.type);
+
 	    if (!didWarnAboutMismatchedHooksForComponent.has(componentName)) {
 	      didWarnAboutMismatchedHooksForComponent.add(componentName);
 
 	      if (hookTypesDev !== null) {
 	        var table = '';
-
 	        var secondColumnStart = 30;
 
 	        for (var i = 0; i <= hookTypesUpdateIndexDev; i++) {
 	          var oldHookName = hookTypesDev[i];
 	          var newHookName = i === hookTypesUpdateIndexDev ? currentHookName : oldHookName;
-
-	          var row = i + 1 + '. ' + oldHookName;
-
-	          // Extra space so second column lines up
+	          var row = i + 1 + ". " + oldHookName; // Extra space so second column lines up
 	          // lol @ IE not supporting String#repeat
+
 	          while (row.length < secondColumnStart) {
 	            row += ' ';
 	          }
 
 	          row += newHookName + '\n';
-
 	          table += row;
 	        }
 
@@ -16702,14 +20656,26 @@
 	}
 
 	function throwInvalidHookError() {
-	  invariant(false, 'Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.');
+	  {
+	    {
+	      throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.");
+	    }
+	  }
 	}
 
 	function areHookInputsEqual(nextDeps, prevDeps) {
+	  {
+	    if (ignorePreviousDependencies) {
+	      // Only true when this component is being hot reloaded.
+	      return false;
+	    }
+	  }
+
 	  if (prevDeps === null) {
 	    {
 	      warning$1(false, '%s received a final argument during this render, but not during ' + 'the previous render. Even though the final argument is optional, ' + 'its type cannot change between renders.', currentHookNameInDev);
 	    }
+
 	    return false;
 	  }
 
@@ -16717,47 +20683,48 @@
 	    // Don't bother comparing lengths in prod because these arrays should be
 	    // passed inline.
 	    if (nextDeps.length !== prevDeps.length) {
-	      warning$1(false, 'The final argument passed to %s changed size between renders. The ' + 'order and size of this array must remain constant.\n\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, '[' + nextDeps.join(', ') + ']', '[' + prevDeps.join(', ') + ']');
+	      warning$1(false, 'The final argument passed to %s changed size between renders. The ' + 'order and size of this array must remain constant.\n\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + prevDeps.join(', ') + "]", "[" + nextDeps.join(', ') + "]");
 	    }
 	  }
+
 	  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-	    if (is(nextDeps[i], prevDeps[i])) {
+	    if (is$1(nextDeps[i], prevDeps[i])) {
 	      continue;
 	    }
+
 	    return false;
 	  }
+
 	  return true;
 	}
 
 	function renderWithHooks(current, workInProgress, Component, props, refOrContext, nextRenderExpirationTime) {
-	  renderExpirationTime = nextRenderExpirationTime;
+	  renderExpirationTime$1 = nextRenderExpirationTime;
 	  currentlyRenderingFiber$1 = workInProgress;
 	  nextCurrentHook = current !== null ? current.memoizedState : null;
 
 	  {
 	    hookTypesDev = current !== null ? current._debugHookTypes : null;
-	    hookTypesUpdateIndexDev = -1;
-	  }
+	    hookTypesUpdateIndexDev = -1; // Used for hot reloading:
 
-	  // The following should have already been reset
+	    ignorePreviousDependencies = current !== null && current.type !== workInProgress.type;
+	  } // The following should have already been reset
 	  // currentHook = null;
 	  // workInProgressHook = null;
-
 	  // remainingExpirationTime = NoWork;
 	  // componentUpdateQueue = null;
-
 	  // didScheduleRenderPhaseUpdate = false;
 	  // renderPhaseUpdates = null;
 	  // numberOfReRenders = 0;
 	  // sideEffectTag = 0;
-
 	  // TODO Warn if no hooks are used at all during mount, then some are used during update.
 	  // Currently we will identify the update render as a mount because nextCurrentHook === null.
 	  // This is tricky because it's valid for certain types of components (e.g. React.lazy)
-
 	  // Using nextCurrentHook to differentiate between mount/update only works if at least one stateful hook is used.
 	  // Non-stateful hooks (e.g. context) don't get added to memoizedState,
 	  // so nextCurrentHook would be null during updates and mounts.
+
+
 	  {
 	    if (nextCurrentHook !== null) {
 	      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
@@ -16780,10 +20747,15 @@
 	      didScheduleRenderPhaseUpdate = false;
 	      numberOfReRenders += 1;
 
-	      // Start over from the beginning of the list
+	      {
+	        // Even when hot reloading, allow dependencies to stabilize
+	        // after first render to prevent infinite render phase updates.
+	        ignorePreviousDependencies = false;
+	      } // Start over from the beginning of the list
+
+
 	      nextCurrentHook = current !== null ? current.memoizedState : null;
 	      nextWorkInProgressHook = firstWorkInProgressHook;
-
 	      currentHook = null;
 	      workInProgressHook = null;
 	      componentUpdateQueue = null;
@@ -16794,20 +20766,17 @@
 	      }
 
 	      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
-
 	      children = Component(props, refOrContext);
 	    } while (didScheduleRenderPhaseUpdate);
 
 	    renderPhaseUpdates = null;
 	    numberOfReRenders = 0;
-	  }
-
-	  // We can assume the previous dispatcher is always this one, since we set it
+	  } // We can assume the previous dispatcher is always this one, since we set it
 	  // at the beginning of the render phase and there's no re-entrancy.
-	  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
 
-	  var renderedWork = currentlyRenderingFiber$1;
 
+	  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+	  var renderedWork = currentlyRenderingFiber$1;
 	  renderedWork.memoizedState = firstWorkInProgressHook;
 	  renderedWork.expirationTime = remainingExpirationTime;
 	  renderedWork.updateQueue = componentUpdateQueue;
@@ -16815,15 +20784,13 @@
 
 	  {
 	    renderedWork._debugHookTypes = hookTypesDev;
-	  }
-
-	  // This check uses currentHook so that it works the same in DEV and prod bundles.
+	  } // This check uses currentHook so that it works the same in DEV and prod bundles.
 	  // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
-	  var didRenderTooFewHooks = currentHook !== null && currentHook.next !== null;
 
-	  renderExpirationTime = NoWork;
-	  currentlyRenderingFiber$1 = null;
 
+	  var didRenderTooFewHooks = currentHook !== null && currentHook.next !== null;
+	  renderExpirationTime$1 = NoWork;
+	  currentlyRenderingFiber$1 = null;
 	  currentHook = null;
 	  nextCurrentHook = null;
 	  firstWorkInProgressHook = null;
@@ -16838,37 +20805,36 @@
 
 	  remainingExpirationTime = NoWork;
 	  componentUpdateQueue = null;
-	  sideEffectTag = 0;
-
-	  // These were reset above
+	  sideEffectTag = 0; // These were reset above
 	  // didScheduleRenderPhaseUpdate = false;
 	  // renderPhaseUpdates = null;
 	  // numberOfReRenders = 0;
 
-	  !!didRenderTooFewHooks ? invariant(false, 'Rendered fewer hooks than expected. This may be caused by an accidental early return statement.') : void 0;
+	  if (!!didRenderTooFewHooks) {
+	    {
+	      throw Error("Rendered fewer hooks than expected. This may be caused by an accidental early return statement.");
+	    }
+	  }
 
 	  return children;
 	}
-
 	function bailoutHooks(current, workInProgress, expirationTime) {
 	  workInProgress.updateQueue = current.updateQueue;
 	  workInProgress.effectTag &= ~(Passive | Update);
+
 	  if (current.expirationTime <= expirationTime) {
 	    current.expirationTime = NoWork;
 	  }
 	}
-
 	function resetHooks() {
 	  // We can assume the previous dispatcher is always this one, since we set it
 	  // at the beginning of the render phase and there's no re-entrancy.
-	  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
-
-	  // This is used to reset the state of this module when a component throws.
+	  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher; // This is used to reset the state of this module when a component throws.
 	  // It's also called inside mountIndeterminateComponent if we determine the
 	  // component is a module-style component.
-	  renderExpirationTime = NoWork;
-	  currentlyRenderingFiber$1 = null;
 
+	  renderExpirationTime$1 = NoWork;
+	  currentlyRenderingFiber$1 = null;
 	  currentHook = null;
 	  nextCurrentHook = null;
 	  firstWorkInProgressHook = null;
@@ -16878,14 +20844,12 @@
 	  {
 	    hookTypesDev = null;
 	    hookTypesUpdateIndexDev = -1;
-
 	    currentHookNameInDev = null;
 	  }
 
 	  remainingExpirationTime = NoWork;
 	  componentUpdateQueue = null;
 	  sideEffectTag = 0;
-
 	  didScheduleRenderPhaseUpdate = false;
 	  renderPhaseUpdates = null;
 	  numberOfReRenders = 0;
@@ -16894,11 +20858,9 @@
 	function mountWorkInProgressHook() {
 	  var hook = {
 	    memoizedState: null,
-
 	    baseState: null,
 	    queue: null,
 	    baseUpdate: null,
-
 	    next: null
 	  };
 
@@ -16909,6 +20871,7 @@
 	    // Append to the end of the list
 	    workInProgressHook = workInProgressHook.next = hook;
 	  }
+
 	  return workInProgressHook;
 	}
 
@@ -16922,21 +20885,22 @@
 	    // There's already a work-in-progress. Reuse it.
 	    workInProgressHook = nextWorkInProgressHook;
 	    nextWorkInProgressHook = workInProgressHook.next;
-
 	    currentHook = nextCurrentHook;
 	    nextCurrentHook = currentHook !== null ? currentHook.next : null;
 	  } else {
 	    // Clone from the current hook.
-	    !(nextCurrentHook !== null) ? invariant(false, 'Rendered more hooks than during the previous render.') : void 0;
-	    currentHook = nextCurrentHook;
+	    if (!(nextCurrentHook !== null)) {
+	      {
+	        throw Error("Rendered more hooks than during the previous render.");
+	      }
+	    }
 
+	    currentHook = nextCurrentHook;
 	    var newHook = {
 	      memoizedState: currentHook.memoizedState,
-
 	      baseState: currentHook.baseState,
 	      queue: currentHook.queue,
 	      baseUpdate: currentHook.baseUpdate,
-
 	      next: null
 	    };
 
@@ -16947,8 +20911,10 @@
 	      // Append to the end of the list.
 	      workInProgressHook = workInProgressHook.next = newHook;
 	    }
+
 	    nextCurrentHook = currentHook.next;
 	  }
+
 	  return workInProgressHook;
 	}
 
@@ -16964,12 +20930,14 @@
 
 	function mountReducer(reducer, initialArg, init) {
 	  var hook = mountWorkInProgressHook();
-	  var initialState = void 0;
+	  var initialState;
+
 	  if (init !== undefined) {
 	    initialState = init(initialArg);
 	  } else {
 	    initialState = initialArg;
 	  }
+
 	  hook.memoizedState = hook.baseState = initialState;
 	  var queue = hook.queue = {
 	    last: null,
@@ -16977,8 +20945,7 @@
 	    lastRenderedReducer: reducer,
 	    lastRenderedState: initialState
 	  };
-	  var dispatch = queue.dispatch = dispatchAction.bind(null,
-	  // Flow doesn't know this is non-null, but we do.
+	  var dispatch = queue.dispatch = dispatchAction.bind(null, // Flow doesn't know this is non-null, but we do.
 	  currentlyRenderingFiber$1, queue);
 	  return [hook.memoizedState, dispatch];
 	}
@@ -16986,60 +20953,69 @@
 	function updateReducer(reducer, initialArg, init) {
 	  var hook = updateWorkInProgressHook();
 	  var queue = hook.queue;
-	  !(queue !== null) ? invariant(false, 'Should have a queue. This is likely a bug in React. Please file an issue.') : void 0;
+
+	  if (!(queue !== null)) {
+	    {
+	      throw Error("Should have a queue. This is likely a bug in React. Please file an issue.");
+	    }
+	  }
 
 	  queue.lastRenderedReducer = reducer;
 
 	  if (numberOfReRenders > 0) {
 	    // This is a re-render. Apply the new render phase updates to the previous
+	    // work-in-progress hook.
 	    var _dispatch = queue.dispatch;
+
 	    if (renderPhaseUpdates !== null) {
 	      // Render phase updates are stored in a map of queue -> linked list
 	      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+
 	      if (firstRenderPhaseUpdate !== undefined) {
 	        renderPhaseUpdates.delete(queue);
 	        var newState = hook.memoizedState;
 	        var update = firstRenderPhaseUpdate;
+
 	        do {
 	          // Process this render phase update. We don't have to check the
 	          // priority because it will always be the same as the current
 	          // render's.
-	          var _action = update.action;
-	          newState = reducer(newState, _action);
+	          var action = update.action;
+	          newState = reducer(newState, action);
 	          update = update.next;
-	        } while (update !== null);
-
-	        // Mark that the fiber performed work, but only if the new state is
+	        } while (update !== null); // Mark that the fiber performed work, but only if the new state is
 	        // different from the current state.
-	        if (!is(newState, hook.memoizedState)) {
+
+
+	        if (!is$1(newState, hook.memoizedState)) {
 	          markWorkInProgressReceivedUpdate();
 	        }
 
-	        hook.memoizedState = newState;
-	        // Don't persist the state accumlated from the render phase updates to
+	        hook.memoizedState = newState; // Don't persist the state accumulated from the render phase updates to
 	        // the base state unless the queue is empty.
 	        // TODO: Not sure if this is the desired semantics, but it's what we
 	        // do for gDSFP. I can't remember why.
+
 	        if (hook.baseUpdate === queue.last) {
 	          hook.baseState = newState;
 	        }
 
 	        queue.lastRenderedState = newState;
-
 	        return [newState, _dispatch];
 	      }
 	    }
+
 	    return [hook.memoizedState, _dispatch];
-	  }
+	  } // The last update in the entire queue
+
+
+	  var last = queue.last; // The last update that is part of the base state.
 
-	  // The last update in the entire queue
-	  var last = queue.last;
-	  // The last update that is part of the base state.
 	  var baseUpdate = hook.baseUpdate;
-	  var baseState = hook.baseState;
+	  var baseState = hook.baseState; // Find the first unprocessed update.
+
+	  var first;
 
-	  // Find the first unprocessed update.
-	  var first = void 0;
 	  if (baseUpdate !== null) {
 	    if (last !== null) {
 	      // For the first update, the queue is a circular linked list where
@@ -17047,10 +21023,12 @@
 	      // the `baseUpdate` is no longer empty, we can unravel the list.
 	      last.next = null;
 	    }
+
 	    first = baseUpdate.next;
 	  } else {
 	    first = last !== null ? last.next : null;
 	  }
+
 	  if (first !== null) {
 	    var _newState = baseState;
 	    var newBaseState = null;
@@ -17058,9 +21036,11 @@
 	    var prevUpdate = baseUpdate;
 	    var _update = first;
 	    var didSkip = false;
+
 	    do {
 	      var updateExpirationTime = _update.expirationTime;
-	      if (updateExpirationTime < renderExpirationTime) {
+
+	      if (updateExpirationTime < renderExpirationTime$1) {
 	        // Priority is insufficient. Skip this update. If this is the first
 	        // skipped update, the previous update/state is the new base
 	        // update/state.
@@ -17068,22 +21048,33 @@
 	          didSkip = true;
 	          newBaseUpdate = prevUpdate;
 	          newBaseState = _newState;
-	        }
-	        // Update the remaining priority in the queue.
+	        } // Update the remaining priority in the queue.
+
+
 	        if (updateExpirationTime > remainingExpirationTime) {
 	          remainingExpirationTime = updateExpirationTime;
+	          markUnprocessedUpdateTime(remainingExpirationTime);
 	        }
 	      } else {
-	        // Process this update.
+	        // This update does have sufficient priority.
+	        // Mark the event time of this update as relevant to this render pass.
+	        // TODO: This should ideally use the true event time of this update rather than
+	        // its priority which is a derived and not reverseable value.
+	        // TODO: We should skip this update if it was already committed but currently
+	        // we have no way of detecting the difference between a committed and suspended
+	        // update here.
+	        markRenderEventTimeAndConfig(updateExpirationTime, _update.suspenseConfig); // Process this update.
+
 	        if (_update.eagerReducer === reducer) {
 	          // If this update was processed eagerly, and its reducer matches the
 	          // current reducer, we can use the eagerly computed state.
 	          _newState = _update.eagerState;
 	        } else {
-	          var _action2 = _update.action;
-	          _newState = reducer(_newState, _action2);
+	          var _action = _update.action;
+	          _newState = reducer(_newState, _action);
 	        }
 	      }
+
 	      prevUpdate = _update;
 	      _update = _update.next;
 	    } while (_update !== null && _update !== first);
@@ -17091,18 +21082,17 @@
 	    if (!didSkip) {
 	      newBaseUpdate = prevUpdate;
 	      newBaseState = _newState;
-	    }
-
-	    // Mark that the fiber performed work, but only if the new state is
+	    } // Mark that the fiber performed work, but only if the new state is
 	    // different from the current state.
-	    if (!is(_newState, hook.memoizedState)) {
+
+
+	    if (!is$1(_newState, hook.memoizedState)) {
 	      markWorkInProgressReceivedUpdate();
 	    }
 
 	    hook.memoizedState = _newState;
 	    hook.baseUpdate = newBaseUpdate;
 	    hook.baseState = newBaseState;
-
 	    queue.lastRenderedState = _newState;
 	  }
 
@@ -17112,9 +21102,11 @@
 
 	function mountState(initialState) {
 	  var hook = mountWorkInProgressHook();
+
 	  if (typeof initialState === 'function') {
 	    initialState = initialState();
 	  }
+
 	  hook.memoizedState = hook.baseState = initialState;
 	  var queue = hook.queue = {
 	    last: null,
@@ -17122,8 +21114,7 @@
 	    lastRenderedReducer: basicStateReducer,
 	    lastRenderedState: initialState
 	  };
-	  var dispatch = queue.dispatch = dispatchAction.bind(null,
-	  // Flow doesn't know this is non-null, but we do.
+	  var dispatch = queue.dispatch = dispatchAction.bind(null, // Flow doesn't know this is non-null, but we do.
 	  currentlyRenderingFiber$1, queue);
 	  return [hook.memoizedState, dispatch];
 	}
@@ -17141,29 +21132,36 @@
 	    // Circular
 	    next: null
 	  };
+
 	  if (componentUpdateQueue === null) {
 	    componentUpdateQueue = createFunctionComponentUpdateQueue();
 	    componentUpdateQueue.lastEffect = effect.next = effect;
 	  } else {
-	    var _lastEffect = componentUpdateQueue.lastEffect;
-	    if (_lastEffect === null) {
+	    var lastEffect = componentUpdateQueue.lastEffect;
+
+	    if (lastEffect === null) {
 	      componentUpdateQueue.lastEffect = effect.next = effect;
 	    } else {
-	      var firstEffect = _lastEffect.next;
-	      _lastEffect.next = effect;
+	      var firstEffect = lastEffect.next;
+	      lastEffect.next = effect;
 	      effect.next = firstEffect;
 	      componentUpdateQueue.lastEffect = effect;
 	    }
 	  }
+
 	  return effect;
 	}
 
 	function mountRef(initialValue) {
 	  var hook = mountWorkInProgressHook();
-	  var ref = { current: initialValue };
+	  var ref = {
+	    current: initialValue
+	  };
+
 	  {
 	    Object.seal(ref);
 	  }
+
 	  hook.memoizedState = ref;
 	  return ref;
 	}
@@ -17188,8 +21186,10 @@
 	  if (currentHook !== null) {
 	    var prevEffect = currentHook.memoizedState;
 	    destroy = prevEffect.destroy;
+
 	    if (nextDeps !== null) {
 	      var prevDeps = prevEffect.deps;
+
 	      if (areHookInputsEqual(nextDeps, prevDeps)) {
 	        pushEffect(NoEffect$1, create, destroy, nextDeps);
 	        return;
@@ -17202,10 +21202,24 @@
 	}
 
 	function mountEffect(create, deps) {
+	  {
+	    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+	    if ('undefined' !== typeof jest) {
+	      warnIfNotCurrentlyActingEffectsInDEV(currentlyRenderingFiber$1);
+	    }
+	  }
+
 	  return mountEffectImpl(Update | Passive, UnmountPassive | MountPassive, create, deps);
 	}
 
 	function updateEffect(create, deps) {
+	  {
+	    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+	    if ('undefined' !== typeof jest) {
+	      warnIfNotCurrentlyActingEffectsInDEV(currentlyRenderingFiber$1);
+	    }
+	  }
+
 	  return updateEffectImpl(Update | Passive, UnmountPassive | MountPassive, create, deps);
 	}
 
@@ -17220,17 +21234,22 @@
 	function imperativeHandleEffect(create, ref) {
 	  if (typeof ref === 'function') {
 	    var refCallback = ref;
+
 	    var _inst = create();
+
 	    refCallback(_inst);
 	    return function () {
 	      refCallback(null);
 	    };
 	  } else if (ref !== null && ref !== undefined) {
 	    var refObject = ref;
+
 	    {
 	      !refObject.hasOwnProperty('current') ? warning$1(false, 'Expected useImperativeHandle() first argument to either be a ' + 'ref callback or React.createRef() object. Instead received: %s.', 'an object with keys {' + Object.keys(refObject).join(', ') + '}') : void 0;
 	    }
+
 	    var _inst2 = create();
+
 	    refObject.current = _inst2;
 	    return function () {
 	      refObject.current = null;
@@ -17241,27 +21260,24 @@
 	function mountImperativeHandle(ref, create, deps) {
 	  {
 	    !(typeof create === 'function') ? warning$1(false, 'Expected useImperativeHandle() second argument to be a function ' + 'that creates a handle. Instead received: %s.', create !== null ? typeof create : 'null') : void 0;
-	  }
+	  } // TODO: If deps are provided, should we skip comparing the ref itself?
 
-	  // TODO: If deps are provided, should we skip comparing the ref itself?
-	  var effectDeps = deps !== null && deps !== undefined ? deps.concat([ref]) : null;
 
+	  var effectDeps = deps !== null && deps !== undefined ? deps.concat([ref]) : null;
 	  return mountEffectImpl(Update, UnmountMutation | MountLayout, imperativeHandleEffect.bind(null, create, ref), effectDeps);
 	}
 
 	function updateImperativeHandle(ref, create, deps) {
 	  {
 	    !(typeof create === 'function') ? warning$1(false, 'Expected useImperativeHandle() second argument to be a function ' + 'that creates a handle. Instead received: %s.', create !== null ? typeof create : 'null') : void 0;
-	  }
+	  } // TODO: If deps are provided, should we skip comparing the ref itself?
 
-	  // TODO: If deps are provided, should we skip comparing the ref itself?
-	  var effectDeps = deps !== null && deps !== undefined ? deps.concat([ref]) : null;
 
+	  var effectDeps = deps !== null && deps !== undefined ? deps.concat([ref]) : null;
 	  return updateEffectImpl(Update, UnmountMutation | MountLayout, imperativeHandleEffect.bind(null, create, ref), effectDeps);
 	}
 
-	function mountDebugValue(value, formatterFn) {
-	  // This hook is normally a no-op.
+	function mountDebugValue(value, formatterFn) {// This hook is normally a no-op.
 	  // The react-debug-hooks package injects its own implementation
 	  // so that e.g. DevTools can display custom hook values.
 	}
@@ -17279,14 +21295,17 @@
 	  var hook = updateWorkInProgressHook();
 	  var nextDeps = deps === undefined ? null : deps;
 	  var prevState = hook.memoizedState;
+
 	  if (prevState !== null) {
 	    if (nextDeps !== null) {
 	      var prevDeps = prevState[1];
+
 	      if (areHookInputsEqual(nextDeps, prevDeps)) {
 	        return prevState[0];
 	      }
 	    }
 	  }
+
 	  hook.memoizedState = [callback, nextDeps];
 	  return callback;
 	}
@@ -17303,125 +21322,224 @@
 	  var hook = updateWorkInProgressHook();
 	  var nextDeps = deps === undefined ? null : deps;
 	  var prevState = hook.memoizedState;
+
 	  if (prevState !== null) {
 	    // Assume these are defined. If they're not, areHookInputsEqual will warn.
 	    if (nextDeps !== null) {
 	      var prevDeps = prevState[1];
+
 	      if (areHookInputsEqual(nextDeps, prevDeps)) {
 	        return prevState[0];
 	      }
 	    }
 	  }
+
 	  var nextValue = nextCreate();
 	  hook.memoizedState = [nextValue, nextDeps];
 	  return nextValue;
 	}
 
-	// in a test-like environment, we want to warn if dispatchAction()
-	// is called outside of a batchedUpdates/TestUtils.act(...) call.
-	var shouldWarnForUnbatchedSetState = false;
+	function mountDeferredValue(value, config) {
+	  var _mountState = mountState(value),
+	      prevValue = _mountState[0],
+	      setValue = _mountState[1];
 
-	{
-	  // jest isn't a 'global', it's just exposed to tests via a wrapped function
-	  // further, this isn't a test file, so flow doesn't recognize the symbol. So...
-	  // $FlowExpectedError - because requirements don't give a damn about your type sigs.
-	  if ('undefined' !== typeof jest) {
-	    shouldWarnForUnbatchedSetState = true;
-	  }
+	  mountEffect(function () {
+	    Scheduler.unstable_next(function () {
+	      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+	      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+
+	      try {
+	        setValue(value);
+	      } finally {
+	        ReactCurrentBatchConfig$1.suspense = previousConfig;
+	      }
+	    });
+	  }, [value, config]);
+	  return prevValue;
+	}
+
+	function updateDeferredValue(value, config) {
+	  var _updateState = updateState(value),
+	      prevValue = _updateState[0],
+	      setValue = _updateState[1];
+
+	  updateEffect(function () {
+	    Scheduler.unstable_next(function () {
+	      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+	      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+
+	      try {
+	        setValue(value);
+	      } finally {
+	        ReactCurrentBatchConfig$1.suspense = previousConfig;
+	      }
+	    });
+	  }, [value, config]);
+	  return prevValue;
+	}
+
+	function mountTransition(config) {
+	  var _mountState2 = mountState(false),
+	      isPending = _mountState2[0],
+	      setPending = _mountState2[1];
+
+	  var startTransition = mountCallback(function (callback) {
+	    setPending(true);
+	    Scheduler.unstable_next(function () {
+	      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+	      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+
+	      try {
+	        setPending(false);
+	        callback();
+	      } finally {
+	        ReactCurrentBatchConfig$1.suspense = previousConfig;
+	      }
+	    });
+	  }, [config, isPending]);
+	  return [startTransition, isPending];
+	}
+
+	function updateTransition(config) {
+	  var _updateState2 = updateState(false),
+	      isPending = _updateState2[0],
+	      setPending = _updateState2[1];
+
+	  var startTransition = updateCallback(function (callback) {
+	    setPending(true);
+	    Scheduler.unstable_next(function () {
+	      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+	      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+
+	      try {
+	        setPending(false);
+	        callback();
+	      } finally {
+	        ReactCurrentBatchConfig$1.suspense = previousConfig;
+	      }
+	    });
+	  }, [config, isPending]);
+	  return [startTransition, isPending];
 	}
 
 	function dispatchAction(fiber, queue, action) {
-	  !(numberOfReRenders < RE_RENDER_LIMIT) ? invariant(false, 'Too many re-renders. React limits the number of renders to prevent an infinite loop.') : void 0;
+	  if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
+	    {
+	      throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");
+	    }
+	  }
 
 	  {
-	    !(arguments.length <= 3) ? warning$1(false, "State updates from the useState() and useReducer() Hooks don't support the " + 'second callback argument. To execute a side effect after ' + 'rendering, declare it in the component body with useEffect().') : void 0;
+	    !(typeof arguments[3] !== 'function') ? warning$1(false, "State updates from the useState() and useReducer() Hooks don't support the " + 'second callback argument. To execute a side effect after ' + 'rendering, declare it in the component body with useEffect().') : void 0;
 	  }
 
 	  var alternate = fiber.alternate;
+
 	  if (fiber === currentlyRenderingFiber$1 || alternate !== null && alternate === currentlyRenderingFiber$1) {
 	    // This is a render phase update. Stash it in a lazily-created map of
 	    // queue -> linked list of updates. After this render pass, we'll restart
 	    // and apply the stashed updates on top of the work-in-progress hook.
 	    didScheduleRenderPhaseUpdate = true;
 	    var update = {
-	      expirationTime: renderExpirationTime,
+	      expirationTime: renderExpirationTime$1,
+	      suspenseConfig: null,
 	      action: action,
 	      eagerReducer: null,
 	      eagerState: null,
 	      next: null
 	    };
+
+	    {
+	      update.priority = getCurrentPriorityLevel();
+	    }
+
 	    if (renderPhaseUpdates === null) {
 	      renderPhaseUpdates = new Map();
 	    }
+
 	    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+
 	    if (firstRenderPhaseUpdate === undefined) {
 	      renderPhaseUpdates.set(queue, update);
 	    } else {
 	      // Append the update to the end of the list.
 	      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+
 	      while (lastRenderPhaseUpdate.next !== null) {
 	        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
 	      }
+
 	      lastRenderPhaseUpdate.next = update;
 	    }
 	  } else {
-	    flushPassiveEffects();
-
-	    var currentTime = requestCurrentTime();
-	    var _expirationTime = computeExpirationForFiber(currentTime, fiber);
-
+	    var currentTime = requestCurrentTimeForUpdate();
+	    var suspenseConfig = requestCurrentSuspenseConfig();
+	    var expirationTime = computeExpirationForFiber(currentTime, fiber, suspenseConfig);
 	    var _update2 = {
-	      expirationTime: _expirationTime,
+	      expirationTime: expirationTime,
+	      suspenseConfig: suspenseConfig,
 	      action: action,
 	      eagerReducer: null,
 	      eagerState: null,
 	      next: null
 	    };
 
-	    // Append the update to the end of the list.
-	    var _last = queue.last;
-	    if (_last === null) {
+	    {
+	      _update2.priority = getCurrentPriorityLevel();
+	    } // Append the update to the end of the list.
+
+
+	    var last = queue.last;
+
+	    if (last === null) {
 	      // This is the first update. Create a circular list.
 	      _update2.next = _update2;
 	    } else {
-	      var first = _last.next;
+	      var first = last.next;
+
 	      if (first !== null) {
 	        // Still circular.
 	        _update2.next = first;
 	      }
-	      _last.next = _update2;
+
+	      last.next = _update2;
 	    }
+
 	    queue.last = _update2;
 
 	    if (fiber.expirationTime === NoWork && (alternate === null || alternate.expirationTime === NoWork)) {
 	      // The queue is currently empty, which means we can eagerly compute the
 	      // next state before entering the render phase. If the new state is the
 	      // same as the current state, we may be able to bail out entirely.
-	      var _lastRenderedReducer = queue.lastRenderedReducer;
-	      if (_lastRenderedReducer !== null) {
-	        var prevDispatcher = void 0;
+	      var lastRenderedReducer = queue.lastRenderedReducer;
+
+	      if (lastRenderedReducer !== null) {
+	        var prevDispatcher;
+
 	        {
 	          prevDispatcher = ReactCurrentDispatcher$1.current;
 	          ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 	        }
+
 	        try {
 	          var currentState = queue.lastRenderedState;
-	          var _eagerState = _lastRenderedReducer(currentState, action);
-	          // Stash the eagerly computed state, and the reducer used to compute
+	          var eagerState = lastRenderedReducer(currentState, action); // Stash the eagerly computed state, and the reducer used to compute
 	          // it, on the update object. If the reducer hasn't changed by the
 	          // time we enter the render phase, then the eager state can be used
 	          // without calling the reducer again.
-	          _update2.eagerReducer = _lastRenderedReducer;
-	          _update2.eagerState = _eagerState;
-	          if (is(_eagerState, currentState)) {
+
+	          _update2.eagerReducer = lastRenderedReducer;
+	          _update2.eagerState = eagerState;
+
+	          if (is$1(eagerState, currentState)) {
 	            // Fast path. We can bail out without scheduling React to re-render.
 	            // It's still possible that we'll need to rebase this update later,
 	            // if the component re-renders for a different reason and by that
 	            // time the reducer has changed.
 	            return;
 	          }
-	        } catch (error) {
-	          // Suppress the error. It will throw again in the render phase.
+	        } catch (error) {// Suppress the error. It will throw again in the render phase.
 	        } finally {
 	          {
 	            ReactCurrentDispatcher$1.current = prevDispatcher;
@@ -17429,18 +21547,21 @@
 	        }
 	      }
 	    }
+
 	    {
-	      if (shouldWarnForUnbatchedSetState === true) {
-	        warnIfNotCurrentlyBatchingInDev(fiber);
+	      // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+	      if ('undefined' !== typeof jest) {
+	        warnIfNotScopedWithMatchingAct(fiber);
+	        warnIfNotCurrentlyActingUpdatesInDev(fiber);
 	      }
 	    }
-	    scheduleWork(fiber, _expirationTime);
+
+	    scheduleWork(fiber, expirationTime);
 	  }
 	}
 
 	var ContextOnlyDispatcher = {
 	  readContext: readContext,
-
 	  useCallback: throwInvalidHookError,
 	  useContext: throwInvalidHookError,
 	  useEffect: throwInvalidHookError,
@@ -17450,9 +21571,11 @@
 	  useReducer: throwInvalidHookError,
 	  useRef: throwInvalidHookError,
 	  useState: throwInvalidHookError,
-	  useDebugValue: throwInvalidHookError
+	  useDebugValue: throwInvalidHookError,
+	  useResponder: throwInvalidHookError,
+	  useDeferredValue: throwInvalidHookError,
+	  useTransition: throwInvalidHookError
 	};
-
 	var HooksDispatcherOnMountInDEV = null;
 	var HooksDispatcherOnMountWithHookTypesInDEV = null;
 	var HooksDispatcherOnUpdateInDEV = null;
@@ -17475,6 +21598,7 @@
 	    useCallback: function (callback, deps) {
 	      currentHookNameInDev = 'useCallback';
 	      mountHookTypesDev();
+	      checkDepsAreArrayDev(deps);
 	      return mountCallback(callback, deps);
 	    },
 	    useContext: function (context, observedBits) {
@@ -17485,23 +21609,28 @@
 	    useEffect: function (create, deps) {
 	      currentHookNameInDev = 'useEffect';
 	      mountHookTypesDev();
+	      checkDepsAreArrayDev(deps);
 	      return mountEffect(create, deps);
 	    },
 	    useImperativeHandle: function (ref, create, deps) {
 	      currentHookNameInDev = 'useImperativeHandle';
 	      mountHookTypesDev();
+	      checkDepsAreArrayDev(deps);
 	      return mountImperativeHandle(ref, create, deps);
 	    },
 	    useLayoutEffect: function (create, deps) {
 	      currentHookNameInDev = 'useLayoutEffect';
 	      mountHookTypesDev();
+	      checkDepsAreArrayDev(deps);
 	      return mountLayoutEffect(create, deps);
 	    },
 	    useMemo: function (create, deps) {
 	      currentHookNameInDev = 'useMemo';
 	      mountHookTypesDev();
+	      checkDepsAreArrayDev(deps);
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
 	      try {
 	        return mountMemo(create, deps);
 	      } finally {
@@ -17513,6 +21642,7 @@
 	      mountHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
 	      try {
 	        return mountReducer(reducer, initialArg, init);
 	      } finally {
@@ -17529,6 +21659,7 @@
 	      mountHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
 	      try {
 	        return mountState(initialState);
 	      } finally {
@@ -17539,9 +21670,23 @@
 	      currentHookNameInDev = 'useDebugValue';
 	      mountHookTypesDev();
 	      return mountDebugValue(value, formatterFn);
+	    },
+	    useResponder: function (responder, props) {
+	      currentHookNameInDev = 'useResponder';
+	      mountHookTypesDev();
+	      return createResponderListener(responder, props);
+	    },
+	    useDeferredValue: function (value, config) {
+	      currentHookNameInDev = 'useDeferredValue';
+	      mountHookTypesDev();
+	      return mountDeferredValue(value, config);
+	    },
+	    useTransition: function (config) {
+	      currentHookNameInDev = 'useTransition';
+	      mountHookTypesDev();
+	      return mountTransition(config);
 	    }
 	  };
-
 	  HooksDispatcherOnMountWithHookTypesInDEV = {
 	    readContext: function (context, observedBits) {
 	      return readContext(context, observedBits);
@@ -17576,6 +21721,7 @@
 	      updateHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
 	      try {
 	        return mountMemo(create, deps);
 	      } finally {
@@ -17587,6 +21733,7 @@
 	      updateHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
 	      try {
 	        return mountReducer(reducer, initialArg, init);
 	      } finally {
@@ -17603,6 +21750,7 @@
 	      updateHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
 	      try {
 	        return mountState(initialState);
 	      } finally {
@@ -17613,9 +21761,23 @@
 	      currentHookNameInDev = 'useDebugValue';
 	      updateHookTypesDev();
 	      return mountDebugValue(value, formatterFn);
+	    },
+	    useResponder: function (responder, props) {
+	      currentHookNameInDev = 'useResponder';
+	      updateHookTypesDev();
+	      return createResponderListener(responder, props);
+	    },
+	    useDeferredValue: function (value, config) {
+	      currentHookNameInDev = 'useDeferredValue';
+	      updateHookTypesDev();
+	      return mountDeferredValue(value, config);
+	    },
+	    useTransition: function (config) {
+	      currentHookNameInDev = 'useTransition';
+	      updateHookTypesDev();
+	      return mountTransition(config);
 	    }
 	  };
-
 	  HooksDispatcherOnUpdateInDEV = {
 	    readContext: function (context, observedBits) {
 	      return readContext(context, observedBits);
@@ -17650,6 +21812,7 @@
 	      updateHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
 	      try {
 	        return updateMemo(create, deps);
 	      } finally {
@@ -17661,6 +21824,7 @@
 	      updateHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
 	      try {
 	        return updateReducer(reducer, initialArg, init);
 	      } finally {
@@ -17677,6 +21841,7 @@
 	      updateHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
 	      try {
 	        return updateState(initialState);
 	      } finally {
@@ -17687,9 +21852,23 @@
 	      currentHookNameInDev = 'useDebugValue';
 	      updateHookTypesDev();
 	      return updateDebugValue(value, formatterFn);
+	    },
+	    useResponder: function (responder, props) {
+	      currentHookNameInDev = 'useResponder';
+	      updateHookTypesDev();
+	      return createResponderListener(responder, props);
+	    },
+	    useDeferredValue: function (value, config) {
+	      currentHookNameInDev = 'useDeferredValue';
+	      updateHookTypesDev();
+	      return updateDeferredValue(value, config);
+	    },
+	    useTransition: function (config) {
+	      currentHookNameInDev = 'useTransition';
+	      updateHookTypesDev();
+	      return updateTransition(config);
 	    }
 	  };
-
 	  InvalidNestedHooksDispatcherOnMountInDEV = {
 	    readContext: function (context, observedBits) {
 	      warnInvalidContextAccess();
@@ -17731,6 +21910,7 @@
 	      mountHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
 	      try {
 	        return mountMemo(create, deps);
 	      } finally {
@@ -17743,6 +21923,7 @@
 	      mountHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
 	      try {
 	        return mountReducer(reducer, initialArg, init);
 	      } finally {
@@ -17761,6 +21942,7 @@
 	      mountHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
 	      try {
 	        return mountState(initialState);
 	      } finally {
@@ -17772,9 +21954,26 @@
 	      warnInvalidHookAccess();
 	      mountHookTypesDev();
 	      return mountDebugValue(value, formatterFn);
+	    },
+	    useResponder: function (responder, props) {
+	      currentHookNameInDev = 'useResponder';
+	      warnInvalidHookAccess();
+	      mountHookTypesDev();
+	      return createResponderListener(responder, props);
+	    },
+	    useDeferredValue: function (value, config) {
+	      currentHookNameInDev = 'useDeferredValue';
+	      warnInvalidHookAccess();
+	      mountHookTypesDev();
+	      return mountDeferredValue(value, config);
+	    },
+	    useTransition: function (config) {
+	      currentHookNameInDev = 'useTransition';
+	      warnInvalidHookAccess();
+	      mountHookTypesDev();
+	      return mountTransition(config);
 	    }
 	  };
-
 	  InvalidNestedHooksDispatcherOnUpdateInDEV = {
 	    readContext: function (context, observedBits) {
 	      warnInvalidContextAccess();
@@ -17816,6 +22015,7 @@
 	      updateHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
 	      try {
 	        return updateMemo(create, deps);
 	      } finally {
@@ -17828,6 +22028,7 @@
 	      updateHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
 	      try {
 	        return updateReducer(reducer, initialArg, init);
 	      } finally {
@@ -17846,6 +22047,7 @@
 	      updateHookTypesDev();
 	      var prevDispatcher = ReactCurrentDispatcher$1.current;
 	      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
 	      try {
 	        return updateState(initialState);
 	      } finally {
@@ -17857,10 +22059,31 @@
 	      warnInvalidHookAccess();
 	      updateHookTypesDev();
 	      return updateDebugValue(value, formatterFn);
+	    },
+	    useResponder: function (responder, props) {
+	      currentHookNameInDev = 'useResponder';
+	      warnInvalidHookAccess();
+	      updateHookTypesDev();
+	      return createResponderListener(responder, props);
+	    },
+	    useDeferredValue: function (value, config) {
+	      currentHookNameInDev = 'useDeferredValue';
+	      warnInvalidHookAccess();
+	      updateHookTypesDev();
+	      return updateDeferredValue(value, config);
+	    },
+	    useTransition: function (config) {
+	      currentHookNameInDev = 'useTransition';
+	      warnInvalidHookAccess();
+	      updateHookTypesDev();
+	      return updateTransition(config);
 	    }
 	  };
 	}
 
+	// CommonJS interop named imports.
+
+	var now$1 = Scheduler.unstable_now;
 	var commitTime = 0;
 	var profilerStartTime = -1;
 
@@ -17872,7 +22095,8 @@
 	  if (!enableProfilerTimer) {
 	    return;
 	  }
-	  commitTime = scheduler.unstable_now();
+
+	  commitTime = now$1();
 	}
 
 	function startProfilerTimer(fiber) {
@@ -17880,10 +22104,10 @@
 	    return;
 	  }
 
-	  profilerStartTime = scheduler.unstable_now();
+	  profilerStartTime = now$1();
 
 	  if (fiber.actualStartTime < 0) {
-	    fiber.actualStartTime = scheduler.unstable_now();
+	    fiber.actualStartTime = now$1();
 	  }
 	}
 
@@ -17891,6 +22115,7 @@
 	  if (!enableProfilerTimer) {
 	    return;
 	  }
+
 	  profilerStartTime = -1;
 	}
 
@@ -17900,21 +22125,29 @@
 	  }
 
 	  if (profilerStartTime >= 0) {
-	    var elapsedTime = scheduler.unstable_now() - profilerStartTime;
+	    var elapsedTime = now$1() - profilerStartTime;
 	    fiber.actualDuration += elapsedTime;
+
 	    if (overrideBaseTime) {
 	      fiber.selfBaseDuration = elapsedTime;
 	    }
+
 	    profilerStartTime = -1;
 	  }
 	}
 
-	// The deepest Fiber on the stack involved in a hydration context.
 	// This may have been an insertion or a hydration.
+
 	var hydrationParentFiber = null;
 	var nextHydratableInstance = null;
 	var isHydrating = false;
 
+	function warnIfHydrating() {
+	  {
+	    !!isHydrating ? warning$1(false, 'We should not be hydrating here. This is a bug in React. Please file a bug.') : void 0;
+	  }
+	}
+
 	function enterHydrationState(fiber) {
 	  if (!supportsHydration) {
 	    return false;
@@ -17927,12 +22160,11 @@
 	  return true;
 	}
 
-	function reenterHydrationStateFromDehydratedSuspenseInstance(fiber) {
+	function reenterHydrationStateFromDehydratedSuspenseInstance(fiber, suspenseInstance) {
 	  if (!supportsHydration) {
 	    return false;
 	  }
 
-	  var suspenseInstance = fiber.stateNode;
 	  nextHydratableInstance = getNextHydratableSibling(suspenseInstance);
 	  popToNextHostParent(fiber);
 	  isHydrating = true;
@@ -17945,6 +22177,7 @@
 	      case HostRoot:
 	        didNotHydrateContainerInstance(returnFiber.stateNode.containerInfo, instance);
 	        break;
+
 	      case HostComponent:
 	        didNotHydrateInstance(returnFiber.type, returnFiber.memoizedProps, returnFiber.stateNode, instance);
 	        break;
@@ -17954,13 +22187,12 @@
 	  var childToDelete = createFiberFromHostInstanceForDeletion();
 	  childToDelete.stateNode = instance;
 	  childToDelete.return = returnFiber;
-	  childToDelete.effectTag = Deletion;
-
-	  // This might seem like it belongs on progressedFirstDeletion. However,
+	  childToDelete.effectTag = Deletion; // This might seem like it belongs on progressedFirstDeletion. However,
 	  // these children are not part of the reconciliation list of children.
 	  // Even if we abort and rereconcile the children, that will try to hydrate
 	  // again and the nodes are still in the host tree so these will be
 	  // recreated.
+
 	  if (returnFiber.lastEffect !== null) {
 	    returnFiber.lastEffect.nextEffect = childToDelete;
 	    returnFiber.lastEffect = childToDelete;
@@ -17970,49 +22202,60 @@
 	}
 
 	function insertNonHydratedInstance(returnFiber, fiber) {
-	  fiber.effectTag |= Placement;
+	  fiber.effectTag = fiber.effectTag & ~Hydrating | Placement;
+
 	  {
 	    switch (returnFiber.tag) {
 	      case HostRoot:
 	        {
 	          var parentContainer = returnFiber.stateNode.containerInfo;
+
 	          switch (fiber.tag) {
 	            case HostComponent:
 	              var type = fiber.type;
 	              var props = fiber.pendingProps;
 	              didNotFindHydratableContainerInstance(parentContainer, type, props);
 	              break;
+
 	            case HostText:
 	              var text = fiber.pendingProps;
 	              didNotFindHydratableContainerTextInstance(parentContainer, text);
 	              break;
+
 	            case SuspenseComponent:
 	              
 	              break;
 	          }
+
 	          break;
 	        }
+
 	      case HostComponent:
 	        {
 	          var parentType = returnFiber.type;
 	          var parentProps = returnFiber.memoizedProps;
 	          var parentInstance = returnFiber.stateNode;
+
 	          switch (fiber.tag) {
 	            case HostComponent:
 	              var _type = fiber.type;
 	              var _props = fiber.pendingProps;
 	              didNotFindHydratableInstance(parentType, parentProps, parentInstance, _type, _props);
 	              break;
+
 	            case HostText:
 	              var _text = fiber.pendingProps;
 	              didNotFindHydratableTextInstance(parentType, parentProps, parentInstance, _text);
 	              break;
+
 	            case SuspenseComponent:
 	              didNotFindHydratableSuspenseInstance(parentType, parentProps, parentInstance);
 	              break;
 	          }
+
 	          break;
 	        }
+
 	      default:
 	        return;
 	    }
@@ -18026,35 +22269,53 @@
 	        var type = fiber.type;
 	        var props = fiber.pendingProps;
 	        var instance = canHydrateInstance(nextInstance, type, props);
+
 	        if (instance !== null) {
 	          fiber.stateNode = instance;
 	          return true;
 	        }
+
 	        return false;
 	      }
+
 	    case HostText:
 	      {
 	        var text = fiber.pendingProps;
 	        var textInstance = canHydrateTextInstance(nextInstance, text);
+
 	        if (textInstance !== null) {
 	          fiber.stateNode = textInstance;
 	          return true;
 	        }
+
 	        return false;
 	      }
+
 	    case SuspenseComponent:
 	      {
 	        if (enableSuspenseServerRenderer) {
 	          var suspenseInstance = canHydrateSuspenseInstance(nextInstance);
+
 	          if (suspenseInstance !== null) {
-	            // Downgrade the tag to a dehydrated component until we've hydrated it.
-	            fiber.tag = DehydratedSuspenseComponent;
-	            fiber.stateNode = suspenseInstance;
+	            var suspenseState = {
+	              dehydrated: suspenseInstance,
+	              retryTime: Never
+	            };
+	            fiber.memoizedState = suspenseState; // Store the dehydrated fragment as a child fiber.
+	            // This simplifies the code for getHostSibling and deleting nodes,
+	            // since it doesn't have to consider all Suspense boundaries and
+	            // check if they're dehydrated ones or not.
+
+	            var dehydratedFragment = createFiberFromDehydratedFragment(suspenseInstance);
+	            dehydratedFragment.return = fiber;
+	            fiber.child = dehydratedFragment;
 	            return true;
 	          }
 	        }
+
 	        return false;
 	      }
+
 	    default:
 	      return false;
 	  }
@@ -18064,7 +22325,9 @@
 	  if (!isHydrating) {
 	    return;
 	  }
+
 	  var nextInstance = nextHydratableInstance;
+
 	  if (!nextInstance) {
 	    // Nothing to hydrate. Make it an insertion.
 	    insertNonHydratedInstance(hydrationParentFiber, fiber);
@@ -18072,59 +22335,75 @@
 	    hydrationParentFiber = fiber;
 	    return;
 	  }
+
 	  var firstAttemptedInstance = nextInstance;
+
 	  if (!tryHydrate(fiber, nextInstance)) {
 	    // If we can't hydrate this instance let's try the next one.
 	    // We use this as a heuristic. It's based on intuition and not data so it
 	    // might be flawed or unnecessary.
 	    nextInstance = getNextHydratableSibling(firstAttemptedInstance);
+
 	    if (!nextInstance || !tryHydrate(fiber, nextInstance)) {
 	      // Nothing to hydrate. Make it an insertion.
 	      insertNonHydratedInstance(hydrationParentFiber, fiber);
 	      isHydrating = false;
 	      hydrationParentFiber = fiber;
 	      return;
-	    }
-	    // We matched the next one, we'll now assume that the first one was
+	    } // We matched the next one, we'll now assume that the first one was
 	    // superfluous and we'll delete it. Since we can't eagerly delete it
 	    // we'll have to schedule a deletion. To do that, this node needs a dummy
 	    // fiber associated with it.
+
+
 	    deleteHydratableInstance(hydrationParentFiber, firstAttemptedInstance);
 	  }
+
 	  hydrationParentFiber = fiber;
 	  nextHydratableInstance = getFirstHydratableChild(nextInstance);
 	}
 
 	function prepareToHydrateHostInstance(fiber, rootContainerInstance, hostContext) {
 	  if (!supportsHydration) {
-	    invariant(false, 'Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue.');
+	    {
+	      {
+	        throw Error("Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue.");
+	      }
+	    }
 	  }
 
 	  var instance = fiber.stateNode;
-	  var updatePayload = hydrateInstance(instance, fiber.type, fiber.memoizedProps, rootContainerInstance, hostContext, fiber);
-	  // TODO: Type this specific to this type of component.
-	  fiber.updateQueue = updatePayload;
-	  // If the update payload indicates that there is a change or if there
+	  var updatePayload = hydrateInstance(instance, fiber.type, fiber.memoizedProps, rootContainerInstance, hostContext, fiber); // TODO: Type this specific to this type of component.
+
+	  fiber.updateQueue = updatePayload; // If the update payload indicates that there is a change or if there
 	  // is a new ref we mark this as an update.
+
 	  if (updatePayload !== null) {
 	    return true;
 	  }
+
 	  return false;
 	}
 
 	function prepareToHydrateHostTextInstance(fiber) {
 	  if (!supportsHydration) {
-	    invariant(false, 'Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue.');
+	    {
+	      {
+	        throw Error("Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue.");
+	      }
+	    }
 	  }
 
 	  var textInstance = fiber.stateNode;
 	  var textContent = fiber.memoizedProps;
 	  var shouldUpdate = hydrateTextInstance(textInstance, textContent, fiber);
+
 	  {
 	    if (shouldUpdate) {
 	      // We assume that prepareToHydrateHostTextInstance is called in a context where the
 	      // hydration parent is the parent host component of this host text.
 	      var returnFiber = hydrationParentFiber;
+
 	      if (returnFiber !== null) {
 	        switch (returnFiber.tag) {
 	          case HostRoot:
@@ -18133,6 +22412,7 @@
 	              didNotMatchHydratedContainerTextInstance(parentContainer, textInstance, textContent);
 	              break;
 	            }
+
 	          case HostComponent:
 	            {
 	              var parentType = returnFiber.type;
@@ -18145,23 +22425,59 @@
 	      }
 	    }
 	  }
+
 	  return shouldUpdate;
 	}
 
+	function prepareToHydrateHostSuspenseInstance(fiber) {
+	  if (!supportsHydration) {
+	    {
+	      {
+	        throw Error("Expected prepareToHydrateHostSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue.");
+	      }
+	    }
+	  }
+
+	  var suspenseState = fiber.memoizedState;
+	  var suspenseInstance = suspenseState !== null ? suspenseState.dehydrated : null;
+
+	  if (!suspenseInstance) {
+	    {
+	      throw Error("Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue.");
+	    }
+	  }
+
+	  hydrateSuspenseInstance(suspenseInstance, fiber);
+	}
+
 	function skipPastDehydratedSuspenseInstance(fiber) {
 	  if (!supportsHydration) {
-	    invariant(false, 'Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue.');
+	    {
+	      {
+	        throw Error("Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue.");
+	      }
+	    }
+	  }
+
+	  var suspenseState = fiber.memoizedState;
+	  var suspenseInstance = suspenseState !== null ? suspenseState.dehydrated : null;
+
+	  if (!suspenseInstance) {
+	    {
+	      throw Error("Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue.");
+	    }
 	  }
-	  var suspenseInstance = fiber.stateNode;
-	  !suspenseInstance ? invariant(false, 'Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	  nextHydratableInstance = getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance);
+
+	  return getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance);
 	}
 
 	function popToNextHostParent(fiber) {
 	  var parent = fiber.return;
-	  while (parent !== null && parent.tag !== HostComponent && parent.tag !== HostRoot && parent.tag !== DehydratedSuspenseComponent) {
+
+	  while (parent !== null && parent.tag !== HostComponent && parent.tag !== HostRoot && parent.tag !== SuspenseComponent) {
 	    parent = parent.return;
 	  }
+
 	  hydrationParentFiber = parent;
 	}
 
@@ -18169,11 +22485,13 @@
 	  if (!supportsHydration) {
 	    return false;
 	  }
+
 	  if (fiber !== hydrationParentFiber) {
 	    // We're deeper than the current hydration context, inside an inserted
 	    // tree.
 	    return false;
 	  }
+
 	  if (!isHydrating) {
 	    // If we're not currently hydrating but we're in a hydration context, then
 	    // we were an insertion and now need to pop up reenter hydration of our
@@ -18183,15 +22501,15 @@
 	    return false;
 	  }
 
-	  var type = fiber.type;
-
-	  // If we have any remaining hydratable nodes, we need to delete them now.
+	  var type = fiber.type; // If we have any remaining hydratable nodes, we need to delete them now.
 	  // We only do this deeper than head and body since they tend to have random
 	  // other nodes in them. We also ignore components with pure text content in
 	  // side of them.
 	  // TODO: Better heuristic.
+
 	  if (fiber.tag !== HostComponent || type !== 'head' && type !== 'body' && !shouldSetTextContent(type, fiber.memoizedProps)) {
 	    var nextInstance = nextHydratableInstance;
+
 	    while (nextInstance) {
 	      deleteHydratableInstance(fiber, nextInstance);
 	      nextInstance = getNextHydratableSibling(nextInstance);
@@ -18199,7 +22517,13 @@
 	  }
 
 	  popToNextHostParent(fiber);
-	  nextHydratableInstance = hydrationParentFiber ? getNextHydratableSibling(fiber.stateNode) : null;
+
+	  if (fiber.tag === SuspenseComponent) {
+	    nextHydratableInstance = skipPastDehydratedSuspenseInstance(fiber);
+	  } else {
+	    nextHydratableInstance = hydrationParentFiber ? getNextHydratableSibling(fiber.stateNode) : null;
+	  }
+
 	  return true;
 	}
 
@@ -18214,21 +22538,29 @@
 	}
 
 	var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
-
 	var didReceiveUpdate = false;
-
-	var didWarnAboutBadClass = void 0;
-	var didWarnAboutContextTypeOnFunctionComponent = void 0;
-	var didWarnAboutGetDerivedStateOnFunctionComponent = void 0;
-	var didWarnAboutFunctionRefs = void 0;
-	var didWarnAboutReassigningProps = void 0;
+	var didWarnAboutBadClass;
+	var didWarnAboutModulePatternComponent;
+	var didWarnAboutContextTypeOnFunctionComponent;
+	var didWarnAboutGetDerivedStateOnFunctionComponent;
+	var didWarnAboutFunctionRefs;
+	var didWarnAboutReassigningProps;
+	var didWarnAboutMaxDuration;
+	var didWarnAboutRevealOrder;
+	var didWarnAboutTailOptions;
+	var didWarnAboutDefaultPropsOnFunctionComponent;
 
 	{
 	  didWarnAboutBadClass = {};
+	  didWarnAboutModulePatternComponent = {};
 	  didWarnAboutContextTypeOnFunctionComponent = {};
 	  didWarnAboutGetDerivedStateOnFunctionComponent = {};
 	  didWarnAboutFunctionRefs = {};
 	  didWarnAboutReassigningProps = false;
+	  didWarnAboutMaxDuration = false;
+	  didWarnAboutRevealOrder = {};
+	  didWarnAboutTailOptions = {};
+	  didWarnAboutDefaultPropsOnFunctionComponent = {};
 	}
 
 	function reconcileChildren(current$$1, workInProgress, nextChildren, renderExpirationTime) {
@@ -18242,7 +22574,6 @@
 	    // If the current child is the same as the work in progress, it means that
 	    // we haven't yet started any work on these children. Therefore, we use
 	    // the clone algorithm to create a copy of all the current children.
-
 	    // If we had any progressed work already, that is invalid at this point so
 	    // let's throw it out.
 	    workInProgress.child = reconcileChildFibers(workInProgress, current$$1.child, nextChildren, renderExpirationTime);
@@ -18258,11 +22589,11 @@
 	  // To do this, we're going to go through the reconcile algorithm twice. In
 	  // the first pass, we schedule a deletion for all the current children by
 	  // passing null.
-	  workInProgress.child = reconcileChildFibers(workInProgress, current$$1.child, null, renderExpirationTime);
-	  // In the second pass, we mount the new children. The trick here is that we
+	  workInProgress.child = reconcileChildFibers(workInProgress, current$$1.child, null, renderExpirationTime); // In the second pass, we mount the new children. The trick here is that we
 	  // pass null in place of where we usually pass the current child set. This has
 	  // the effect of remounting all children regardless of whether their their
 	  // identity matches.
+
 	  workInProgress.child = reconcileChildFibers(workInProgress, null, nextChildren, renderExpirationTime);
 	}
 
@@ -18270,12 +22601,12 @@
 	  // TODO: current can be non-null here even if the component
 	  // hasn't yet mounted. This happens after the first render suspends.
 	  // We'll need to figure out if this is fine or can cause issues.
-
 	  {
 	    if (workInProgress.type !== workInProgress.elementType) {
 	      // Lazy component props can't be validated in createElement
 	      // because they're only guaranteed to be resolved here.
 	      var innerPropTypes = Component.propTypes;
+
 	      if (innerPropTypes) {
 	        checkPropTypes(innerPropTypes, nextProps, // Resolved props
 	        'prop', getComponentName(Component), getCurrentFiberStackInDev);
@@ -18284,30 +22615,32 @@
 	  }
 
 	  var render = Component.render;
-	  var ref = workInProgress.ref;
+	  var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
 
-	  // The rest is a fork of updateFunctionComponent
-	  var nextChildren = void 0;
+	  var nextChildren;
 	  prepareToReadContext(workInProgress, renderExpirationTime);
+
 	  {
 	    ReactCurrentOwner$3.current = workInProgress;
 	    setCurrentPhase('render');
 	    nextChildren = renderWithHooks(current$$1, workInProgress, render, nextProps, ref, renderExpirationTime);
-	    if (debugRenderPhaseSideEffects || debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
+
+	    if (debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
 	      // Only double-render components with Hooks
 	      if (workInProgress.memoizedState !== null) {
 	        nextChildren = renderWithHooks(current$$1, workInProgress, render, nextProps, ref, renderExpirationTime);
 	      }
 	    }
+
 	    setCurrentPhase(null);
 	  }
 
 	  if (current$$1 !== null && !didReceiveUpdate) {
 	    bailoutHooks(current$$1, workInProgress, renderExpirationTime);
 	    return bailoutOnAlreadyFinishedWork(current$$1, workInProgress, renderExpirationTime);
-	  }
+	  } // React DevTools reads this flag.
+
 
-	  // React DevTools reads this flag.
 	  workInProgress.effectTag |= PerformedWork;
 	  reconcileChildren(current$$1, workInProgress, nextChildren, renderExpirationTime);
 	  return workInProgress.child;
@@ -18316,21 +22649,31 @@
 	function updateMemoComponent(current$$1, workInProgress, Component, nextProps, updateExpirationTime, renderExpirationTime) {
 	  if (current$$1 === null) {
 	    var type = Component.type;
-	    if (isSimpleFunctionComponent(type) && Component.compare === null &&
-	    // SimpleMemoComponent codepath doesn't resolve outer props either.
+
+	    if (isSimpleFunctionComponent(type) && Component.compare === null && // SimpleMemoComponent codepath doesn't resolve outer props either.
 	    Component.defaultProps === undefined) {
-	      // If this is a plain function component without default props,
+	      var resolvedType = type;
+
+	      {
+	        resolvedType = resolveFunctionForHotReloading(type);
+	      } // If this is a plain function component without default props,
 	      // and with only the default shallow comparison, we upgrade it
 	      // to a SimpleMemoComponent to allow fast path updates.
+
+
 	      workInProgress.tag = SimpleMemoComponent;
-	      workInProgress.type = type;
+	      workInProgress.type = resolvedType;
+
 	      {
 	        validateFunctionComponentInDev(workInProgress, type);
 	      }
-	      return updateSimpleMemoComponent(current$$1, workInProgress, type, nextProps, updateExpirationTime, renderExpirationTime);
+
+	      return updateSimpleMemoComponent(current$$1, workInProgress, resolvedType, nextProps, updateExpirationTime, renderExpirationTime);
 	    }
+
 	    {
 	      var innerPropTypes = type.propTypes;
+
 	      if (innerPropTypes) {
 	        // Inner memo component props aren't currently validated in createElement.
 	        // We could move it there, but we'd still need this for lazy code path.
@@ -18338,15 +22681,18 @@
 	        'prop', getComponentName(type), getCurrentFiberStackInDev);
 	      }
 	    }
+
 	    var child = createFiberFromTypeAndProps(Component.type, null, nextProps, null, workInProgress.mode, renderExpirationTime);
 	    child.ref = workInProgress.ref;
 	    child.return = workInProgress;
 	    workInProgress.child = child;
 	    return child;
 	  }
+
 	  {
 	    var _type = Component.type;
 	    var _innerPropTypes = _type.propTypes;
+
 	    if (_innerPropTypes) {
 	      // Inner memo component props aren't currently validated in createElement.
 	      // We could move it there, but we'd still need this for lazy code path.
@@ -18354,19 +22700,23 @@
 	      'prop', getComponentName(_type), getCurrentFiberStackInDev);
 	    }
 	  }
+
 	  var currentChild = current$$1.child; // This is always exactly one child
+
 	  if (updateExpirationTime < renderExpirationTime) {
 	    // This will be the props with resolved defaultProps,
 	    // unlike current.memoizedProps which will be the unresolved ones.
-	    var prevProps = currentChild.memoizedProps;
-	    // Default to shallow comparison
+	    var prevProps = currentChild.memoizedProps; // Default to shallow comparison
+
 	    var compare = Component.compare;
 	    compare = compare !== null ? compare : shallowEqual;
+
 	    if (compare(prevProps, nextProps) && current$$1.ref === workInProgress.ref) {
 	      return bailoutOnAlreadyFinishedWork(current$$1, workInProgress, renderExpirationTime);
 	    }
-	  }
-	  // React DevTools reads this flag.
+	  } // React DevTools reads this flag.
+
+
 	  workInProgress.effectTag |= PerformedWork;
 	  var newChild = createWorkInProgress(currentChild, nextProps, renderExpirationTime);
 	  newChild.ref = workInProgress.ref;
@@ -18379,35 +22729,42 @@
 	  // TODO: current can be non-null here even if the component
 	  // hasn't yet mounted. This happens when the inner render suspends.
 	  // We'll need to figure out if this is fine or can cause issues.
-
 	  {
 	    if (workInProgress.type !== workInProgress.elementType) {
 	      // Lazy component props can't be validated in createElement
 	      // because they're only guaranteed to be resolved here.
 	      var outerMemoType = workInProgress.elementType;
+
 	      if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
 	        // We warn when you define propTypes on lazy()
 	        // so let's just skip over it to find memo() outer wrapper.
 	        // Inner props for memo are validated later.
 	        outerMemoType = refineResolvedLazyComponent(outerMemoType);
 	      }
+
 	      var outerPropTypes = outerMemoType && outerMemoType.propTypes;
+
 	      if (outerPropTypes) {
 	        checkPropTypes(outerPropTypes, nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
 	        'prop', getComponentName(outerMemoType), getCurrentFiberStackInDev);
-	      }
-	      // Inner propTypes will be validated in the function component path.
+	      } // Inner propTypes will be validated in the function component path.
+
 	    }
 	  }
+
 	  if (current$$1 !== null) {
 	    var prevProps = current$$1.memoizedProps;
-	    if (shallowEqual(prevProps, nextProps) && current$$1.ref === workInProgress.ref) {
+
+	    if (shallowEqual(prevProps, nextProps) && current$$1.ref === workInProgress.ref && ( // Prevent bailout if the implementation changed due to hot reload:
+	    workInProgress.type === current$$1.type)) {
 	      didReceiveUpdate = false;
+
 	      if (updateExpirationTime < renderExpirationTime) {
 	        return bailoutOnAlreadyFinishedWork(current$$1, workInProgress, renderExpirationTime);
 	      }
 	    }
 	  }
+
 	  return updateFunctionComponent(current$$1, workInProgress, Component, nextProps, renderExpirationTime);
 	}
 
@@ -18427,6 +22784,7 @@
 	  if (enableProfilerTimer) {
 	    workInProgress.effectTag |= Update;
 	  }
+
 	  var nextProps = workInProgress.pendingProps;
 	  var nextChildren = nextProps.children;
 	  reconcileChildren(current$$1, workInProgress, nextChildren, renderExpirationTime);
@@ -18435,6 +22793,7 @@
 
 	function markRef(current$$1, workInProgress) {
 	  var ref = workInProgress.ref;
+
 	  if (current$$1 === null && ref !== null || current$$1 !== null && current$$1.ref !== ref) {
 	    // Schedule a Ref effect
 	    workInProgress.effectTag |= Ref;
@@ -18447,6 +22806,7 @@
 	      // Lazy component props can't be validated in createElement
 	      // because they're only guaranteed to be resolved here.
 	      var innerPropTypes = Component.propTypes;
+
 	      if (innerPropTypes) {
 	        checkPropTypes(innerPropTypes, nextProps, // Resolved props
 	        'prop', getComponentName(Component), getCurrentFiberStackInDev);
@@ -18454,30 +22814,37 @@
 	    }
 	  }
 
-	  var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
-	  var context = getMaskedContext(workInProgress, unmaskedContext);
+	  var context;
 
-	  var nextChildren = void 0;
+	  if (!disableLegacyContext) {
+	    var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
+	    context = getMaskedContext(workInProgress, unmaskedContext);
+	  }
+
+	  var nextChildren;
 	  prepareToReadContext(workInProgress, renderExpirationTime);
+
 	  {
 	    ReactCurrentOwner$3.current = workInProgress;
 	    setCurrentPhase('render');
 	    nextChildren = renderWithHooks(current$$1, workInProgress, Component, nextProps, context, renderExpirationTime);
-	    if (debugRenderPhaseSideEffects || debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
+
+	    if (debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
 	      // Only double-render components with Hooks
 	      if (workInProgress.memoizedState !== null) {
 	        nextChildren = renderWithHooks(current$$1, workInProgress, Component, nextProps, context, renderExpirationTime);
 	      }
 	    }
+
 	    setCurrentPhase(null);
 	  }
 
 	  if (current$$1 !== null && !didReceiveUpdate) {
 	    bailoutHooks(current$$1, workInProgress, renderExpirationTime);
 	    return bailoutOnAlreadyFinishedWork(current$$1, workInProgress, renderExpirationTime);
-	  }
+	  } // React DevTools reads this flag.
+
 
-	  // React DevTools reads this flag.
 	  workInProgress.effectTag |= PerformedWork;
 	  reconcileChildren(current$$1, workInProgress, nextChildren, renderExpirationTime);
 	  return workInProgress.child;
@@ -18489,27 +22856,30 @@
 	      // Lazy component props can't be validated in createElement
 	      // because they're only guaranteed to be resolved here.
 	      var innerPropTypes = Component.propTypes;
+
 	      if (innerPropTypes) {
 	        checkPropTypes(innerPropTypes, nextProps, // Resolved props
 	        'prop', getComponentName(Component), getCurrentFiberStackInDev);
 	      }
 	    }
-	  }
-
-	  // Push context providers early to prevent context stack mismatches.
+	  } // Push context providers early to prevent context stack mismatches.
 	  // During mounting we don't know the child context yet as the instance doesn't exist.
 	  // We will invalidate the child context in finishClassComponent() right after rendering.
-	  var hasContext = void 0;
+
+
+	  var hasContext;
+
 	  if (isContextProvider(Component)) {
 	    hasContext = true;
 	    pushContextProvider(workInProgress);
 	  } else {
 	    hasContext = false;
 	  }
-	  prepareToReadContext(workInProgress, renderExpirationTime);
 
+	  prepareToReadContext(workInProgress, renderExpirationTime);
 	  var instance = workInProgress.stateNode;
-	  var shouldUpdate = void 0;
+	  var shouldUpdate;
+
 	  if (instance === null) {
 	    if (current$$1 !== null) {
 	      // An class component without an instance only mounts if it suspended
@@ -18517,11 +22887,12 @@
 	      // tree it like a new mount, even though an empty version of it already
 	      // committed. Disconnect the alternate pointers.
 	      current$$1.alternate = null;
-	      workInProgress.alternate = null;
-	      // Since this is conceptually a new fiber, schedule a Placement effect
+	      workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
+
 	      workInProgress.effectTag |= Placement;
-	    }
-	    // In the initial pass we might need to construct the instance.
+	    } // In the initial pass we might need to construct the instance.
+
+
 	    constructClassInstance(workInProgress, Component, nextProps, renderExpirationTime);
 	    mountClassInstance(workInProgress, Component, nextProps, renderExpirationTime);
 	    shouldUpdate = true;
@@ -18531,21 +22902,24 @@
 	  } else {
 	    shouldUpdate = updateClassInstance(current$$1, workInProgress, Component, nextProps, renderExpirationTime);
 	  }
+
 	  var nextUnitOfWork = finishClassComponent(current$$1, workInProgress, Component, shouldUpdate, hasContext, renderExpirationTime);
+
 	  {
 	    var inst = workInProgress.stateNode;
+
 	    if (inst.props !== nextProps) {
 	      !didWarnAboutReassigningProps ? warning$1(false, 'It looks like %s is reassigning its own `this.props` while rendering. ' + 'This is not supported and can lead to confusing bugs.', getComponentName(workInProgress.type) || 'a component') : void 0;
 	      didWarnAboutReassigningProps = true;
 	    }
 	  }
+
 	  return nextUnitOfWork;
 	}
 
 	function finishClassComponent(current$$1, workInProgress, Component, shouldUpdate, hasContext, renderExpirationTime) {
 	  // Refs should update even if shouldComponentUpdate returns false
 	  markRef(current$$1, workInProgress);
-
 	  var didCaptureError = (workInProgress.effectTag & DidCapture) !== NoEffect;
 
 	  if (!shouldUpdate && !didCaptureError) {
@@ -18557,11 +22931,11 @@
 	    return bailoutOnAlreadyFinishedWork(current$$1, workInProgress, renderExpirationTime);
 	  }
 
-	  var instance = workInProgress.stateNode;
+	  var instance = workInProgress.stateNode; // Rerender
 
-	  // Rerender
 	  ReactCurrentOwner$3.current = workInProgress;
-	  var nextChildren = void 0;
+	  var nextChildren;
+
 	  if (didCaptureError && typeof Component.getDerivedStateFromError !== 'function') {
 	    // If we captured an error, but getDerivedStateFrom catch is not defined,
 	    // unmount all the children. componentDidCatch will schedule an update to
@@ -18577,15 +22951,18 @@
 	    {
 	      setCurrentPhase('render');
 	      nextChildren = instance.render();
-	      if (debugRenderPhaseSideEffects || debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
+
+	      if (debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
 	        instance.render();
 	      }
+
 	      setCurrentPhase(null);
 	    }
-	  }
+	  } // React DevTools reads this flag.
+
 
-	  // React DevTools reads this flag.
 	  workInProgress.effectTag |= PerformedWork;
+
 	  if (current$$1 !== null && didCaptureError) {
 	    // If we're recovering from an error, reconcile without reusing any of
 	    // the existing children. Conceptually, the normal children and the children
@@ -18594,13 +22971,12 @@
 	    forceUnmountCurrentAndReconcile(current$$1, workInProgress, nextChildren, renderExpirationTime);
 	  } else {
 	    reconcileChildren(current$$1, workInProgress, nextChildren, renderExpirationTime);
-	  }
-
-	  // Memoize state using the values we just used to render.
+	  } // Memoize state using the values we just used to render.
 	  // TODO: Restructure so we never read values from the instance.
-	  workInProgress.memoizedState = instance.state;
 
-	  // The context might have changed so we need to recalculate it.
+
+	  workInProgress.memoizedState = instance.state; // The context might have changed so we need to recalculate it.
+
 	  if (hasContext) {
 	    invalidateContextProvider(workInProgress, Component, true);
 	  }
@@ -18610,56 +22986,71 @@
 
 	function pushHostRootContext(workInProgress) {
 	  var root = workInProgress.stateNode;
+
 	  if (root.pendingContext) {
 	    pushTopLevelContextObject(workInProgress, root.pendingContext, root.pendingContext !== root.context);
 	  } else if (root.context) {
 	    // Should always be set
 	    pushTopLevelContextObject(workInProgress, root.context, false);
 	  }
+
 	  pushHostContainer(workInProgress, root.containerInfo);
 	}
 
 	function updateHostRoot(current$$1, workInProgress, renderExpirationTime) {
 	  pushHostRootContext(workInProgress);
 	  var updateQueue = workInProgress.updateQueue;
-	  !(updateQueue !== null) ? invariant(false, 'If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue.') : void 0;
+
+	  if (!(updateQueue !== null)) {
+	    {
+	      throw Error("If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue.");
+	    }
+	  }
+
 	  var nextProps = workInProgress.pendingProps;
 	  var prevState = workInProgress.memoizedState;
 	  var prevChildren = prevState !== null ? prevState.element : null;
 	  processUpdateQueue(workInProgress, updateQueue, nextProps, null, renderExpirationTime);
-	  var nextState = workInProgress.memoizedState;
-	  // Caution: React DevTools currently depends on this property
+	  var nextState = workInProgress.memoizedState; // Caution: React DevTools currently depends on this property
 	  // being called "element".
+
 	  var nextChildren = nextState.element;
+
 	  if (nextChildren === prevChildren) {
 	    // If the state is the same as before, that's a bailout because we had
 	    // no work that expires at this time.
 	    resetHydrationState();
 	    return bailoutOnAlreadyFinishedWork(current$$1, workInProgress, renderExpirationTime);
 	  }
+
 	  var root = workInProgress.stateNode;
-	  if ((current$$1 === null || current$$1.child === null) && root.hydrate && enterHydrationState(workInProgress)) {
+
+	  if (root.hydrate && enterHydrationState(workInProgress)) {
 	    // If we don't have any current children this might be the first pass.
 	    // We always try to hydrate. If this isn't a hydration pass there won't
 	    // be any children to hydrate which is effectively the same thing as
 	    // not hydrating.
-
-	    // This is a bit of a hack. We track the host root as a placement to
-	    // know that we're currently in a mounting state. That way isMounted
-	    // works as expected. We must reset this before committing.
-	    // TODO: Delete this when we delete isMounted and findDOMNode.
-	    workInProgress.effectTag |= Placement;
-
-	    // Ensure that children mount into this root without tracking
-	    // side-effects. This ensures that we don't store Placement effects on
-	    // nodes that will be hydrated.
-	    workInProgress.child = mountChildFibers(workInProgress, null, nextChildren, renderExpirationTime);
+	    var child = mountChildFibers(workInProgress, null, nextChildren, renderExpirationTime);
+	    workInProgress.child = child;
+	    var node = child;
+
+	    while (node) {
+	      // Mark each child as hydrating. This is a fast path to know whether this
+	      // tree is part of a hydrating tree. This is used to determine if a child
+	      // node has fully mounted yet, and for scheduling event replaying.
+	      // Conceptually this is similar to Placement in that a new subtree is
+	      // inserted into the React tree here. It just happens to not need DOM
+	      // mutations because it already exists.
+	      node.effectTag = node.effectTag & ~Placement | Hydrating;
+	      node = node.sibling;
+	    }
 	  } else {
 	    // Otherwise reset hydration state in case we aborted and resumed another
 	    // root.
 	    reconcileChildren(current$$1, workInProgress, nextChildren, renderExpirationTime);
 	    resetHydrationState();
 	  }
+
 	  return workInProgress.child;
 	}
 
@@ -18673,7 +23064,6 @@
 	  var type = workInProgress.type;
 	  var nextProps = workInProgress.pendingProps;
 	  var prevProps = current$$1 !== null ? current$$1.memoizedProps : null;
-
 	  var nextChildren = nextProps.children;
 	  var isDirectTextChild = shouldSetTextContent(type, nextProps);
 
@@ -18689,11 +23079,14 @@
 	    workInProgress.effectTag |= ContentReset;
 	  }
 
-	  markRef(current$$1, workInProgress);
+	  markRef(current$$1, workInProgress); // Check the host config to see if the children are offscreen/hidden.
+
+	  if (workInProgress.mode & ConcurrentMode && renderExpirationTime !== Never && shouldDeprioritizeSubtree(type, nextProps)) {
+	    if (enableSchedulerTracing) {
+	      markSpawnedWork(Never);
+	    } // Schedule this fiber to re-render at offscreen priority. Then bailout.
+
 
-	  // Check the host config to see if the children are offscreen/hidden.
-	  if (renderExpirationTime !== Never && workInProgress.mode & ConcurrentMode && shouldDeprioritizeSubtree(type, nextProps)) {
-	    // Schedule this fiber to re-render at offscreen priority. Then bailout.
 	    workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
 	    return null;
 	  }
@@ -18705,9 +23098,10 @@
 	function updateHostText(current$$1, workInProgress) {
 	  if (current$$1 === null) {
 	    tryToClaimNextHydratableInstance(workInProgress);
-	  }
-	  // Nothing to do here. This is terminal. We'll do the completion step
+	  } // Nothing to do here. This is terminal. We'll do the completion step
 	  // immediately after.
+
+
 	  return null;
 	}
 
@@ -18718,70 +23112,94 @@
 	    // a new mount, even though an empty version of it already committed.
 	    // Disconnect the alternate pointers.
 	    _current.alternate = null;
-	    workInProgress.alternate = null;
-	    // Since this is conceptually a new fiber, schedule a Placement effect
+	    workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
+
 	    workInProgress.effectTag |= Placement;
 	  }
 
-	  var props = workInProgress.pendingProps;
-	  // We can't start a User Timing measurement with correct label yet.
+	  var props = workInProgress.pendingProps; // We can't start a User Timing measurement with correct label yet.
 	  // Cancel and resume right after we know the tag.
+
 	  cancelWorkTimer(workInProgress);
-	  var Component = readLazyComponentType(elementType);
-	  // Store the unwrapped component in the type.
+	  var Component = readLazyComponentType(elementType); // Store the unwrapped component in the type.
+
 	  workInProgress.type = Component;
 	  var resolvedTag = workInProgress.tag = resolveLazyComponentTag(Component);
 	  startWorkTimer(workInProgress);
 	  var resolvedProps = resolveDefaultProps(Component, props);
-	  var child = void 0;
+	  var child;
+
 	  switch (resolvedTag) {
 	    case FunctionComponent:
 	      {
 	        {
 	          validateFunctionComponentInDev(workInProgress, Component);
+	          workInProgress.type = Component = resolveFunctionForHotReloading(Component);
 	        }
+
 	        child = updateFunctionComponent(null, workInProgress, Component, resolvedProps, renderExpirationTime);
 	        break;
 	      }
+
 	    case ClassComponent:
 	      {
+	        {
+	          workInProgress.type = Component = resolveClassForHotReloading(Component);
+	        }
+
 	        child = updateClassComponent(null, workInProgress, Component, resolvedProps, renderExpirationTime);
 	        break;
 	      }
+
 	    case ForwardRef:
 	      {
+	        {
+	          workInProgress.type = Component = resolveForwardRefForHotReloading(Component);
+	        }
+
 	        child = updateForwardRef(null, workInProgress, Component, resolvedProps, renderExpirationTime);
 	        break;
 	      }
+
 	    case MemoComponent:
 	      {
 	        {
 	          if (workInProgress.type !== workInProgress.elementType) {
 	            var outerPropTypes = Component.propTypes;
+
 	            if (outerPropTypes) {
 	              checkPropTypes(outerPropTypes, resolvedProps, // Resolved for outer only
 	              'prop', getComponentName(Component), getCurrentFiberStackInDev);
 	            }
 	          }
 	        }
+
 	        child = updateMemoComponent(null, workInProgress, Component, resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
 	        updateExpirationTime, renderExpirationTime);
 	        break;
 	      }
+
 	    default:
 	      {
 	        var hint = '';
+
 	        {
 	          if (Component !== null && typeof Component === 'object' && Component.$$typeof === REACT_LAZY_TYPE) {
 	            hint = ' Did you wrap a component in React.lazy() more than once?';
 	          }
-	        }
-	        // This message intentionally doesn't mention ForwardRef or MemoComponent
+	        } // This message intentionally doesn't mention ForwardRef or MemoComponent
 	        // because the fact that it's a separate type of work is an
 	        // implementation detail.
-	        invariant(false, 'Element type is invalid. Received a promise that resolves to: %s. Lazy element type must resolve to a class or function.%s', Component, hint);
+
+
+	        {
+	          {
+	            throw Error("Element type is invalid. Received a promise that resolves to: " + Component + ". Lazy element type must resolve to a class or function." + hint);
+	          }
+	        }
 	      }
 	  }
+
 	  return child;
 	}
 
@@ -18792,31 +23210,29 @@
 	    // a new mount, even though an empty version of it already committed.
 	    // Disconnect the alternate pointers.
 	    _current.alternate = null;
-	    workInProgress.alternate = null;
-	    // Since this is conceptually a new fiber, schedule a Placement effect
-	    workInProgress.effectTag |= Placement;
-	  }
+	    workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
 
-	  // Promote the fiber to a class and try rendering again.
-	  workInProgress.tag = ClassComponent;
+	    workInProgress.effectTag |= Placement;
+	  } // Promote the fiber to a class and try rendering again.
 
-	  // The rest of this function is a fork of `updateClassComponent`
 
+	  workInProgress.tag = ClassComponent; // The rest of this function is a fork of `updateClassComponent`
 	  // Push context providers early to prevent context stack mismatches.
 	  // During mounting we don't know the child context yet as the instance doesn't exist.
 	  // We will invalidate the child context in finishClassComponent() right after rendering.
-	  var hasContext = void 0;
+
+	  var hasContext;
+
 	  if (isContextProvider(Component)) {
 	    hasContext = true;
 	    pushContextProvider(workInProgress);
 	  } else {
 	    hasContext = false;
 	  }
-	  prepareToReadContext(workInProgress, renderExpirationTime);
 
+	  prepareToReadContext(workInProgress, renderExpirationTime);
 	  constructClassInstance(workInProgress, Component, nextProps, renderExpirationTime);
 	  mountClassInstance(workInProgress, Component, nextProps, renderExpirationTime);
-
 	  return finishClassComponent(null, workInProgress, Component, true, hasContext, renderExpirationTime);
 	}
 
@@ -18827,18 +23243,21 @@
 	    // a new mount, even though an empty version of it already committed.
 	    // Disconnect the alternate pointers.
 	    _current.alternate = null;
-	    workInProgress.alternate = null;
-	    // Since this is conceptually a new fiber, schedule a Placement effect
+	    workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
+
 	    workInProgress.effectTag |= Placement;
 	  }
 
 	  var props = workInProgress.pendingProps;
-	  var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
-	  var context = getMaskedContext(workInProgress, unmaskedContext);
+	  var context;
 
-	  prepareToReadContext(workInProgress, renderExpirationTime);
+	  if (!disableLegacyContext) {
+	    var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
+	    context = getMaskedContext(workInProgress, unmaskedContext);
+	  }
 
-	  var value = void 0;
+	  prepareToReadContext(workInProgress, renderExpirationTime);
+	  var value;
 
 	  {
 	    if (Component.prototype && typeof Component.prototype.render === 'function') {
@@ -18856,21 +23275,30 @@
 
 	    ReactCurrentOwner$3.current = workInProgress;
 	    value = renderWithHooks(null, workInProgress, Component, props, context, renderExpirationTime);
-	  }
-	  // React DevTools reads this flag.
+	  } // React DevTools reads this flag.
+
+
 	  workInProgress.effectTag |= PerformedWork;
 
 	  if (typeof value === 'object' && value !== null && typeof value.render === 'function' && value.$$typeof === undefined) {
-	    // Proceed under the assumption that this is a class instance
-	    workInProgress.tag = ClassComponent;
+	    {
+	      var _componentName = getComponentName(Component) || 'Unknown';
+
+	      if (!didWarnAboutModulePatternComponent[_componentName]) {
+	        warningWithoutStack$1(false, 'The <%s /> component appears to be a function component that returns a class instance. ' + 'Change %s to a class that extends React.Component instead. ' + "If you can't use a class try assigning the prototype on the function as a workaround. " + "`%s.prototype = React.Component.prototype`. Don't use an arrow function since it " + 'cannot be called with `new` by React.', _componentName, _componentName, _componentName);
+	        didWarnAboutModulePatternComponent[_componentName] = true;
+	      }
+	    } // Proceed under the assumption that this is a class instance
 
-	    // Throw out any hooks that were used.
-	    resetHooks();
 
-	    // Push context providers early to prevent context stack mismatches.
+	    workInProgress.tag = ClassComponent; // Throw out any hooks that were used.
+
+	    resetHooks(); // Push context providers early to prevent context stack mismatches.
 	    // During mounting we don't know the child context yet as the instance doesn't exist.
 	    // We will invalidate the child context in finishClassComponent() right after rendering.
+
 	    var hasContext = false;
+
 	    if (isContextProvider(Component)) {
 	      hasContext = true;
 	      pushContextProvider(workInProgress);
@@ -18879,8 +23307,8 @@
 	    }
 
 	    workInProgress.memoizedState = value.state !== null && value.state !== undefined ? value.state : null;
-
 	    var getDerivedStateFromProps = Component.getDerivedStateFromProps;
+
 	    if (typeof getDerivedStateFromProps === 'function') {
 	      applyDerivedStateFromProps(workInProgress, Component, getDerivedStateFromProps, props);
 	    }
@@ -18891,18 +23319,26 @@
 	  } else {
 	    // Proceed under the assumption that this is a function component
 	    workInProgress.tag = FunctionComponent;
+
 	    {
-	      if (debugRenderPhaseSideEffects || debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
+	      if (disableLegacyContext && Component.contextTypes) {
+	        warningWithoutStack$1(false, '%s uses the legacy contextTypes API which is no longer supported. ' + 'Use React.createContext() with React.useContext() instead.', getComponentName(Component) || 'Unknown');
+	      }
+
+	      if (debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
 	        // Only double-render components with Hooks
 	        if (workInProgress.memoizedState !== null) {
 	          value = renderWithHooks(null, workInProgress, Component, props, context, renderExpirationTime);
 	        }
 	      }
 	    }
+
 	    reconcileChildren(null, workInProgress, value, renderExpirationTime);
+
 	    {
 	      validateFunctionComponentInDev(workInProgress, Component);
 	    }
+
 	    return workInProgress.child;
 	  }
 	}
@@ -18911,67 +23347,111 @@
 	  if (Component) {
 	    !!Component.childContextTypes ? warningWithoutStack$1(false, '%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component') : void 0;
 	  }
+
 	  if (workInProgress.ref !== null) {
 	    var info = '';
 	    var ownerName = getCurrentFiberOwnerNameInDevOrNull();
+
 	    if (ownerName) {
 	      info += '\n\nCheck the render method of `' + ownerName + '`.';
 	    }
 
 	    var warningKey = ownerName || workInProgress._debugID || '';
 	    var debugSource = workInProgress._debugSource;
+
 	    if (debugSource) {
 	      warningKey = debugSource.fileName + ':' + debugSource.lineNumber;
 	    }
+
 	    if (!didWarnAboutFunctionRefs[warningKey]) {
 	      didWarnAboutFunctionRefs[warningKey] = true;
 	      warning$1(false, 'Function components cannot be given refs. ' + 'Attempts to access this ref will fail. ' + 'Did you mean to use React.forwardRef()?%s', info);
 	    }
 	  }
 
-	  if (typeof Component.getDerivedStateFromProps === 'function') {
+	  if (warnAboutDefaultPropsOnFunctionComponents && Component.defaultProps !== undefined) {
 	    var componentName = getComponentName(Component) || 'Unknown';
 
-	    if (!didWarnAboutGetDerivedStateOnFunctionComponent[componentName]) {
-	      warningWithoutStack$1(false, '%s: Function components do not support getDerivedStateFromProps.', componentName);
-	      didWarnAboutGetDerivedStateOnFunctionComponent[componentName] = true;
+	    if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
+	      warningWithoutStack$1(false, '%s: Support for defaultProps will be removed from function components ' + 'in a future major release. Use JavaScript default parameters instead.', componentName);
+	      didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
+	    }
+	  }
+
+	  if (typeof Component.getDerivedStateFromProps === 'function') {
+	    var _componentName2 = getComponentName(Component) || 'Unknown';
+
+	    if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2]) {
+	      warningWithoutStack$1(false, '%s: Function components do not support getDerivedStateFromProps.', _componentName2);
+	      didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] = true;
 	    }
 	  }
 
 	  if (typeof Component.contextType === 'object' && Component.contextType !== null) {
-	    var _componentName = getComponentName(Component) || 'Unknown';
+	    var _componentName3 = getComponentName(Component) || 'Unknown';
 
-	    if (!didWarnAboutContextTypeOnFunctionComponent[_componentName]) {
-	      warningWithoutStack$1(false, '%s: Function components do not support contextType.', _componentName);
-	      didWarnAboutContextTypeOnFunctionComponent[_componentName] = true;
+	    if (!didWarnAboutContextTypeOnFunctionComponent[_componentName3]) {
+	      warningWithoutStack$1(false, '%s: Function components do not support contextType.', _componentName3);
+	      didWarnAboutContextTypeOnFunctionComponent[_componentName3] = true;
 	    }
 	  }
 	}
 
+	var SUSPENDED_MARKER = {
+	  dehydrated: null,
+	  retryTime: NoWork
+	};
+
+	function shouldRemainOnFallback(suspenseContext, current$$1, workInProgress) {
+	  // If the context is telling us that we should show a fallback, and we're not
+	  // already showing content, then we should show the fallback instead.
+	  return hasSuspenseContext(suspenseContext, ForceSuspenseFallback) && (current$$1 === null || current$$1.memoizedState !== null);
+	}
+
 	function updateSuspenseComponent(current$$1, workInProgress, renderExpirationTime) {
 	  var mode = workInProgress.mode;
-	  var nextProps = workInProgress.pendingProps;
+	  var nextProps = workInProgress.pendingProps; // This is used by DevTools to force a boundary to suspend.
 
-	  // We should attempt to render the primary children unless this boundary
-	  // already suspended during this render (`alreadyCaptured` is true).
-	  var nextState = workInProgress.memoizedState;
+	  {
+	    if (shouldSuspend(workInProgress)) {
+	      workInProgress.effectTag |= DidCapture;
+	    }
+	  }
 
-	  var nextDidTimeout = void 0;
-	  if ((workInProgress.effectTag & DidCapture) === NoEffect) {
-	    // This is the first attempt.
-	    nextState = null;
-	    nextDidTimeout = false;
-	  } else {
+	  var suspenseContext = suspenseStackCursor.current;
+	  var nextDidTimeout = false;
+	  var didSuspend = (workInProgress.effectTag & DidCapture) !== NoEffect;
+
+	  if (didSuspend || shouldRemainOnFallback(suspenseContext, current$$1, workInProgress)) {
 	    // Something in this boundary's subtree already suspended. Switch to
 	    // rendering the fallback children.
-	    nextState = {
-	      timedOutAt: nextState !== null ? nextState.timedOutAt : NoWork
-	    };
 	    nextDidTimeout = true;
 	    workInProgress.effectTag &= ~DidCapture;
+	  } else {
+	    // Attempting the main content
+	    if (current$$1 === null || current$$1.memoizedState !== null) {
+	      // This is a new mount or this boundary is already showing a fallback state.
+	      // Mark this subtree context as having at least one invisible parent that could
+	      // handle the fallback state.
+	      // Boundaries without fallbacks or should be avoided are not considered since
+	      // they cannot handle preferred fallback states.
+	      if (nextProps.fallback !== undefined && nextProps.unstable_avoidThisFallback !== true) {
+	        suspenseContext = addSubtreeSuspenseContext(suspenseContext, InvisibleParentSuspenseContext);
+	      }
+	    }
 	  }
 
-	  // This next part is a bit confusing. If the children timeout, we switch to
+	  suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+	  pushSuspenseContext(workInProgress, suspenseContext);
+
+	  {
+	    if ('maxDuration' in nextProps) {
+	      if (!didWarnAboutMaxDuration) {
+	        didWarnAboutMaxDuration = true;
+	        warning$1(false, 'maxDuration has been removed from React. ' + 'Remove the maxDuration prop.');
+	      }
+	    }
+	  } // This next part is a bit confusing. If the children timeout, we switch to
 	  // showing the fallback children in place of the "primary" children.
 	  // However, we don't want to delete the primary children because then their
 	  // state will be lost (both the React state and the host state, e.g.
@@ -18993,241 +23473,764 @@
 	  // custom reconciliation logic to preserve the state of the primary
 	  // children. It's essentially a very basic form of re-parenting.
 
-	  // `child` points to the child fiber. In the normal case, this is the first
-	  // fiber of the primary children set. In the timed-out case, it's a
-	  // a fragment fiber containing the primary children.
-	  var child = void 0;
-	  // `next` points to the next fiber React should render. In the normal case,
-	  // it's the same as `child`: the first fiber of the primary children set.
-	  // In the timed-out case, it's a fragment fiber containing the *fallback*
-	  // children -- we skip over the primary children entirely.
-	  var next = void 0;
+
 	  if (current$$1 === null) {
-	    if (enableSuspenseServerRenderer) {
-	      // If we're currently hydrating, try to hydrate this boundary.
-	      // But only if this has a fallback.
-	      if (nextProps.fallback !== undefined) {
-	        tryToClaimNextHydratableInstance(workInProgress);
-	        // This could've changed the tag if this was a dehydrated suspense component.
-	        if (workInProgress.tag === DehydratedSuspenseComponent) {
-	          return updateDehydratedSuspenseComponent(null, workInProgress, renderExpirationTime);
+	    // If we're currently hydrating, try to hydrate this boundary.
+	    // But only if this has a fallback.
+	    if (nextProps.fallback !== undefined) {
+	      tryToClaimNextHydratableInstance(workInProgress); // This could've been a dehydrated suspense component.
+
+	      if (enableSuspenseServerRenderer) {
+	        var suspenseState = workInProgress.memoizedState;
+
+	        if (suspenseState !== null) {
+	          var dehydrated = suspenseState.dehydrated;
+
+	          if (dehydrated !== null) {
+	            return mountDehydratedSuspenseComponent(workInProgress, dehydrated, renderExpirationTime);
+	          }
 	        }
 	      }
-	    }
-
-	    // This is the initial mount. This branch is pretty simple because there's
+	    } // This is the initial mount. This branch is pretty simple because there's
 	    // no previous state that needs to be preserved.
+
+
 	    if (nextDidTimeout) {
 	      // Mount separate fragments for primary and fallback children.
 	      var nextFallbackChildren = nextProps.fallback;
 	      var primaryChildFragment = createFiberFromFragment(null, mode, NoWork, null);
+	      primaryChildFragment.return = workInProgress;
 
-	      if ((workInProgress.mode & ConcurrentMode) === NoContext) {
-	        // Outside of concurrent mode, we commit the effects from the
+	      if ((workInProgress.mode & BlockingMode) === NoMode) {
+	        // Outside of blocking mode, we commit the effects from the
+	        // partially completed, timed-out tree, too.
 	        var progressedState = workInProgress.memoizedState;
 	        var progressedPrimaryChild = progressedState !== null ? workInProgress.child.child : workInProgress.child;
 	        primaryChildFragment.child = progressedPrimaryChild;
+	        var progressedChild = progressedPrimaryChild;
+
+	        while (progressedChild !== null) {
+	          progressedChild.return = primaryChildFragment;
+	          progressedChild = progressedChild.sibling;
+	        }
 	      }
 
 	      var fallbackChildFragment = createFiberFromFragment(nextFallbackChildren, mode, renderExpirationTime, null);
-	      primaryChildFragment.sibling = fallbackChildFragment;
-	      child = primaryChildFragment;
-	      // Skip the primary children, and continue working on the
+	      fallbackChildFragment.return = workInProgress;
+	      primaryChildFragment.sibling = fallbackChildFragment; // Skip the primary children, and continue working on the
 	      // fallback children.
-	      next = fallbackChildFragment;
-	      child.return = next.return = workInProgress;
+
+	      workInProgress.memoizedState = SUSPENDED_MARKER;
+	      workInProgress.child = primaryChildFragment;
+	      return fallbackChildFragment;
 	    } else {
 	      // Mount the primary children without an intermediate fragment fiber.
 	      var nextPrimaryChildren = nextProps.children;
-	      child = next = mountChildFibers(workInProgress, null, nextPrimaryChildren, renderExpirationTime);
+	      workInProgress.memoizedState = null;
+	      return workInProgress.child = mountChildFibers(workInProgress, null, nextPrimaryChildren, renderExpirationTime);
 	    }
 	  } else {
 	    // This is an update. This branch is more complicated because we need to
 	    // ensure the state of the primary children is preserved.
 	    var prevState = current$$1.memoizedState;
-	    var prevDidTimeout = prevState !== null;
-	    if (prevDidTimeout) {
-	      // The current tree already timed out. That means each child set is
+
+	    if (prevState !== null) {
+	      if (enableSuspenseServerRenderer) {
+	        var _dehydrated = prevState.dehydrated;
+
+	        if (_dehydrated !== null) {
+	          if (!didSuspend) {
+	            return updateDehydratedSuspenseComponent(current$$1, workInProgress, _dehydrated, prevState, renderExpirationTime);
+	          } else if (workInProgress.memoizedState !== null) {
+	            // Something suspended and we should still be in dehydrated mode.
+	            // Leave the existing child in place.
+	            workInProgress.child = current$$1.child; // The dehydrated completion pass expects this flag to be there
+	            // but the normal suspense pass doesn't.
+
+	            workInProgress.effectTag |= DidCapture;
+	            return null;
+	          } else {
+	            // Suspended but we should no longer be in dehydrated mode.
+	            // Therefore we now have to render the fallback. Wrap the children
+	            // in a fragment fiber to keep them separate from the fallback
+	            // children.
+	            var _nextFallbackChildren = nextProps.fallback;
+
+	            var _primaryChildFragment = createFiberFromFragment( // It shouldn't matter what the pending props are because we aren't
+	            // going to render this fragment.
+	            null, mode, NoWork, null);
+
+	            _primaryChildFragment.return = workInProgress; // This is always null since we never want the previous child
+	            // that we're not going to hydrate.
+
+	            _primaryChildFragment.child = null;
+
+	            if ((workInProgress.mode & BlockingMode) === NoMode) {
+	              // Outside of blocking mode, we commit the effects from the
+	              // partially completed, timed-out tree, too.
+	              var _progressedChild = _primaryChildFragment.child = workInProgress.child;
+
+	              while (_progressedChild !== null) {
+	                _progressedChild.return = _primaryChildFragment;
+	                _progressedChild = _progressedChild.sibling;
+	              }
+	            } else {
+	              // We will have dropped the effect list which contains the deletion.
+	              // We need to reconcile to delete the current child.
+	              reconcileChildFibers(workInProgress, current$$1.child, null, renderExpirationTime);
+	            } // Because primaryChildFragment is a new fiber that we're inserting as the
+	            // parent of a new tree, we need to set its treeBaseDuration.
+
+
+	            if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
+	              // treeBaseDuration is the sum of all the child tree base durations.
+	              var treeBaseDuration = 0;
+	              var hiddenChild = _primaryChildFragment.child;
+
+	              while (hiddenChild !== null) {
+	                treeBaseDuration += hiddenChild.treeBaseDuration;
+	                hiddenChild = hiddenChild.sibling;
+	              }
+
+	              _primaryChildFragment.treeBaseDuration = treeBaseDuration;
+	            } // Create a fragment from the fallback children, too.
+
+
+	            var _fallbackChildFragment = createFiberFromFragment(_nextFallbackChildren, mode, renderExpirationTime, null);
+
+	            _fallbackChildFragment.return = workInProgress;
+	            _primaryChildFragment.sibling = _fallbackChildFragment;
+	            _fallbackChildFragment.effectTag |= Placement;
+	            _primaryChildFragment.childExpirationTime = NoWork;
+	            workInProgress.memoizedState = SUSPENDED_MARKER;
+	            workInProgress.child = _primaryChildFragment; // Skip the primary children, and continue working on the
+	            // fallback children.
+
+	            return _fallbackChildFragment;
+	          }
+	        }
+	      } // The current tree already timed out. That means each child set is
+	      // wrapped in a fragment fiber.
+
+
 	      var currentPrimaryChildFragment = current$$1.child;
 	      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
+
 	      if (nextDidTimeout) {
 	        // Still timed out. Reuse the current primary children by cloning
 	        // its fragment. We're going to skip over these entirely.
-	        var _nextFallbackChildren = nextProps.fallback;
-	        var _primaryChildFragment = createWorkInProgress(currentPrimaryChildFragment, currentPrimaryChildFragment.pendingProps, NoWork);
+	        var _nextFallbackChildren2 = nextProps.fallback;
+
+	        var _primaryChildFragment2 = createWorkInProgress(currentPrimaryChildFragment, currentPrimaryChildFragment.pendingProps, NoWork);
 
-	        if ((workInProgress.mode & ConcurrentMode) === NoContext) {
-	          // Outside of concurrent mode, we commit the effects from the
+	        _primaryChildFragment2.return = workInProgress;
+
+	        if ((workInProgress.mode & BlockingMode) === NoMode) {
+	          // Outside of blocking mode, we commit the effects from the
+	          // partially completed, timed-out tree, too.
 	          var _progressedState = workInProgress.memoizedState;
+
 	          var _progressedPrimaryChild = _progressedState !== null ? workInProgress.child.child : workInProgress.child;
+
 	          if (_progressedPrimaryChild !== currentPrimaryChildFragment.child) {
-	            _primaryChildFragment.child = _progressedPrimaryChild;
-	          }
-	        }
+	            _primaryChildFragment2.child = _progressedPrimaryChild;
+	            var _progressedChild2 = _progressedPrimaryChild;
 
-	        // Because primaryChildFragment is a new fiber that we're inserting as the
+	            while (_progressedChild2 !== null) {
+	              _progressedChild2.return = _primaryChildFragment2;
+	              _progressedChild2 = _progressedChild2.sibling;
+	            }
+	          }
+	        } // Because primaryChildFragment is a new fiber that we're inserting as the
 	        // parent of a new tree, we need to set its treeBaseDuration.
+
+
 	        if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
 	          // treeBaseDuration is the sum of all the child tree base durations.
-	          var treeBaseDuration = 0;
-	          var hiddenChild = _primaryChildFragment.child;
-	          while (hiddenChild !== null) {
-	            treeBaseDuration += hiddenChild.treeBaseDuration;
-	            hiddenChild = hiddenChild.sibling;
+	          var _treeBaseDuration = 0;
+	          var _hiddenChild = _primaryChildFragment2.child;
+
+	          while (_hiddenChild !== null) {
+	            _treeBaseDuration += _hiddenChild.treeBaseDuration;
+	            _hiddenChild = _hiddenChild.sibling;
 	          }
-	          _primaryChildFragment.treeBaseDuration = treeBaseDuration;
-	        }
 
-	        // Clone the fallback child fragment, too. These we'll continue
+	          _primaryChildFragment2.treeBaseDuration = _treeBaseDuration;
+	        } // Clone the fallback child fragment, too. These we'll continue
 	        // working on.
-	        var _fallbackChildFragment = _primaryChildFragment.sibling = createWorkInProgress(currentFallbackChildFragment, _nextFallbackChildren, currentFallbackChildFragment.expirationTime);
-	        child = _primaryChildFragment;
-	        _primaryChildFragment.childExpirationTime = NoWork;
-	        // Skip the primary children, and continue working on the
+
+
+	        var _fallbackChildFragment2 = createWorkInProgress(currentFallbackChildFragment, _nextFallbackChildren2, currentFallbackChildFragment.expirationTime);
+
+	        _fallbackChildFragment2.return = workInProgress;
+	        _primaryChildFragment2.sibling = _fallbackChildFragment2;
+	        _primaryChildFragment2.childExpirationTime = NoWork; // Skip the primary children, and continue working on the
 	        // fallback children.
-	        next = _fallbackChildFragment;
-	        child.return = next.return = workInProgress;
+
+	        workInProgress.memoizedState = SUSPENDED_MARKER;
+	        workInProgress.child = _primaryChildFragment2;
+	        return _fallbackChildFragment2;
 	      } else {
 	        // No longer suspended. Switch back to showing the primary children,
 	        // and remove the intermediate fragment fiber.
 	        var _nextPrimaryChildren = nextProps.children;
 	        var currentPrimaryChild = currentPrimaryChildFragment.child;
-	        var primaryChild = reconcileChildFibers(workInProgress, currentPrimaryChild, _nextPrimaryChildren, renderExpirationTime);
-
-	        // If this render doesn't suspend, we need to delete the fallback
+	        var primaryChild = reconcileChildFibers(workInProgress, currentPrimaryChild, _nextPrimaryChildren, renderExpirationTime); // If this render doesn't suspend, we need to delete the fallback
 	        // children. Wait until the complete phase, after we've confirmed the
 	        // fallback is no longer needed.
 	        // TODO: Would it be better to store the fallback fragment on
 	        // the stateNode?
-
 	        // Continue rendering the children, like we normally do.
-	        child = next = primaryChild;
+
+	        workInProgress.memoizedState = null;
+	        return workInProgress.child = primaryChild;
 	      }
 	    } else {
 	      // The current tree has not already timed out. That means the primary
 	      // children are not wrapped in a fragment fiber.
 	      var _currentPrimaryChild = current$$1.child;
+
 	      if (nextDidTimeout) {
 	        // Timed out. Wrap the children in a fragment fiber to keep them
 	        // separate from the fallback children.
-	        var _nextFallbackChildren2 = nextProps.fallback;
-	        var _primaryChildFragment2 = createFiberFromFragment(
-	        // It shouldn't matter what the pending props are because we aren't
+	        var _nextFallbackChildren3 = nextProps.fallback;
+
+	        var _primaryChildFragment3 = createFiberFromFragment( // It shouldn't matter what the pending props are because we aren't
 	        // going to render this fragment.
 	        null, mode, NoWork, null);
-	        _primaryChildFragment2.child = _currentPrimaryChild;
 
-	        // Even though we're creating a new fiber, there are no new children,
+	        _primaryChildFragment3.return = workInProgress;
+	        _primaryChildFragment3.child = _currentPrimaryChild;
+
+	        if (_currentPrimaryChild !== null) {
+	          _currentPrimaryChild.return = _primaryChildFragment3;
+	        } // Even though we're creating a new fiber, there are no new children,
 	        // because we're reusing an already mounted tree. So we don't need to
 	        // schedule a placement.
 	        // primaryChildFragment.effectTag |= Placement;
 
-	        if ((workInProgress.mode & ConcurrentMode) === NoContext) {
-	          // Outside of concurrent mode, we commit the effects from the
+
+	        if ((workInProgress.mode & BlockingMode) === NoMode) {
+	          // Outside of blocking mode, we commit the effects from the
+	          // partially completed, timed-out tree, too.
 	          var _progressedState2 = workInProgress.memoizedState;
+
 	          var _progressedPrimaryChild2 = _progressedState2 !== null ? workInProgress.child.child : workInProgress.child;
-	          _primaryChildFragment2.child = _progressedPrimaryChild2;
-	        }
 
-	        // Because primaryChildFragment is a new fiber that we're inserting as the
+	          _primaryChildFragment3.child = _progressedPrimaryChild2;
+	          var _progressedChild3 = _progressedPrimaryChild2;
+
+	          while (_progressedChild3 !== null) {
+	            _progressedChild3.return = _primaryChildFragment3;
+	            _progressedChild3 = _progressedChild3.sibling;
+	          }
+	        } // Because primaryChildFragment is a new fiber that we're inserting as the
 	        // parent of a new tree, we need to set its treeBaseDuration.
+
+
 	        if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
 	          // treeBaseDuration is the sum of all the child tree base durations.
-	          var _treeBaseDuration = 0;
-	          var _hiddenChild = _primaryChildFragment2.child;
-	          while (_hiddenChild !== null) {
-	            _treeBaseDuration += _hiddenChild.treeBaseDuration;
-	            _hiddenChild = _hiddenChild.sibling;
+	          var _treeBaseDuration2 = 0;
+	          var _hiddenChild2 = _primaryChildFragment3.child;
+
+	          while (_hiddenChild2 !== null) {
+	            _treeBaseDuration2 += _hiddenChild2.treeBaseDuration;
+	            _hiddenChild2 = _hiddenChild2.sibling;
 	          }
-	          _primaryChildFragment2.treeBaseDuration = _treeBaseDuration;
-	        }
 
-	        // Create a fragment from the fallback children, too.
-	        var _fallbackChildFragment2 = _primaryChildFragment2.sibling = createFiberFromFragment(_nextFallbackChildren2, mode, renderExpirationTime, null);
-	        _fallbackChildFragment2.effectTag |= Placement;
-	        child = _primaryChildFragment2;
-	        _primaryChildFragment2.childExpirationTime = NoWork;
-	        // Skip the primary children, and continue working on the
+	          _primaryChildFragment3.treeBaseDuration = _treeBaseDuration2;
+	        } // Create a fragment from the fallback children, too.
+
+
+	        var _fallbackChildFragment3 = createFiberFromFragment(_nextFallbackChildren3, mode, renderExpirationTime, null);
+
+	        _fallbackChildFragment3.return = workInProgress;
+	        _primaryChildFragment3.sibling = _fallbackChildFragment3;
+	        _fallbackChildFragment3.effectTag |= Placement;
+	        _primaryChildFragment3.childExpirationTime = NoWork; // Skip the primary children, and continue working on the
 	        // fallback children.
-	        next = _fallbackChildFragment2;
-	        child.return = next.return = workInProgress;
+
+	        workInProgress.memoizedState = SUSPENDED_MARKER;
+	        workInProgress.child = _primaryChildFragment3;
+	        return _fallbackChildFragment3;
 	      } else {
 	        // Still haven't timed out.  Continue rendering the children, like we
 	        // normally do.
+	        workInProgress.memoizedState = null;
 	        var _nextPrimaryChildren2 = nextProps.children;
-	        next = child = reconcileChildFibers(workInProgress, _currentPrimaryChild, _nextPrimaryChildren2, renderExpirationTime);
+	        return workInProgress.child = reconcileChildFibers(workInProgress, _currentPrimaryChild, _nextPrimaryChildren2, renderExpirationTime);
 	      }
 	    }
-	    workInProgress.stateNode = current$$1.stateNode;
 	  }
+	}
 
-	  workInProgress.memoizedState = nextState;
-	  workInProgress.child = child;
-	  return next;
+	function retrySuspenseComponentWithoutHydrating(current$$1, workInProgress, renderExpirationTime) {
+	  // We're now not suspended nor dehydrated.
+	  workInProgress.memoizedState = null; // Retry with the full children.
+
+	  var nextProps = workInProgress.pendingProps;
+	  var nextChildren = nextProps.children; // This will ensure that the children get Placement effects and
+	  // that the old child gets a Deletion effect.
+	  // We could also call forceUnmountCurrentAndReconcile.
+
+	  reconcileChildren(current$$1, workInProgress, nextChildren, renderExpirationTime);
+	  return workInProgress.child;
 	}
 
-	function updateDehydratedSuspenseComponent(current$$1, workInProgress, renderExpirationTime) {
-	  if (current$$1 === null) {
-	    // During the first pass, we'll bail out and not drill into the children.
-	    // Instead, we'll leave the content in place and try to hydrate it later.
+	function mountDehydratedSuspenseComponent(workInProgress, suspenseInstance, renderExpirationTime) {
+	  // During the first pass, we'll bail out and not drill into the children.
+	  // Instead, we'll leave the content in place and try to hydrate it later.
+	  if ((workInProgress.mode & BlockingMode) === NoMode) {
+	    {
+	      warning$1(false, 'Cannot hydrate Suspense in legacy mode. Switch from ' + 'ReactDOM.hydrate(element, container) to ' + 'ReactDOM.createBlockingRoot(container, { hydrate: true })' + '.render(element) or remove the Suspense components from ' + 'the server rendered components.');
+	    }
+
+	    workInProgress.expirationTime = Sync;
+	  } else if (isSuspenseInstanceFallback(suspenseInstance)) {
+	    // This is a client-only boundary. Since we won't get any content from the server
+	    // for this, we need to schedule that at a higher priority based on when it would
+	    // have timed out. In theory we could render it in this pass but it would have the
+	    // wrong priority associated with it and will prevent hydration of parent path.
+	    // Instead, we'll leave work left on it to render it in a separate commit.
+	    // TODO This time should be the time at which the server rendered response that is
+	    // a parent to this boundary was displayed. However, since we currently don't have
+	    // a protocol to transfer that time, we'll just estimate it by using the current
+	    // time. This will mean that Suspense timeouts are slightly shifted to later than
+	    // they should be.
+	    var serverDisplayTime = requestCurrentTimeForUpdate(); // Schedule a normal pri update to render this content.
+
+	    var newExpirationTime = computeAsyncExpiration(serverDisplayTime);
+
+	    if (enableSchedulerTracing) {
+	      markSpawnedWork(newExpirationTime);
+	    }
+
+	    workInProgress.expirationTime = newExpirationTime;
+	  } else {
+	    // We'll continue hydrating the rest at offscreen priority since we'll already
+	    // be showing the right content coming from the server, it is no rush.
 	    workInProgress.expirationTime = Never;
-	    return null;
+
+	    if (enableSchedulerTracing) {
+	      markSpawnedWork(Never);
+	    }
+	  }
+
+	  return null;
+	}
+
+	function updateDehydratedSuspenseComponent(current$$1, workInProgress, suspenseInstance, suspenseState, renderExpirationTime) {
+	  // We should never be hydrating at this point because it is the first pass,
+	  // but after we've already committed once.
+	  warnIfHydrating();
+
+	  if ((workInProgress.mode & BlockingMode) === NoMode) {
+	    return retrySuspenseComponentWithoutHydrating(current$$1, workInProgress, renderExpirationTime);
 	  }
-	  // We use childExpirationTime to indicate that a child might depend on context, so if
+
+	  if (isSuspenseInstanceFallback(suspenseInstance)) {
+	    // This boundary is in a permanent fallback state. In this case, we'll never
+	    // get an update and we'll never be able to hydrate the final content. Let's just try the
+	    // client side render instead.
+	    return retrySuspenseComponentWithoutHydrating(current$$1, workInProgress, renderExpirationTime);
+	  } // We use childExpirationTime to indicate that a child might depend on context, so if
 	  // any context has changed, we need to treat is as if the input might have changed.
+
+
 	  var hasContextChanged$$1 = current$$1.childExpirationTime >= renderExpirationTime;
+
 	  if (didReceiveUpdate || hasContextChanged$$1) {
 	    // This boundary has changed since the first render. This means that we are now unable to
-	    // hydrate it. We might still be able to hydrate it using an earlier expiration time but
-	    // during this render we can't. Instead, we're going to delete the whole subtree and
-	    // instead inject a new real Suspense boundary to take its place, which may render content
-	    // or fallback. The real Suspense boundary will suspend for a while so we have some time
-	    // to ensure it can produce real content, but all state and pending events will be lost.
+	    // hydrate it. We might still be able to hydrate it using an earlier expiration time, if
+	    // we are rendering at lower expiration than sync.
+	    if (renderExpirationTime < Sync) {
+	      if (suspenseState.retryTime <= renderExpirationTime) {
+	        // This render is even higher pri than we've seen before, let's try again
+	        // at even higher pri.
+	        var attemptHydrationAtExpirationTime = renderExpirationTime + 1;
+	        suspenseState.retryTime = attemptHydrationAtExpirationTime;
+	        scheduleWork(current$$1, attemptHydrationAtExpirationTime); // TODO: Early abort this render.
+	      } else {// We have already tried to ping at a higher priority than we're rendering with
+	          // so if we got here, we must have failed to hydrate at those levels. We must
+	          // now give up. Instead, we're going to delete the whole subtree and instead inject
+	          // a new real Suspense boundary to take its place, which may render content
+	          // or fallback. This might suspend for a while and if it does we might still have
+	          // an opportunity to hydrate before this pass commits.
+	        }
+	    } // If we have scheduled higher pri work above, this will probably just abort the render
+	    // since we now have higher priority work, but in case it doesn't, we need to prepare to
+	    // render something, if we time out. Even if that requires us to delete everything and
+	    // skip hydration.
+	    // Delay having to do this as long as the suspense timeout allows us.
+
+
+	    renderDidSuspendDelayIfPossible();
+	    return retrySuspenseComponentWithoutHydrating(current$$1, workInProgress, renderExpirationTime);
+	  } else if (isSuspenseInstancePending(suspenseInstance)) {
+	    // This component is still pending more data from the server, so we can't hydrate its
+	    // content. We treat it as if this component suspended itself. It might seem as if
+	    // we could just try to render it client-side instead. However, this will perform a
+	    // lot of unnecessary work and is unlikely to complete since it often will suspend
+	    // on missing data anyway. Additionally, the server might be able to render more
+	    // than we can on the client yet. In that case we'd end up with more fallback states
+	    // on the client than if we just leave it alone. If the server times out or errors
+	    // these should update this boundary to the permanent Fallback state instead.
+	    // Mark it as having captured (i.e. suspended).
+	    workInProgress.effectTag |= DidCapture; // Leave the child in place. I.e. the dehydrated fragment.
+
+	    workInProgress.child = current$$1.child; // Register a callback to retry this boundary once the server has sent the result.
+
+	    registerSuspenseInstanceRetry(suspenseInstance, retryDehydratedSuspenseBoundary.bind(null, current$$1));
+	    return null;
+	  } else {
+	    // This is the first attempt.
+	    reenterHydrationStateFromDehydratedSuspenseInstance(workInProgress, suspenseInstance);
+	    var nextProps = workInProgress.pendingProps;
+	    var nextChildren = nextProps.children;
+	    var child = mountChildFibers(workInProgress, null, nextChildren, renderExpirationTime);
+	    var node = child;
+
+	    while (node) {
+	      // Mark each child as hydrating. This is a fast path to know whether this
+	      // tree is part of a hydrating tree. This is used to determine if a child
+	      // node has fully mounted yet, and for scheduling event replaying.
+	      // Conceptually this is similar to Placement in that a new subtree is
+	      // inserted into the React tree here. It just happens to not need DOM
+	      // mutations because it already exists.
+	      node.effectTag |= Hydrating;
+	      node = node.sibling;
+	    }
 
-	    // Detach from the current dehydrated boundary.
-	    current$$1.alternate = null;
-	    workInProgress.alternate = null;
+	    workInProgress.child = child;
+	    return workInProgress.child;
+	  }
+	}
 
-	    // Insert a deletion in the effect list.
-	    var returnFiber = workInProgress.return;
-	    !(returnFiber !== null) ? invariant(false, 'Suspense boundaries are never on the root. This is probably a bug in React.') : void 0;
-	    var last = returnFiber.lastEffect;
-	    if (last !== null) {
-	      last.nextEffect = current$$1;
-	      returnFiber.lastEffect = current$$1;
-	    } else {
-	      returnFiber.firstEffect = returnFiber.lastEffect = current$$1;
+	function scheduleWorkOnFiber(fiber, renderExpirationTime) {
+	  if (fiber.expirationTime < renderExpirationTime) {
+	    fiber.expirationTime = renderExpirationTime;
+	  }
+
+	  var alternate = fiber.alternate;
+
+	  if (alternate !== null && alternate.expirationTime < renderExpirationTime) {
+	    alternate.expirationTime = renderExpirationTime;
+	  }
+
+	  scheduleWorkOnParentPath(fiber.return, renderExpirationTime);
+	}
+
+	function propagateSuspenseContextChange(workInProgress, firstChild, renderExpirationTime) {
+	  // Mark any Suspense boundaries with fallbacks as having work to do.
+	  // If they were previously forced into fallbacks, they may now be able
+	  // to unblock.
+	  var node = firstChild;
+
+	  while (node !== null) {
+	    if (node.tag === SuspenseComponent) {
+	      var state = node.memoizedState;
+
+	      if (state !== null) {
+	        scheduleWorkOnFiber(node, renderExpirationTime);
+	      }
+	    } else if (node.tag === SuspenseListComponent) {
+	      // If the tail is hidden there might not be an Suspense boundaries
+	      // to schedule work on. In this case we have to schedule it on the
+	      // list itself.
+	      // We don't have to traverse to the children of the list since
+	      // the list will propagate the change when it rerenders.
+	      scheduleWorkOnFiber(node, renderExpirationTime);
+	    } else if (node.child !== null) {
+	      node.child.return = node;
+	      node = node.child;
+	      continue;
 	    }
-	    current$$1.nextEffect = null;
-	    current$$1.effectTag = Deletion;
 
-	    // Upgrade this work in progress to a real Suspense component.
-	    workInProgress.tag = SuspenseComponent;
-	    workInProgress.stateNode = null;
-	    workInProgress.memoizedState = null;
-	    // This is now an insertion.
-	    workInProgress.effectTag |= Placement;
-	    // Retry as a real Suspense component.
-	    return updateSuspenseComponent(null, workInProgress, renderExpirationTime);
+	    if (node === workInProgress) {
+	      return;
+	    }
+
+	    while (node.sibling === null) {
+	      if (node.return === null || node.return === workInProgress) {
+	        return;
+	      }
+
+	      node = node.return;
+	    }
+
+	    node.sibling.return = node.return;
+	    node = node.sibling;
 	  }
-	  if ((workInProgress.effectTag & DidCapture) === NoEffect) {
-	    // This is the first attempt.
-	    reenterHydrationStateFromDehydratedSuspenseInstance(workInProgress);
-	    var nextProps = workInProgress.pendingProps;
-	    var nextChildren = nextProps.children;
-	    workInProgress.child = mountChildFibers(workInProgress, null, nextChildren, renderExpirationTime);
-	    return workInProgress.child;
+	}
+
+	function findLastContentRow(firstChild) {
+	  // This is going to find the last row among these children that is already
+	  // showing content on the screen, as opposed to being in fallback state or
+	  // new. If a row has multiple Suspense boundaries, any of them being in the
+	  // fallback state, counts as the whole row being in a fallback state.
+	  // Note that the "rows" will be workInProgress, but any nested children
+	  // will still be current since we haven't rendered them yet. The mounted
+	  // order may not be the same as the new order. We use the new order.
+	  var row = firstChild;
+	  var lastContentRow = null;
+
+	  while (row !== null) {
+	    var currentRow = row.alternate; // New rows can't be content rows.
+
+	    if (currentRow !== null && findFirstSuspended(currentRow) === null) {
+	      lastContentRow = row;
+	    }
+
+	    row = row.sibling;
+	  }
+
+	  return lastContentRow;
+	}
+
+	function validateRevealOrder(revealOrder) {
+	  {
+	    if (revealOrder !== undefined && revealOrder !== 'forwards' && revealOrder !== 'backwards' && revealOrder !== 'together' && !didWarnAboutRevealOrder[revealOrder]) {
+	      didWarnAboutRevealOrder[revealOrder] = true;
+
+	      if (typeof revealOrder === 'string') {
+	        switch (revealOrder.toLowerCase()) {
+	          case 'together':
+	          case 'forwards':
+	          case 'backwards':
+	            {
+	              warning$1(false, '"%s" is not a valid value for revealOrder on <SuspenseList />. ' + 'Use lowercase "%s" instead.', revealOrder, revealOrder.toLowerCase());
+	              break;
+	            }
+
+	          case 'forward':
+	          case 'backward':
+	            {
+	              warning$1(false, '"%s" is not a valid value for revealOrder on <SuspenseList />. ' + 'React uses the -s suffix in the spelling. Use "%ss" instead.', revealOrder, revealOrder.toLowerCase());
+	              break;
+	            }
+
+	          default:
+	            warning$1(false, '"%s" is not a supported revealOrder on <SuspenseList />. ' + 'Did you mean "together", "forwards" or "backwards"?', revealOrder);
+	            break;
+	        }
+	      } else {
+	        warning$1(false, '%s is not a supported value for revealOrder on <SuspenseList />. ' + 'Did you mean "together", "forwards" or "backwards"?', revealOrder);
+	      }
+	    }
+	  }
+	}
+
+	function validateTailOptions(tailMode, revealOrder) {
+	  {
+	    if (tailMode !== undefined && !didWarnAboutTailOptions[tailMode]) {
+	      if (tailMode !== 'collapsed' && tailMode !== 'hidden') {
+	        didWarnAboutTailOptions[tailMode] = true;
+	        warning$1(false, '"%s" is not a supported value for tail on <SuspenseList />. ' + 'Did you mean "collapsed" or "hidden"?', tailMode);
+	      } else if (revealOrder !== 'forwards' && revealOrder !== 'backwards') {
+	        didWarnAboutTailOptions[tailMode] = true;
+	        warning$1(false, '<SuspenseList tail="%s" /> is only valid if revealOrder is ' + '"forwards" or "backwards". ' + 'Did you mean to specify revealOrder="forwards"?', tailMode);
+	      }
+	    }
+	  }
+	}
+
+	function validateSuspenseListNestedChild(childSlot, index) {
+	  {
+	    var isArray = Array.isArray(childSlot);
+	    var isIterable = !isArray && typeof getIteratorFn(childSlot) === 'function';
+
+	    if (isArray || isIterable) {
+	      var type = isArray ? 'array' : 'iterable';
+	      warning$1(false, 'A nested %s was passed to row #%s in <SuspenseList />. Wrap it in ' + 'an additional SuspenseList to configure its revealOrder: ' + '<SuspenseList revealOrder=...> ... ' + '<SuspenseList revealOrder=...>{%s}</SuspenseList> ... ' + '</SuspenseList>', type, index, type);
+	      return false;
+	    }
+	  }
+
+	  return true;
+	}
+
+	function validateSuspenseListChildren(children, revealOrder) {
+	  {
+	    if ((revealOrder === 'forwards' || revealOrder === 'backwards') && children !== undefined && children !== null && children !== false) {
+	      if (Array.isArray(children)) {
+	        for (var i = 0; i < children.length; i++) {
+	          if (!validateSuspenseListNestedChild(children[i], i)) {
+	            return;
+	          }
+	        }
+	      } else {
+	        var iteratorFn = getIteratorFn(children);
+
+	        if (typeof iteratorFn === 'function') {
+	          var childrenIterator = iteratorFn.call(children);
+
+	          if (childrenIterator) {
+	            var step = childrenIterator.next();
+	            var _i = 0;
+
+	            for (; !step.done; step = childrenIterator.next()) {
+	              if (!validateSuspenseListNestedChild(step.value, _i)) {
+	                return;
+	              }
+
+	              _i++;
+	            }
+	          }
+	        } else {
+	          warning$1(false, 'A single row was passed to a <SuspenseList revealOrder="%s" />. ' + 'This is not useful since it needs multiple rows. ' + 'Did you mean to pass multiple children or an array?', revealOrder);
+	        }
+	      }
+	    }
+	  }
+	}
+
+	function initSuspenseListRenderState(workInProgress, isBackwards, tail, lastContentRow, tailMode, lastEffectBeforeRendering) {
+	  var renderState = workInProgress.memoizedState;
+
+	  if (renderState === null) {
+	    workInProgress.memoizedState = {
+	      isBackwards: isBackwards,
+	      rendering: null,
+	      last: lastContentRow,
+	      tail: tail,
+	      tailExpiration: 0,
+	      tailMode: tailMode,
+	      lastEffect: lastEffectBeforeRendering
+	    };
 	  } else {
-	    // Something suspended. Leave the existing children in place.
-	    // TODO: In non-concurrent mode, should we commit the nodes we have hydrated so far?
-	    workInProgress.child = null;
-	    return null;
+	    // We can reuse the existing object from previous renders.
+	    renderState.isBackwards = isBackwards;
+	    renderState.rendering = null;
+	    renderState.last = lastContentRow;
+	    renderState.tail = tail;
+	    renderState.tailExpiration = 0;
+	    renderState.tailMode = tailMode;
+	    renderState.lastEffect = lastEffectBeforeRendering;
+	  }
+	} // This can end up rendering this component multiple passes.
+	// The first pass splits the children fibers into two sets. A head and tail.
+	// We first render the head. If anything is in fallback state, we do another
+	// pass through beginWork to rerender all children (including the tail) with
+	// the force suspend context. If the first render didn't have anything in
+	// in fallback state. Then we render each row in the tail one-by-one.
+	// That happens in the completeWork phase without going back to beginWork.
+
+
+	function updateSuspenseListComponent(current$$1, workInProgress, renderExpirationTime) {
+	  var nextProps = workInProgress.pendingProps;
+	  var revealOrder = nextProps.revealOrder;
+	  var tailMode = nextProps.tail;
+	  var newChildren = nextProps.children;
+	  validateRevealOrder(revealOrder);
+	  validateTailOptions(tailMode, revealOrder);
+	  validateSuspenseListChildren(newChildren, revealOrder);
+	  reconcileChildren(current$$1, workInProgress, newChildren, renderExpirationTime);
+	  var suspenseContext = suspenseStackCursor.current;
+	  var shouldForceFallback = hasSuspenseContext(suspenseContext, ForceSuspenseFallback);
+
+	  if (shouldForceFallback) {
+	    suspenseContext = setShallowSuspenseContext(suspenseContext, ForceSuspenseFallback);
+	    workInProgress.effectTag |= DidCapture;
+	  } else {
+	    var didSuspendBefore = current$$1 !== null && (current$$1.effectTag & DidCapture) !== NoEffect;
+
+	    if (didSuspendBefore) {
+	      // If we previously forced a fallback, we need to schedule work
+	      // on any nested boundaries to let them know to try to render
+	      // again. This is the same as context updating.
+	      propagateSuspenseContextChange(workInProgress, workInProgress.child, renderExpirationTime);
+	    }
+
+	    suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+	  }
+
+	  pushSuspenseContext(workInProgress, suspenseContext);
+
+	  if ((workInProgress.mode & BlockingMode) === NoMode) {
+	    // Outside of blocking mode, SuspenseList doesn't work so we just
+	    // use make it a noop by treating it as the default revealOrder.
+	    workInProgress.memoizedState = null;
+	  } else {
+	    switch (revealOrder) {
+	      case 'forwards':
+	        {
+	          var lastContentRow = findLastContentRow(workInProgress.child);
+	          var tail;
+
+	          if (lastContentRow === null) {
+	            // The whole list is part of the tail.
+	            // TODO: We could fast path by just rendering the tail now.
+	            tail = workInProgress.child;
+	            workInProgress.child = null;
+	          } else {
+	            // Disconnect the tail rows after the content row.
+	            // We're going to render them separately later.
+	            tail = lastContentRow.sibling;
+	            lastContentRow.sibling = null;
+	          }
+
+	          initSuspenseListRenderState(workInProgress, false, // isBackwards
+	          tail, lastContentRow, tailMode, workInProgress.lastEffect);
+	          break;
+	        }
+
+	      case 'backwards':
+	        {
+	          // We're going to find the first row that has existing content.
+	          // At the same time we're going to reverse the list of everything
+	          // we pass in the meantime. That's going to be our tail in reverse
+	          // order.
+	          var _tail = null;
+	          var row = workInProgress.child;
+	          workInProgress.child = null;
+
+	          while (row !== null) {
+	            var currentRow = row.alternate; // New rows can't be content rows.
+
+	            if (currentRow !== null && findFirstSuspended(currentRow) === null) {
+	              // This is the beginning of the main content.
+	              workInProgress.child = row;
+	              break;
+	            }
+
+	            var nextRow = row.sibling;
+	            row.sibling = _tail;
+	            _tail = row;
+	            row = nextRow;
+	          } // TODO: If workInProgress.child is null, we can continue on the tail immediately.
+
+
+	          initSuspenseListRenderState(workInProgress, true, // isBackwards
+	          _tail, null, // last
+	          tailMode, workInProgress.lastEffect);
+	          break;
+	        }
+
+	      case 'together':
+	        {
+	          initSuspenseListRenderState(workInProgress, false, // isBackwards
+	          null, // tail
+	          null, // last
+	          undefined, workInProgress.lastEffect);
+	          break;
+	        }
+
+	      default:
+	        {
+	          // The default reveal order is the same as not having
+	          // a boundary.
+	          workInProgress.memoizedState = null;
+	        }
+	    }
 	  }
+
+	  return workInProgress.child;
 	}
 
 	function updatePortalComponent(current$$1, workInProgress, renderExpirationTime) {
 	  pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
 	  var nextChildren = workInProgress.pendingProps;
+
 	  if (current$$1 === null) {
 	    // Portals are special because we don't append the children during mount
 	    // but at commit. Therefore we need to track insertions which the normal
@@ -19238,16 +24241,15 @@
 	  } else {
 	    reconcileChildren(current$$1, workInProgress, nextChildren, renderExpirationTime);
 	  }
+
 	  return workInProgress.child;
 	}
 
 	function updateContextProvider(current$$1, workInProgress, renderExpirationTime) {
 	  var providerType = workInProgress.type;
 	  var context = providerType._context;
-
 	  var newProps = workInProgress.pendingProps;
 	  var oldProps = workInProgress.memoizedProps;
-
 	  var newValue = newProps.value;
 
 	  {
@@ -19263,6 +24265,7 @@
 	  if (oldProps !== null) {
 	    var oldValue = oldProps.value;
 	    var changedBits = calculateChangedBits(context, newValue, oldValue);
+
 	    if (changedBits === 0) {
 	      // No change. Bailout early if children are the same.
 	      if (oldProps.children === newProps.children && !hasContextChanged()) {
@@ -19283,14 +24286,14 @@
 	var hasWarnedAboutUsingContextAsConsumer = false;
 
 	function updateContextConsumer(current$$1, workInProgress, renderExpirationTime) {
-	  var context = workInProgress.type;
-	  // The logic below for Context differs depending on PROD or DEV mode. In
+	  var context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
 	  // DEV mode, we create a separate object for Context.Consumer that acts
 	  // like a proxy to Context. This proxy object adds unnecessary code in PROD
 	  // so we use the old behaviour (Context.Consumer references Context) to
 	  // reduce size and overhead. The separate object references context via
 	  // a property called "_context", which also gives us the ability to check
 	  // in DEV mode if this property exists or not and warn if it does not.
+
 	  {
 	    if (context._context === undefined) {
 	      // This may be because it's a Context (rather than a Consumer).
@@ -19306,6 +24309,7 @@
 	      context = context._context;
 	    }
 	  }
+
 	  var newProps = workInProgress.pendingProps;
 	  var render = newProps.children;
 
@@ -19315,20 +24319,41 @@
 
 	  prepareToReadContext(workInProgress, renderExpirationTime);
 	  var newValue = readContext(context, newProps.unstable_observedBits);
-	  var newChildren = void 0;
+	  var newChildren;
+
 	  {
 	    ReactCurrentOwner$3.current = workInProgress;
 	    setCurrentPhase('render');
 	    newChildren = render(newValue);
 	    setCurrentPhase(null);
-	  }
+	  } // React DevTools reads this flag.
+
 
-	  // React DevTools reads this flag.
 	  workInProgress.effectTag |= PerformedWork;
 	  reconcileChildren(current$$1, workInProgress, newChildren, renderExpirationTime);
 	  return workInProgress.child;
 	}
 
+	function updateFundamentalComponent$1(current$$1, workInProgress, renderExpirationTime) {
+	  var fundamentalImpl = workInProgress.type.impl;
+
+	  if (fundamentalImpl.reconcileChildren === false) {
+	    return null;
+	  }
+
+	  var nextProps = workInProgress.pendingProps;
+	  var nextChildren = nextProps.children;
+	  reconcileChildren(current$$1, workInProgress, nextChildren, renderExpirationTime);
+	  return workInProgress.child;
+	}
+
+	function updateScopeComponent(current$$1, workInProgress, renderExpirationTime) {
+	  var nextProps = workInProgress.pendingProps;
+	  var nextChildren = nextProps.children;
+	  reconcileChildren(current$$1, workInProgress, nextChildren, renderExpirationTime);
+	  return workInProgress.child;
+	}
+
 	function markWorkInProgressReceivedUpdate() {
 	  didReceiveUpdate = true;
 	}
@@ -19337,8 +24362,8 @@
 	  cancelWorkTimer(workInProgress);
 
 	  if (current$$1 !== null) {
-	    // Reuse previous context list
-	    workInProgress.contextDependencies = current$$1.contextDependencies;
+	    // Reuse previous dependencies
+	    workInProgress.dependencies = current$$1.dependencies;
 	  }
 
 	  if (enableProfilerTimer) {
@@ -19346,8 +24371,15 @@
 	    stopProfilerTimerIfRunning(workInProgress);
 	  }
 
-	  // Check if the children have any pending work.
+	  var updateExpirationTime = workInProgress.expirationTime;
+
+	  if (updateExpirationTime !== NoWork) {
+	    markUnprocessedUpdateTime(updateExpirationTime);
+	  } // Check if the children have any pending work.
+
+
 	  var childExpirationTime = workInProgress.childExpirationTime;
+
 	  if (childExpirationTime < renderExpirationTime) {
 	    // The children don't have any work either. We can skip them.
 	    // TODO: Once we add back resuming, we should check if the children are
@@ -19361,70 +24393,175 @@
 	  }
 	}
 
-	function beginWork(current$$1, workInProgress, renderExpirationTime) {
+	function remountFiber(current$$1, oldWorkInProgress, newWorkInProgress) {
+	  {
+	    var returnFiber = oldWorkInProgress.return;
+
+	    if (returnFiber === null) {
+	      throw new Error('Cannot swap the root fiber.');
+	    } // Disconnect from the old current.
+	    // It will get deleted.
+
+
+	    current$$1.alternate = null;
+	    oldWorkInProgress.alternate = null; // Connect to the new tree.
+
+	    newWorkInProgress.index = oldWorkInProgress.index;
+	    newWorkInProgress.sibling = oldWorkInProgress.sibling;
+	    newWorkInProgress.return = oldWorkInProgress.return;
+	    newWorkInProgress.ref = oldWorkInProgress.ref; // Replace the child/sibling pointers above it.
+
+	    if (oldWorkInProgress === returnFiber.child) {
+	      returnFiber.child = newWorkInProgress;
+	    } else {
+	      var prevSibling = returnFiber.child;
+
+	      if (prevSibling === null) {
+	        throw new Error('Expected parent to have a child.');
+	      }
+
+	      while (prevSibling.sibling !== oldWorkInProgress) {
+	        prevSibling = prevSibling.sibling;
+
+	        if (prevSibling === null) {
+	          throw new Error('Expected to find the previous sibling.');
+	        }
+	      }
+
+	      prevSibling.sibling = newWorkInProgress;
+	    } // Delete the old fiber and place the new one.
+	    // Since the old fiber is disconnected, we have to schedule it manually.
+
+
+	    var last = returnFiber.lastEffect;
+
+	    if (last !== null) {
+	      last.nextEffect = current$$1;
+	      returnFiber.lastEffect = current$$1;
+	    } else {
+	      returnFiber.firstEffect = returnFiber.lastEffect = current$$1;
+	    }
+
+	    current$$1.nextEffect = null;
+	    current$$1.effectTag = Deletion;
+	    newWorkInProgress.effectTag |= Placement; // Restart work from the new fiber.
+
+	    return newWorkInProgress;
+	  }
+	}
+
+	function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
 	  var updateExpirationTime = workInProgress.expirationTime;
 
+	  {
+	    if (workInProgress._debugNeedsRemount && current$$1 !== null) {
+	      // This will restart the begin phase with a new fiber.
+	      return remountFiber(current$$1, workInProgress, createFiberFromTypeAndProps(workInProgress.type, workInProgress.key, workInProgress.pendingProps, workInProgress._debugOwner || null, workInProgress.mode, workInProgress.expirationTime));
+	    }
+	  }
+
 	  if (current$$1 !== null) {
 	    var oldProps = current$$1.memoizedProps;
 	    var newProps = workInProgress.pendingProps;
 
-	    if (oldProps !== newProps || hasContextChanged()) {
+	    if (oldProps !== newProps || hasContextChanged() || ( // Force a re-render if the implementation changed due to hot reload:
+	    workInProgress.type !== current$$1.type)) {
 	      // If props or context changed, mark the fiber as having performed work.
 	      // This may be unset if the props are determined to be equal later (memo).
 	      didReceiveUpdate = true;
 	    } else if (updateExpirationTime < renderExpirationTime) {
-	      didReceiveUpdate = false;
-	      // This fiber does not have any pending work. Bailout without entering
+	      didReceiveUpdate = false; // This fiber does not have any pending work. Bailout without entering
 	      // the begin phase. There's still some bookkeeping we that needs to be done
 	      // in this optimized path, mostly pushing stuff onto the stack.
+
 	      switch (workInProgress.tag) {
 	        case HostRoot:
 	          pushHostRootContext(workInProgress);
 	          resetHydrationState();
 	          break;
+
 	        case HostComponent:
 	          pushHostContext(workInProgress);
+
+	          if (workInProgress.mode & ConcurrentMode && renderExpirationTime !== Never && shouldDeprioritizeSubtree(workInProgress.type, newProps)) {
+	            if (enableSchedulerTracing) {
+	              markSpawnedWork(Never);
+	            } // Schedule this fiber to re-render at offscreen priority. Then bailout.
+
+
+	            workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
+	            return null;
+	          }
+
 	          break;
+
 	        case ClassComponent:
 	          {
 	            var Component = workInProgress.type;
+
 	            if (isContextProvider(Component)) {
 	              pushContextProvider(workInProgress);
 	            }
+
 	            break;
 	          }
+
 	        case HostPortal:
 	          pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
 	          break;
+
 	        case ContextProvider:
 	          {
 	            var newValue = workInProgress.memoizedProps.value;
 	            pushProvider(workInProgress, newValue);
 	            break;
 	          }
+
 	        case Profiler:
 	          if (enableProfilerTimer) {
-	            workInProgress.effectTag |= Update;
+	            // Profiler should only call onRender when one of its descendants actually rendered.
+	            var hasChildWork = workInProgress.childExpirationTime >= renderExpirationTime;
+
+	            if (hasChildWork) {
+	              workInProgress.effectTag |= Update;
+	            }
 	          }
+
 	          break;
+
 	        case SuspenseComponent:
 	          {
 	            var state = workInProgress.memoizedState;
-	            var didTimeout = state !== null;
-	            if (didTimeout) {
-	              // If this boundary is currently timed out, we need to decide
+
+	            if (state !== null) {
+	              if (enableSuspenseServerRenderer) {
+	                if (state.dehydrated !== null) {
+	                  pushSuspenseContext(workInProgress, setDefaultShallowSuspenseContext(suspenseStackCursor.current)); // We know that this component will suspend again because if it has
+	                  // been unsuspended it has committed as a resolved Suspense component.
+	                  // If it needs to be retried, it should have work scheduled on it.
+
+	                  workInProgress.effectTag |= DidCapture;
+	                  break;
+	                }
+	              } // If this boundary is currently timed out, we need to decide
 	              // whether to retry the primary children, or to skip over it and
 	              // go straight to the fallback. Check the priority of the primary
+	              // child fragment.
+
+
 	              var primaryChildFragment = workInProgress.child;
 	              var primaryChildExpirationTime = primaryChildFragment.childExpirationTime;
+
 	              if (primaryChildExpirationTime !== NoWork && primaryChildExpirationTime >= renderExpirationTime) {
 	                // The primary children have pending work. Use the normal path
 	                // to attempt to render the primary children again.
 	                return updateSuspenseComponent(current$$1, workInProgress, renderExpirationTime);
 	              } else {
-	                // The primary children do not have pending work with sufficient
+	                pushSuspenseContext(workInProgress, setDefaultShallowSuspenseContext(suspenseStackCursor.current)); // The primary children do not have pending work with sufficient
 	                // priority. Bailout.
+
 	                var child = bailoutOnAlreadyFinishedWork(current$$1, workInProgress, renderExpirationTime);
+
 	                if (child !== null) {
 	                  // The fallback children have pending work. Skip over the
 	                  // primary children and work on the fallback.
@@ -19433,40 +24570,87 @@
 	                  return null;
 	                }
 	              }
+	            } else {
+	              pushSuspenseContext(workInProgress, setDefaultShallowSuspenseContext(suspenseStackCursor.current));
 	            }
+
 	            break;
 	          }
-	        case DehydratedSuspenseComponent:
+
+	        case SuspenseListComponent:
 	          {
-	            if (enableSuspenseServerRenderer) {
-	              // We know that this component will suspend again because if it has
-	              // been unsuspended it has committed as a regular Suspense component.
-	              // If it needs to be retried, it should have work scheduled on it.
+	            var didSuspendBefore = (current$$1.effectTag & DidCapture) !== NoEffect;
+
+	            var _hasChildWork = workInProgress.childExpirationTime >= renderExpirationTime;
+
+	            if (didSuspendBefore) {
+	              if (_hasChildWork) {
+	                // If something was in fallback state last time, and we have all the
+	                // same children then we're still in progressive loading state.
+	                // Something might get unblocked by state updates or retries in the
+	                // tree which will affect the tail. So we need to use the normal
+	                // path to compute the correct tail.
+	                return updateSuspenseListComponent(current$$1, workInProgress, renderExpirationTime);
+	              } // If none of the children had any work, that means that none of
+	              // them got retried so they'll still be blocked in the same way
+	              // as before. We can fast bail out.
+
+
 	              workInProgress.effectTag |= DidCapture;
+	            } // If nothing suspended before and we're rendering the same children,
+	            // then the tail doesn't matter. Anything new that suspends will work
+	            // in the "together" mode, so we can continue from the state we had.
+
+
+	            var renderState = workInProgress.memoizedState;
+
+	            if (renderState !== null) {
+	              // Reset to the "together" mode in case we've started a different
+	              // update in the past but didn't complete it.
+	              renderState.rendering = null;
+	              renderState.tail = null;
+	            }
+
+	            pushSuspenseContext(workInProgress, suspenseStackCursor.current);
+
+	            if (_hasChildWork) {
 	              break;
+	            } else {
+	              // If none of the children had any work, that means that none of
+	              // them got retried so they'll still be blocked in the same way
+	              // as before. We can fast bail out.
+	              return null;
 	            }
 	          }
 	      }
+
 	      return bailoutOnAlreadyFinishedWork(current$$1, workInProgress, renderExpirationTime);
+	    } else {
+	      // An update was scheduled on this fiber, but there are no new props
+	      // nor legacy context. Set this to false. If an update queue or context
+	      // consumer produces a changed value, it will set this to true. Otherwise,
+	      // the component will assume the children have not changed and bail out.
+	      didReceiveUpdate = false;
 	    }
 	  } else {
 	    didReceiveUpdate = false;
-	  }
+	  } // Before entering the begin phase, clear the expiration time.
+
 
-	  // Before entering the begin phase, clear the expiration time.
 	  workInProgress.expirationTime = NoWork;
 
 	  switch (workInProgress.tag) {
 	    case IndeterminateComponent:
 	      {
-	        var elementType = workInProgress.elementType;
-	        return mountIndeterminateComponent(current$$1, workInProgress, elementType, renderExpirationTime);
+	        return mountIndeterminateComponent(current$$1, workInProgress, workInProgress.type, renderExpirationTime);
 	      }
+
 	    case LazyComponent:
 	      {
-	        var _elementType = workInProgress.elementType;
-	        return mountLazyComponent(current$$1, workInProgress, _elementType, updateExpirationTime, renderExpirationTime);
+	        var elementType = workInProgress.elementType;
+	        return mountLazyComponent(current$$1, workInProgress, elementType, updateExpirationTime, renderExpirationTime);
 	      }
+
 	    case FunctionComponent:
 	      {
 	        var _Component = workInProgress.type;
@@ -19474,852 +24658,340 @@
 	        var resolvedProps = workInProgress.elementType === _Component ? unresolvedProps : resolveDefaultProps(_Component, unresolvedProps);
 	        return updateFunctionComponent(current$$1, workInProgress, _Component, resolvedProps, renderExpirationTime);
 	      }
+
 	    case ClassComponent:
 	      {
 	        var _Component2 = workInProgress.type;
 	        var _unresolvedProps = workInProgress.pendingProps;
+
 	        var _resolvedProps = workInProgress.elementType === _Component2 ? _unresolvedProps : resolveDefaultProps(_Component2, _unresolvedProps);
+
 	        return updateClassComponent(current$$1, workInProgress, _Component2, _resolvedProps, renderExpirationTime);
 	      }
+
 	    case HostRoot:
 	      return updateHostRoot(current$$1, workInProgress, renderExpirationTime);
+
 	    case HostComponent:
 	      return updateHostComponent(current$$1, workInProgress, renderExpirationTime);
+
 	    case HostText:
 	      return updateHostText(current$$1, workInProgress);
+
 	    case SuspenseComponent:
 	      return updateSuspenseComponent(current$$1, workInProgress, renderExpirationTime);
+
 	    case HostPortal:
 	      return updatePortalComponent(current$$1, workInProgress, renderExpirationTime);
+
 	    case ForwardRef:
 	      {
 	        var type = workInProgress.type;
 	        var _unresolvedProps2 = workInProgress.pendingProps;
+
 	        var _resolvedProps2 = workInProgress.elementType === type ? _unresolvedProps2 : resolveDefaultProps(type, _unresolvedProps2);
+
 	        return updateForwardRef(current$$1, workInProgress, type, _resolvedProps2, renderExpirationTime);
 	      }
+
 	    case Fragment:
 	      return updateFragment(current$$1, workInProgress, renderExpirationTime);
+
 	    case Mode:
 	      return updateMode(current$$1, workInProgress, renderExpirationTime);
+
 	    case Profiler:
 	      return updateProfiler(current$$1, workInProgress, renderExpirationTime);
+
 	    case ContextProvider:
 	      return updateContextProvider(current$$1, workInProgress, renderExpirationTime);
+
 	    case ContextConsumer:
 	      return updateContextConsumer(current$$1, workInProgress, renderExpirationTime);
+
 	    case MemoComponent:
 	      {
 	        var _type2 = workInProgress.type;
-	        var _unresolvedProps3 = workInProgress.pendingProps;
-	        // Resolve outer props first, then resolve inner props.
+	        var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
+
 	        var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
+
 	        {
 	          if (workInProgress.type !== workInProgress.elementType) {
 	            var outerPropTypes = _type2.propTypes;
+
 	            if (outerPropTypes) {
 	              checkPropTypes(outerPropTypes, _resolvedProps3, // Resolved for outer only
 	              'prop', getComponentName(_type2), getCurrentFiberStackInDev);
 	            }
 	          }
 	        }
+
 	        _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
 	        return updateMemoComponent(current$$1, workInProgress, _type2, _resolvedProps3, updateExpirationTime, renderExpirationTime);
 	      }
+
 	    case SimpleMemoComponent:
 	      {
 	        return updateSimpleMemoComponent(current$$1, workInProgress, workInProgress.type, workInProgress.pendingProps, updateExpirationTime, renderExpirationTime);
 	      }
+
 	    case IncompleteClassComponent:
 	      {
 	        var _Component3 = workInProgress.type;
 	        var _unresolvedProps4 = workInProgress.pendingProps;
-	        var _resolvedProps4 = workInProgress.elementType === _Component3 ? _unresolvedProps4 : resolveDefaultProps(_Component3, _unresolvedProps4);
-	        return mountIncompleteClassComponent(current$$1, workInProgress, _Component3, _resolvedProps4, renderExpirationTime);
-	      }
-	    case DehydratedSuspenseComponent:
-	      {
-	        if (enableSuspenseServerRenderer) {
-	          return updateDehydratedSuspenseComponent(current$$1, workInProgress, renderExpirationTime);
-	        }
-	        break;
-	      }
-	  }
-	  invariant(false, 'Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue.');
-	}
-
-	var valueCursor = createCursor(null);
-
-	var rendererSigil = void 0;
-	{
-	  // Use this to detect multiple renderers using the same context
-	  rendererSigil = {};
-	}
-
-	var currentlyRenderingFiber = null;
-	var lastContextDependency = null;
-	var lastContextWithAllBitsObserved = null;
-
-	var isDisallowedContextReadInDEV = false;
-
-	function resetContextDependences() {
-	  // This is called right before React yields execution, to ensure `readContext`
-	  // cannot be called outside the render phase.
-	  currentlyRenderingFiber = null;
-	  lastContextDependency = null;
-	  lastContextWithAllBitsObserved = null;
-	  {
-	    isDisallowedContextReadInDEV = false;
-	  }
-	}
-
-	function enterDisallowedContextReadInDEV() {
-	  {
-	    isDisallowedContextReadInDEV = true;
-	  }
-	}
-
-	function exitDisallowedContextReadInDEV() {
-	  {
-	    isDisallowedContextReadInDEV = false;
-	  }
-	}
-
-	function pushProvider(providerFiber, nextValue) {
-	  var context = providerFiber.type._context;
-
-	  if (isPrimaryRenderer) {
-	    push(valueCursor, context._currentValue, providerFiber);
-
-	    context._currentValue = nextValue;
-	    {
-	      !(context._currentRenderer === undefined || context._currentRenderer === null || context._currentRenderer === rendererSigil) ? warningWithoutStack$1(false, 'Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.') : void 0;
-	      context._currentRenderer = rendererSigil;
-	    }
-	  } else {
-	    push(valueCursor, context._currentValue2, providerFiber);
-
-	    context._currentValue2 = nextValue;
-	    {
-	      !(context._currentRenderer2 === undefined || context._currentRenderer2 === null || context._currentRenderer2 === rendererSigil) ? warningWithoutStack$1(false, 'Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.') : void 0;
-	      context._currentRenderer2 = rendererSigil;
-	    }
-	  }
-	}
-
-	function popProvider(providerFiber) {
-	  var currentValue = valueCursor.current;
-
-	  pop(valueCursor, providerFiber);
-
-	  var context = providerFiber.type._context;
-	  if (isPrimaryRenderer) {
-	    context._currentValue = currentValue;
-	  } else {
-	    context._currentValue2 = currentValue;
-	  }
-	}
-
-	function calculateChangedBits(context, newValue, oldValue) {
-	  if (is(oldValue, newValue)) {
-	    // No change
-	    return 0;
-	  } else {
-	    var changedBits = typeof context._calculateChangedBits === 'function' ? context._calculateChangedBits(oldValue, newValue) : maxSigned31BitInt;
-
-	    {
-	      !((changedBits & maxSigned31BitInt) === changedBits) ? warning$1(false, 'calculateChangedBits: Expected the return value to be a ' + '31-bit integer. Instead received: %s', changedBits) : void 0;
-	    }
-	    return changedBits | 0;
-	  }
-	}
-
-	function scheduleWorkOnParentPath(parent, renderExpirationTime) {
-	  // Update the child expiration time of all the ancestors, including
-	  // the alternates.
-	  var node = parent;
-	  while (node !== null) {
-	    var alternate = node.alternate;
-	    if (node.childExpirationTime < renderExpirationTime) {
-	      node.childExpirationTime = renderExpirationTime;
-	      if (alternate !== null && alternate.childExpirationTime < renderExpirationTime) {
-	        alternate.childExpirationTime = renderExpirationTime;
-	      }
-	    } else if (alternate !== null && alternate.childExpirationTime < renderExpirationTime) {
-	      alternate.childExpirationTime = renderExpirationTime;
-	    } else {
-	      // Neither alternate was updated, which means the rest of the
-	      // ancestor path already has sufficient priority.
-	      break;
-	    }
-	    node = node.return;
-	  }
-	}
-
-	function propagateContextChange(workInProgress, context, changedBits, renderExpirationTime) {
-	  var fiber = workInProgress.child;
-	  if (fiber !== null) {
-	    // Set the return pointer of the child to the work-in-progress fiber.
-	    fiber.return = workInProgress;
-	  }
-	  while (fiber !== null) {
-	    var nextFiber = void 0;
-
-	    // Visit this fiber.
-	    var list = fiber.contextDependencies;
-	    if (list !== null) {
-	      nextFiber = fiber.child;
-
-	      var dependency = list.first;
-	      while (dependency !== null) {
-	        // Check if the context matches.
-	        if (dependency.context === context && (dependency.observedBits & changedBits) !== 0) {
-	          // Match! Schedule an update on this fiber.
-
-	          if (fiber.tag === ClassComponent) {
-	            // Schedule a force update on the work-in-progress.
-	            var update = createUpdate(renderExpirationTime);
-	            update.tag = ForceUpdate;
-	            // TODO: Because we don't have a work-in-progress, this will add the
-	            // update to the current fiber, too, which means it will persist even if
-	            // this render is thrown away. Since it's a race condition, not sure it's
-	            // worth fixing.
-	            enqueueUpdate(fiber, update);
-	          }
-
-	          if (fiber.expirationTime < renderExpirationTime) {
-	            fiber.expirationTime = renderExpirationTime;
-	          }
-	          var alternate = fiber.alternate;
-	          if (alternate !== null && alternate.expirationTime < renderExpirationTime) {
-	            alternate.expirationTime = renderExpirationTime;
-	          }
-
-	          scheduleWorkOnParentPath(fiber.return, renderExpirationTime);
-
-	          // Mark the expiration time on the list, too.
-	          if (list.expirationTime < renderExpirationTime) {
-	            list.expirationTime = renderExpirationTime;
-	          }
-
-	          // Since we already found a match, we can stop traversing the
-	          // dependency list.
-	          break;
-	        }
-	        dependency = dependency.next;
-	      }
-	    } else if (fiber.tag === ContextProvider) {
-	      // Don't scan deeper if this is a matching provider
-	      nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
-	    } else if (enableSuspenseServerRenderer && fiber.tag === DehydratedSuspenseComponent) {
-	      // If a dehydrated suspense component is in this subtree, we don't know
-	      // if it will have any context consumers in it. The best we can do is
-	      // mark it as having updates on its children.
-	      if (fiber.expirationTime < renderExpirationTime) {
-	        fiber.expirationTime = renderExpirationTime;
-	      }
-	      var _alternate = fiber.alternate;
-	      if (_alternate !== null && _alternate.expirationTime < renderExpirationTime) {
-	        _alternate.expirationTime = renderExpirationTime;
-	      }
-	      // This is intentionally passing this fiber as the parent
-	      // because we want to schedule this fiber as having work
-	      // on its children. We'll use the childExpirationTime on
-	      // this fiber to indicate that a context has changed.
-	      scheduleWorkOnParentPath(fiber, renderExpirationTime);
-	      nextFiber = fiber.sibling;
-	    } else {
-	      // Traverse down.
-	      nextFiber = fiber.child;
-	    }
-
-	    if (nextFiber !== null) {
-	      // Set the return pointer of the child to the work-in-progress fiber.
-	      nextFiber.return = fiber;
-	    } else {
-	      // No child. Traverse to next sibling.
-	      nextFiber = fiber;
-	      while (nextFiber !== null) {
-	        if (nextFiber === workInProgress) {
-	          // We're back to the root of this subtree. Exit.
-	          nextFiber = null;
-	          break;
-	        }
-	        var sibling = nextFiber.sibling;
-	        if (sibling !== null) {
-	          // Set the return pointer of the sibling to the work-in-progress fiber.
-	          sibling.return = nextFiber.return;
-	          nextFiber = sibling;
-	          break;
-	        }
-	        // No more siblings. Traverse up.
-	        nextFiber = nextFiber.return;
-	      }
-	    }
-	    fiber = nextFiber;
-	  }
-	}
-
-	function prepareToReadContext(workInProgress, renderExpirationTime) {
-	  currentlyRenderingFiber = workInProgress;
-	  lastContextDependency = null;
-	  lastContextWithAllBitsObserved = null;
-
-	  var currentDependencies = workInProgress.contextDependencies;
-	  if (currentDependencies !== null && currentDependencies.expirationTime >= renderExpirationTime) {
-	    // Context list has a pending update. Mark that this fiber performed work.
-	    markWorkInProgressReceivedUpdate();
-	  }
-
-	  // Reset the work-in-progress list
-	  workInProgress.contextDependencies = null;
-	}
-
-	function readContext(context, observedBits) {
-	  {
-	    // This warning would fire if you read context inside a Hook like useMemo.
-	    // Unlike the class check below, it's not enforced in production for perf.
-	    !!isDisallowedContextReadInDEV ? warning$1(false, 'Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().') : void 0;
-	  }
-
-	  if (lastContextWithAllBitsObserved === context) {
-	    // Nothing to do. We already observe everything in this context.
-	  } else if (observedBits === false || observedBits === 0) {
-	    // Do not observe any updates.
-	  } else {
-	    var resolvedObservedBits = void 0; // Avoid deopting on observable arguments or heterogeneous types.
-	    if (typeof observedBits !== 'number' || observedBits === maxSigned31BitInt) {
-	      // Observe all updates.
-	      lastContextWithAllBitsObserved = context;
-	      resolvedObservedBits = maxSigned31BitInt;
-	    } else {
-	      resolvedObservedBits = observedBits;
-	    }
-
-	    var contextItem = {
-	      context: context,
-	      observedBits: resolvedObservedBits,
-	      next: null
-	    };
-
-	    if (lastContextDependency === null) {
-	      !(currentlyRenderingFiber !== null) ? invariant(false, 'Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo().') : void 0;
-
-	      // This is the first dependency for this component. Create a new list.
-	      lastContextDependency = contextItem;
-	      currentlyRenderingFiber.contextDependencies = {
-	        first: contextItem,
-	        expirationTime: NoWork
-	      };
-	    } else {
-	      // Append a new context item.
-	      lastContextDependency = lastContextDependency.next = contextItem;
-	    }
-	  }
-	  return isPrimaryRenderer ? context._currentValue : context._currentValue2;
-	}
-
-	// UpdateQueue is a linked list of prioritized updates.
-	//
-	// Like fibers, update queues come in pairs: a current queue, which represents
-	// the visible state of the screen, and a work-in-progress queue, which can be
-	// mutated and processed asynchronously before it is committed — a form of
-	// double buffering. If a work-in-progress render is discarded before finishing,
-	// we create a new work-in-progress by cloning the current queue.
-	//
-	// Both queues share a persistent, singly-linked list structure. To schedule an
-	// update, we append it to the end of both queues. Each queue maintains a
-	// pointer to first update in the persistent list that hasn't been processed.
-	// The work-in-progress pointer always has a position equal to or greater than
-	// the current queue, since we always work on that one. The current queue's
-	// pointer is only updated during the commit phase, when we swap in the
-	// work-in-progress.
-	//
-	// For example:
-	//
-	//   Current pointer:           A - B - C - D - E - F
-	//   Work-in-progress pointer:              D - E - F
-	//                                          ^
-	//                                          The work-in-progress queue has
-	//                                          processed more updates than current.
-	//
-	// The reason we append to both queues is because otherwise we might drop
-	// updates without ever processing them. For example, if we only add updates to
-	// the work-in-progress queue, some updates could be lost whenever a work-in
-	// -progress render restarts by cloning from current. Similarly, if we only add
-	// updates to the current queue, the updates will be lost whenever an already
-	// in-progress queue commits and swaps with the current queue. However, by
-	// adding to both queues, we guarantee that the update will be part of the next
-	// work-in-progress. (And because the work-in-progress queue becomes the
-	// current queue once it commits, there's no danger of applying the same
-	// update twice.)
-	//
-	// Prioritization
-	// --------------
-	//
-	// Updates are not sorted by priority, but by insertion; new updates are always
-	// appended to the end of the list.
-	//
-	// The priority is still important, though. When processing the update queue
-	// during the render phase, only the updates with sufficient priority are
-	// included in the result. If we skip an update because it has insufficient
-	// priority, it remains in the queue to be processed later, during a lower
-	// priority render. Crucially, all updates subsequent to a skipped update also
-	// remain in the queue *regardless of their priority*. That means high priority
-	// updates are sometimes processed twice, at two separate priorities. We also
-	// keep track of a base state, that represents the state before the first
-	// update in the queue is applied.
-	//
-	// For example:
-	//
-	//   Given a base state of '', and the following queue of updates
-	//
-	//     A1 - B2 - C1 - D2
-	//
-	//   where the number indicates the priority, and the update is applied to the
-	//   previous state by appending a letter, React will process these updates as
-	//   two separate renders, one per distinct priority level:
-	//
-	//   First render, at priority 1:
-	//     Base state: ''
-	//     Updates: [A1, C1]
-	//     Result state: 'AC'
-	//
-	//   Second render, at priority 2:
-	//     Base state: 'A'            <-  The base state does not include C1,
-	//                                    because B2 was skipped.
-	//     Updates: [B2, C1, D2]      <-  C1 was rebased on top of B2
-	//     Result state: 'ABCD'
-	//
-	// Because we process updates in insertion order, and rebase high priority
-	// updates when preceding updates are skipped, the final result is deterministic
-	// regardless of priority. Intermediate state may vary according to system
-	// resources, but the final state is always the same.
 
-	var UpdateState = 0;
-	var ReplaceState = 1;
-	var ForceUpdate = 2;
-	var CaptureUpdate = 3;
+	        var _resolvedProps4 = workInProgress.elementType === _Component3 ? _unresolvedProps4 : resolveDefaultProps(_Component3, _unresolvedProps4);
 
-	// Global state that is reset at the beginning of calling `processUpdateQueue`.
-	// It should only be read right after calling `processUpdateQueue`, via
-	// `checkHasForceUpdateAfterProcessing`.
-	var hasForceUpdate = false;
+	        return mountIncompleteClassComponent(current$$1, workInProgress, _Component3, _resolvedProps4, renderExpirationTime);
+	      }
 
-	var didWarnUpdateInsideUpdate = void 0;
-	var currentlyProcessingQueue = void 0;
-	var resetCurrentlyProcessingQueue = void 0;
-	{
-	  didWarnUpdateInsideUpdate = false;
-	  currentlyProcessingQueue = null;
-	  resetCurrentlyProcessingQueue = function () {
-	    currentlyProcessingQueue = null;
-	  };
-	}
+	    case SuspenseListComponent:
+	      {
+	        return updateSuspenseListComponent(current$$1, workInProgress, renderExpirationTime);
+	      }
 
-	function createUpdateQueue(baseState) {
-	  var queue = {
-	    baseState: baseState,
-	    firstUpdate: null,
-	    lastUpdate: null,
-	    firstCapturedUpdate: null,
-	    lastCapturedUpdate: null,
-	    firstEffect: null,
-	    lastEffect: null,
-	    firstCapturedEffect: null,
-	    lastCapturedEffect: null
-	  };
-	  return queue;
-	}
+	    case FundamentalComponent:
+	      {
+	        if (enableFundamentalAPI) {
+	          return updateFundamentalComponent$1(current$$1, workInProgress, renderExpirationTime);
+	        }
 
-	function cloneUpdateQueue(currentQueue) {
-	  var queue = {
-	    baseState: currentQueue.baseState,
-	    firstUpdate: currentQueue.firstUpdate,
-	    lastUpdate: currentQueue.lastUpdate,
+	        break;
+	      }
 
-	    // TODO: With resuming, if we bail out and resuse the child tree, we should
-	    // keep these effects.
-	    firstCapturedUpdate: null,
-	    lastCapturedUpdate: null,
+	    case ScopeComponent:
+	      {
+	        if (enableScopeAPI) {
+	          return updateScopeComponent(current$$1, workInProgress, renderExpirationTime);
+	        }
 
-	    firstEffect: null,
-	    lastEffect: null,
+	        break;
+	      }
+	  }
 
-	    firstCapturedEffect: null,
-	    lastCapturedEffect: null
-	  };
-	  return queue;
+	  {
+	    {
+	      throw Error("Unknown unit of work tag (" + workInProgress.tag + "). This error is likely caused by a bug in React. Please file an issue.");
+	    }
+	  }
 	}
 
-	function createUpdate(expirationTime) {
+	function createFundamentalStateInstance(currentFiber, props, impl, state) {
 	  return {
-	    expirationTime: expirationTime,
+	    currentFiber: currentFiber,
+	    impl: impl,
+	    instance: null,
+	    prevProps: null,
+	    props: props,
+	    state: state
+	  };
+	}
 
-	    tag: UpdateState,
-	    payload: null,
-	    callback: null,
+	function isFiberSuspenseAndTimedOut(fiber) {
+	  return fiber.tag === SuspenseComponent && fiber.memoizedState !== null;
+	}
 
-	    next: null,
-	    nextEffect: null
-	  };
+	function getSuspenseFallbackChild(fiber) {
+	  return fiber.child.sibling.child;
 	}
 
-	function appendUpdateToQueue(queue, update) {
-	  // Append the update to the end of the list.
-	  if (queue.lastUpdate === null) {
-	    // Queue is empty
-	    queue.firstUpdate = queue.lastUpdate = update;
-	  } else {
-	    queue.lastUpdate.next = update;
-	    queue.lastUpdate = update;
+	var emptyObject$1 = {};
+
+	function collectScopedNodes(node, fn, scopedNodes) {
+	  if (enableScopeAPI) {
+	    if (node.tag === HostComponent) {
+	      var _type = node.type,
+	          memoizedProps = node.memoizedProps,
+	          stateNode = node.stateNode;
+
+	      var _instance = getPublicInstance(stateNode);
+
+	      if (_instance !== null && fn(_type, memoizedProps || emptyObject$1, _instance) === true) {
+	        scopedNodes.push(_instance);
+	      }
+	    }
+
+	    var child = node.child;
+
+	    if (isFiberSuspenseAndTimedOut(node)) {
+	      child = getSuspenseFallbackChild(node);
+	    }
+
+	    if (child !== null) {
+	      collectScopedNodesFromChildren(child, fn, scopedNodes);
+	    }
 	  }
 	}
 
-	function enqueueUpdate(fiber, update) {
-	  // Update queues are created lazily.
-	  var alternate = fiber.alternate;
-	  var queue1 = void 0;
-	  var queue2 = void 0;
-	  if (alternate === null) {
-	    // There's only one fiber.
-	    queue1 = fiber.updateQueue;
-	    queue2 = null;
-	    if (queue1 === null) {
-	      queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
-	    }
-	  } else {
-	    // There are two owners.
-	    queue1 = fiber.updateQueue;
-	    queue2 = alternate.updateQueue;
-	    if (queue1 === null) {
-	      if (queue2 === null) {
-	        // Neither fiber has an update queue. Create new ones.
-	        queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
-	        queue2 = alternate.updateQueue = createUpdateQueue(alternate.memoizedState);
-	      } else {
-	        // Only one fiber has an update queue. Clone to create a new one.
-	        queue1 = fiber.updateQueue = cloneUpdateQueue(queue2);
-	      }
-	    } else {
-	      if (queue2 === null) {
-	        // Only one fiber has an update queue. Clone to create a new one.
-	        queue2 = alternate.updateQueue = cloneUpdateQueue(queue1);
-	      } else {
-	        // Both owners have an update queue.
+	function collectFirstScopedNode(node, fn) {
+	  if (enableScopeAPI) {
+	    if (node.tag === HostComponent) {
+	      var _type2 = node.type,
+	          memoizedProps = node.memoizedProps,
+	          stateNode = node.stateNode;
+
+	      var _instance2 = getPublicInstance(stateNode);
+
+	      if (_instance2 !== null && fn(_type2, memoizedProps, _instance2) === true) {
+	        return _instance2;
 	      }
 	    }
-	  }
-	  if (queue2 === null || queue1 === queue2) {
-	    // There's only a single queue.
-	    appendUpdateToQueue(queue1, update);
-	  } else {
-	    // There are two queues. We need to append the update to both queues,
-	    // while accounting for the persistent structure of the list — we don't
-	    // want the same update to be added multiple times.
-	    if (queue1.lastUpdate === null || queue2.lastUpdate === null) {
-	      // One of the queues is not empty. We must add the update to both queues.
-	      appendUpdateToQueue(queue1, update);
-	      appendUpdateToQueue(queue2, update);
-	    } else {
-	      // Both queues are non-empty. The last update is the same in both lists,
-	      // because of structural sharing. So, only append to one of the lists.
-	      appendUpdateToQueue(queue1, update);
-	      // But we still need to update the `lastUpdate` pointer of queue2.
-	      queue2.lastUpdate = update;
+
+	    var child = node.child;
+
+	    if (isFiberSuspenseAndTimedOut(node)) {
+	      child = getSuspenseFallbackChild(node);
 	    }
-	  }
 
-	  {
-	    if (fiber.tag === ClassComponent && (currentlyProcessingQueue === queue1 || queue2 !== null && currentlyProcessingQueue === queue2) && !didWarnUpdateInsideUpdate) {
-	      warningWithoutStack$1(false, 'An update (setState, replaceState, or forceUpdate) was scheduled ' + 'from inside an update function. Update functions should be pure, ' + 'with zero side-effects. Consider using componentDidUpdate or a ' + 'callback.');
-	      didWarnUpdateInsideUpdate = true;
+	    if (child !== null) {
+	      return collectFirstScopedNodeFromChildren(child, fn);
 	    }
 	  }
+
+	  return null;
 	}
 
-	function enqueueCapturedUpdate(workInProgress, update) {
-	  // Captured updates go into a separate list, and only on the work-in-
-	  // progress queue.
-	  var workInProgressQueue = workInProgress.updateQueue;
-	  if (workInProgressQueue === null) {
-	    workInProgressQueue = workInProgress.updateQueue = createUpdateQueue(workInProgress.memoizedState);
-	  } else {
-	    // TODO: I put this here rather than createWorkInProgress so that we don't
-	    // clone the queue unnecessarily. There's probably a better way to
-	    // structure this.
-	    workInProgressQueue = ensureWorkInProgressQueueIsAClone(workInProgress, workInProgressQueue);
-	  }
+	function collectScopedNodesFromChildren(startingChild, fn, scopedNodes) {
+	  var child = startingChild;
 
-	  // Append the update to the end of the list.
-	  if (workInProgressQueue.lastCapturedUpdate === null) {
-	    // This is the first render phase update
-	    workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update;
-	  } else {
-	    workInProgressQueue.lastCapturedUpdate.next = update;
-	    workInProgressQueue.lastCapturedUpdate = update;
+	  while (child !== null) {
+	    collectScopedNodes(child, fn, scopedNodes);
+	    child = child.sibling;
 	  }
 	}
 
-	function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
-	  var current = workInProgress.alternate;
-	  if (current !== null) {
-	    // If the work-in-progress queue is equal to the current queue,
-	    // we need to clone it first.
-	    if (queue === current.updateQueue) {
-	      queue = workInProgress.updateQueue = cloneUpdateQueue(queue);
+	function collectFirstScopedNodeFromChildren(startingChild, fn) {
+	  var child = startingChild;
+
+	  while (child !== null) {
+	    var scopedNode = collectFirstScopedNode(child, fn);
+
+	    if (scopedNode !== null) {
+	      return scopedNode;
 	    }
+
+	    child = child.sibling;
 	  }
-	  return queue;
+
+	  return null;
 	}
 
-	function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
-	  switch (update.tag) {
-	    case ReplaceState:
-	      {
-	        var _payload = update.payload;
-	        if (typeof _payload === 'function') {
-	          // Updater function
-	          {
-	            enterDisallowedContextReadInDEV();
-	            if (debugRenderPhaseSideEffects || debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
-	              _payload.call(instance, prevState, nextProps);
-	            }
-	          }
-	          var nextState = _payload.call(instance, prevState, nextProps);
-	          {
-	            exitDisallowedContextReadInDEV();
-	          }
-	          return nextState;
-	        }
-	        // State object
-	        return _payload;
-	      }
-	    case CaptureUpdate:
-	      {
-	        workInProgress.effectTag = workInProgress.effectTag & ~ShouldCapture | DidCapture;
-	      }
-	    // Intentional fallthrough
-	    case UpdateState:
-	      {
-	        var _payload2 = update.payload;
-	        var partialState = void 0;
-	        if (typeof _payload2 === 'function') {
-	          // Updater function
-	          {
-	            enterDisallowedContextReadInDEV();
-	            if (debugRenderPhaseSideEffects || debugRenderPhaseSideEffectsForStrictMode && workInProgress.mode & StrictMode) {
-	              _payload2.call(instance, prevState, nextProps);
-	            }
-	          }
-	          partialState = _payload2.call(instance, prevState, nextProps);
-	          {
-	            exitDisallowedContextReadInDEV();
-	          }
-	        } else {
-	          // Partial state object
-	          partialState = _payload2;
-	        }
-	        if (partialState === null || partialState === undefined) {
-	          // Null and undefined are treated as no-ops.
-	          return prevState;
-	        }
-	        // Merge the partial state and the previous state.
-	        return _assign({}, prevState, partialState);
-	      }
-	    case ForceUpdate:
-	      {
-	        hasForceUpdate = true;
-	        return prevState;
-	      }
+	function collectNearestScopeMethods(node, scope, childrenScopes) {
+	  if (isValidScopeNode(node, scope)) {
+	    childrenScopes.push(node.stateNode.methods);
+	  } else {
+	    var child = node.child;
+
+	    if (isFiberSuspenseAndTimedOut(node)) {
+	      child = getSuspenseFallbackChild(node);
+	    }
+
+	    if (child !== null) {
+	      collectNearestChildScopeMethods(child, scope, childrenScopes);
+	    }
 	  }
-	  return prevState;
 	}
 
-	function processUpdateQueue(workInProgress, queue, props, instance, renderExpirationTime) {
-	  hasForceUpdate = false;
-
-	  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
+	function collectNearestChildScopeMethods(startingChild, scope, childrenScopes) {
+	  var child = startingChild;
 
-	  {
-	    currentlyProcessingQueue = queue;
+	  while (child !== null) {
+	    collectNearestScopeMethods(child, scope, childrenScopes);
+	    child = child.sibling;
 	  }
+	}
 
-	  // These values may change as we process the queue.
-	  var newBaseState = queue.baseState;
-	  var newFirstUpdate = null;
-	  var newExpirationTime = NoWork;
+	function isValidScopeNode(node, scope) {
+	  return node.tag === ScopeComponent && node.type === scope && node.stateNode !== null;
+	}
 
-	  // Iterate through the list of updates to compute the result.
-	  var update = queue.firstUpdate;
-	  var resultState = newBaseState;
-	  while (update !== null) {
-	    var updateExpirationTime = update.expirationTime;
-	    if (updateExpirationTime < renderExpirationTime) {
-	      // This update does not have sufficient priority. Skip it.
-	      if (newFirstUpdate === null) {
-	        // This is the first skipped update. It will be the first update in
-	        // the new list.
-	        newFirstUpdate = update;
-	        // Since this is the first update that was skipped, the current result
-	        // is the new base state.
-	        newBaseState = resultState;
-	      }
-	      // Since this update will remain in the list, update the remaining
-	      // expiration time.
-	      if (newExpirationTime < updateExpirationTime) {
-	        newExpirationTime = updateExpirationTime;
-	      }
-	    } else {
-	      // This update does have sufficient priority. Process it and compute
-	      // a new result.
-	      resultState = getStateFromUpdate(workInProgress, queue, update, resultState, props, instance);
-	      var _callback = update.callback;
-	      if (_callback !== null) {
-	        workInProgress.effectTag |= Callback;
-	        // Set this to null, in case it was mutated during an aborted render.
-	        update.nextEffect = null;
-	        if (queue.lastEffect === null) {
-	          queue.firstEffect = queue.lastEffect = update;
-	        } else {
-	          queue.lastEffect.nextEffect = update;
-	          queue.lastEffect = update;
-	        }
+	function createScopeMethods(scope, instance) {
+	  return {
+	    getChildren: function () {
+	      var currentFiber = instance.fiber;
+	      var child = currentFiber.child;
+	      var childrenScopes = [];
+
+	      if (child !== null) {
+	        collectNearestChildScopeMethods(child, scope, childrenScopes);
 	      }
-	    }
-	    // Continue to the next update.
-	    update = update.next;
-	  }
 
-	  // Separately, iterate though the list of captured updates.
-	  var newFirstCapturedUpdate = null;
-	  update = queue.firstCapturedUpdate;
-	  while (update !== null) {
-	    var _updateExpirationTime = update.expirationTime;
-	    if (_updateExpirationTime < renderExpirationTime) {
-	      // This update does not have sufficient priority. Skip it.
-	      if (newFirstCapturedUpdate === null) {
-	        // This is the first skipped captured update. It will be the first
-	        // update in the new list.
-	        newFirstCapturedUpdate = update;
-	        // If this is the first update that was skipped, the current result is
-	        // the new base state.
-	        if (newFirstUpdate === null) {
-	          newBaseState = resultState;
+	      return childrenScopes.length === 0 ? null : childrenScopes;
+	    },
+	    getChildrenFromRoot: function () {
+	      var currentFiber = instance.fiber;
+	      var node = currentFiber;
+
+	      while (node !== null) {
+	        var parent = node.return;
+
+	        if (parent === null) {
+	          break;
 	        }
-	      }
-	      // Since this update will remain in the list, update the remaining
-	      // expiration time.
-	      if (newExpirationTime < _updateExpirationTime) {
-	        newExpirationTime = _updateExpirationTime;
-	      }
-	    } else {
-	      // This update does have sufficient priority. Process it and compute
-	      // a new result.
-	      resultState = getStateFromUpdate(workInProgress, queue, update, resultState, props, instance);
-	      var _callback2 = update.callback;
-	      if (_callback2 !== null) {
-	        workInProgress.effectTag |= Callback;
-	        // Set this to null, in case it was mutated during an aborted render.
-	        update.nextEffect = null;
-	        if (queue.lastCapturedEffect === null) {
-	          queue.firstCapturedEffect = queue.lastCapturedEffect = update;
-	        } else {
-	          queue.lastCapturedEffect.nextEffect = update;
-	          queue.lastCapturedEffect = update;
+
+	        node = parent;
+
+	        if (node.tag === ScopeComponent && node.type === scope) {
+	          break;
 	        }
 	      }
-	    }
-	    update = update.next;
-	  }
 
-	  if (newFirstUpdate === null) {
-	    queue.lastUpdate = null;
-	  }
-	  if (newFirstCapturedUpdate === null) {
-	    queue.lastCapturedUpdate = null;
-	  } else {
-	    workInProgress.effectTag |= Callback;
-	  }
-	  if (newFirstUpdate === null && newFirstCapturedUpdate === null) {
-	    // We processed every update, without skipping. That means the new base
-	    // state is the same as the result state.
-	    newBaseState = resultState;
-	  }
+	      var childrenScopes = [];
+	      collectNearestChildScopeMethods(node.child, scope, childrenScopes);
+	      return childrenScopes.length === 0 ? null : childrenScopes;
+	    },
+	    getParent: function () {
+	      var node = instance.fiber.return;
 
-	  queue.baseState = newBaseState;
-	  queue.firstUpdate = newFirstUpdate;
-	  queue.firstCapturedUpdate = newFirstCapturedUpdate;
+	      while (node !== null) {
+	        if (node.tag === ScopeComponent && node.type === scope) {
+	          return node.stateNode.methods;
+	        }
 
-	  // Set the remaining expiration time to be whatever is remaining in the queue.
-	  // This should be fine because the only two other things that contribute to
-	  // expiration time are props and context. We're already in the middle of the
-	  // begin phase by the time we start processing the queue, so we've already
-	  // dealt with the props. Context in components that specify
-	  // shouldComponentUpdate is tricky; but we'll have to account for
-	  // that regardless.
-	  workInProgress.expirationTime = newExpirationTime;
-	  workInProgress.memoizedState = resultState;
+	        node = node.return;
+	      }
 
-	  {
-	    currentlyProcessingQueue = null;
-	  }
-	}
+	      return null;
+	    },
+	    getProps: function () {
+	      var currentFiber = instance.fiber;
+	      return currentFiber.memoizedProps;
+	    },
+	    queryAllNodes: function (fn) {
+	      var currentFiber = instance.fiber;
+	      var child = currentFiber.child;
+	      var scopedNodes = [];
 
-	function callCallback(callback, context) {
-	  !(typeof callback === 'function') ? invariant(false, 'Invalid argument passed as callback. Expected a function. Instead received: %s', callback) : void 0;
-	  callback.call(context);
-	}
+	      if (child !== null) {
+	        collectScopedNodesFromChildren(child, fn, scopedNodes);
+	      }
 
-	function resetHasForceUpdateBeforeProcessing() {
-	  hasForceUpdate = false;
-	}
+	      return scopedNodes.length === 0 ? null : scopedNodes;
+	    },
+	    queryFirstNode: function (fn) {
+	      var currentFiber = instance.fiber;
+	      var child = currentFiber.child;
 
-	function checkHasForceUpdateAfterProcessing() {
-	  return hasForceUpdate;
-	}
+	      if (child !== null) {
+	        return collectFirstScopedNodeFromChildren(child, fn);
+	      }
 
-	function commitUpdateQueue(finishedWork, finishedQueue, instance, renderExpirationTime) {
-	  // If the finished render included captured updates, and there are still
-	  // lower priority updates left over, we need to keep the captured updates
-	  // in the queue so that they are rebased and not dropped once we process the
-	  // queue again at the lower priority.
-	  if (finishedQueue.firstCapturedUpdate !== null) {
-	    // Join the captured update list to the end of the normal list.
-	    if (finishedQueue.lastUpdate !== null) {
-	      finishedQueue.lastUpdate.next = finishedQueue.firstCapturedUpdate;
-	      finishedQueue.lastUpdate = finishedQueue.lastCapturedUpdate;
-	    }
-	    // Clear the list of captured updates.
-	    finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null;
-	  }
+	      return null;
+	    },
+	    containsNode: function (node) {
+	      var fiber = getInstanceFromNode$2(node);
 
-	  // Commit the effects
-	  commitUpdateEffects(finishedQueue.firstEffect, instance);
-	  finishedQueue.firstEffect = finishedQueue.lastEffect = null;
+	      while (fiber !== null) {
+	        if (fiber.tag === ScopeComponent && fiber.type === scope && fiber.stateNode === instance) {
+	          return true;
+	        }
 
-	  commitUpdateEffects(finishedQueue.firstCapturedEffect, instance);
-	  finishedQueue.firstCapturedEffect = finishedQueue.lastCapturedEffect = null;
-	}
+	        fiber = fiber.return;
+	      }
 
-	function commitUpdateEffects(effect, instance) {
-	  while (effect !== null) {
-	    var _callback3 = effect.callback;
-	    if (_callback3 !== null) {
-	      effect.callback = null;
-	      callCallback(_callback3, instance);
+	      return false;
 	    }
-	    effect = effect.nextEffect;
-	  }
-	}
-
-	function createCapturedValue(value, source) {
-	  // If the value is an error, call this function immediately after it is thrown
-	  // so the stack is accurate.
-	  return {
-	    value: value,
-	    source: source,
-	    stack: getStackByFiberInDevAndProd(source)
 	  };
 	}
 
@@ -20333,22 +25005,24 @@
 	  workInProgress.effectTag |= Ref;
 	}
 
-	var appendAllChildren = void 0;
-	var updateHostContainer = void 0;
-	var updateHostComponent$1 = void 0;
-	var updateHostText$1 = void 0;
+	var appendAllChildren;
+	var updateHostContainer;
+	var updateHostComponent$1;
+	var updateHostText$1;
+
 	if (supportsMutation) {
 	  // Mutation mode
-
 	  appendAllChildren = function (parent, workInProgress, needsVisibilityToggle, isHidden) {
 	    // We only have the top Fiber that was created but we need recurse down its
 	    // children to find all the terminal nodes.
 	    var node = workInProgress.child;
+
 	    while (node !== null) {
 	      if (node.tag === HostComponent || node.tag === HostText) {
 	        appendInitialChild(parent, node.stateNode);
-	      } else if (node.tag === HostPortal) {
-	        // If we have a portal child, then we don't want to traverse
+	      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+	        appendInitialChild(parent, node.stateNode.instance);
+	      } else if (node.tag === HostPortal) {// If we have a portal child, then we don't want to traverse
 	        // down its children. Instead, we'll get insertions from each child in
 	        // the portal directly.
 	      } else if (node.child !== null) {
@@ -20356,51 +25030,57 @@
 	        node = node.child;
 	        continue;
 	      }
+
 	      if (node === workInProgress) {
 	        return;
 	      }
+
 	      while (node.sibling === null) {
 	        if (node.return === null || node.return === workInProgress) {
 	          return;
 	        }
+
 	        node = node.return;
 	      }
+
 	      node.sibling.return = node.return;
 	      node = node.sibling;
 	    }
 	  };
 
-	  updateHostContainer = function (workInProgress) {
-	    // Noop
+	  updateHostContainer = function (workInProgress) {// Noop
 	  };
+
 	  updateHostComponent$1 = function (current, workInProgress, type, newProps, rootContainerInstance) {
 	    // If we have an alternate, that means this is an update and we need to
 	    // schedule a side-effect to do the updates.
 	    var oldProps = current.memoizedProps;
+
 	    if (oldProps === newProps) {
 	      // In mutation mode, this is sufficient for a bailout because
 	      // we won't touch this node even if children changed.
 	      return;
-	    }
-
-	    // If we get updated because one of our children updated, we don't
+	    } // If we get updated because one of our children updated, we don't
 	    // have newProps so we'll have to reuse them.
 	    // TODO: Split the update API as separate for the props vs. children.
 	    // Even better would be if children weren't special cased at all tho.
+
+
 	    var instance = workInProgress.stateNode;
-	    var currentHostContext = getHostContext();
-	    // TODO: Experiencing an error where oldProps is null. Suggests a host
+	    var currentHostContext = getHostContext(); // TODO: Experiencing an error where oldProps is null. Suggests a host
 	    // component is hitting the resume path. Figure out why. Possibly
 	    // related to `hidden`.
-	    var updatePayload = prepareUpdate(instance, type, oldProps, newProps, rootContainerInstance, currentHostContext);
-	    // TODO: Type this specific to this type of component.
-	    workInProgress.updateQueue = updatePayload;
-	    // If the update payload indicates that there is a change or if there
+
+	    var updatePayload = prepareUpdate(instance, type, oldProps, newProps, rootContainerInstance, currentHostContext); // TODO: Type this specific to this type of component.
+
+	    workInProgress.updateQueue = updatePayload; // If the update payload indicates that there is a change or if there
 	    // is a new ref we mark this as an update. All the work is done in commitWork.
+
 	    if (updatePayload) {
 	      markUpdate(workInProgress);
 	    }
 	  };
+
 	  updateHostText$1 = function (current, workInProgress, oldText, newText) {
 	    // If the text differs, mark it as an update. All the work in done in commitWork.
 	    if (oldText !== newText) {
@@ -20409,67 +25089,73 @@
 	  };
 	} else if (supportsPersistence) {
 	  // Persistent host tree mode
-
 	  appendAllChildren = function (parent, workInProgress, needsVisibilityToggle, isHidden) {
 	    // We only have the top Fiber that was created but we need recurse down its
 	    // children to find all the terminal nodes.
 	    var node = workInProgress.child;
+
 	    while (node !== null) {
 	      // eslint-disable-next-line no-labels
 	      branches: if (node.tag === HostComponent) {
 	        var instance = node.stateNode;
-	        if (needsVisibilityToggle) {
+
+	        if (needsVisibilityToggle && isHidden) {
+	          // This child is inside a timed out tree. Hide it.
 	          var props = node.memoizedProps;
 	          var type = node.type;
-	          if (isHidden) {
-	            // This child is inside a timed out tree. Hide it.
-	            instance = cloneHiddenInstance(instance, type, props, node);
-	          } else {
-	            // This child was previously inside a timed out tree. If it was not
-	            // updated during this render, it may need to be unhidden. Clone
-	            // again to be sure.
-	            instance = cloneUnhiddenInstance(instance, type, props, node);
-	          }
-	          node.stateNode = instance;
+	          instance = cloneHiddenInstance(instance, type, props, node);
 	        }
+
 	        appendInitialChild(parent, instance);
 	      } else if (node.tag === HostText) {
 	        var _instance = node.stateNode;
-	        if (needsVisibilityToggle) {
+
+	        if (needsVisibilityToggle && isHidden) {
+	          // This child is inside a timed out tree. Hide it.
 	          var text = node.memoizedProps;
-	          var rootContainerInstance = getRootHostContainer();
-	          var currentHostContext = getHostContext();
-	          if (isHidden) {
-	            _instance = createHiddenTextInstance(text, rootContainerInstance, currentHostContext, workInProgress);
-	          } else {
-	            _instance = createTextInstance(text, rootContainerInstance, currentHostContext, workInProgress);
-	          }
-	          node.stateNode = _instance;
+	          _instance = cloneHiddenTextInstance(_instance, text, node);
 	        }
+
 	        appendInitialChild(parent, _instance);
-	      } else if (node.tag === HostPortal) {
-	        // If we have a portal child, then we don't want to traverse
+	      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+	        var _instance2 = node.stateNode.instance;
+
+	        if (needsVisibilityToggle && isHidden) {
+	          // This child is inside a timed out tree. Hide it.
+	          var _props = node.memoizedProps;
+	          var _type = node.type;
+	          _instance2 = cloneHiddenInstance(_instance2, _type, _props, node);
+	        }
+
+	        appendInitialChild(parent, _instance2);
+	      } else if (node.tag === HostPortal) {// If we have a portal child, then we don't want to traverse
 	        // down its children. Instead, we'll get insertions from each child in
 	        // the portal directly.
 	      } else if (node.tag === SuspenseComponent) {
-	        var current = node.alternate;
-	        if (current !== null) {
-	          var oldState = current.memoizedState;
-	          var newState = node.memoizedState;
-	          var oldIsHidden = oldState !== null;
-	          var newIsHidden = newState !== null;
-	          if (oldIsHidden !== newIsHidden) {
-	            // The placeholder either just timed out or switched back to the normal
-	            // children after having previously timed out. Toggle the visibility of
-	            // the direct host children.
-	            var primaryChildParent = newIsHidden ? node.child : node;
+	        if ((node.effectTag & Update) !== NoEffect) {
+	          // Need to toggle the visibility of the primary children.
+	          var newIsHidden = node.memoizedState !== null;
+
+	          if (newIsHidden) {
+	            var primaryChildParent = node.child;
+
 	            if (primaryChildParent !== null) {
-	              appendAllChildren(parent, primaryChildParent, true, newIsHidden);
+	              if (primaryChildParent.child !== null) {
+	                primaryChildParent.child.return = primaryChildParent;
+	                appendAllChildren(parent, primaryChildParent, true, newIsHidden);
+	              }
+
+	              var fallbackChildParent = primaryChildParent.sibling;
+
+	              if (fallbackChildParent !== null) {
+	                fallbackChildParent.return = node;
+	                node = fallbackChildParent;
+	                continue;
+	              }
 	            }
-	            // eslint-disable-next-line no-labels
-	            break branches;
 	          }
 	        }
+
 	        if (node.child !== null) {
 	          // Continue traversing like normal
 	          node.child.return = node;
@@ -20480,84 +25166,96 @@
 	        node.child.return = node;
 	        node = node.child;
 	        continue;
-	      }
-	      // $FlowFixMe This is correct but Flow is confused by the labeled break.
+	      } // $FlowFixMe This is correct but Flow is confused by the labeled break.
+
+
 	      node = node;
+
 	      if (node === workInProgress) {
 	        return;
 	      }
+
 	      while (node.sibling === null) {
 	        if (node.return === null || node.return === workInProgress) {
 	          return;
 	        }
+
 	        node = node.return;
 	      }
+
 	      node.sibling.return = node.return;
 	      node = node.sibling;
 	    }
-	  };
+	  }; // An unfortunate fork of appendAllChildren because we have two different parent types.
+
 
-	  // An unfortunate fork of appendAllChildren because we have two different parent types.
 	  var appendAllChildrenToContainer = function (containerChildSet, workInProgress, needsVisibilityToggle, isHidden) {
 	    // We only have the top Fiber that was created but we need recurse down its
 	    // children to find all the terminal nodes.
 	    var node = workInProgress.child;
+
 	    while (node !== null) {
 	      // eslint-disable-next-line no-labels
 	      branches: if (node.tag === HostComponent) {
 	        var instance = node.stateNode;
-	        if (needsVisibilityToggle) {
+
+	        if (needsVisibilityToggle && isHidden) {
+	          // This child is inside a timed out tree. Hide it.
 	          var props = node.memoizedProps;
 	          var type = node.type;
-	          if (isHidden) {
-	            // This child is inside a timed out tree. Hide it.
-	            instance = cloneHiddenInstance(instance, type, props, node);
-	          } else {
-	            // This child was previously inside a timed out tree. If it was not
-	            // updated during this render, it may need to be unhidden. Clone
-	            // again to be sure.
-	            instance = cloneUnhiddenInstance(instance, type, props, node);
-	          }
-	          node.stateNode = instance;
+	          instance = cloneHiddenInstance(instance, type, props, node);
 	        }
+
 	        appendChildToContainerChildSet(containerChildSet, instance);
 	      } else if (node.tag === HostText) {
-	        var _instance2 = node.stateNode;
-	        if (needsVisibilityToggle) {
+	        var _instance3 = node.stateNode;
+
+	        if (needsVisibilityToggle && isHidden) {
+	          // This child is inside a timed out tree. Hide it.
 	          var text = node.memoizedProps;
-	          var rootContainerInstance = getRootHostContainer();
-	          var currentHostContext = getHostContext();
-	          if (isHidden) {
-	            _instance2 = createHiddenTextInstance(text, rootContainerInstance, currentHostContext, workInProgress);
-	          } else {
-	            _instance2 = createTextInstance(text, rootContainerInstance, currentHostContext, workInProgress);
-	          }
-	          node.stateNode = _instance2;
+	          _instance3 = cloneHiddenTextInstance(_instance3, text, node);
 	        }
-	        appendChildToContainerChildSet(containerChildSet, _instance2);
-	      } else if (node.tag === HostPortal) {
-	        // If we have a portal child, then we don't want to traverse
+
+	        appendChildToContainerChildSet(containerChildSet, _instance3);
+	      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+	        var _instance4 = node.stateNode.instance;
+
+	        if (needsVisibilityToggle && isHidden) {
+	          // This child is inside a timed out tree. Hide it.
+	          var _props2 = node.memoizedProps;
+	          var _type2 = node.type;
+	          _instance4 = cloneHiddenInstance(_instance4, _type2, _props2, node);
+	        }
+
+	        appendChildToContainerChildSet(containerChildSet, _instance4);
+	      } else if (node.tag === HostPortal) {// If we have a portal child, then we don't want to traverse
 	        // down its children. Instead, we'll get insertions from each child in
 	        // the portal directly.
 	      } else if (node.tag === SuspenseComponent) {
-	        var current = node.alternate;
-	        if (current !== null) {
-	          var oldState = current.memoizedState;
-	          var newState = node.memoizedState;
-	          var oldIsHidden = oldState !== null;
-	          var newIsHidden = newState !== null;
-	          if (oldIsHidden !== newIsHidden) {
-	            // The placeholder either just timed out or switched back to the normal
-	            // children after having previously timed out. Toggle the visibility of
-	            // the direct host children.
-	            var primaryChildParent = newIsHidden ? node.child : node;
+	        if ((node.effectTag & Update) !== NoEffect) {
+	          // Need to toggle the visibility of the primary children.
+	          var newIsHidden = node.memoizedState !== null;
+
+	          if (newIsHidden) {
+	            var primaryChildParent = node.child;
+
 	            if (primaryChildParent !== null) {
-	              appendAllChildrenToContainer(containerChildSet, primaryChildParent, true, newIsHidden);
+	              if (primaryChildParent.child !== null) {
+	                primaryChildParent.child.return = primaryChildParent;
+	                appendAllChildrenToContainer(containerChildSet, primaryChildParent, true, newIsHidden);
+	              }
+
+	              var fallbackChildParent = primaryChildParent.sibling;
+
+	              if (fallbackChildParent !== null) {
+	                fallbackChildParent.return = node;
+	                node = fallbackChildParent;
+	                continue;
+	              }
 	            }
-	            // eslint-disable-next-line no-labels
-	            break branches;
 	          }
 	        }
+
 	        if (node.child !== null) {
 	          // Continue traversing like normal
 	          node.child.return = node;
@@ -20568,67 +25266,82 @@
 	        node.child.return = node;
 	        node = node.child;
 	        continue;
-	      }
-	      // $FlowFixMe This is correct but Flow is confused by the labeled break.
+	      } // $FlowFixMe This is correct but Flow is confused by the labeled break.
+
+
 	      node = node;
+
 	      if (node === workInProgress) {
 	        return;
 	      }
+
 	      while (node.sibling === null) {
 	        if (node.return === null || node.return === workInProgress) {
 	          return;
 	        }
+
 	        node = node.return;
 	      }
+
 	      node.sibling.return = node.return;
 	      node = node.sibling;
 	    }
 	  };
+
 	  updateHostContainer = function (workInProgress) {
 	    var portalOrRoot = workInProgress.stateNode;
 	    var childrenUnchanged = workInProgress.firstEffect === null;
-	    if (childrenUnchanged) {
-	      // No changes, just reuse the existing instance.
+
+	    if (childrenUnchanged) {// No changes, just reuse the existing instance.
 	    } else {
 	      var container = portalOrRoot.containerInfo;
-	      var newChildSet = createContainerChildSet(container);
-	      // If children might have changed, we have to add them all to the set.
+	      var newChildSet = createContainerChildSet(container); // If children might have changed, we have to add them all to the set.
+
 	      appendAllChildrenToContainer(newChildSet, workInProgress, false, false);
-	      portalOrRoot.pendingChildren = newChildSet;
-	      // Schedule an update on the container to swap out the container.
+	      portalOrRoot.pendingChildren = newChildSet; // Schedule an update on the container to swap out the container.
+
 	      markUpdate(workInProgress);
 	      finalizeContainerChildren(container, newChildSet);
 	    }
 	  };
+
 	  updateHostComponent$1 = function (current, workInProgress, type, newProps, rootContainerInstance) {
 	    var currentInstance = current.stateNode;
-	    var oldProps = current.memoizedProps;
-	    // If there are no effects associated with this node, then none of our children had any updates.
+	    var oldProps = current.memoizedProps; // If there are no effects associated with this node, then none of our children had any updates.
 	    // This guarantees that we can reuse all of them.
+
 	    var childrenUnchanged = workInProgress.firstEffect === null;
+
 	    if (childrenUnchanged && oldProps === newProps) {
 	      // No changes, just reuse the existing instance.
 	      // Note that this might release a previous clone.
 	      workInProgress.stateNode = currentInstance;
 	      return;
 	    }
+
 	    var recyclableInstance = workInProgress.stateNode;
 	    var currentHostContext = getHostContext();
 	    var updatePayload = null;
+
 	    if (oldProps !== newProps) {
 	      updatePayload = prepareUpdate(recyclableInstance, type, oldProps, newProps, rootContainerInstance, currentHostContext);
 	    }
+
 	    if (childrenUnchanged && updatePayload === null) {
 	      // No changes, just reuse the existing instance.
 	      // Note that this might release a previous clone.
 	      workInProgress.stateNode = currentInstance;
 	      return;
 	    }
+
 	    var newInstance = cloneInstance(currentInstance, updatePayload, type, oldProps, newProps, workInProgress, childrenUnchanged, recyclableInstance);
+
 	    if (finalizeInitialChildren(newInstance, type, newProps, rootContainerInstance, currentHostContext)) {
 	      markUpdate(workInProgress);
 	    }
+
 	    workInProgress.stateNode = newInstance;
+
 	    if (childrenUnchanged) {
 	      // If there are no other effects in this tree, we need to flag this node as having one.
 	      // Even though we're not going to use it for anything.
@@ -20639,94 +25352,197 @@
 	      appendAllChildren(newInstance, workInProgress, false, false);
 	    }
 	  };
+
 	  updateHostText$1 = function (current, workInProgress, oldText, newText) {
 	    if (oldText !== newText) {
 	      // If the text content differs, we'll create a new text instance for it.
 	      var rootContainerInstance = getRootHostContainer();
 	      var currentHostContext = getHostContext();
-	      workInProgress.stateNode = createTextInstance(newText, rootContainerInstance, currentHostContext, workInProgress);
-	      // We'll have to mark it as having an effect, even though we won't use the effect for anything.
+	      workInProgress.stateNode = createTextInstance(newText, rootContainerInstance, currentHostContext, workInProgress); // We'll have to mark it as having an effect, even though we won't use the effect for anything.
 	      // This lets the parents know that at least one of their children has changed.
+
 	      markUpdate(workInProgress);
 	    }
 	  };
 	} else {
 	  // No host operations
-	  updateHostContainer = function (workInProgress) {
-	    // Noop
+	  updateHostContainer = function (workInProgress) {// Noop
 	  };
-	  updateHostComponent$1 = function (current, workInProgress, type, newProps, rootContainerInstance) {
-	    // Noop
+
+	  updateHostComponent$1 = function (current, workInProgress, type, newProps, rootContainerInstance) {// Noop
 	  };
-	  updateHostText$1 = function (current, workInProgress, oldText, newText) {
-	    // Noop
+
+	  updateHostText$1 = function (current, workInProgress, oldText, newText) {// Noop
 	  };
 	}
 
+	function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+	  switch (renderState.tailMode) {
+	    case 'hidden':
+	      {
+	        // Any insertions at the end of the tail list after this point
+	        // should be invisible. If there are already mounted boundaries
+	        // anything before them are not considered for collapsing.
+	        // Therefore we need to go through the whole tail to find if
+	        // there are any.
+	        var tailNode = renderState.tail;
+	        var lastTailNode = null;
+
+	        while (tailNode !== null) {
+	          if (tailNode.alternate !== null) {
+	            lastTailNode = tailNode;
+	          }
+
+	          tailNode = tailNode.sibling;
+	        } // Next we're simply going to delete all insertions after the
+	        // last rendered item.
+
+
+	        if (lastTailNode === null) {
+	          // All remaining items in the tail are insertions.
+	          renderState.tail = null;
+	        } else {
+	          // Detach the insertion after the last node that was already
+	          // inserted.
+	          lastTailNode.sibling = null;
+	        }
+
+	        break;
+	      }
+
+	    case 'collapsed':
+	      {
+	        // Any insertions at the end of the tail list after this point
+	        // should be invisible. If there are already mounted boundaries
+	        // anything before them are not considered for collapsing.
+	        // Therefore we need to go through the whole tail to find if
+	        // there are any.
+	        var _tailNode = renderState.tail;
+	        var _lastTailNode = null;
+
+	        while (_tailNode !== null) {
+	          if (_tailNode.alternate !== null) {
+	            _lastTailNode = _tailNode;
+	          }
+
+	          _tailNode = _tailNode.sibling;
+	        } // Next we're simply going to delete all insertions after the
+	        // last rendered item.
+
+
+	        if (_lastTailNode === null) {
+	          // All remaining items in the tail are insertions.
+	          if (!hasRenderedATailFallback && renderState.tail !== null) {
+	            // We suspended during the head. We want to show at least one
+	            // row at the tail. So we'll keep on and cut off the rest.
+	            renderState.tail.sibling = null;
+	          } else {
+	            renderState.tail = null;
+	          }
+	        } else {
+	          // Detach the insertion after the last node that was already
+	          // inserted.
+	          _lastTailNode.sibling = null;
+	        }
+
+	        break;
+	      }
+	  }
+	}
+
 	function completeWork(current, workInProgress, renderExpirationTime) {
 	  var newProps = workInProgress.pendingProps;
 
 	  switch (workInProgress.tag) {
 	    case IndeterminateComponent:
 	      break;
+
 	    case LazyComponent:
 	      break;
+
 	    case SimpleMemoComponent:
 	    case FunctionComponent:
 	      break;
+
 	    case ClassComponent:
 	      {
 	        var Component = workInProgress.type;
+
 	        if (isContextProvider(Component)) {
 	          popContext(workInProgress);
 	        }
+
 	        break;
 	      }
+
 	    case HostRoot:
 	      {
 	        popHostContainer(workInProgress);
 	        popTopLevelContextObject(workInProgress);
 	        var fiberRoot = workInProgress.stateNode;
+
 	        if (fiberRoot.pendingContext) {
 	          fiberRoot.context = fiberRoot.pendingContext;
 	          fiberRoot.pendingContext = null;
 	        }
+
 	        if (current === null || current.child === null) {
 	          // If we hydrated, pop so that we can delete any remaining children
 	          // that weren't hydrated.
-	          popHydrationState(workInProgress);
-	          // This resets the hacky state to fix isMounted before committing.
-	          // TODO: Delete this when we delete isMounted and findDOMNode.
-	          workInProgress.effectTag &= ~Placement;
+	          var wasHydrated = popHydrationState(workInProgress);
+
+	          if (wasHydrated) {
+	            // If we hydrated, then we'll need to schedule an update for
+	            // the commit side-effects on the root.
+	            markUpdate(workInProgress);
+	          }
 	        }
+
 	        updateHostContainer(workInProgress);
 	        break;
 	      }
+
 	    case HostComponent:
 	      {
 	        popHostContext(workInProgress);
 	        var rootContainerInstance = getRootHostContainer();
 	        var type = workInProgress.type;
+
 	        if (current !== null && workInProgress.stateNode != null) {
 	          updateHostComponent$1(current, workInProgress, type, newProps, rootContainerInstance);
 
+	          if (enableFlareAPI) {
+	            var prevListeners = current.memoizedProps.listeners;
+	            var nextListeners = newProps.listeners;
+
+	            if (prevListeners !== nextListeners) {
+	              markUpdate(workInProgress);
+	            }
+	          }
+
 	          if (current.ref !== workInProgress.ref) {
 	            markRef$1(workInProgress);
 	          }
 	        } else {
 	          if (!newProps) {
-	            !(workInProgress.stateNode !== null) ? invariant(false, 'We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	            // This can happen when we abort work.
+	            if (!(workInProgress.stateNode !== null)) {
+	              {
+	                throw Error("We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue.");
+	              }
+	            } // This can happen when we abort work.
+
+
 	            break;
 	          }
 
-	          var currentHostContext = getHostContext();
-	          // TODO: Move createInstance to beginWork and keep it on a context
+	          var currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
 	          // "stack" as the parent. Then append children as we go in beginWork
 	          // or completeWork depending on we want to add then top->down or
 	          // bottom->up. Top->down is faster in IE11.
-	          var wasHydrated = popHydrationState(workInProgress);
-	          if (wasHydrated) {
+
+	          var _wasHydrated = popHydrationState(workInProgress);
+
+	          if (_wasHydrated) {
 	            // TODO: Move this and createInstance step into the beginPhase
 	            // to consolidate.
 	            if (prepareToHydrateHostInstance(workInProgress, rootContainerInstance, currentHostContext)) {
@@ -20734,18 +25550,34 @@
 	              // commit-phase we mark this as such.
 	              markUpdate(workInProgress);
 	            }
+
+	            if (enableFlareAPI) {
+	              var listeners = newProps.listeners;
+
+	              if (listeners != null) {
+	                updateEventListeners(listeners, workInProgress, rootContainerInstance);
+	              }
+	            }
 	          } else {
 	            var instance = createInstance(type, newProps, rootContainerInstance, currentHostContext, workInProgress);
+	            appendAllChildren(instance, workInProgress, false, false); // This needs to be set before we mount Flare event listeners
 
-	            appendAllChildren(instance, workInProgress, false, false);
+	            workInProgress.stateNode = instance;
+
+	            if (enableFlareAPI) {
+	              var _listeners = newProps.listeners;
 
-	            // Certain renderers require commit-time effects for initial mount.
+	              if (_listeners != null) {
+	                updateEventListeners(_listeners, workInProgress, rootContainerInstance);
+	              }
+	            } // Certain renderers require commit-time effects for initial mount.
 	            // (eg DOM renderer supports auto-focus for certain elements).
 	            // Make sure such renderers get scheduled for later work.
+
+
 	            if (finalizeInitialChildren(instance, type, newProps, rootContainerInstance, currentHostContext)) {
 	              markUpdate(workInProgress);
 	            }
-	            workInProgress.stateNode = instance;
 	          }
 
 	          if (workInProgress.ref !== null) {
@@ -20753,25 +25585,36 @@
 	            markRef$1(workInProgress);
 	          }
 	        }
+
 	        break;
 	      }
+
 	    case HostText:
 	      {
 	        var newText = newProps;
+
 	        if (current && workInProgress.stateNode != null) {
-	          var oldText = current.memoizedProps;
-	          // If we have an alternate, that means this is an update and we need
+	          var oldText = current.memoizedProps; // If we have an alternate, that means this is an update and we need
 	          // to schedule a side-effect to do the updates.
+
 	          updateHostText$1(current, workInProgress, oldText, newText);
 	        } else {
 	          if (typeof newText !== 'string') {
-	            !(workInProgress.stateNode !== null) ? invariant(false, 'We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	            // This can happen when we abort work.
+	            if (!(workInProgress.stateNode !== null)) {
+	              {
+	                throw Error("We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue.");
+	              }
+	            } // This can happen when we abort work.
+
 	          }
+
 	          var _rootContainerInstance = getRootHostContainer();
+
 	          var _currentHostContext = getHostContext();
-	          var _wasHydrated = popHydrationState(workInProgress);
-	          if (_wasHydrated) {
+
+	          var _wasHydrated2 = popHydrationState(workInProgress);
+
+	          if (_wasHydrated2) {
 	            if (prepareToHydrateHostTextInstance(workInProgress)) {
 	              markUpdate(workInProgress);
 	            }
@@ -20779,114 +25622,645 @@
 	            workInProgress.stateNode = createTextInstance(newText, _rootContainerInstance, _currentHostContext, workInProgress);
 	          }
 	        }
+
 	        break;
 	      }
+
 	    case ForwardRef:
 	      break;
+
 	    case SuspenseComponent:
 	      {
+	        popSuspenseContext(workInProgress);
 	        var nextState = workInProgress.memoizedState;
+
+	        if (enableSuspenseServerRenderer) {
+	          if (nextState !== null && nextState.dehydrated !== null) {
+	            if (current === null) {
+	              var _wasHydrated3 = popHydrationState(workInProgress);
+
+	              if (!_wasHydrated3) {
+	                {
+	                  throw Error("A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React.");
+	                }
+	              }
+
+	              prepareToHydrateHostSuspenseInstance(workInProgress);
+
+	              if (enableSchedulerTracing) {
+	                markSpawnedWork(Never);
+	              }
+
+	              return null;
+	            } else {
+	              // We should never have been in a hydration state if we didn't have a current.
+	              // However, in some of those paths, we might have reentered a hydration state
+	              // and then we might be inside a hydration state. In that case, we'll need to
+	              // exit out of it.
+	              resetHydrationState();
+
+	              if ((workInProgress.effectTag & DidCapture) === NoEffect) {
+	                // This boundary did not suspend so it's now hydrated and unsuspended.
+	                workInProgress.memoizedState = null;
+	              } // If nothing suspended, we need to schedule an effect to mark this boundary
+	              // as having hydrated so events know that they're free be invoked.
+	              // It's also a signal to replay events and the suspense callback.
+	              // If something suspended, schedule an effect to attach retry listeners.
+	              // So we might as well always mark this.
+
+
+	              workInProgress.effectTag |= Update;
+	              return null;
+	            }
+	          }
+	        }
+
 	        if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
 	          // Something suspended. Re-render with the fallback children.
-	          workInProgress.expirationTime = renderExpirationTime;
-	          // Do not reset the effect list.
+	          workInProgress.expirationTime = renderExpirationTime; // Do not reset the effect list.
+
 	          return workInProgress;
 	        }
 
 	        var nextDidTimeout = nextState !== null;
-	        var prevDidTimeout = current !== null && current.memoizedState !== null;
-
-	        if (current !== null && !nextDidTimeout && prevDidTimeout) {
-	          // We just switched from the fallback to the normal children. Delete
-	          // the fallback.
-	          // TODO: Would it be better to store the fallback fragment on
-	          var currentFallbackChild = current.child.sibling;
-	          if (currentFallbackChild !== null) {
-	            // Deletions go at the beginning of the return fiber's effect list
-	            var first = workInProgress.firstEffect;
-	            if (first !== null) {
-	              workInProgress.firstEffect = currentFallbackChild;
-	              currentFallbackChild.nextEffect = first;
+	        var prevDidTimeout = false;
+
+	        if (current === null) {
+	          if (workInProgress.memoizedProps.fallback !== undefined) {
+	            popHydrationState(workInProgress);
+	          }
+	        } else {
+	          var prevState = current.memoizedState;
+	          prevDidTimeout = prevState !== null;
+
+	          if (!nextDidTimeout && prevState !== null) {
+	            // We just switched from the fallback to the normal children.
+	            // Delete the fallback.
+	            // TODO: Would it be better to store the fallback fragment on
+	            // the stateNode during the begin phase?
+	            var currentFallbackChild = current.child.sibling;
+
+	            if (currentFallbackChild !== null) {
+	              // Deletions go at the beginning of the return fiber's effect list
+	              var first = workInProgress.firstEffect;
+
+	              if (first !== null) {
+	                workInProgress.firstEffect = currentFallbackChild;
+	                currentFallbackChild.nextEffect = first;
+	              } else {
+	                workInProgress.firstEffect = workInProgress.lastEffect = currentFallbackChild;
+	                currentFallbackChild.nextEffect = null;
+	              }
+
+	              currentFallbackChild.effectTag = Deletion;
+	            }
+	          }
+	        }
+
+	        if (nextDidTimeout && !prevDidTimeout) {
+	          // If this subtreee is running in blocking mode we can suspend,
+	          // otherwise we won't suspend.
+	          // TODO: This will still suspend a synchronous tree if anything
+	          // in the concurrent tree already suspended during this render.
+	          // This is a known bug.
+	          if ((workInProgress.mode & BlockingMode) !== NoMode) {
+	            // TODO: Move this back to throwException because this is too late
+	            // if this is a large tree which is common for initial loads. We
+	            // don't know if we should restart a render or not until we get
+	            // this marker, and this is too late.
+	            // If this render already had a ping or lower pri updates,
+	            // and this is the first time we know we're going to suspend we
+	            // should be able to immediately restart from within throwException.
+	            var hasInvisibleChildContext = current === null && workInProgress.memoizedProps.unstable_avoidThisFallback !== true;
+
+	            if (hasInvisibleChildContext || hasSuspenseContext(suspenseStackCursor.current, InvisibleParentSuspenseContext)) {
+	              // If this was in an invisible tree or a new render, then showing
+	              // this boundary is ok.
+	              renderDidSuspend();
 	            } else {
-	              workInProgress.firstEffect = workInProgress.lastEffect = currentFallbackChild;
-	              currentFallbackChild.nextEffect = null;
+	              // Otherwise, we're going to have to hide content so we should
+	              // suspend for longer if possible.
+	              renderDidSuspendDelayIfPossible();
 	            }
-	            currentFallbackChild.effectTag = Deletion;
 	          }
 	        }
 
-	        if (nextDidTimeout || prevDidTimeout) {
-	          // If the children are hidden, or if they were previous hidden, schedule
-	          // an effect to toggle their visibility. This is also used to attach a
-	          // retry listener to the promise.
+	        if (supportsPersistence) {
+	          // TODO: Only schedule updates if not prevDidTimeout.
+	          if (nextDidTimeout) {
+	            // If this boundary just timed out, schedule an effect to attach a
+	            // retry listener to the proimse. This flag is also used to hide the
+	            // primary children.
+	            workInProgress.effectTag |= Update;
+	          }
+	        }
+
+	        if (supportsMutation) {
+	          // TODO: Only schedule updates if these values are non equal, i.e. it changed.
+	          if (nextDidTimeout || prevDidTimeout) {
+	            // If this boundary just timed out, schedule an effect to attach a
+	            // retry listener to the proimse. This flag is also used to hide the
+	            // primary children. In mutation mode, we also need the flag to
+	            // *unhide* children that were previously hidden, so check if the
+	            // is currently timed out, too.
+	            workInProgress.effectTag |= Update;
+	          }
+	        }
+
+	        if (enableSuspenseCallback && workInProgress.updateQueue !== null && workInProgress.memoizedProps.suspenseCallback != null) {
+	          // Always notify the callback
 	          workInProgress.effectTag |= Update;
 	        }
+
 	        break;
 	      }
+
 	    case Fragment:
 	      break;
+
 	    case Mode:
 	      break;
+
 	    case Profiler:
 	      break;
+
 	    case HostPortal:
 	      popHostContainer(workInProgress);
 	      updateHostContainer(workInProgress);
 	      break;
+
 	    case ContextProvider:
 	      // Pop provider fiber
 	      popProvider(workInProgress);
 	      break;
+
 	    case ContextConsumer:
 	      break;
+
 	    case MemoComponent:
 	      break;
+
 	    case IncompleteClassComponent:
 	      {
 	        // Same as class component case. I put it down here so that the tags are
 	        // sequential to ensure this switch is compiled to a jump table.
 	        var _Component = workInProgress.type;
+
 	        if (isContextProvider(_Component)) {
 	          popContext(workInProgress);
 	        }
+
 	        break;
 	      }
-	    case DehydratedSuspenseComponent:
+
+	    case SuspenseListComponent:
 	      {
-	        if (enableSuspenseServerRenderer) {
+	        popSuspenseContext(workInProgress);
+	        var renderState = workInProgress.memoizedState;
+
+	        if (renderState === null) {
+	          // We're running in the default, "independent" mode. We don't do anything
+	          // in this mode.
+	          break;
+	        }
+
+	        var didSuspendAlready = (workInProgress.effectTag & DidCapture) !== NoEffect;
+	        var renderedTail = renderState.rendering;
+
+	        if (renderedTail === null) {
+	          // We just rendered the head.
+	          if (!didSuspendAlready) {
+	            // This is the first pass. We need to figure out if anything is still
+	            // suspended in the rendered set.
+	            // If new content unsuspended, but there's still some content that
+	            // didn't. Then we need to do a second pass that forces everything
+	            // to keep showing their fallbacks.
+	            // We might be suspended if something in this render pass suspended, or
+	            // something in the previous committed pass suspended. Otherwise,
+	            // there's no chance so we can skip the expensive call to
+	            // findFirstSuspended.
+	            var cannotBeSuspended = renderHasNotSuspendedYet() && (current === null || (current.effectTag & DidCapture) === NoEffect);
+
+	            if (!cannotBeSuspended) {
+	              var row = workInProgress.child;
+
+	              while (row !== null) {
+	                var suspended = findFirstSuspended(row);
+
+	                if (suspended !== null) {
+	                  didSuspendAlready = true;
+	                  workInProgress.effectTag |= DidCapture;
+	                  cutOffTailIfNeeded(renderState, false); // If this is a newly suspended tree, it might not get committed as
+	                  // part of the second pass. In that case nothing will subscribe to
+	                  // its thennables. Instead, we'll transfer its thennables to the
+	                  // SuspenseList so that it can retry if they resolve.
+	                  // There might be multiple of these in the list but since we're
+	                  // going to wait for all of them anyway, it doesn't really matter
+	                  // which ones gets to ping. In theory we could get clever and keep
+	                  // track of how many dependencies remain but it gets tricky because
+	                  // in the meantime, we can add/remove/change items and dependencies.
+	                  // We might bail out of the loop before finding any but that
+	                  // doesn't matter since that means that the other boundaries that
+	                  // we did find already has their listeners attached.
+
+	                  var newThennables = suspended.updateQueue;
+
+	                  if (newThennables !== null) {
+	                    workInProgress.updateQueue = newThennables;
+	                    workInProgress.effectTag |= Update;
+	                  } // Rerender the whole list, but this time, we'll force fallbacks
+	                  // to stay in place.
+	                  // Reset the effect list before doing the second pass since that's now invalid.
+
+
+	                  if (renderState.lastEffect === null) {
+	                    workInProgress.firstEffect = null;
+	                  }
+
+	                  workInProgress.lastEffect = renderState.lastEffect; // Reset the child fibers to their original state.
+
+	                  resetChildFibers(workInProgress, renderExpirationTime); // Set up the Suspense Context to force suspense and immediately
+	                  // rerender the children.
+
+	                  pushSuspenseContext(workInProgress, setShallowSuspenseContext(suspenseStackCursor.current, ForceSuspenseFallback));
+	                  return workInProgress.child;
+	                }
+
+	                row = row.sibling;
+	              }
+	            }
+	          } else {
+	            cutOffTailIfNeeded(renderState, false);
+	          } // Next we're going to render the tail.
+
+	        } else {
+	          // Append the rendered row to the child list.
+	          if (!didSuspendAlready) {
+	            var _suspended = findFirstSuspended(renderedTail);
+
+	            if (_suspended !== null) {
+	              workInProgress.effectTag |= DidCapture;
+	              didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
+	              // get lost if this row ends up dropped during a second pass.
+
+	              var _newThennables = _suspended.updateQueue;
+
+	              if (_newThennables !== null) {
+	                workInProgress.updateQueue = _newThennables;
+	                workInProgress.effectTag |= Update;
+	              }
+
+	              cutOffTailIfNeeded(renderState, true); // This might have been modified.
+
+	              if (renderState.tail === null && renderState.tailMode === 'hidden' && !renderedTail.alternate) {
+	                // We need to delete the row we just rendered.
+	                // Reset the effect list to what it was before we rendered this
+	                // child. The nested children have already appended themselves.
+	                var lastEffect = workInProgress.lastEffect = renderState.lastEffect; // Remove any effects that were appended after this point.
+
+	                if (lastEffect !== null) {
+	                  lastEffect.nextEffect = null;
+	                } // We're done.
+
+
+	                return null;
+	              }
+	            } else if (now() > renderState.tailExpiration && renderExpirationTime > Never) {
+	              // We have now passed our CPU deadline and we'll just give up further
+	              // attempts to render the main content and only render fallbacks.
+	              // The assumption is that this is usually faster.
+	              workInProgress.effectTag |= DidCapture;
+	              didSuspendAlready = true;
+	              cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
+	              // to get it started back up to attempt the next item. If we can show
+	              // them, then they really have the same priority as this render.
+	              // So we'll pick it back up the very next render pass once we've had
+	              // an opportunity to yield for paint.
+
+	              var nextPriority = renderExpirationTime - 1;
+	              workInProgress.expirationTime = workInProgress.childExpirationTime = nextPriority;
+
+	              if (enableSchedulerTracing) {
+	                markSpawnedWork(nextPriority);
+	              }
+	            }
+	          }
+
+	          if (renderState.isBackwards) {
+	            // The effect list of the backwards tail will have been added
+	            // to the end. This breaks the guarantee that life-cycles fire in
+	            // sibling order but that isn't a strong guarantee promised by React.
+	            // Especially since these might also just pop in during future commits.
+	            // Append to the beginning of the list.
+	            renderedTail.sibling = workInProgress.child;
+	            workInProgress.child = renderedTail;
+	          } else {
+	            var previousSibling = renderState.last;
+
+	            if (previousSibling !== null) {
+	              previousSibling.sibling = renderedTail;
+	            } else {
+	              workInProgress.child = renderedTail;
+	            }
+
+	            renderState.last = renderedTail;
+	          }
+	        }
+
+	        if (renderState.tail !== null) {
+	          // We still have tail rows to render.
+	          if (renderState.tailExpiration === 0) {
+	            // Heuristic for how long we're willing to spend rendering rows
+	            // until we just give up and show what we have so far.
+	            var TAIL_EXPIRATION_TIMEOUT_MS = 500;
+	            renderState.tailExpiration = now() + TAIL_EXPIRATION_TIMEOUT_MS;
+	          } // Pop a row.
+
+
+	          var next = renderState.tail;
+	          renderState.rendering = next;
+	          renderState.tail = next.sibling;
+	          renderState.lastEffect = workInProgress.lastEffect;
+	          next.sibling = null; // Restore the context.
+	          // TODO: We can probably just avoid popping it instead and only
+	          // setting it the first time we go from not suspended to suspended.
+
+	          var suspenseContext = suspenseStackCursor.current;
+
+	          if (didSuspendAlready) {
+	            suspenseContext = setShallowSuspenseContext(suspenseContext, ForceSuspenseFallback);
+	          } else {
+	            suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+	          }
+
+	          pushSuspenseContext(workInProgress, suspenseContext); // Do a pass over the next row.
+
+	          return next;
+	        }
+
+	        break;
+	      }
+
+	    case FundamentalComponent:
+	      {
+	        if (enableFundamentalAPI) {
+	          var fundamentalImpl = workInProgress.type.impl;
+	          var fundamentalInstance = workInProgress.stateNode;
+
+	          if (fundamentalInstance === null) {
+	            var getInitialState = fundamentalImpl.getInitialState;
+	            var fundamentalState;
+
+	            if (getInitialState !== undefined) {
+	              fundamentalState = getInitialState(newProps);
+	            }
+
+	            fundamentalInstance = workInProgress.stateNode = createFundamentalStateInstance(workInProgress, newProps, fundamentalImpl, fundamentalState || {});
+
+	            var _instance5 = getFundamentalComponentInstance(fundamentalInstance);
+
+	            fundamentalInstance.instance = _instance5;
+
+	            if (fundamentalImpl.reconcileChildren === false) {
+	              return null;
+	            }
+
+	            appendAllChildren(_instance5, workInProgress, false, false);
+	            mountFundamentalComponent(fundamentalInstance);
+	          } else {
+	            // We fire update in commit phase
+	            var prevProps = fundamentalInstance.props;
+	            fundamentalInstance.prevProps = prevProps;
+	            fundamentalInstance.props = newProps;
+	            fundamentalInstance.currentFiber = workInProgress;
+
+	            if (supportsPersistence) {
+	              var _instance6 = cloneFundamentalInstance(fundamentalInstance);
+
+	              fundamentalInstance.instance = _instance6;
+	              appendAllChildren(_instance6, workInProgress, false, false);
+	            }
+
+	            var shouldUpdate = shouldUpdateFundamentalComponent(fundamentalInstance);
+
+	            if (shouldUpdate) {
+	              markUpdate(workInProgress);
+	            }
+	          }
+	        }
+
+	        break;
+	      }
+
+	    case ScopeComponent:
+	      {
+	        if (enableScopeAPI) {
 	          if (current === null) {
-	            var _wasHydrated2 = popHydrationState(workInProgress);
-	            !_wasHydrated2 ? invariant(false, 'A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React.') : void 0;
-	            skipPastDehydratedSuspenseInstance(workInProgress);
-	          } else if ((workInProgress.effectTag & DidCapture) === NoEffect) {
-	            // This boundary did not suspend so it's now hydrated.
-	            // To handle any future suspense cases, we're going to now upgrade it
-	            // to a Suspense component. We detach it from the existing current fiber.
-	            current.alternate = null;
-	            workInProgress.alternate = null;
-	            workInProgress.tag = SuspenseComponent;
-	            workInProgress.memoizedState = null;
-	            workInProgress.stateNode = null;
+	            var _type3 = workInProgress.type;
+	            var scopeInstance = {
+	              fiber: workInProgress,
+	              methods: null
+	            };
+	            workInProgress.stateNode = scopeInstance;
+	            scopeInstance.methods = createScopeMethods(_type3, scopeInstance);
+
+	            if (enableFlareAPI) {
+	              var _listeners2 = newProps.listeners;
+
+	              if (_listeners2 != null) {
+	                var _rootContainerInstance2 = getRootHostContainer();
+
+	                updateEventListeners(_listeners2, workInProgress, _rootContainerInstance2);
+	              }
+	            }
+
+	            if (workInProgress.ref !== null) {
+	              markRef$1(workInProgress);
+	              markUpdate(workInProgress);
+	            }
+	          } else {
+	            if (enableFlareAPI) {
+	              var _prevListeners = current.memoizedProps.listeners;
+	              var _nextListeners = newProps.listeners;
+
+	              if (_prevListeners !== _nextListeners || workInProgress.ref !== null) {
+	                markUpdate(workInProgress);
+	              }
+	            } else {
+	              if (workInProgress.ref !== null) {
+	                markUpdate(workInProgress);
+	              }
+	            }
+
+	            if (current.ref !== workInProgress.ref) {
+	              markRef$1(workInProgress);
+	            }
 	          }
 	        }
+
 	        break;
 	      }
+
 	    default:
-	      invariant(false, 'Unknown unit of work tag. This error is likely caused by a bug in React. Please file an issue.');
+	      {
+	        {
+	          throw Error("Unknown unit of work tag (" + workInProgress.tag + "). This error is likely caused by a bug in React. Please file an issue.");
+	        }
+	      }
+
 	  }
 
 	  return null;
 	}
 
-	function shouldCaptureSuspense(workInProgress) {
-	  // In order to capture, the Suspense component must have a fallback prop.
-	  if (workInProgress.memoizedProps.fallback === undefined) {
-	    return false;
+	function unwindWork(workInProgress, renderExpirationTime) {
+	  switch (workInProgress.tag) {
+	    case ClassComponent:
+	      {
+	        var Component = workInProgress.type;
+
+	        if (isContextProvider(Component)) {
+	          popContext(workInProgress);
+	        }
+
+	        var effectTag = workInProgress.effectTag;
+
+	        if (effectTag & ShouldCapture) {
+	          workInProgress.effectTag = effectTag & ~ShouldCapture | DidCapture;
+	          return workInProgress;
+	        }
+
+	        return null;
+	      }
+
+	    case HostRoot:
+	      {
+	        popHostContainer(workInProgress);
+	        popTopLevelContextObject(workInProgress);
+	        var _effectTag = workInProgress.effectTag;
+
+	        if (!((_effectTag & DidCapture) === NoEffect)) {
+	          {
+	            throw Error("The root failed to unmount after an error. This is likely a bug in React. Please file an issue.");
+	          }
+	        }
+
+	        workInProgress.effectTag = _effectTag & ~ShouldCapture | DidCapture;
+	        return workInProgress;
+	      }
+
+	    case HostComponent:
+	      {
+	        // TODO: popHydrationState
+	        popHostContext(workInProgress);
+	        return null;
+	      }
+
+	    case SuspenseComponent:
+	      {
+	        popSuspenseContext(workInProgress);
+
+	        if (enableSuspenseServerRenderer) {
+	          var suspenseState = workInProgress.memoizedState;
+
+	          if (suspenseState !== null && suspenseState.dehydrated !== null) {
+	            if (!(workInProgress.alternate !== null)) {
+	              {
+	                throw Error("Threw in newly mounted dehydrated component. This is likely a bug in React. Please file an issue.");
+	              }
+	            }
+
+	            resetHydrationState();
+	          }
+	        }
+
+	        var _effectTag2 = workInProgress.effectTag;
+
+	        if (_effectTag2 & ShouldCapture) {
+	          workInProgress.effectTag = _effectTag2 & ~ShouldCapture | DidCapture; // Captured a suspense effect. Re-render the boundary.
+
+	          return workInProgress;
+	        }
+
+	        return null;
+	      }
+
+	    case SuspenseListComponent:
+	      {
+	        popSuspenseContext(workInProgress); // SuspenseList doesn't actually catch anything. It should've been
+	        // caught by a nested boundary. If not, it should bubble through.
+
+	        return null;
+	      }
+
+	    case HostPortal:
+	      popHostContainer(workInProgress);
+	      return null;
+
+	    case ContextProvider:
+	      popProvider(workInProgress);
+	      return null;
+
+	    default:
+	      return null;
 	  }
-	  // If it was the primary children that just suspended, capture and render the
-	  // fallback. Otherwise, don't capture and bubble to the next boundary.
-	  var nextState = workInProgress.memoizedState;
-	  return nextState === null;
+	}
+
+	function unwindInterruptedWork(interruptedWork) {
+	  switch (interruptedWork.tag) {
+	    case ClassComponent:
+	      {
+	        var childContextTypes = interruptedWork.type.childContextTypes;
+
+	        if (childContextTypes !== null && childContextTypes !== undefined) {
+	          popContext(interruptedWork);
+	        }
+
+	        break;
+	      }
+
+	    case HostRoot:
+	      {
+	        popHostContainer(interruptedWork);
+	        popTopLevelContextObject(interruptedWork);
+	        break;
+	      }
+
+	    case HostComponent:
+	      {
+	        popHostContext(interruptedWork);
+	        break;
+	      }
+
+	    case HostPortal:
+	      popHostContainer(interruptedWork);
+	      break;
+
+	    case SuspenseComponent:
+	      popSuspenseContext(interruptedWork);
+	      break;
+
+	    case SuspenseListComponent:
+	      popSuspenseContext(interruptedWork);
+	      break;
+
+	    case ContextProvider:
+	      popProvider(interruptedWork);
+	      break;
+
+	    default:
+	      break;
+	  }
+	}
+
+	function createCapturedValue(value, source) {
+	  // If the value is an error, call this function immediately after it is thrown
+	  // so the stack is accurate.
+	  return {
+	    value: value,
+	    source: source,
+	    stack: getStackByFiberInDevAndProd(source)
+	  };
 	}
 
 	// This module is forked in different environments.
@@ -20897,23 +26271,21 @@
 	}
 
 	function logCapturedError(capturedError) {
-	  var logError = showErrorDialog(capturedError);
-
-	  // Allow injected showErrorDialog() to prevent default console.error logging.
+	  var logError = showErrorDialog(capturedError); // Allow injected showErrorDialog() to prevent default console.error logging.
 	  // This enables renderers like ReactNative to better manage redbox behavior.
+
 	  if (logError === false) {
 	    return;
 	  }
 
 	  var error = capturedError.error;
+
 	  {
 	    var componentName = capturedError.componentName,
 	        componentStack = capturedError.componentStack,
 	        errorBoundaryName = capturedError.errorBoundaryName,
 	        errorBoundaryFound = capturedError.errorBoundaryFound,
-	        willRetry = capturedError.willRetry;
-
-	    // Browsers support silencing uncaught errors by calling
+	        willRetry = capturedError.willRetry; // Browsers support silencing uncaught errors by calling
 	    // `preventDefault()` in window `error` handler.
 	    // We record this information as an expando on the error.
 
@@ -20923,49 +26295,49 @@
 	        // Ignore it and don't print the stack addendum.
 	        // This is handy for testing error boundaries without noise.
 	        return;
-	      }
-	      // The error is fatal. Since the silencing might have
+	      } // The error is fatal. Since the silencing might have
 	      // been accidental, we'll surface it anyway.
 	      // However, the browser would have silenced the original error
 	      // so we'll print it first, and then print the stack addendum.
-	      console.error(error);
-	      // For a more detailed description of this block, see:
+
+
+	      console.error(error); // For a more detailed description of this block, see:
 	      // https://github.com/facebook/react/pull/13384
 	    }
 
-	    var componentNameMessage = componentName ? 'The above error occurred in the <' + componentName + '> component:' : 'The above error occurred in one of your React components:';
+	    var componentNameMessage = componentName ? "The above error occurred in the <" + componentName + "> component:" : 'The above error occurred in one of your React components:';
+	    var errorBoundaryMessage; // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
 
-	    var errorBoundaryMessage = void 0;
-	    // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
 	    if (errorBoundaryFound && errorBoundaryName) {
 	      if (willRetry) {
-	        errorBoundaryMessage = 'React will try to recreate this component tree from scratch ' + ('using the error boundary you provided, ' + errorBoundaryName + '.');
+	        errorBoundaryMessage = "React will try to recreate this component tree from scratch " + ("using the error boundary you provided, " + errorBoundaryName + ".");
 	      } else {
-	        errorBoundaryMessage = 'This error was initially handled by the error boundary ' + errorBoundaryName + '.\n' + 'Recreating the tree from scratch failed so React will unmount the tree.';
+	        errorBoundaryMessage = "This error was initially handled by the error boundary " + errorBoundaryName + ".\n" + "Recreating the tree from scratch failed so React will unmount the tree.";
 	      }
 	    } else {
 	      errorBoundaryMessage = 'Consider adding an error boundary to your tree to customize error handling behavior.\n' + 'Visit https://fb.me/react-error-boundaries to learn more about error boundaries.';
 	    }
-	    var combinedMessage = '' + componentNameMessage + componentStack + '\n\n' + ('' + errorBoundaryMessage);
 
-	    // In development, we provide our own message with just the component stack.
+	    var combinedMessage = "" + componentNameMessage + componentStack + "\n\n" + ("" + errorBoundaryMessage); // In development, we provide our own message with just the component stack.
 	    // We don't include the original error message and JS stack because the browser
 	    // has already printed it. Even if the application swallows the error, it is still
 	    // displayed by the browser thanks to the DEV-only fake event trick in ReactErrorUtils.
+
 	    console.error(combinedMessage);
 	  }
 	}
 
 	var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
+
 	{
 	  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
 	}
 
-	var PossiblyWeakSet$1 = typeof WeakSet === 'function' ? WeakSet : Set;
-
+	var PossiblyWeakSet = typeof WeakSet === 'function' ? WeakSet : Set;
 	function logError(boundary, errorInfo) {
 	  var source = errorInfo.source;
 	  var stack = errorInfo.stack;
+
 	  if (stack === null && source !== null) {
 	    stack = getStackByFiberInDevAndProd(source);
 	  }
@@ -21006,12 +26378,13 @@
 	  instance.state = current$$1.memoizedState;
 	  instance.componentWillUnmount();
 	  stopPhaseTimer();
-	};
+	}; // Capture errors so they don't interrupt unmounting.
+
 
-	// Capture errors so they don't interrupt unmounting.
 	function safelyCallComponentWillUnmount(current$$1, instance) {
 	  {
 	    invokeGuardedCallback(null, callComponentWillUnmountWithTimer, null, current$$1, instance);
+
 	    if (hasCaughtError()) {
 	      var unmountError = clearCaughtError();
 	      captureCommitPhaseError(current$$1, unmountError);
@@ -21021,10 +26394,12 @@
 
 	function safelyDetachRef(current$$1) {
 	  var ref = current$$1.ref;
+
 	  if (ref !== null) {
 	    if (typeof ref === 'function') {
 	      {
 	        invokeGuardedCallback(null, ref, null, null);
+
 	        if (hasCaughtError()) {
 	          var refError = clearCaughtError();
 	          captureCommitPhaseError(current$$1, refError);
@@ -21039,6 +26414,7 @@
 	function safelyCallDestroy(current$$1, destroy) {
 	  {
 	    invokeGuardedCallback(null, destroy, null);
+
 	    if (hasCaughtError()) {
 	      var error = clearCaughtError();
 	      captureCommitPhaseError(current$$1, error);
@@ -21055,6 +26431,7 @@
 	        commitHookEffectList(UnmountSnapshot, NoEffect$1, finishedWork);
 	        return;
 	      }
+
 	    case ClassComponent:
 	      {
 	        if (finishedWork.effectTag & Snapshot) {
@@ -21062,30 +26439,36 @@
 	            var prevProps = current$$1.memoizedProps;
 	            var prevState = current$$1.memoizedState;
 	            startPhaseTimer(finishedWork, 'getSnapshotBeforeUpdate');
-	            var instance = finishedWork.stateNode;
-	            // We could update instance props and state here,
+	            var instance = finishedWork.stateNode; // We could update instance props and state here,
 	            // but instead we rely on them being set during last render.
 	            // TODO: revisit this when we implement resuming.
+
 	            {
 	              if (finishedWork.type === finishedWork.elementType && !didWarnAboutReassigningProps) {
 	                !(instance.props === finishedWork.memoizedProps) ? warning$1(false, 'Expected %s props to match memoized props before ' + 'getSnapshotBeforeUpdate. ' + 'This might either be because of a bug in React, or because ' + 'a component reassigns its own `this.props`. ' + 'Please file an issue.', getComponentName(finishedWork.type) || 'instance') : void 0;
 	                !(instance.state === finishedWork.memoizedState) ? warning$1(false, 'Expected %s state to match memoized state before ' + 'getSnapshotBeforeUpdate. ' + 'This might either be because of a bug in React, or because ' + 'a component reassigns its own `this.props`. ' + 'Please file an issue.', getComponentName(finishedWork.type) || 'instance') : void 0;
 	              }
 	            }
+
 	            var snapshot = instance.getSnapshotBeforeUpdate(finishedWork.elementType === finishedWork.type ? prevProps : resolveDefaultProps(finishedWork.type, prevProps), prevState);
+
 	            {
 	              var didWarnSet = didWarnAboutUndefinedSnapshotBeforeUpdate;
+
 	              if (snapshot === undefined && !didWarnSet.has(finishedWork.type)) {
 	                didWarnSet.add(finishedWork.type);
 	                warningWithoutStack$1(false, '%s.getSnapshotBeforeUpdate(): A snapshot value (or null) ' + 'must be returned. You have returned undefined.', getComponentName(finishedWork.type));
 	              }
 	            }
+
 	            instance.__reactInternalSnapshotBeforeUpdate = snapshot;
 	            stopPhaseTimer();
 	          }
 	        }
+
 	        return;
 	      }
+
 	    case HostRoot:
 	    case HostComponent:
 	    case HostText:
@@ -21093,9 +26476,14 @@
 	    case IncompleteClassComponent:
 	      // Nothing to do for these component types
 	      return;
+
 	    default:
 	      {
-	        invariant(false, 'This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.');
+	        {
+	          {
+	            throw Error("This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.");
+	          }
+	        }
 	      }
 	  }
 	}
@@ -21103,18 +26491,22 @@
 	function commitHookEffectList(unmountTag, mountTag, finishedWork) {
 	  var updateQueue = finishedWork.updateQueue;
 	  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
+
 	  if (lastEffect !== null) {
 	    var firstEffect = lastEffect.next;
 	    var effect = firstEffect;
+
 	    do {
 	      if ((effect.tag & unmountTag) !== NoEffect$1) {
 	        // Unmount
 	        var destroy = effect.destroy;
 	        effect.destroy = undefined;
+
 	        if (destroy !== undefined) {
 	          destroy();
 	        }
 	      }
+
 	      if ((effect.tag & mountTag) !== NoEffect$1) {
 	        // Mount
 	        var create = effect.create;
@@ -21122,27 +26514,44 @@
 
 	        {
 	          var _destroy = effect.destroy;
+
 	          if (_destroy !== undefined && typeof _destroy !== 'function') {
 	            var addendum = void 0;
+
 	            if (_destroy === null) {
 	              addendum = ' You returned null. If your effect does not require clean ' + 'up, return undefined (or nothing).';
 	            } else if (typeof _destroy.then === 'function') {
-	              addendum = '\n\nIt looks like you wrote useEffect(async () => ...) or returned a Promise. ' + 'Instead, write the async function inside your effect ' + 'and call it immediately:\n\n' + 'useEffect(() => {\n' + '  async function fetchData() {\n' + '    // You can await here\n' + '    const response = await MyAPI.getData(someId);\n' + '    // ...\n' + '  }\n' + '  fetchData();\n' + '}, [someId]); // Or [] if effect doesn\'t need props or state\n\n' + 'Learn more about data fetching with Hooks: https://fb.me/react-hooks-data-fetching';
+	              addendum = '\n\nIt looks like you wrote useEffect(async () => ...) or returned a Promise. ' + 'Instead, write the async function inside your effect ' + 'and call it immediately:\n\n' + 'useEffect(() => {\n' + '  async function fetchData() {\n' + '    // You can await here\n' + '    const response = await MyAPI.getData(someId);\n' + '    // ...\n' + '  }\n' + '  fetchData();\n' + "}, [someId]); // Or [] if effect doesn't need props or state\n\n" + 'Learn more about data fetching with Hooks: https://fb.me/react-hooks-data-fetching';
 	            } else {
 	              addendum = ' You returned: ' + _destroy;
 	            }
+
 	            warningWithoutStack$1(false, 'An effect function must not return anything besides a function, ' + 'which is used for clean-up.%s%s', addendum, getStackByFiberInDevAndProd(finishedWork));
 	          }
 	        }
 	      }
+
 	      effect = effect.next;
 	    } while (effect !== firstEffect);
 	  }
 	}
 
 	function commitPassiveHookEffects(finishedWork) {
-	  commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
-	  commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+	  if ((finishedWork.effectTag & Passive) !== NoEffect) {
+	    switch (finishedWork.tag) {
+	      case FunctionComponent:
+	      case ForwardRef:
+	      case SimpleMemoComponent:
+	        {
+	          commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
+	          commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
+	          break;
+	        }
+
+	      default:
+	        break;
+	    }
+	  }
 	}
 
 	function commitLifeCycles(finishedRoot, current$$1, finishedWork, committedExpirationTime) {
@@ -21154,82 +26563,96 @@
 	        commitHookEffectList(UnmountLayout, MountLayout, finishedWork);
 	        break;
 	      }
+
 	    case ClassComponent:
 	      {
 	        var instance = finishedWork.stateNode;
+
 	        if (finishedWork.effectTag & Update) {
 	          if (current$$1 === null) {
-	            startPhaseTimer(finishedWork, 'componentDidMount');
-	            // We could update instance props and state here,
+	            startPhaseTimer(finishedWork, 'componentDidMount'); // We could update instance props and state here,
 	            // but instead we rely on them being set during last render.
 	            // TODO: revisit this when we implement resuming.
+
 	            {
 	              if (finishedWork.type === finishedWork.elementType && !didWarnAboutReassigningProps) {
 	                !(instance.props === finishedWork.memoizedProps) ? warning$1(false, 'Expected %s props to match memoized props before ' + 'componentDidMount. ' + 'This might either be because of a bug in React, or because ' + 'a component reassigns its own `this.props`. ' + 'Please file an issue.', getComponentName(finishedWork.type) || 'instance') : void 0;
 	                !(instance.state === finishedWork.memoizedState) ? warning$1(false, 'Expected %s state to match memoized state before ' + 'componentDidMount. ' + 'This might either be because of a bug in React, or because ' + 'a component reassigns its own `this.props`. ' + 'Please file an issue.', getComponentName(finishedWork.type) || 'instance') : void 0;
 	              }
 	            }
+
 	            instance.componentDidMount();
 	            stopPhaseTimer();
 	          } else {
 	            var prevProps = finishedWork.elementType === finishedWork.type ? current$$1.memoizedProps : resolveDefaultProps(finishedWork.type, current$$1.memoizedProps);
 	            var prevState = current$$1.memoizedState;
-	            startPhaseTimer(finishedWork, 'componentDidUpdate');
-	            // We could update instance props and state here,
+	            startPhaseTimer(finishedWork, 'componentDidUpdate'); // We could update instance props and state here,
 	            // but instead we rely on them being set during last render.
 	            // TODO: revisit this when we implement resuming.
+
 	            {
 	              if (finishedWork.type === finishedWork.elementType && !didWarnAboutReassigningProps) {
 	                !(instance.props === finishedWork.memoizedProps) ? warning$1(false, 'Expected %s props to match memoized props before ' + 'componentDidUpdate. ' + 'This might either be because of a bug in React, or because ' + 'a component reassigns its own `this.props`. ' + 'Please file an issue.', getComponentName(finishedWork.type) || 'instance') : void 0;
 	                !(instance.state === finishedWork.memoizedState) ? warning$1(false, 'Expected %s state to match memoized state before ' + 'componentDidUpdate. ' + 'This might either be because of a bug in React, or because ' + 'a component reassigns its own `this.props`. ' + 'Please file an issue.', getComponentName(finishedWork.type) || 'instance') : void 0;
 	              }
 	            }
+
 	            instance.componentDidUpdate(prevProps, prevState, instance.__reactInternalSnapshotBeforeUpdate);
 	            stopPhaseTimer();
 	          }
 	        }
+
 	        var updateQueue = finishedWork.updateQueue;
+
 	        if (updateQueue !== null) {
 	          {
 	            if (finishedWork.type === finishedWork.elementType && !didWarnAboutReassigningProps) {
 	              !(instance.props === finishedWork.memoizedProps) ? warning$1(false, 'Expected %s props to match memoized props before ' + 'processing the update queue. ' + 'This might either be because of a bug in React, or because ' + 'a component reassigns its own `this.props`. ' + 'Please file an issue.', getComponentName(finishedWork.type) || 'instance') : void 0;
 	              !(instance.state === finishedWork.memoizedState) ? warning$1(false, 'Expected %s state to match memoized state before ' + 'processing the update queue. ' + 'This might either be because of a bug in React, or because ' + 'a component reassigns its own `this.props`. ' + 'Please file an issue.', getComponentName(finishedWork.type) || 'instance') : void 0;
 	            }
-	          }
-	          // We could update instance props and state here,
+	          } // We could update instance props and state here,
 	          // but instead we rely on them being set during last render.
 	          // TODO: revisit this when we implement resuming.
+
+
 	          commitUpdateQueue(finishedWork, updateQueue, instance, committedExpirationTime);
 	        }
+
 	        return;
 	      }
+
 	    case HostRoot:
 	      {
 	        var _updateQueue = finishedWork.updateQueue;
+
 	        if (_updateQueue !== null) {
 	          var _instance = null;
+
 	          if (finishedWork.child !== null) {
 	            switch (finishedWork.child.tag) {
 	              case HostComponent:
 	                _instance = getPublicInstance(finishedWork.child.stateNode);
 	                break;
+
 	              case ClassComponent:
 	                _instance = finishedWork.child.stateNode;
 	                break;
 	            }
 	          }
+
 	          commitUpdateQueue(finishedWork, _updateQueue, _instance, committedExpirationTime);
 	        }
+
 	        return;
 	      }
+
 	    case HostComponent:
 	      {
-	        var _instance2 = finishedWork.stateNode;
-
-	        // Renderers may schedule work to be done after host components are mounted
+	        var _instance2 = finishedWork.stateNode; // Renderers may schedule work to be done after host components are mounted
 	        // (eg DOM renderer may schedule auto-focus for inputs and form controls).
 	        // These effects should only be committed when components are first mounted,
 	        // aka when there is no current/alternate.
+
 	        if (current$$1 === null && finishedWork.effectTag & Update) {
 	          var type = finishedWork.type;
 	          var props = finishedWork.memoizedProps;
@@ -21238,36 +26661,55 @@
 
 	        return;
 	      }
+
 	    case HostText:
 	      {
 	        // We have no life-cycles associated with text.
 	        return;
 	      }
+
 	    case HostPortal:
 	      {
 	        // We have no life-cycles associated with portals.
 	        return;
 	      }
+
 	    case Profiler:
 	      {
 	        if (enableProfilerTimer) {
 	          var onRender = finishedWork.memoizedProps.onRender;
 
-	          if (enableSchedulerTracing) {
-	            onRender(finishedWork.memoizedProps.id, current$$1 === null ? 'mount' : 'update', finishedWork.actualDuration, finishedWork.treeBaseDuration, finishedWork.actualStartTime, getCommitTime(), finishedRoot.memoizedInteractions);
-	          } else {
-	            onRender(finishedWork.memoizedProps.id, current$$1 === null ? 'mount' : 'update', finishedWork.actualDuration, finishedWork.treeBaseDuration, finishedWork.actualStartTime, getCommitTime());
+	          if (typeof onRender === 'function') {
+	            if (enableSchedulerTracing) {
+	              onRender(finishedWork.memoizedProps.id, current$$1 === null ? 'mount' : 'update', finishedWork.actualDuration, finishedWork.treeBaseDuration, finishedWork.actualStartTime, getCommitTime(), finishedRoot.memoizedInteractions);
+	            } else {
+	              onRender(finishedWork.memoizedProps.id, current$$1 === null ? 'mount' : 'update', finishedWork.actualDuration, finishedWork.treeBaseDuration, finishedWork.actualStartTime, getCommitTime());
+	            }
 	          }
 	        }
+
 	        return;
 	      }
+
 	    case SuspenseComponent:
-	      break;
+	      {
+	        commitSuspenseHydrationCallbacks(finishedRoot, finishedWork);
+	        return;
+	      }
+
+	    case SuspenseListComponent:
 	    case IncompleteClassComponent:
-	      break;
+	    case FundamentalComponent:
+	    case ScopeComponent:
+	      return;
+
 	    default:
 	      {
-	        invariant(false, 'This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.');
+	        {
+	          {
+	            throw Error("This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.");
+	          }
+	        }
 	      }
 	  }
 	}
@@ -21275,10 +26717,13 @@
 	function hideOrUnhideAllChildren(finishedWork, isHidden) {
 	  if (supportsMutation) {
 	    // We only have the top Fiber that was inserted but we need to recurse down its
+	    // children to find all the terminal nodes.
 	    var node = finishedWork;
+
 	    while (true) {
 	      if (node.tag === HostComponent) {
 	        var instance = node.stateNode;
+
 	        if (isHidden) {
 	          hideInstance(instance);
 	        } else {
@@ -21286,13 +26731,15 @@
 	        }
 	      } else if (node.tag === HostText) {
 	        var _instance3 = node.stateNode;
+
 	        if (isHidden) {
 	          hideTextInstance(_instance3);
 	        } else {
 	          unhideTextInstance(_instance3, node.memoizedProps);
 	        }
-	      } else if (node.tag === SuspenseComponent && node.memoizedState !== null) {
+	      } else if (node.tag === SuspenseComponent && node.memoizedState !== null && node.memoizedState.dehydrated === null) {
 	        // Found a nested Suspense component that timed out. Skip over the
+	        // primary child fragment, which should remain hidden.
 	        var fallbackChildFragment = node.child.sibling;
 	        fallbackChildFragment.return = node;
 	        node = fallbackChildFragment;
@@ -21302,15 +26749,19 @@
 	        node = node.child;
 	        continue;
 	      }
+
 	      if (node === finishedWork) {
 	        return;
 	      }
+
 	      while (node.sibling === null) {
 	        if (node.return === null || node.return === finishedWork) {
 	          return;
 	        }
+
 	        node = node.return;
 	      }
+
 	      node.sibling.return = node.return;
 	      node = node.sibling;
 	    }
@@ -21319,16 +26770,25 @@
 
 	function commitAttachRef(finishedWork) {
 	  var ref = finishedWork.ref;
+
 	  if (ref !== null) {
 	    var instance = finishedWork.stateNode;
-	    var instanceToUse = void 0;
+	    var instanceToUse;
+
 	    switch (finishedWork.tag) {
 	      case HostComponent:
 	        instanceToUse = getPublicInstance(instance);
 	        break;
+
 	      default:
 	        instanceToUse = instance;
+	    } // Moved outside to ensure DCE works with this flag
+
+
+	    if (enableScopeAPI && finishedWork.tag === ScopeComponent) {
+	      instanceToUse = instance.methods;
 	    }
+
 	    if (typeof ref === 'function') {
 	      ref(instanceToUse);
 	    } else {
@@ -21345,6 +26805,7 @@
 
 	function commitDetachRef(current$$1) {
 	  var currentRef = current$$1.ref;
+
 	  if (currentRef !== null) {
 	    if (typeof currentRef === 'function') {
 	      currentRef(null);
@@ -21352,12 +26813,12 @@
 	      currentRef.current = null;
 	    }
 	  }
-	}
-
-	// User-originating errors (lifecycles and refs) should not interrupt
+	} // User-originating errors (lifecycles and refs) should not interrupt
 	// deletion, so don't let them throw. Host-originating errors should
 	// interrupt deletion, so it's okay
-	function commitUnmount(current$$1) {
+
+
+	function commitUnmount(finishedRoot, current$$1, renderPriorityLevel) {
 	  onCommitUnmount(current$$1);
 
 	  switch (current$$1.tag) {
@@ -21367,99 +26828,192 @@
 	    case SimpleMemoComponent:
 	      {
 	        var updateQueue = current$$1.updateQueue;
+
 	        if (updateQueue !== null) {
 	          var lastEffect = updateQueue.lastEffect;
+
 	          if (lastEffect !== null) {
-	            var firstEffect = lastEffect.next;
-	            var effect = firstEffect;
-	            do {
-	              var destroy = effect.destroy;
-	              if (destroy !== undefined) {
-	                safelyCallDestroy(current$$1, destroy);
-	              }
-	              effect = effect.next;
-	            } while (effect !== firstEffect);
+	            var firstEffect = lastEffect.next; // When the owner fiber is deleted, the destroy function of a passive
+	            // effect hook is called during the synchronous commit phase. This is
+	            // a concession to implementation complexity. Calling it in the
+	            // passive effect phase (like they usually are, when dependencies
+	            // change during an update) would require either traversing the
+	            // children of the deleted fiber again, or including unmount effects
+	            // as part of the fiber effect list.
+	            //
+	            // Because this is during the sync commit phase, we need to change
+	            // the priority.
+	            //
+	            // TODO: Reconsider this implementation trade off.
+
+	            var priorityLevel = renderPriorityLevel > NormalPriority ? NormalPriority : renderPriorityLevel;
+	            runWithPriority$2(priorityLevel, function () {
+	              var effect = firstEffect;
+
+	              do {
+	                var destroy = effect.destroy;
+
+	                if (destroy !== undefined) {
+	                  safelyCallDestroy(current$$1, destroy);
+	                }
+
+	                effect = effect.next;
+	              } while (effect !== firstEffect);
+	            });
 	          }
 	        }
+
 	        break;
 	      }
+
 	    case ClassComponent:
 	      {
 	        safelyDetachRef(current$$1);
 	        var instance = current$$1.stateNode;
+
 	        if (typeof instance.componentWillUnmount === 'function') {
 	          safelyCallComponentWillUnmount(current$$1, instance);
 	        }
+
 	        return;
 	      }
+
 	    case HostComponent:
 	      {
+	        if (enableFlareAPI) {
+	          var dependencies = current$$1.dependencies;
+
+	          if (dependencies !== null) {
+	            var respondersMap = dependencies.responders;
+
+	            if (respondersMap !== null) {
+	              var responderInstances = Array.from(respondersMap.values());
+
+	              for (var i = 0, length = responderInstances.length; i < length; i++) {
+	                var responderInstance = responderInstances[i];
+	                unmountResponderInstance(responderInstance);
+	              }
+
+	              dependencies.responders = null;
+	            }
+	          }
+	        }
+
 	        safelyDetachRef(current$$1);
 	        return;
 	      }
+
 	    case HostPortal:
 	      {
 	        // TODO: this is recursive.
 	        // We are also not using this parent because
 	        // the portal will get pushed immediately.
 	        if (supportsMutation) {
-	          unmountHostComponents(current$$1);
+	          unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel);
 	        } else if (supportsPersistence) {
 	          emptyPortalContainer(current$$1);
 	        }
+
+	        return;
+	      }
+
+	    case FundamentalComponent:
+	      {
+	        if (enableFundamentalAPI) {
+	          var fundamentalInstance = current$$1.stateNode;
+
+	          if (fundamentalInstance !== null) {
+	            unmountFundamentalComponent(fundamentalInstance);
+	            current$$1.stateNode = null;
+	          }
+	        }
+
+	        return;
+	      }
+
+	    case DehydratedFragment:
+	      {
+	        if (enableSuspenseCallback) {
+	          var hydrationCallbacks = finishedRoot.hydrationCallbacks;
+
+	          if (hydrationCallbacks !== null) {
+	            var onDeleted = hydrationCallbacks.onDeleted;
+
+	            if (onDeleted) {
+	              onDeleted(current$$1.stateNode);
+	            }
+	          }
+	        }
+
 	        return;
 	      }
+
+	    case ScopeComponent:
+	      {
+	        if (enableScopeAPI) {
+	          safelyDetachRef(current$$1);
+	        }
+	      }
 	  }
 	}
 
-	function commitNestedUnmounts(root) {
+	function commitNestedUnmounts(finishedRoot, root, renderPriorityLevel) {
 	  // While we're inside a removed host node we don't want to call
 	  // removeChild on the inner nodes because they're removed by the top
 	  // call anyway. We also want to call componentWillUnmount on all
 	  // composites before this host node is removed from the tree. Therefore
+	  // we do an inner loop while we're still inside the host node.
 	  var node = root;
+
 	  while (true) {
-	    commitUnmount(node);
-	    // Visit children because they may contain more composite or host nodes.
+	    commitUnmount(finishedRoot, node, renderPriorityLevel); // Visit children because they may contain more composite or host nodes.
 	    // Skip portals because commitUnmount() currently visits them recursively.
-	    if (node.child !== null && (
-	    // If we use mutation we drill down into portals using commitUnmount above.
+
+	    if (node.child !== null && ( // If we use mutation we drill down into portals using commitUnmount above.
 	    // If we don't use mutation we drill down into portals here instead.
 	    !supportsMutation || node.tag !== HostPortal)) {
 	      node.child.return = node;
 	      node = node.child;
 	      continue;
 	    }
+
 	    if (node === root) {
 	      return;
 	    }
+
 	    while (node.sibling === null) {
 	      if (node.return === null || node.return === root) {
 	        return;
 	      }
+
 	      node = node.return;
 	    }
+
 	    node.sibling.return = node.return;
 	    node = node.sibling;
 	  }
 	}
 
 	function detachFiber(current$$1) {
-	  // Cut off the return pointers to disconnect it from the tree. Ideally, we
+	  var alternate = current$$1.alternate; // Cut off the return pointers to disconnect it from the tree. Ideally, we
 	  // should clear the child pointer of the parent alternate to let this
 	  // get GC:ed but we don't know which for sure which parent is the current
 	  // one so we'll settle for GC:ing the subtree of this child. This child
 	  // itself will be GC:ed when the parent updates the next time.
+
 	  current$$1.return = null;
 	  current$$1.child = null;
 	  current$$1.memoizedState = null;
 	  current$$1.updateQueue = null;
-	  var alternate = current$$1.alternate;
+	  current$$1.dependencies = null;
+	  current$$1.alternate = null;
+	  current$$1.firstEffect = null;
+	  current$$1.lastEffect = null;
+	  current$$1.pendingProps = null;
+	  current$$1.memoizedProps = null;
+
 	  if (alternate !== null) {
-	    alternate.return = null;
-	    alternate.child = null;
-	    alternate.memoizedState = null;
-	    alternate.updateQueue = null;
+	    detachFiber(alternate);
 	  }
 	}
 
@@ -21470,7 +27024,6 @@
 
 	  var portal = current$$1.stateNode;
 	  var containerInfo = portal.containerInfo;
-
 	  var emptyChildSet = createContainerChildSet(containerInfo);
 	  replaceContainerChildren(containerInfo, emptyChildSet);
 	}
@@ -21482,43 +27035,50 @@
 
 	  switch (finishedWork.tag) {
 	    case ClassComponent:
-	      {
-	        return;
-	      }
 	    case HostComponent:
-	      {
-	        return;
-	      }
 	    case HostText:
+	    case FundamentalComponent:
 	      {
 	        return;
 	      }
+
 	    case HostRoot:
 	    case HostPortal:
 	      {
 	        var portalOrRoot = finishedWork.stateNode;
 	        var containerInfo = portalOrRoot.containerInfo,
-	            _pendingChildren = portalOrRoot.pendingChildren;
-
-	        replaceContainerChildren(containerInfo, _pendingChildren);
+	            pendingChildren = portalOrRoot.pendingChildren;
+	        replaceContainerChildren(containerInfo, pendingChildren);
 	        return;
 	      }
+
 	    default:
 	      {
-	        invariant(false, 'This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.');
+	        {
+	          {
+	            throw Error("This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.");
+	          }
+	        }
 	      }
 	  }
 	}
 
 	function getHostParentFiber(fiber) {
 	  var parent = fiber.return;
+
 	  while (parent !== null) {
 	    if (isHostParent(parent)) {
 	      return parent;
 	    }
+
 	    parent = parent.return;
 	  }
-	  invariant(false, 'Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue.');
+
+	  {
+	    {
+	      throw Error("Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue.");
+	    }
+	  }
 	}
 
 	function isHostParent(fiber) {
@@ -21529,7 +27089,9 @@
 	  // We're going to search forward into the tree until we find a sibling host
 	  // node. Unfortunately, if multiple insertions are done in a row we have to
 	  // search past them. This leads to exponential search for the next sibling.
+	  // TODO: Find a more efficient way to do this.
 	  var node = fiber;
+
 	  siblings: while (true) {
 	    // If we didn't find anything, let's try the next sibling.
 	    while (node.sibling === null) {
@@ -21538,27 +27100,32 @@
 	        // last sibling.
 	        return null;
 	      }
+
 	      node = node.return;
 	    }
+
 	    node.sibling.return = node.return;
 	    node = node.sibling;
-	    while (node.tag !== HostComponent && node.tag !== HostText && node.tag !== DehydratedSuspenseComponent) {
+
+	    while (node.tag !== HostComponent && node.tag !== HostText && node.tag !== DehydratedFragment) {
 	      // If it is not host node and, we might have a host node inside it.
 	      // Try to search down until we find one.
 	      if (node.effectTag & Placement) {
 	        // If we don't have a child, try the siblings instead.
 	        continue siblings;
-	      }
-	      // If we don't have a child, try the siblings instead.
+	      } // If we don't have a child, try the siblings instead.
 	      // We also skip portals because they are not part of this host tree.
+
+
 	      if (node.child === null || node.tag === HostPortal) {
 	        continue siblings;
 	      } else {
 	        node.child.return = node;
 	        node = node.child;
 	      }
-	    }
-	    // Check if this host node is stable or about to be placed.
+	    } // Check if this host node is stable or about to be placed.
+
+
 	    if (!(node.effectTag & Placement)) {
 	      // Found it!
 	      return node.stateNode;
@@ -21569,59 +27136,80 @@
 	function commitPlacement(finishedWork) {
 	  if (!supportsMutation) {
 	    return;
-	  }
+	  } // Recursively insert all host nodes into the parent.
 
-	  // Recursively insert all host nodes into the parent.
-	  var parentFiber = getHostParentFiber(finishedWork);
 
-	  // Note: these two variables *must* always be updated together.
-	  var parent = void 0;
-	  var isContainer = void 0;
+	  var parentFiber = getHostParentFiber(finishedWork); // Note: these two variables *must* always be updated together.
+
+	  var parent;
+	  var isContainer;
+	  var parentStateNode = parentFiber.stateNode;
 
 	  switch (parentFiber.tag) {
 	    case HostComponent:
-	      parent = parentFiber.stateNode;
+	      parent = parentStateNode;
 	      isContainer = false;
 	      break;
+
 	    case HostRoot:
-	      parent = parentFiber.stateNode.containerInfo;
+	      parent = parentStateNode.containerInfo;
 	      isContainer = true;
 	      break;
+
 	    case HostPortal:
-	      parent = parentFiber.stateNode.containerInfo;
+	      parent = parentStateNode.containerInfo;
 	      isContainer = true;
 	      break;
+
+	    case FundamentalComponent:
+	      if (enableFundamentalAPI) {
+	        parent = parentStateNode.instance;
+	        isContainer = false;
+	      }
+
+	    // eslint-disable-next-line-no-fallthrough
+
 	    default:
-	      invariant(false, 'Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue.');
+	      {
+	        {
+	          throw Error("Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue.");
+	        }
+	      }
+
 	  }
+
 	  if (parentFiber.effectTag & ContentReset) {
 	    // Reset the text content of the parent before doing any insertions
-	    resetTextContent(parent);
-	    // Clear ContentReset from the effect tag
+	    resetTextContent(parent); // Clear ContentReset from the effect tag
+
 	    parentFiber.effectTag &= ~ContentReset;
 	  }
 
-	  var before = getHostSibling(finishedWork);
-	  // We only have the top Fiber that was inserted but we need to recurse down its
+	  var before = getHostSibling(finishedWork); // We only have the top Fiber that was inserted but we need to recurse down its
 	  // children to find all the terminal nodes.
+
 	  var node = finishedWork;
+
 	  while (true) {
-	    if (node.tag === HostComponent || node.tag === HostText) {
+	    var isHost = node.tag === HostComponent || node.tag === HostText;
+
+	    if (isHost || enableFundamentalAPI && node.tag === FundamentalComponent) {
+	      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
+
 	      if (before) {
 	        if (isContainer) {
-	          insertInContainerBefore(parent, node.stateNode, before);
+	          insertInContainerBefore(parent, stateNode, before);
 	        } else {
-	          insertBefore(parent, node.stateNode, before);
+	          insertBefore(parent, stateNode, before);
 	        }
 	      } else {
 	        if (isContainer) {
-	          appendChildToContainer(parent, node.stateNode);
+	          appendChildToContainer(parent, stateNode);
 	        } else {
-	          appendChild(parent, node.stateNode);
+	          appendChild(parent, stateNode);
 	        }
 	      }
-	    } else if (node.tag === HostPortal) {
-	      // If the insertion itself is a portal, then we don't want to traverse
+	    } else if (node.tag === HostPortal) {// If the insertion itself is a portal, then we don't want to traverse
 	      // down its children. Instead, we'll get insertions from each child in
 	      // the portal directly.
 	    } else if (node.child !== null) {
@@ -21629,68 +27217,112 @@
 	      node = node.child;
 	      continue;
 	    }
+
 	    if (node === finishedWork) {
 	      return;
 	    }
+
 	    while (node.sibling === null) {
 	      if (node.return === null || node.return === finishedWork) {
 	        return;
 	      }
+
 	      node = node.return;
 	    }
+
 	    node.sibling.return = node.return;
 	    node = node.sibling;
 	  }
 	}
 
-	function unmountHostComponents(current$$1) {
+	function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
 	  // We only have the top Fiber that was deleted but we need to recurse down its
-	  var node = current$$1;
-
-	  // Each iteration, currentParent is populated with node's host parent if not
+	  // children to find all the terminal nodes.
+	  var node = current$$1; // Each iteration, currentParent is populated with node's host parent if not
 	  // currentParentIsValid.
-	  var currentParentIsValid = false;
 
-	  // Note: these two variables *must* always be updated together.
-	  var currentParent = void 0;
-	  var currentParentIsContainer = void 0;
+	  var currentParentIsValid = false; // Note: these two variables *must* always be updated together.
+
+	  var currentParent;
+	  var currentParentIsContainer;
 
 	  while (true) {
 	    if (!currentParentIsValid) {
 	      var parent = node.return;
+
 	      findParent: while (true) {
-	        !(parent !== null) ? invariant(false, 'Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue.') : void 0;
+	        if (!(parent !== null)) {
+	          {
+	            throw Error("Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue.");
+	          }
+	        }
+
+	        var parentStateNode = parent.stateNode;
+
 	        switch (parent.tag) {
 	          case HostComponent:
-	            currentParent = parent.stateNode;
+	            currentParent = parentStateNode;
 	            currentParentIsContainer = false;
 	            break findParent;
+
 	          case HostRoot:
-	            currentParent = parent.stateNode.containerInfo;
+	            currentParent = parentStateNode.containerInfo;
 	            currentParentIsContainer = true;
 	            break findParent;
+
 	          case HostPortal:
-	            currentParent = parent.stateNode.containerInfo;
+	            currentParent = parentStateNode.containerInfo;
 	            currentParentIsContainer = true;
 	            break findParent;
+
+	          case FundamentalComponent:
+	            if (enableFundamentalAPI) {
+	              currentParent = parentStateNode.instance;
+	              currentParentIsContainer = false;
+	            }
+
 	        }
+
 	        parent = parent.return;
 	      }
+
 	      currentParentIsValid = true;
 	    }
 
 	    if (node.tag === HostComponent || node.tag === HostText) {
-	      commitNestedUnmounts(node);
-	      // After all the children have unmounted, it is now safe to remove the
+	      commitNestedUnmounts(finishedRoot, node, renderPriorityLevel); // After all the children have unmounted, it is now safe to remove the
 	      // node from the tree.
+
 	      if (currentParentIsContainer) {
 	        removeChildFromContainer(currentParent, node.stateNode);
 	      } else {
 	        removeChild(currentParent, node.stateNode);
+	      } // Don't visit children because we already visited them.
+
+	    } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
+	      var fundamentalNode = node.stateNode.instance;
+	      commitNestedUnmounts(finishedRoot, node, renderPriorityLevel); // After all the children have unmounted, it is now safe to remove the
+	      // node from the tree.
+
+	      if (currentParentIsContainer) {
+	        removeChildFromContainer(currentParent, fundamentalNode);
+	      } else {
+	        removeChild(currentParent, fundamentalNode);
 	      }
-	      // Don't visit children because we already visited them.
-	    } else if (enableSuspenseServerRenderer && node.tag === DehydratedSuspenseComponent) {
-	      // Delete the dehydrated suspense boundary and all of its content.
+	    } else if (enableSuspenseServerRenderer && node.tag === DehydratedFragment) {
+	      if (enableSuspenseCallback) {
+	        var hydrationCallbacks = finishedRoot.hydrationCallbacks;
+
+	        if (hydrationCallbacks !== null) {
+	          var onDeleted = hydrationCallbacks.onDeleted;
+
+	          if (onDeleted) {
+	            onDeleted(node.stateNode);
+	          }
+	        }
+	      } // Delete the dehydrated suspense boundary and all of its content.
+
+
 	      if (currentParentIsContainer) {
 	        clearSuspenseBoundaryFromContainer(currentParent, node.stateNode);
 	      } else {
@@ -21701,49 +27333,55 @@
 	        // When we go into a portal, it becomes the parent to remove from.
 	        // We will reassign it back when we pop the portal on the way up.
 	        currentParent = node.stateNode.containerInfo;
-	        currentParentIsContainer = true;
-	        // Visit children because portals might contain host components.
+	        currentParentIsContainer = true; // Visit children because portals might contain host components.
+
 	        node.child.return = node;
 	        node = node.child;
 	        continue;
 	      }
 	    } else {
-	      commitUnmount(node);
-	      // Visit children because we may find more host components below.
+	      commitUnmount(finishedRoot, node, renderPriorityLevel); // Visit children because we may find more host components below.
+
 	      if (node.child !== null) {
 	        node.child.return = node;
 	        node = node.child;
 	        continue;
 	      }
 	    }
+
 	    if (node === current$$1) {
 	      return;
 	    }
+
 	    while (node.sibling === null) {
 	      if (node.return === null || node.return === current$$1) {
 	        return;
 	      }
+
 	      node = node.return;
+
 	      if (node.tag === HostPortal) {
 	        // When we go out of the portal, we need to restore the parent.
 	        // Since we don't keep a stack of them, we will search for it.
 	        currentParentIsValid = false;
 	      }
 	    }
+
 	    node.sibling.return = node.return;
 	    node = node.sibling;
 	  }
 	}
 
-	function commitDeletion(current$$1) {
+	function commitDeletion(finishedRoot, current$$1, renderPriorityLevel) {
 	  if (supportsMutation) {
 	    // Recursively delete all host nodes from the parent.
 	    // Detach refs and call componentWillUnmount() on the whole subtree.
-	    unmountHostComponents(current$$1);
+	    unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel);
 	  } else {
 	    // Detach refs and call componentWillUnmount() on the whole subtree.
-	    commitNestedUnmounts(current$$1);
+	    commitNestedUnmounts(finishedRoot, current$$1, renderPriorityLevel);
 	  }
+
 	  detachFiber(current$$1);
 	}
 
@@ -21760,6 +27398,39 @@
 	          commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
 	          return;
 	        }
+
+	      case Profiler:
+	        {
+	          return;
+	        }
+
+	      case SuspenseComponent:
+	        {
+	          commitSuspenseComponent(finishedWork);
+	          attachSuspenseRetryListeners(finishedWork);
+	          return;
+	        }
+
+	      case SuspenseListComponent:
+	        {
+	          attachSuspenseRetryListeners(finishedWork);
+	          return;
+	        }
+
+	      case HostRoot:
+	        {
+	          if (supportsHydration) {
+	            var root = finishedWork.stateNode;
+
+	            if (root.hydrate) {
+	              // We've just hydrated. No need to hydrate again.
+	              root.hydrate = false;
+	              commitHydratedContainer(root.containerInfo);
+	            }
+	          }
+
+	          break;
+	        }
 	    }
 
 	    commitContainer(finishedWork);
@@ -21777,106 +27448,244 @@
 	        commitHookEffectList(UnmountMutation, MountMutation, finishedWork);
 	        return;
 	      }
+
 	    case ClassComponent:
 	      {
 	        return;
 	      }
+
 	    case HostComponent:
 	      {
 	        var instance = finishedWork.stateNode;
+
 	        if (instance != null) {
 	          // Commit the work prepared earlier.
-	          var newProps = finishedWork.memoizedProps;
-	          // For hydration we reuse the update path but we treat the oldProps
+	          var newProps = finishedWork.memoizedProps; // For hydration we reuse the update path but we treat the oldProps
 	          // as the newProps. The updatePayload will contain the real change in
 	          // this case.
+
 	          var oldProps = current$$1 !== null ? current$$1.memoizedProps : newProps;
-	          var type = finishedWork.type;
-	          // TODO: Type the updateQueue to be specific to host components.
+	          var type = finishedWork.type; // TODO: Type the updateQueue to be specific to host components.
+
 	          var updatePayload = finishedWork.updateQueue;
 	          finishedWork.updateQueue = null;
+
 	          if (updatePayload !== null) {
 	            commitUpdate(instance, updatePayload, type, oldProps, newProps, finishedWork);
 	          }
+
+	          if (enableFlareAPI) {
+	            var prevListeners = oldProps.listeners;
+	            var nextListeners = newProps.listeners;
+
+	            if (prevListeners !== nextListeners) {
+	              updateEventListeners(nextListeners, finishedWork, null);
+	            }
+	          }
 	        }
+
 	        return;
 	      }
+
 	    case HostText:
 	      {
-	        !(finishedWork.stateNode !== null) ? invariant(false, 'This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue.') : void 0;
+	        if (!(finishedWork.stateNode !== null)) {
+	          {
+	            throw Error("This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue.");
+	          }
+	        }
+
 	        var textInstance = finishedWork.stateNode;
-	        var newText = finishedWork.memoizedProps;
-	        // For hydration we reuse the update path but we treat the oldProps
+	        var newText = finishedWork.memoizedProps; // For hydration we reuse the update path but we treat the oldProps
 	        // as the newProps. The updatePayload will contain the real change in
 	        // this case.
+
 	        var oldText = current$$1 !== null ? current$$1.memoizedProps : newText;
 	        commitTextUpdate(textInstance, oldText, newText);
 	        return;
 	      }
+
 	    case HostRoot:
 	      {
+	        if (supportsHydration) {
+	          var _root = finishedWork.stateNode;
+
+	          if (_root.hydrate) {
+	            // We've just hydrated. No need to hydrate again.
+	            _root.hydrate = false;
+	            commitHydratedContainer(_root.containerInfo);
+	          }
+	        }
+
 	        return;
 	      }
+
 	    case Profiler:
 	      {
 	        return;
 	      }
+
 	    case SuspenseComponent:
 	      {
-	        var newState = finishedWork.memoizedState;
+	        commitSuspenseComponent(finishedWork);
+	        attachSuspenseRetryListeners(finishedWork);
+	        return;
+	      }
 
-	        var newDidTimeout = void 0;
-	        var primaryChildParent = finishedWork;
-	        if (newState === null) {
-	          newDidTimeout = false;
-	        } else {
-	          newDidTimeout = true;
-	          primaryChildParent = finishedWork.child;
-	          if (newState.timedOutAt === NoWork) {
-	            // If the children had not already timed out, record the time.
-	            // This is used to compute the elapsed time during subsequent
-	            // attempts to render the children.
-	            newState.timedOutAt = requestCurrentTime();
-	          }
-	        }
+	    case SuspenseListComponent:
+	      {
+	        attachSuspenseRetryListeners(finishedWork);
+	        return;
+	      }
 
-	        if (primaryChildParent !== null) {
-	          hideOrUnhideAllChildren(primaryChildParent, newDidTimeout);
-	        }
+	    case IncompleteClassComponent:
+	      {
+	        return;
+	      }
 
-	        // If this boundary just timed out, then it will have a set of thenables.
-	        // For each thenable, attach a listener so that when it resolves, React
-	        // attempts to re-render the boundary in the primary (pre-timeout) state.
-	        var thenables = finishedWork.updateQueue;
-	        if (thenables !== null) {
-	          finishedWork.updateQueue = null;
-	          var retryCache = finishedWork.stateNode;
-	          if (retryCache === null) {
-	            retryCache = finishedWork.stateNode = new PossiblyWeakSet$1();
-	          }
-	          thenables.forEach(function (thenable) {
-	            // Memoize using the boundary fiber to prevent redundant listeners.
-	            var retry = retryTimedOutBoundary.bind(null, finishedWork, thenable);
-	            if (enableSchedulerTracing) {
-	              retry = tracing.unstable_wrap(retry);
-	            }
-	            if (!retryCache.has(thenable)) {
-	              retryCache.add(thenable);
-	              thenable.then(retry, retry);
-	            }
-	          });
+	    case FundamentalComponent:
+	      {
+	        if (enableFundamentalAPI) {
+	          var fundamentalInstance = finishedWork.stateNode;
+	          updateFundamentalComponent(fundamentalInstance);
 	        }
 
 	        return;
 	      }
-	    case IncompleteClassComponent:
+
+	    case ScopeComponent:
 	      {
+	        if (enableScopeAPI) {
+	          var scopeInstance = finishedWork.stateNode;
+	          scopeInstance.fiber = finishedWork;
+
+	          if (enableFlareAPI) {
+	            var _newProps = finishedWork.memoizedProps;
+
+	            var _oldProps = current$$1 !== null ? current$$1.memoizedProps : _newProps;
+
+	            var _prevListeners = _oldProps.listeners;
+	            var _nextListeners = _newProps.listeners;
+
+	            if (_prevListeners !== _nextListeners) {
+	              updateEventListeners(_nextListeners, finishedWork, null);
+	            }
+	          }
+	        }
+
 	        return;
 	      }
+
 	    default:
 	      {
-	        invariant(false, 'This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.');
+	        {
+	          {
+	            throw Error("This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.");
+	          }
+	        }
+	      }
+	  }
+	}
+
+	function commitSuspenseComponent(finishedWork) {
+	  var newState = finishedWork.memoizedState;
+	  var newDidTimeout;
+	  var primaryChildParent = finishedWork;
+
+	  if (newState === null) {
+	    newDidTimeout = false;
+	  } else {
+	    newDidTimeout = true;
+	    primaryChildParent = finishedWork.child;
+	    markCommitTimeOfFallback();
+	  }
+
+	  if (supportsMutation && primaryChildParent !== null) {
+	    hideOrUnhideAllChildren(primaryChildParent, newDidTimeout);
+	  }
+
+	  if (enableSuspenseCallback && newState !== null) {
+	    var suspenseCallback = finishedWork.memoizedProps.suspenseCallback;
+
+	    if (typeof suspenseCallback === 'function') {
+	      var thenables = finishedWork.updateQueue;
+
+	      if (thenables !== null) {
+	        suspenseCallback(new Set(thenables));
+	      }
+	    } else {
+	      if (suspenseCallback !== undefined) {
+	        warning$1(false, 'Unexpected type for suspenseCallback.');
+	      }
+	    }
+	  }
+	}
+
+	function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) {
+	  if (!supportsHydration) {
+	    return;
+	  }
+
+	  var newState = finishedWork.memoizedState;
+
+	  if (newState === null) {
+	    var current$$1 = finishedWork.alternate;
+
+	    if (current$$1 !== null) {
+	      var prevState = current$$1.memoizedState;
+
+	      if (prevState !== null) {
+	        var suspenseInstance = prevState.dehydrated;
+
+	        if (suspenseInstance !== null) {
+	          commitHydratedSuspenseInstance(suspenseInstance);
+
+	          if (enableSuspenseCallback) {
+	            var hydrationCallbacks = finishedRoot.hydrationCallbacks;
+
+	            if (hydrationCallbacks !== null) {
+	              var onHydrated = hydrationCallbacks.onHydrated;
+
+	              if (onHydrated) {
+	                onHydrated(suspenseInstance);
+	              }
+	            }
+	          }
+	        }
+	      }
+	    }
+	  }
+	}
+
+	function attachSuspenseRetryListeners(finishedWork) {
+	  // If this boundary just timed out, then it will have a set of thenables.
+	  // For each thenable, attach a listener so that when it resolves, React
+	  // attempts to re-render the boundary in the primary (pre-timeout) state.
+	  var thenables = finishedWork.updateQueue;
+
+	  if (thenables !== null) {
+	    finishedWork.updateQueue = null;
+	    var retryCache = finishedWork.stateNode;
+
+	    if (retryCache === null) {
+	      retryCache = finishedWork.stateNode = new PossiblyWeakSet();
+	    }
+
+	    thenables.forEach(function (thenable) {
+	      // Memoize using the boundary fiber to prevent redundant listeners.
+	      var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
+
+	      if (!retryCache.has(thenable)) {
+	        if (enableSchedulerTracing) {
+	          if (thenable.__reactDoNotTraceInteractions !== true) {
+	            retry = tracing.unstable_wrap(retry);
+	          }
+	        }
+
+	        retryCache.add(thenable);
+	        thenable.then(retry, retry);
 	      }
+	    });
 	  }
 	}
 
@@ -21884,55 +27693,70 @@
 	  if (!supportsMutation) {
 	    return;
 	  }
+
 	  resetTextContent(current$$1.stateNode);
 	}
 
-	var PossiblyWeakSet = typeof WeakSet === 'function' ? WeakSet : Set;
-	var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+	var PossiblyWeakMap$1 = typeof WeakMap === 'function' ? WeakMap : Map;
 
 	function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
-	  var update = createUpdate(expirationTime);
-	  // Unmount the root by rendering null.
-	  update.tag = CaptureUpdate;
-	  // Caution: React DevTools currently depends on this property
+	  var update = createUpdate(expirationTime, null); // Unmount the root by rendering null.
+
+	  update.tag = CaptureUpdate; // Caution: React DevTools currently depends on this property
 	  // being called "element".
-	  update.payload = { element: null };
+
+	  update.payload = {
+	    element: null
+	  };
 	  var error = errorInfo.value;
+
 	  update.callback = function () {
 	    onUncaughtError(error);
 	    logError(fiber, errorInfo);
 	  };
+
 	  return update;
 	}
 
 	function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
-	  var update = createUpdate(expirationTime);
+	  var update = createUpdate(expirationTime, null);
 	  update.tag = CaptureUpdate;
 	  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
+
 	  if (typeof getDerivedStateFromError === 'function') {
 	    var error = errorInfo.value;
+
 	    update.payload = function () {
+	      logError(fiber, errorInfo);
 	      return getDerivedStateFromError(error);
 	    };
 	  }
 
 	  var inst = fiber.stateNode;
+
 	  if (inst !== null && typeof inst.componentDidCatch === 'function') {
 	    update.callback = function callback() {
+	      {
+	        markFailedErrorBoundaryForHotReloading(fiber);
+	      }
+
 	      if (typeof getDerivedStateFromError !== 'function') {
 	        // To preserve the preexisting retry behavior of error boundaries,
 	        // we keep track of which ones already failed during this batch.
 	        // This gets reset before we yield back to the browser.
 	        // TODO: Warn in strict mode if getDerivedStateFromError is
 	        // not defined.
-	        markLegacyErrorBoundaryAsFailed(this);
+	        markLegacyErrorBoundaryAsFailed(this); // Only log here if componentDidCatch is the only error boundary method defined
+
+	        logError(fiber, errorInfo);
 	      }
+
 	      var error = errorInfo.value;
 	      var stack = errorInfo.stack;
-	      logError(fiber, errorInfo);
 	      this.componentDidCatch(error, {
 	        componentStack: stack !== null ? stack : ''
 	      });
+
 	      {
 	        if (typeof getDerivedStateFromError !== 'function') {
 	          // If componentDidCatch is the only error boundary method defined,
@@ -21942,7 +27766,12 @@
 	        }
 	      }
 	    };
+	  } else {
+	    update.callback = function () {
+	      markFailedErrorBoundaryForHotReloading(fiber);
+	    };
 	  }
+
 	  return update;
 	}
 
@@ -21951,110 +27780,76 @@
 	  // only if one does not already exist for the current render expiration
 	  // time (which acts like a "thread ID" here).
 	  var pingCache = root.pingCache;
-	  var threadIDs = void 0;
+	  var threadIDs;
+
 	  if (pingCache === null) {
-	    pingCache = root.pingCache = new PossiblyWeakMap();
+	    pingCache = root.pingCache = new PossiblyWeakMap$1();
 	    threadIDs = new Set();
 	    pingCache.set(thenable, threadIDs);
 	  } else {
 	    threadIDs = pingCache.get(thenable);
+
 	    if (threadIDs === undefined) {
 	      threadIDs = new Set();
 	      pingCache.set(thenable, threadIDs);
 	    }
 	  }
+
 	  if (!threadIDs.has(renderExpirationTime)) {
 	    // Memoize using the thread ID to prevent redundant listeners.
 	    threadIDs.add(renderExpirationTime);
 	    var ping = pingSuspendedRoot.bind(null, root, thenable, renderExpirationTime);
-	    if (enableSchedulerTracing) {
-	      ping = tracing.unstable_wrap(ping);
-	    }
 	    thenable.then(ping, ping);
 	  }
 	}
 
 	function throwException(root, returnFiber, sourceFiber, value, renderExpirationTime) {
 	  // The source fiber did not complete.
-	  sourceFiber.effectTag |= Incomplete;
-	  // Its effect list is no longer valid.
+	  sourceFiber.effectTag |= Incomplete; // Its effect list is no longer valid.
+
 	  sourceFiber.firstEffect = sourceFiber.lastEffect = null;
 
 	  if (value !== null && typeof value === 'object' && typeof value.then === 'function') {
 	    // This is a thenable.
 	    var thenable = value;
+	    checkForWrongSuspensePriorityInDEV(sourceFiber);
+	    var hasInvisibleParentBoundary = hasSuspenseContext(suspenseStackCursor.current, InvisibleParentSuspenseContext); // Schedule the nearest Suspense to re-render the timed out view.
 
-	    // Find the earliest timeout threshold of all the placeholders in the
-	    // ancestor path. We could avoid this traversal by storing the thresholds on
-	    // the stack, but we choose not to because we only hit this path if we're
-	    // IO-bound (i.e. if something suspends). Whereas the stack is used even in
-	    // the non-IO- bound case.
 	    var _workInProgress = returnFiber;
-	    var earliestTimeoutMs = -1;
-	    var startTimeMs = -1;
-	    do {
-	      if (_workInProgress.tag === SuspenseComponent) {
-	        var current$$1 = _workInProgress.alternate;
-	        if (current$$1 !== null) {
-	          var currentState = current$$1.memoizedState;
-	          if (currentState !== null) {
-	            // Reached a boundary that already timed out. Do not search
-	            // any further.
-	            var timedOutAt = currentState.timedOutAt;
-	            startTimeMs = expirationTimeToMs(timedOutAt);
-	            // Do not search any further.
-	            break;
-	          }
-	        }
-	        var timeoutPropMs = _workInProgress.pendingProps.maxDuration;
-	        if (typeof timeoutPropMs === 'number') {
-	          if (timeoutPropMs <= 0) {
-	            earliestTimeoutMs = 0;
-	          } else if (earliestTimeoutMs === -1 || timeoutPropMs < earliestTimeoutMs) {
-	            earliestTimeoutMs = timeoutPropMs;
-	          }
-	        }
-	      }
-	      // If there is a DehydratedSuspenseComponent we don't have to do anything because
-	      // if something suspends inside it, we will simply leave that as dehydrated. It
-	      // will never timeout.
-	      _workInProgress = _workInProgress.return;
-	    } while (_workInProgress !== null);
 
-	    // Schedule the nearest Suspense to re-render the timed out view.
-	    _workInProgress = returnFiber;
 	    do {
-	      if (_workInProgress.tag === SuspenseComponent && shouldCaptureSuspense(_workInProgress)) {
+	      if (_workInProgress.tag === SuspenseComponent && shouldCaptureSuspense(_workInProgress, hasInvisibleParentBoundary)) {
 	        // Found the nearest boundary.
-
 	        // Stash the promise on the boundary fiber. If the boundary times out, we'll
+	        // attach another listener to flip the boundary back to its normal state.
 	        var thenables = _workInProgress.updateQueue;
+
 	        if (thenables === null) {
 	          var updateQueue = new Set();
 	          updateQueue.add(thenable);
 	          _workInProgress.updateQueue = updateQueue;
 	        } else {
 	          thenables.add(thenable);
-	        }
-
-	        // If the boundary is outside of concurrent mode, we should *not*
+	        } // If the boundary is outside of blocking mode, we should *not*
 	        // suspend the commit. Pretend as if the suspended component rendered
 	        // null and keep rendering. In the commit phase, we'll schedule a
 	        // subsequent synchronous update to re-render the Suspense.
 	        //
 	        // Note: It doesn't matter whether the component that suspended was
-	        // inside a concurrent mode tree. If the Suspense is outside of it, we
+	        // inside a blocking mode tree. If the Suspense is outside of it, we
 	        // should *not* suspend the commit.
-	        if ((_workInProgress.mode & ConcurrentMode) === NoEffect) {
-	          _workInProgress.effectTag |= DidCapture;
 
-	          // We're going to commit this fiber even though it didn't complete.
+
+	        if ((_workInProgress.mode & BlockingMode) === NoMode) {
+	          _workInProgress.effectTag |= DidCapture; // We're going to commit this fiber even though it didn't complete.
 	          // But we shouldn't call any lifecycle methods or callbacks. Remove
 	          // all lifecycle effect tags.
+
 	          sourceFiber.effectTag &= ~(LifecycleEffectMask | Incomplete);
 
 	          if (sourceFiber.tag === ClassComponent) {
 	            var currentSourceFiber = sourceFiber.alternate;
+
 	            if (currentSourceFiber === null) {
 	              // This is a new mount. Change the tag so it's not mistaken for a
 	              // completed class component. For example, we should not call
@@ -22062,99 +27857,84 @@
 	              sourceFiber.tag = IncompleteClassComponent;
 	            } else {
 	              // When we try rendering again, we should not reuse the current fiber,
-	              // since it's known to be in an inconsistent state. Use a force updte to
+	              // since it's known to be in an inconsistent state. Use a force update to
 	              // prevent a bail out.
-	              var update = createUpdate(Sync);
+	              var update = createUpdate(Sync, null);
 	              update.tag = ForceUpdate;
 	              enqueueUpdate(sourceFiber, update);
 	            }
-	          }
-
-	          // The source fiber did not complete. Mark it with Sync priority to
+	          } // The source fiber did not complete. Mark it with Sync priority to
 	          // indicate that it still has pending work.
-	          sourceFiber.expirationTime = Sync;
-
-	          // Exit without suspending.
-	          return;
-	        }
 
-	        // Confirmed that the boundary is in a concurrent mode tree. Continue
-	        // with the normal suspend path.
 
-	        attachPingListener(root, renderExpirationTime, thenable);
+	          sourceFiber.expirationTime = Sync; // Exit without suspending.
 
-	        var absoluteTimeoutMs = void 0;
-	        if (earliestTimeoutMs === -1) {
-	          // If no explicit threshold is given, default to an arbitrarily large
-	          // value. The actual size doesn't matter because the threshold for the
-	          // whole tree will be clamped to the expiration time.
-	          absoluteTimeoutMs = maxSigned31BitInt;
-	        } else {
-	          if (startTimeMs === -1) {
-	            // This suspend happened outside of any already timed-out
-	            // placeholders. We don't know exactly when the update was
-	            // scheduled, but we can infer an approximate start time from the
-	            // expiration time. First, find the earliest uncommitted expiration
-	            // time in the tree, including work that is suspended. Then subtract
-	            // the offset used to compute an async update's expiration time.
-	            // This will cause high priority (interactive) work to expire
-	            // earlier than necessary, but we can account for this by adjusting
-	            // for the Just Noticeable Difference.
-	            var earliestExpirationTime = findEarliestOutstandingPriorityLevel(root, renderExpirationTime);
-	            var earliestExpirationTimeMs = expirationTimeToMs(earliestExpirationTime);
-	            startTimeMs = earliestExpirationTimeMs - LOW_PRIORITY_EXPIRATION;
-	          }
-	          absoluteTimeoutMs = startTimeMs + earliestTimeoutMs;
-	        }
+	          return;
+	        } // Confirmed that the boundary is in a concurrent mode tree. Continue
+	        // with the normal suspend path.
+	        //
+	        // After this we'll use a set of heuristics to determine whether this
+	        // render pass will run to completion or restart or "suspend" the commit.
+	        // The actual logic for this is spread out in different places.
+	        //
+	        // This first principle is that if we're going to suspend when we complete
+	        // a root, then we should also restart if we get an update or ping that
+	        // might unsuspend it, and vice versa. The only reason to suspend is
+	        // because you think you might want to restart before committing. However,
+	        // it doesn't make sense to restart only while in the period we're suspended.
+	        //
+	        // Restarting too aggressively is also not good because it starves out any
+	        // intermediate loading state. So we use heuristics to determine when.
+	        // Suspense Heuristics
+	        //
+	        // If nothing threw a Promise or all the same fallbacks are already showing,
+	        // then don't suspend/restart.
+	        //
+	        // If this is an initial render of a new tree of Suspense boundaries and
+	        // those trigger a fallback, then don't suspend/restart. We want to ensure
+	        // that we can show the initial loading state as quickly as possible.
+	        //
+	        // If we hit a "Delayed" case, such as when we'd switch from content back into
+	        // a fallback, then we should always suspend/restart. SuspenseConfig applies to
+	        // this case. If none is defined, JND is used instead.
+	        //
+	        // If we're already showing a fallback and it gets "retried", allowing us to show
+	        // another level, but there's still an inner boundary that would show a fallback,
+	        // then we suspend/restart for 500ms since the last time we showed a fallback
+	        // anywhere in the tree. This effectively throttles progressive loading into a
+	        // consistent train of commits. This also gives us an opportunity to restart to
+	        // get to the completed state slightly earlier.
+	        //
+	        // If there's ambiguity due to batching it's resolved in preference of:
+	        // 1) "delayed", 2) "initial render", 3) "retry".
+	        //
+	        // We want to ensure that a "busy" state doesn't get force committed. We want to
+	        // ensure that new initial loading states can commit as soon as possible.
 
-	        // Mark the earliest timeout in the suspended fiber's ancestor path.
-	        // After completing the root, we'll take the largest of all the
-	        // suspended fiber's timeouts and use it to compute a timeout for the
-	        // whole tree.
-	        renderDidSuspend(root, absoluteTimeoutMs, renderExpirationTime);
 
-	        _workInProgress.effectTag |= ShouldCapture;
-	        _workInProgress.expirationTime = renderExpirationTime;
-	        return;
-	      } else if (enableSuspenseServerRenderer && _workInProgress.tag === DehydratedSuspenseComponent) {
 	        attachPingListener(root, renderExpirationTime, thenable);
-
-	        // Since we already have a current fiber, we can eagerly add a retry listener.
-	        var retryCache = _workInProgress.memoizedState;
-	        if (retryCache === null) {
-	          retryCache = _workInProgress.memoizedState = new PossiblyWeakSet();
-	          var _current = _workInProgress.alternate;
-	          !_current ? invariant(false, 'A dehydrated suspense boundary must commit before trying to render. This is probably a bug in React.') : void 0;
-	          _current.memoizedState = retryCache;
-	        }
-	        // Memoize using the boundary fiber to prevent redundant listeners.
-	        if (!retryCache.has(thenable)) {
-	          retryCache.add(thenable);
-	          var retry = retryTimedOutBoundary.bind(null, _workInProgress, thenable);
-	          if (enableSchedulerTracing) {
-	            retry = tracing.unstable_wrap(retry);
-	          }
-	          thenable.then(retry, retry);
-	        }
 	        _workInProgress.effectTag |= ShouldCapture;
 	        _workInProgress.expirationTime = renderExpirationTime;
 	        return;
-	      }
-	      // This boundary already captured during this render. Continue to the next
+	      } // This boundary already captured during this render. Continue to the next
 	      // boundary.
+
+
 	      _workInProgress = _workInProgress.return;
-	    } while (_workInProgress !== null);
-	    // No boundary was found. Fallthrough to error mode.
+	    } while (_workInProgress !== null); // No boundary was found. Fallthrough to error mode.
 	    // TODO: Use invariant so the message is stripped in prod?
-	    value = new Error((getComponentName(sourceFiber.type) || 'A React component') + ' suspended while rendering, but no fallback UI was specified.\n' + '\n' + 'Add a <Suspense fallback=...> component higher in the tree to ' + 'provide a loading indicator or placeholder to display.' + getStackByFiberInDevAndProd(sourceFiber));
-	  }
 
-	  // We didn't find a boundary that could handle this type of exception. Start
+
+	    value = new Error((getComponentName(sourceFiber.type) || 'A React component') + ' suspended while rendering, but no fallback UI was specified.\n' + '\n' + 'Add a <Suspense fallback=...> component higher in the tree to ' + 'provide a loading indicator or placeholder to display.' + getStackByFiberInDevAndProd(sourceFiber));
+	  } // We didn't find a boundary that could handle this type of exception. Start
 	  // over and traverse parent path again, this time treating the exception
 	  // as an error.
+
+
 	  renderDidError();
 	  value = createCapturedValue(value, sourceFiber);
 	  var workInProgress = returnFiber;
+
 	  do {
 	    switch (workInProgress.tag) {
 	      case HostRoot:
@@ -22162,313 +27942,1798 @@
 	          var _errorInfo = value;
 	          workInProgress.effectTag |= ShouldCapture;
 	          workInProgress.expirationTime = renderExpirationTime;
+
 	          var _update = createRootErrorUpdate(workInProgress, _errorInfo, renderExpirationTime);
+
 	          enqueueCapturedUpdate(workInProgress, _update);
 	          return;
 	        }
+
 	      case ClassComponent:
 	        // Capture and retry
 	        var errorInfo = value;
 	        var ctor = workInProgress.type;
 	        var instance = workInProgress.stateNode;
+
 	        if ((workInProgress.effectTag & DidCapture) === NoEffect && (typeof ctor.getDerivedStateFromError === 'function' || instance !== null && typeof instance.componentDidCatch === 'function' && !isAlreadyFailedLegacyErrorBoundary(instance))) {
 	          workInProgress.effectTag |= ShouldCapture;
-	          workInProgress.expirationTime = renderExpirationTime;
-	          // Schedule the error boundary to re-render using updated state
+	          workInProgress.expirationTime = renderExpirationTime; // Schedule the error boundary to re-render using updated state
+
 	          var _update2 = createClassErrorUpdate(workInProgress, errorInfo, renderExpirationTime);
+
 	          enqueueCapturedUpdate(workInProgress, _update2);
 	          return;
 	        }
+
 	        break;
+
 	      default:
 	        break;
 	    }
+
 	    workInProgress = workInProgress.return;
 	  } while (workInProgress !== null);
 	}
 
-	function unwindWork(workInProgress, renderExpirationTime) {
-	  switch (workInProgress.tag) {
-	    case ClassComponent:
+	var ceil = Math.ceil;
+	var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+	var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
+	var IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
+	var NoContext =
+	/*                    */
+	0;
+	var BatchedContext =
+	/*               */
+	1;
+	var EventContext =
+	/*                 */
+	2;
+	var DiscreteEventContext =
+	/*         */
+	4;
+	var LegacyUnbatchedContext =
+	/*       */
+	8;
+	var RenderContext =
+	/*                */
+	16;
+	var CommitContext =
+	/*                */
+	32;
+	var RootIncomplete = 0;
+	var RootFatalErrored = 1;
+	var RootErrored = 2;
+	var RootSuspended = 3;
+	var RootSuspendedWithDelay = 4;
+	var RootCompleted = 5;
+	// Describes where we are in the React execution stack
+	var executionContext = NoContext; // The root we're working on
+
+	var workInProgressRoot = null; // The fiber we're working on
+
+	var workInProgress = null; // The expiration time we're rendering
+
+	var renderExpirationTime = NoWork; // Whether to root completed, errored, suspended, etc.
+
+	var workInProgressRootExitStatus = RootIncomplete; // A fatal error, if one is thrown
+
+	var workInProgressRootFatalError = null; // Most recent event time among processed updates during this render.
+	// This is conceptually a time stamp but expressed in terms of an ExpirationTime
+	// because we deal mostly with expiration times in the hot path, so this avoids
+	// the conversion happening in the hot path.
+
+	var workInProgressRootLatestProcessedExpirationTime = Sync;
+	var workInProgressRootLatestSuspenseTimeout = Sync;
+	var workInProgressRootCanSuspendUsingConfig = null; // The work left over by components that were visited during this render. Only
+	// includes unprocessed updates, not work in bailed out children.
+
+	var workInProgressRootNextUnprocessedUpdateTime = NoWork; // If we're pinged while rendering we don't always restart immediately.
+	// This flag determines if it might be worthwhile to restart if an opportunity
+	// happens latere.
+
+	var workInProgressRootHasPendingPing = false; // The most recent time we committed a fallback. This lets us ensure a train
+	// model where we don't commit new loading states in too quick succession.
+
+	var globalMostRecentFallbackTime = 0;
+	var FALLBACK_THROTTLE_MS = 500;
+	var nextEffect = null;
+	var hasUncaughtError = false;
+	var firstUncaughtError = null;
+	var legacyErrorBoundariesThatAlreadyFailed = null;
+	var rootDoesHavePassiveEffects = false;
+	var rootWithPendingPassiveEffects = null;
+	var pendingPassiveEffectsRenderPriority = NoPriority;
+	var pendingPassiveEffectsExpirationTime = NoWork;
+	var rootsWithPendingDiscreteUpdates = null; // Use these to prevent an infinite loop of nested updates
+
+	var NESTED_UPDATE_LIMIT = 50;
+	var nestedUpdateCount = 0;
+	var rootWithNestedUpdates = null;
+	var NESTED_PASSIVE_UPDATE_LIMIT = 50;
+	var nestedPassiveUpdateCount = 0;
+	var interruptedBy = null; // Marks the need to reschedule pending interactions at these expiration times
+	// during the commit phase. This enables them to be traced across components
+	// that spawn new work during render. E.g. hidden boundaries, suspended SSR
+	// hydration or SuspenseList.
+
+	var spawnedWorkDuringRender = null; // Expiration times are computed by adding to the current time (the start
+	// time). However, if two updates are scheduled within the same event, we
+	// should treat their start times as simultaneous, even if the actual clock
+	// time has advanced between the first and second call.
+	// In other words, because expiration times determine how updates are batched,
+	// we want all updates of like priority that occur within the same event to
+	// receive the same expiration time. Otherwise we get tearing.
+
+	var currentEventTime = NoWork;
+	function requestCurrentTimeForUpdate() {
+	  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+	    // We're inside React, so it's fine to read the actual time.
+	    return msToExpirationTime(now());
+	  } // We're not inside React, so we may be in the middle of a browser event.
+
+
+	  if (currentEventTime !== NoWork) {
+	    // Use the same start time for all updates until we enter React again.
+	    return currentEventTime;
+	  } // This is the first update since React yielded. Compute a new start time.
+
+
+	  currentEventTime = msToExpirationTime(now());
+	  return currentEventTime;
+	}
+	function getCurrentTime() {
+	  return msToExpirationTime(now());
+	}
+	function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
+	  var mode = fiber.mode;
+
+	  if ((mode & BlockingMode) === NoMode) {
+	    return Sync;
+	  }
+
+	  var priorityLevel = getCurrentPriorityLevel();
+
+	  if ((mode & ConcurrentMode) === NoMode) {
+	    return priorityLevel === ImmediatePriority ? Sync : Batched;
+	  }
+
+	  if ((executionContext & RenderContext) !== NoContext) {
+	    // Use whatever time we're already rendering
+	    // TODO: Should there be a way to opt out, like with `runWithPriority`?
+	    return renderExpirationTime;
+	  }
+
+	  var expirationTime;
+
+	  if (suspenseConfig !== null) {
+	    // Compute an expiration time based on the Suspense timeout.
+	    expirationTime = computeSuspenseExpiration(currentTime, suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION);
+	  } else {
+	    // Compute an expiration time based on the Scheduler priority.
+	    switch (priorityLevel) {
+	      case ImmediatePriority:
+	        expirationTime = Sync;
+	        break;
+
+	      case UserBlockingPriority$2:
+	        // TODO: Rename this to computeUserBlockingExpiration
+	        expirationTime = computeInteractiveExpiration(currentTime);
+	        break;
+
+	      case NormalPriority:
+	      case LowPriority:
+	        // TODO: Handle LowPriority
+	        // TODO: Rename this to... something better.
+	        expirationTime = computeAsyncExpiration(currentTime);
+	        break;
+
+	      case IdlePriority:
+	        expirationTime = Idle;
+	        break;
+
+	      default:
+	        {
+	          {
+	            throw Error("Expected a valid priority level");
+	          }
+	        }
+
+	    }
+	  } // If we're in the middle of rendering a tree, do not update at the same
+	  // expiration time that is already rendering.
+	  // TODO: We shouldn't have to do this if the update is on a different root.
+	  // Refactor computeExpirationForFiber + scheduleUpdate so we have access to
+	  // the root when we check for this condition.
+
+
+	  if (workInProgressRoot !== null && expirationTime === renderExpirationTime) {
+	    // This is a trick to move this update into a separate batch
+	    expirationTime -= 1;
+	  }
+
+	  return expirationTime;
+	}
+	function scheduleUpdateOnFiber(fiber, expirationTime) {
+	  checkForNestedUpdates();
+	  warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber);
+	  var root = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
+
+	  if (root === null) {
+	    warnAboutUpdateOnUnmountedFiberInDEV(fiber);
+	    return;
+	  }
+
+	  checkForInterruption(fiber, expirationTime);
+	  recordScheduleUpdate(); // TODO: computeExpirationForFiber also reads the priority. Pass the
+	  // priority as an argument to that function and this one.
+
+	  var priorityLevel = getCurrentPriorityLevel();
+
+	  if (expirationTime === Sync) {
+	    if ( // Check if we're inside unbatchedUpdates
+	    (executionContext & LegacyUnbatchedContext) !== NoContext && // Check if we're not already rendering
+	    (executionContext & (RenderContext | CommitContext)) === NoContext) {
+	      // Register pending interactions on the root to avoid losing traced interaction data.
+	      schedulePendingInteractions(root, expirationTime); // This is a legacy edge case. The initial mount of a ReactDOM.render-ed
+	      // root inside of batchedUpdates should be synchronous, but layout updates
+	      // should be deferred until the end of the batch.
+
+	      performSyncWorkOnRoot(root);
+	    } else {
+	      ensureRootIsScheduled(root);
+	      schedulePendingInteractions(root, expirationTime);
+
+	      if (executionContext === NoContext) {
+	        // Flush the synchronous work now, unless we're already working or inside
+	        // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
+	        // scheduleCallbackForFiber to preserve the ability to schedule a callback
+	        // without immediately flushing it. We only do this for user-initiated
+	        // updates, to preserve historical behavior of legacy mode.
+	        flushSyncCallbackQueue();
+	      }
+	    }
+	  } else {
+	    ensureRootIsScheduled(root);
+	    schedulePendingInteractions(root, expirationTime);
+	  }
+
+	  if ((executionContext & DiscreteEventContext) !== NoContext && ( // Only updates at user-blocking priority or greater are considered
+	  // discrete, even inside a discrete event.
+	  priorityLevel === UserBlockingPriority$2 || priorityLevel === ImmediatePriority)) {
+	    // This is the result of a discrete event. Track the lowest priority
+	    // discrete update per root so we can flush them early, if needed.
+	    if (rootsWithPendingDiscreteUpdates === null) {
+	      rootsWithPendingDiscreteUpdates = new Map([[root, expirationTime]]);
+	    } else {
+	      var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(root);
+
+	      if (lastDiscreteTime === undefined || lastDiscreteTime > expirationTime) {
+	        rootsWithPendingDiscreteUpdates.set(root, expirationTime);
+	      }
+	    }
+	  }
+	}
+	var scheduleWork = scheduleUpdateOnFiber; // This is split into a separate function so we can mark a fiber with pending
+	// work without treating it as a typical update that originates from an event;
+	// e.g. retrying a Suspense boundary isn't an update, but it does schedule work
+	// on a fiber.
+
+	function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
+	  // Update the source fiber's expiration time
+	  if (fiber.expirationTime < expirationTime) {
+	    fiber.expirationTime = expirationTime;
+	  }
+
+	  var alternate = fiber.alternate;
+
+	  if (alternate !== null && alternate.expirationTime < expirationTime) {
+	    alternate.expirationTime = expirationTime;
+	  } // Walk the parent path to the root and update the child expiration time.
+
+
+	  var node = fiber.return;
+	  var root = null;
+
+	  if (node === null && fiber.tag === HostRoot) {
+	    root = fiber.stateNode;
+	  } else {
+	    while (node !== null) {
+	      alternate = node.alternate;
+
+	      if (node.childExpirationTime < expirationTime) {
+	        node.childExpirationTime = expirationTime;
+
+	        if (alternate !== null && alternate.childExpirationTime < expirationTime) {
+	          alternate.childExpirationTime = expirationTime;
+	        }
+	      } else if (alternate !== null && alternate.childExpirationTime < expirationTime) {
+	        alternate.childExpirationTime = expirationTime;
+	      }
+
+	      if (node.return === null && node.tag === HostRoot) {
+	        root = node.stateNode;
+	        break;
+	      }
+
+	      node = node.return;
+	    }
+	  }
+
+	  if (root !== null) {
+	    if (workInProgressRoot === root) {
+	      // Received an update to a tree that's in the middle of rendering. Mark
+	      // that's unprocessed work on this root.
+	      markUnprocessedUpdateTime(expirationTime);
+
+	      if (workInProgressRootExitStatus === RootSuspendedWithDelay) {
+	        // The root already suspended with a delay, which means this render
+	        // definitely won't finish. Since we have a new update, let's mark it as
+	        // suspended now, right before marking the incoming update. This has the
+	        // effect of interrupting the current render and switching to the update.
+	        // TODO: This happens to work when receiving an update during the render
+	        // phase, because of the trick inside computeExpirationForFiber to
+	        // subtract 1 from `renderExpirationTime` to move it into a
+	        // separate bucket. But we should probably model it with an exception,
+	        // using the same mechanism we use to force hydration of a subtree.
+	        // TODO: This does not account for low pri updates that were already
+	        // scheduled before the root started rendering. Need to track the next
+	        // pending expiration time (perhaps by backtracking the return path) and
+	        // then trigger a restart in the `renderDidSuspendDelayIfPossible` path.
+	        markRootSuspendedAtTime(root, renderExpirationTime);
+	      }
+	    } // Mark that the root has a pending update.
+
+
+	    markRootUpdatedAtTime(root, expirationTime);
+	  }
+
+	  return root;
+	}
+
+	function getNextRootExpirationTimeToWorkOn(root) {
+	  // Determines the next expiration time that the root should render, taking
+	  // into account levels that may be suspended, or levels that may have
+	  // received a ping.
+	  var lastExpiredTime = root.lastExpiredTime;
+
+	  if (lastExpiredTime !== NoWork) {
+	    return lastExpiredTime;
+	  } // "Pending" refers to any update that hasn't committed yet, including if it
+	  // suspended. The "suspended" range is therefore a subset.
+
+
+	  var firstPendingTime = root.firstPendingTime;
+
+	  if (!isRootSuspendedAtTime(root, firstPendingTime)) {
+	    // The highest priority pending time is not suspended. Let's work on that.
+	    return firstPendingTime;
+	  } // If the first pending time is suspended, check if there's a lower priority
+	  // pending level that we know about. Or check if we received a ping. Work
+	  // on whichever is higher priority.
+
+
+	  var lastPingedTime = root.lastPingedTime;
+	  var nextKnownPendingLevel = root.nextKnownPendingLevel;
+	  return lastPingedTime > nextKnownPendingLevel ? lastPingedTime : nextKnownPendingLevel;
+	} // Use this function to schedule a task for a root. There's only one task per
+	// root; if a task was already scheduled, we'll check to make sure the
+	// expiration time of the existing task is the same as the expiration time of
+	// the next level that the root has work on. This function is called on every
+	// update, and right before exiting a task.
+
+
+	function ensureRootIsScheduled(root) {
+	  var lastExpiredTime = root.lastExpiredTime;
+
+	  if (lastExpiredTime !== NoWork) {
+	    // Special case: Expired work should flush synchronously.
+	    root.callbackExpirationTime = Sync;
+	    root.callbackPriority = ImmediatePriority;
+	    root.callbackNode = scheduleSyncCallback(performSyncWorkOnRoot.bind(null, root));
+	    return;
+	  }
+
+	  var expirationTime = getNextRootExpirationTimeToWorkOn(root);
+	  var existingCallbackNode = root.callbackNode;
+
+	  if (expirationTime === NoWork) {
+	    // There's nothing to work on.
+	    if (existingCallbackNode !== null) {
+	      root.callbackNode = null;
+	      root.callbackExpirationTime = NoWork;
+	      root.callbackPriority = NoPriority;
+	    }
+
+	    return;
+	  } // TODO: If this is an update, we already read the current time. Pass the
+	  // time as an argument.
+
+
+	  var currentTime = requestCurrentTimeForUpdate();
+	  var priorityLevel = inferPriorityFromExpirationTime(currentTime, expirationTime); // If there's an existing render task, confirm it has the correct priority and
+	  // expiration time. Otherwise, we'll cancel it and schedule a new one.
+
+	  if (existingCallbackNode !== null) {
+	    var existingCallbackPriority = root.callbackPriority;
+	    var existingCallbackExpirationTime = root.callbackExpirationTime;
+
+	    if ( // Callback must have the exact same expiration time.
+	    existingCallbackExpirationTime === expirationTime && // Callback must have greater or equal priority.
+	    existingCallbackPriority >= priorityLevel) {
+	      // Existing callback is sufficient.
+	      return;
+	    } // Need to schedule a new task.
+	    // TODO: Instead of scheduling a new task, we should be able to change the
+	    // priority of the existing one.
+
+
+	    cancelCallback(existingCallbackNode);
+	  }
+
+	  root.callbackExpirationTime = expirationTime;
+	  root.callbackPriority = priorityLevel;
+	  var callbackNode;
+
+	  if (expirationTime === Sync) {
+	    // Sync React callbacks are scheduled on a special internal queue
+	    callbackNode = scheduleSyncCallback(performSyncWorkOnRoot.bind(null, root));
+	  } else if (disableSchedulerTimeoutBasedOnReactExpirationTime) {
+	    callbackNode = scheduleCallback(priorityLevel, performConcurrentWorkOnRoot.bind(null, root));
+	  } else {
+	    callbackNode = scheduleCallback(priorityLevel, performConcurrentWorkOnRoot.bind(null, root), // Compute a task timeout based on the expiration time. This also affects
+	    // ordering because tasks are processed in timeout order.
+	    {
+	      timeout: expirationTimeToMs(expirationTime) - now()
+	    });
+	  }
+
+	  root.callbackNode = callbackNode;
+	} // This is the entry point for every concurrent task, i.e. anything that
+	// goes through Scheduler.
+
+
+	function performConcurrentWorkOnRoot(root, didTimeout) {
+	  // Since we know we're in a React event, we can clear the current
+	  // event time. The next update will compute a new event time.
+	  currentEventTime = NoWork;
+
+	  if (didTimeout) {
+	    // The render task took too long to complete. Mark the current time as
+	    // expired to synchronously render all expired work in a single batch.
+	    var currentTime = requestCurrentTimeForUpdate();
+	    markRootExpiredAtTime(root, currentTime); // This will schedule a synchronous callback.
+
+	    ensureRootIsScheduled(root);
+	    return null;
+	  } // Determine the next expiration time to work on, using the fields stored
+	  // on the root.
+
+
+	  var expirationTime = getNextRootExpirationTimeToWorkOn(root);
+
+	  if (expirationTime !== NoWork) {
+	    var originalCallbackNode = root.callbackNode;
+
+	    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
 	      {
-	        var Component = workInProgress.type;
-	        if (isContextProvider(Component)) {
-	          popContext(workInProgress);
+	        throw Error("Should not already be working.");
+	      }
+	    }
+
+	    flushPassiveEffects(); // If the root or expiration time have changed, throw out the existing stack
+	    // and prepare a fresh one. Otherwise we'll continue where we left off.
+
+	    if (root !== workInProgressRoot || expirationTime !== renderExpirationTime) {
+	      prepareFreshStack(root, expirationTime);
+	      startWorkOnPendingInteractions(root, expirationTime);
+	    } // If we have a work-in-progress fiber, it means there's still work to do
+	    // in this root.
+
+
+	    if (workInProgress !== null) {
+	      var prevExecutionContext = executionContext;
+	      executionContext |= RenderContext;
+	      var prevDispatcher = pushDispatcher(root);
+	      var prevInteractions = pushInteractions(root);
+	      startWorkLoopTimer(workInProgress);
+
+	      do {
+	        try {
+	          workLoopConcurrent();
+	          break;
+	        } catch (thrownValue) {
+	          handleError(root, thrownValue);
 	        }
-	        var effectTag = workInProgress.effectTag;
-	        if (effectTag & ShouldCapture) {
-	          workInProgress.effectTag = effectTag & ~ShouldCapture | DidCapture;
-	          return workInProgress;
+	      } while (true);
+
+	      resetContextDependencies();
+	      executionContext = prevExecutionContext;
+	      popDispatcher(prevDispatcher);
+
+	      if (enableSchedulerTracing) {
+	        popInteractions(prevInteractions);
+	      }
+
+	      if (workInProgressRootExitStatus === RootFatalErrored) {
+	        var fatalError = workInProgressRootFatalError;
+	        stopInterruptedWorkLoopTimer();
+	        prepareFreshStack(root, expirationTime);
+	        markRootSuspendedAtTime(root, expirationTime);
+	        ensureRootIsScheduled(root);
+	        throw fatalError;
+	      }
+
+	      if (workInProgress !== null) {
+	        // There's still work left over. Exit without committing.
+	        stopInterruptedWorkLoopTimer();
+	      } else {
+	        // We now have a consistent tree. The next step is either to commit it,
+	        // or, if something suspended, wait to commit it after a timeout.
+	        stopFinishedWorkLoopTimer();
+	        var finishedWork = root.finishedWork = root.current.alternate;
+	        root.finishedExpirationTime = expirationTime;
+	        finishConcurrentRender(root, finishedWork, workInProgressRootExitStatus, expirationTime);
+	      }
+
+	      ensureRootIsScheduled(root);
+
+	      if (root.callbackNode === originalCallbackNode) {
+	        // The task node scheduled for this root is the same one that's
+	        // currently executed. Need to return a continuation.
+	        return performConcurrentWorkOnRoot.bind(null, root);
+	      }
+	    }
+	  }
+
+	  return null;
+	}
+
+	function finishConcurrentRender(root, finishedWork, exitStatus, expirationTime) {
+	  // Set this to null to indicate there's no in-progress render.
+	  workInProgressRoot = null;
+
+	  switch (exitStatus) {
+	    case RootIncomplete:
+	    case RootFatalErrored:
+	      {
+	        {
+	          {
+	            throw Error("Root did not complete. This is a bug in React.");
+	          }
 	        }
-	        return null;
 	      }
-	    case HostRoot:
+	    // Flow knows about invariant, so it complains if I add a break
+	    // statement, but eslint doesn't know about invariant, so it complains
+	    // if I do. eslint-disable-next-line no-fallthrough
+
+	    case RootErrored:
 	      {
-	        popHostContainer(workInProgress);
-	        popTopLevelContextObject(workInProgress);
-	        var _effectTag = workInProgress.effectTag;
-	        !((_effectTag & DidCapture) === NoEffect) ? invariant(false, 'The root failed to unmount after an error. This is likely a bug in React. Please file an issue.') : void 0;
-	        workInProgress.effectTag = _effectTag & ~ShouldCapture | DidCapture;
-	        return workInProgress;
+	        // If this was an async render, the error may have happened due to
+	        // a mutation in a concurrent event. Try rendering one more time,
+	        // synchronously, to see if the error goes away. If there are
+	        // lower priority updates, let's include those, too, in case they
+	        // fix the inconsistency. Render at Idle to include all updates.
+	        // If it was Idle or Never or some not-yet-invented time, render
+	        // at that time.
+	        markRootExpiredAtTime(root, expirationTime > Idle ? Idle : expirationTime); // We assume that this second render pass will be synchronous
+	        // and therefore not hit this path again.
+
+	        break;
 	      }
-	    case HostComponent:
+
+	    case RootSuspended:
 	      {
-	        // TODO: popHydrationState
-	        popHostContext(workInProgress);
-	        return null;
+	        markRootSuspendedAtTime(root, expirationTime);
+	        var lastSuspendedTime = root.lastSuspendedTime;
+
+	        if (expirationTime === lastSuspendedTime) {
+	          root.nextKnownPendingLevel = getRemainingExpirationTime(finishedWork);
+	        }
+
+	        flushSuspensePriorityWarningInDEV(); // We have an acceptable loading state. We need to figure out if we
+	        // should immediately commit it or wait a bit.
+	        // If we have processed new updates during this render, we may now
+	        // have a new loading state ready. We want to ensure that we commit
+	        // that as soon as possible.
+
+	        var hasNotProcessedNewUpdates = workInProgressRootLatestProcessedExpirationTime === Sync;
+
+	        if (hasNotProcessedNewUpdates && // do not delay if we're inside an act() scope
+	        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)) {
+	          // If we have not processed any new updates during this pass, then
+	          // this is either a retry of an existing fallback state or a
+	          // hidden tree. Hidden trees shouldn't be batched with other work
+	          // and after that's fixed it can only be a retry. We're going to
+	          // throttle committing retries so that we don't show too many
+	          // loading states too quickly.
+	          var msUntilTimeout = globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now(); // Don't bother with a very short suspense time.
+
+	          if (msUntilTimeout > 10) {
+	            if (workInProgressRootHasPendingPing) {
+	              var lastPingedTime = root.lastPingedTime;
+
+	              if (lastPingedTime === NoWork || lastPingedTime >= expirationTime) {
+	                // This render was pinged but we didn't get to restart
+	                // earlier so try restarting now instead.
+	                root.lastPingedTime = expirationTime;
+	                prepareFreshStack(root, expirationTime);
+	                break;
+	              }
+	            }
+
+	            var nextTime = getNextRootExpirationTimeToWorkOn(root);
+
+	            if (nextTime !== NoWork && nextTime !== expirationTime) {
+	              // There's additional work on this root.
+	              break;
+	            }
+
+	            if (lastSuspendedTime !== NoWork && lastSuspendedTime !== expirationTime) {
+	              // We should prefer to render the fallback of at the last
+	              // suspended level. Ping the last suspended level to try
+	              // rendering it again.
+	              root.lastPingedTime = lastSuspendedTime;
+	              break;
+	            } // The render is suspended, it hasn't timed out, and there's no
+	            // lower priority work to do. Instead of committing the fallback
+	            // immediately, wait for more data to arrive.
+
+
+	            root.timeoutHandle = scheduleTimeout(commitRoot.bind(null, root), msUntilTimeout);
+	            break;
+	          }
+	        } // The work expired. Commit immediately.
+
+
+	        commitRoot(root);
+	        break;
 	      }
-	    case SuspenseComponent:
+
+	    case RootSuspendedWithDelay:
 	      {
-	        var _effectTag2 = workInProgress.effectTag;
-	        if (_effectTag2 & ShouldCapture) {
-	          workInProgress.effectTag = _effectTag2 & ~ShouldCapture | DidCapture;
-	          // Captured a suspense effect. Re-render the boundary.
-	          return workInProgress;
+	        markRootSuspendedAtTime(root, expirationTime);
+	        var _lastSuspendedTime = root.lastSuspendedTime;
+
+	        if (expirationTime === _lastSuspendedTime) {
+	          root.nextKnownPendingLevel = getRemainingExpirationTime(finishedWork);
 	        }
-	        return null;
+
+	        flushSuspensePriorityWarningInDEV();
+
+	        if ( // do not delay if we're inside an act() scope
+	        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)) {
+	          // We're suspended in a state that should be avoided. We'll try to
+	          // avoid committing it for as long as the timeouts let us.
+	          if (workInProgressRootHasPendingPing) {
+	            var _lastPingedTime = root.lastPingedTime;
+
+	            if (_lastPingedTime === NoWork || _lastPingedTime >= expirationTime) {
+	              // This render was pinged but we didn't get to restart earlier
+	              // so try restarting now instead.
+	              root.lastPingedTime = expirationTime;
+	              prepareFreshStack(root, expirationTime);
+	              break;
+	            }
+	          }
+
+	          var _nextTime = getNextRootExpirationTimeToWorkOn(root);
+
+	          if (_nextTime !== NoWork && _nextTime !== expirationTime) {
+	            // There's additional work on this root.
+	            break;
+	          }
+
+	          if (_lastSuspendedTime !== NoWork && _lastSuspendedTime !== expirationTime) {
+	            // We should prefer to render the fallback of at the last
+	            // suspended level. Ping the last suspended level to try
+	            // rendering it again.
+	            root.lastPingedTime = _lastSuspendedTime;
+	            break;
+	          }
+
+	          var _msUntilTimeout;
+
+	          if (workInProgressRootLatestSuspenseTimeout !== Sync) {
+	            // We have processed a suspense config whose expiration time we
+	            // can use as the timeout.
+	            _msUntilTimeout = expirationTimeToMs(workInProgressRootLatestSuspenseTimeout) - now();
+	          } else if (workInProgressRootLatestProcessedExpirationTime === Sync) {
+	            // This should never normally happen because only new updates
+	            // cause delayed states, so we should have processed something.
+	            // However, this could also happen in an offscreen tree.
+	            _msUntilTimeout = 0;
+	          } else {
+	            // If we don't have a suspense config, we're going to use a
+	            // heuristic to determine how long we can suspend.
+	            var eventTimeMs = inferTimeFromExpirationTime(workInProgressRootLatestProcessedExpirationTime);
+	            var currentTimeMs = now();
+	            var timeUntilExpirationMs = expirationTimeToMs(expirationTime) - currentTimeMs;
+	            var timeElapsed = currentTimeMs - eventTimeMs;
+
+	            if (timeElapsed < 0) {
+	              // We get this wrong some time since we estimate the time.
+	              timeElapsed = 0;
+	            }
+
+	            _msUntilTimeout = jnd(timeElapsed) - timeElapsed; // Clamp the timeout to the expiration time. TODO: Once the
+	            // event time is exact instead of inferred from expiration time
+	            // we don't need this.
+
+	            if (timeUntilExpirationMs < _msUntilTimeout) {
+	              _msUntilTimeout = timeUntilExpirationMs;
+	            }
+	          } // Don't bother with a very short suspense time.
+
+
+	          if (_msUntilTimeout > 10) {
+	            // The render is suspended, it hasn't timed out, and there's no
+	            // lower priority work to do. Instead of committing the fallback
+	            // immediately, wait for more data to arrive.
+	            root.timeoutHandle = scheduleTimeout(commitRoot.bind(null, root), _msUntilTimeout);
+	            break;
+	          }
+	        } // The work expired. Commit immediately.
+
+
+	        commitRoot(root);
+	        break;
 	      }
-	    case DehydratedSuspenseComponent:
+
+	    case RootCompleted:
 	      {
-	        if (enableSuspenseServerRenderer) {
-	          // TODO: popHydrationState
-	          var _effectTag3 = workInProgress.effectTag;
-	          if (_effectTag3 & ShouldCapture) {
-	            workInProgress.effectTag = _effectTag3 & ~ShouldCapture | DidCapture;
-	            // Captured a suspense effect. Re-render the boundary.
-	            return workInProgress;
+	        // The work completed. Ready to commit.
+	        if ( // do not delay if we're inside an act() scope
+	        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current) && workInProgressRootLatestProcessedExpirationTime !== Sync && workInProgressRootCanSuspendUsingConfig !== null) {
+	          // If we have exceeded the minimum loading delay, which probably
+	          // means we have shown a spinner already, we might have to suspend
+	          // a bit longer to ensure that the spinner is shown for
+	          // enough time.
+	          var _msUntilTimeout2 = computeMsUntilSuspenseLoadingDelay(workInProgressRootLatestProcessedExpirationTime, expirationTime, workInProgressRootCanSuspendUsingConfig);
+
+	          if (_msUntilTimeout2 > 10) {
+	            markRootSuspendedAtTime(root, expirationTime);
+	            root.timeoutHandle = scheduleTimeout(commitRoot.bind(null, root), _msUntilTimeout2);
+	            break;
 	          }
 	        }
-	        return null;
+
+	        commitRoot(root);
+	        break;
 	      }
-	    case HostPortal:
-	      popHostContainer(workInProgress);
-	      return null;
-	    case ContextProvider:
-	      popProvider(workInProgress);
-	      return null;
+
 	    default:
-	      return null;
+	      {
+	        {
+	          {
+	            throw Error("Unknown root exit status.");
+	          }
+	        }
+	      }
+	  }
+	} // This is the entry point for synchronous tasks that don't go
+	// through Scheduler
+
+
+	function performSyncWorkOnRoot(root) {
+	  // Check if there's expired work on this root. Otherwise, render at Sync.
+	  var lastExpiredTime = root.lastExpiredTime;
+	  var expirationTime = lastExpiredTime !== NoWork ? lastExpiredTime : Sync;
+
+	  if (root.finishedExpirationTime === expirationTime) {
+	    // There's already a pending commit at this expiration time.
+	    // TODO: This is poorly factored. This case only exists for the
+	    // batch.commit() API.
+	    commitRoot(root);
+	  } else {
+	    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+	      {
+	        throw Error("Should not already be working.");
+	      }
+	    }
+
+	    flushPassiveEffects(); // If the root or expiration time have changed, throw out the existing stack
+	    // and prepare a fresh one. Otherwise we'll continue where we left off.
+
+	    if (root !== workInProgressRoot || expirationTime !== renderExpirationTime) {
+	      prepareFreshStack(root, expirationTime);
+	      startWorkOnPendingInteractions(root, expirationTime);
+	    } // If we have a work-in-progress fiber, it means there's still work to do
+	    // in this root.
+
+
+	    if (workInProgress !== null) {
+	      var prevExecutionContext = executionContext;
+	      executionContext |= RenderContext;
+	      var prevDispatcher = pushDispatcher(root);
+	      var prevInteractions = pushInteractions(root);
+	      startWorkLoopTimer(workInProgress);
+
+	      do {
+	        try {
+	          workLoopSync();
+	          break;
+	        } catch (thrownValue) {
+	          handleError(root, thrownValue);
+	        }
+	      } while (true);
+
+	      resetContextDependencies();
+	      executionContext = prevExecutionContext;
+	      popDispatcher(prevDispatcher);
+
+	      if (enableSchedulerTracing) {
+	        popInteractions(prevInteractions);
+	      }
+
+	      if (workInProgressRootExitStatus === RootFatalErrored) {
+	        var fatalError = workInProgressRootFatalError;
+	        stopInterruptedWorkLoopTimer();
+	        prepareFreshStack(root, expirationTime);
+	        markRootSuspendedAtTime(root, expirationTime);
+	        ensureRootIsScheduled(root);
+	        throw fatalError;
+	      }
+
+	      if (workInProgress !== null) {
+	        // This is a sync render, so we should have finished the whole tree.
+	        {
+	          {
+	            throw Error("Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue.");
+	          }
+	        }
+	      } else {
+	        // We now have a consistent tree. Because this is a sync render, we
+	        // will commit it even if something suspended.
+	        stopFinishedWorkLoopTimer();
+	        root.finishedWork = root.current.alternate;
+	        root.finishedExpirationTime = expirationTime;
+	        finishSyncRender(root, workInProgressRootExitStatus, expirationTime);
+	      } // Before exiting, make sure there's a callback scheduled for the next
+	      // pending level.
+
+
+	      ensureRootIsScheduled(root);
+	    }
 	  }
+
+	  return null;
 	}
 
-	function unwindInterruptedWork(interruptedWork) {
-	  switch (interruptedWork.tag) {
-	    case ClassComponent:
+	function finishSyncRender(root, exitStatus, expirationTime) {
+	  // Set this to null to indicate there's no in-progress render.
+	  workInProgressRoot = null;
+
+	  {
+	    if (exitStatus === RootSuspended || exitStatus === RootSuspendedWithDelay) {
+	      flushSuspensePriorityWarningInDEV();
+	    }
+	  }
+
+	  commitRoot(root);
+	}
+
+	function flushRoot(root, expirationTime) {
+	  markRootExpiredAtTime(root, expirationTime);
+	  ensureRootIsScheduled(root);
+
+	  if ((executionContext & (RenderContext | CommitContext)) === NoContext) {
+	    flushSyncCallbackQueue();
+	  }
+	}
+	function flushDiscreteUpdates() {
+	  // TODO: Should be able to flush inside batchedUpdates, but not inside `act`.
+	  // However, `act` uses `batchedUpdates`, so there's no way to distinguish
+	  // those two cases. Need to fix this before exposing flushDiscreteUpdates
+	  // as a public API.
+	  if ((executionContext & (BatchedContext | RenderContext | CommitContext)) !== NoContext) {
+	    if (true && (executionContext & RenderContext) !== NoContext) {
+	      warning$1(false, 'unstable_flushDiscreteUpdates: Cannot flush updates when React is ' + 'already rendering.');
+	    } // We're already rendering, so we can't synchronously flush pending work.
+	    // This is probably a nested event dispatch triggered by a lifecycle/effect,
+	    // like `el.focus()`. Exit.
+
+
+	    return;
+	  }
+
+	  flushPendingDiscreteUpdates(); // If the discrete updates scheduled passive effects, flush them now so that
+	  // they fire before the next serial event.
+
+	  flushPassiveEffects();
+	}
+
+	function syncUpdates(fn, a, b, c) {
+	  return runWithPriority$2(ImmediatePriority, fn.bind(null, a, b, c));
+	}
+
+	function flushPendingDiscreteUpdates() {
+	  if (rootsWithPendingDiscreteUpdates !== null) {
+	    // For each root with pending discrete updates, schedule a callback to
+	    // immediately flush them.
+	    var roots = rootsWithPendingDiscreteUpdates;
+	    rootsWithPendingDiscreteUpdates = null;
+	    roots.forEach(function (expirationTime, root) {
+	      markRootExpiredAtTime(root, expirationTime);
+	      ensureRootIsScheduled(root);
+	    }); // Now flush the immediate queue.
+
+	    flushSyncCallbackQueue();
+	  }
+	}
+
+	function batchedUpdates$1(fn, a) {
+	  var prevExecutionContext = executionContext;
+	  executionContext |= BatchedContext;
+
+	  try {
+	    return fn(a);
+	  } finally {
+	    executionContext = prevExecutionContext;
+
+	    if (executionContext === NoContext) {
+	      // Flush the immediate callbacks that were scheduled during this batch
+	      flushSyncCallbackQueue();
+	    }
+	  }
+	}
+	function batchedEventUpdates$1(fn, a) {
+	  var prevExecutionContext = executionContext;
+	  executionContext |= EventContext;
+
+	  try {
+	    return fn(a);
+	  } finally {
+	    executionContext = prevExecutionContext;
+
+	    if (executionContext === NoContext) {
+	      // Flush the immediate callbacks that were scheduled during this batch
+	      flushSyncCallbackQueue();
+	    }
+	  }
+	}
+	function discreteUpdates$1(fn, a, b, c) {
+	  var prevExecutionContext = executionContext;
+	  executionContext |= DiscreteEventContext;
+
+	  try {
+	    // Should this
+	    return runWithPriority$2(UserBlockingPriority$2, fn.bind(null, a, b, c));
+	  } finally {
+	    executionContext = prevExecutionContext;
+
+	    if (executionContext === NoContext) {
+	      // Flush the immediate callbacks that were scheduled during this batch
+	      flushSyncCallbackQueue();
+	    }
+	  }
+	}
+	function unbatchedUpdates(fn, a) {
+	  var prevExecutionContext = executionContext;
+	  executionContext &= ~BatchedContext;
+	  executionContext |= LegacyUnbatchedContext;
+
+	  try {
+	    return fn(a);
+	  } finally {
+	    executionContext = prevExecutionContext;
+
+	    if (executionContext === NoContext) {
+	      // Flush the immediate callbacks that were scheduled during this batch
+	      flushSyncCallbackQueue();
+	    }
+	  }
+	}
+	function flushSync(fn, a) {
+	  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+	    {
+	      {
+	        throw Error("flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering.");
+	      }
+	    }
+	  }
+
+	  var prevExecutionContext = executionContext;
+	  executionContext |= BatchedContext;
+
+	  try {
+	    return runWithPriority$2(ImmediatePriority, fn.bind(null, a));
+	  } finally {
+	    executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
+	    // Note that this will happen even if batchedUpdates is higher up
+	    // the stack.
+
+	    flushSyncCallbackQueue();
+	  }
+	}
+	function flushControlled(fn) {
+	  var prevExecutionContext = executionContext;
+	  executionContext |= BatchedContext;
+
+	  try {
+	    runWithPriority$2(ImmediatePriority, fn);
+	  } finally {
+	    executionContext = prevExecutionContext;
+
+	    if (executionContext === NoContext) {
+	      // Flush the immediate callbacks that were scheduled during this batch
+	      flushSyncCallbackQueue();
+	    }
+	  }
+	}
+
+	function prepareFreshStack(root, expirationTime) {
+	  root.finishedWork = null;
+	  root.finishedExpirationTime = NoWork;
+	  var timeoutHandle = root.timeoutHandle;
+
+	  if (timeoutHandle !== noTimeout) {
+	    // The root previous suspended and scheduled a timeout to commit a fallback
+	    // state. Now that we have additional work, cancel the timeout.
+	    root.timeoutHandle = noTimeout; // $FlowFixMe Complains noTimeout is not a TimeoutID, despite the check above
+
+	    cancelTimeout(timeoutHandle);
+	  }
+
+	  if (workInProgress !== null) {
+	    var interruptedWork = workInProgress.return;
+
+	    while (interruptedWork !== null) {
+	      unwindInterruptedWork(interruptedWork);
+	      interruptedWork = interruptedWork.return;
+	    }
+	  }
+
+	  workInProgressRoot = root;
+	  workInProgress = createWorkInProgress(root.current, null, expirationTime);
+	  renderExpirationTime = expirationTime;
+	  workInProgressRootExitStatus = RootIncomplete;
+	  workInProgressRootFatalError = null;
+	  workInProgressRootLatestProcessedExpirationTime = Sync;
+	  workInProgressRootLatestSuspenseTimeout = Sync;
+	  workInProgressRootCanSuspendUsingConfig = null;
+	  workInProgressRootNextUnprocessedUpdateTime = NoWork;
+	  workInProgressRootHasPendingPing = false;
+
+	  if (enableSchedulerTracing) {
+	    spawnedWorkDuringRender = null;
+	  }
+
+	  {
+	    ReactStrictModeWarnings.discardPendingWarnings();
+	    componentsThatTriggeredHighPriSuspend = null;
+	  }
+	}
+
+	function handleError(root, thrownValue) {
+	  do {
+	    try {
+	      // Reset module-level state that was set during the render phase.
+	      resetContextDependencies();
+	      resetHooks();
+	      resetCurrentFiber();
+
+	      if (workInProgress === null || workInProgress.return === null) {
+	        // Expected to be working on a non-root fiber. This is a fatal error
+	        // because there's no ancestor that can handle it; the root is
+	        // supposed to capture all errors that weren't caught by an error
+	        // boundary.
+	        workInProgressRootExitStatus = RootFatalErrored;
+	        workInProgressRootFatalError = thrownValue;
+	        return null;
+	      }
+
+	      if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
+	        // Record the time spent rendering before an error was thrown. This
+	        // avoids inaccurate Profiler durations in the case of a
+	        // suspended render.
+	        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, true);
+	      }
+
+	      throwException(root, workInProgress.return, workInProgress, thrownValue, renderExpirationTime);
+	      workInProgress = completeUnitOfWork(workInProgress);
+	    } catch (yetAnotherThrownValue) {
+	      // Something in the return path also threw.
+	      thrownValue = yetAnotherThrownValue;
+	      continue;
+	    } // Return to the normal work loop.
+
+
+	    return;
+	  } while (true);
+	}
+
+	function pushDispatcher(root) {
+	  var prevDispatcher = ReactCurrentDispatcher.current;
+	  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+
+	  if (prevDispatcher === null) {
+	    // The React isomorphic package does not include a default dispatcher.
+	    // Instead the first renderer will lazily attach one, in order to give
+	    // nicer error messages.
+	    return ContextOnlyDispatcher;
+	  } else {
+	    return prevDispatcher;
+	  }
+	}
+
+	function popDispatcher(prevDispatcher) {
+	  ReactCurrentDispatcher.current = prevDispatcher;
+	}
+
+	function pushInteractions(root) {
+	  if (enableSchedulerTracing) {
+	    var prevInteractions = tracing.__interactionsRef.current;
+	    tracing.__interactionsRef.current = root.memoizedInteractions;
+	    return prevInteractions;
+	  }
+
+	  return null;
+	}
+
+	function popInteractions(prevInteractions) {
+	  if (enableSchedulerTracing) {
+	    tracing.__interactionsRef.current = prevInteractions;
+	  }
+	}
+
+	function markCommitTimeOfFallback() {
+	  globalMostRecentFallbackTime = now();
+	}
+	function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+	  if (expirationTime < workInProgressRootLatestProcessedExpirationTime && expirationTime > Idle) {
+	    workInProgressRootLatestProcessedExpirationTime = expirationTime;
+	  }
+
+	  if (suspenseConfig !== null) {
+	    if (expirationTime < workInProgressRootLatestSuspenseTimeout && expirationTime > Idle) {
+	      workInProgressRootLatestSuspenseTimeout = expirationTime; // Most of the time we only have one config and getting wrong is not bad.
+
+	      workInProgressRootCanSuspendUsingConfig = suspenseConfig;
+	    }
+	  }
+	}
+	function markUnprocessedUpdateTime(expirationTime) {
+	  if (expirationTime > workInProgressRootNextUnprocessedUpdateTime) {
+	    workInProgressRootNextUnprocessedUpdateTime = expirationTime;
+	  }
+	}
+	function renderDidSuspend() {
+	  if (workInProgressRootExitStatus === RootIncomplete) {
+	    workInProgressRootExitStatus = RootSuspended;
+	  }
+	}
+	function renderDidSuspendDelayIfPossible() {
+	  if (workInProgressRootExitStatus === RootIncomplete || workInProgressRootExitStatus === RootSuspended) {
+	    workInProgressRootExitStatus = RootSuspendedWithDelay;
+	  } // Check if there's a lower priority update somewhere else in the tree.
+
+
+	  if (workInProgressRootNextUnprocessedUpdateTime !== NoWork && workInProgressRoot !== null) {
+	    // Mark the current render as suspended, and then mark that there's a
+	    // pending update.
+	    // TODO: This should immediately interrupt the current render, instead
+	    // of waiting until the next time we yield.
+	    markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime);
+	    markRootUpdatedAtTime(workInProgressRoot, workInProgressRootNextUnprocessedUpdateTime);
+	  }
+	}
+	function renderDidError() {
+	  if (workInProgressRootExitStatus !== RootCompleted) {
+	    workInProgressRootExitStatus = RootErrored;
+	  }
+	} // Called during render to determine if anything has suspended.
+	// Returns false if we're not sure.
+
+	function renderHasNotSuspendedYet() {
+	  // If something errored or completed, we can't really be sure,
+	  // so those are false.
+	  return workInProgressRootExitStatus === RootIncomplete;
+	}
+
+	function inferTimeFromExpirationTime(expirationTime) {
+	  // We don't know exactly when the update was scheduled, but we can infer an
+	  // approximate start time from the expiration time.
+	  var earliestExpirationTimeMs = expirationTimeToMs(expirationTime);
+	  return earliestExpirationTimeMs - LOW_PRIORITY_EXPIRATION;
+	}
+
+	function inferTimeFromExpirationTimeWithSuspenseConfig(expirationTime, suspenseConfig) {
+	  // We don't know exactly when the update was scheduled, but we can infer an
+	  // approximate start time from the expiration time by subtracting the timeout
+	  // that was added to the event time.
+	  var earliestExpirationTimeMs = expirationTimeToMs(expirationTime);
+	  return earliestExpirationTimeMs - (suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION);
+	} // The work loop is an extremely hot path. Tell Closure not to inline it.
+
+	/** @noinline */
+
+
+	function workLoopSync() {
+	  // Already timed out, so perform work without checking if we need to yield.
+	  while (workInProgress !== null) {
+	    workInProgress = performUnitOfWork(workInProgress);
+	  }
+	}
+	/** @noinline */
+
+
+	function workLoopConcurrent() {
+	  // Perform work until Scheduler asks us to yield
+	  while (workInProgress !== null && !shouldYield()) {
+	    workInProgress = performUnitOfWork(workInProgress);
+	  }
+	}
+
+	function performUnitOfWork(unitOfWork) {
+	  // The current, flushed, state of this fiber is the alternate. Ideally
+	  // nothing should rely on this, but relying on it here means that we don't
+	  // need an additional field on the work in progress.
+	  var current$$1 = unitOfWork.alternate;
+	  startWorkTimer(unitOfWork);
+	  setCurrentFiber(unitOfWork);
+	  var next;
+
+	  if (enableProfilerTimer && (unitOfWork.mode & ProfileMode) !== NoMode) {
+	    startProfilerTimer(unitOfWork);
+	    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+	    stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
+	  } else {
+	    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+	  }
+
+	  resetCurrentFiber();
+	  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+
+	  if (next === null) {
+	    // If this doesn't spawn new work, complete the current work.
+	    next = completeUnitOfWork(unitOfWork);
+	  }
+
+	  ReactCurrentOwner$2.current = null;
+	  return next;
+	}
+
+	function completeUnitOfWork(unitOfWork) {
+	  // Attempt to complete the current unit of work, then move to the next
+	  // sibling. If there are no more siblings, return to the parent fiber.
+	  workInProgress = unitOfWork;
+
+	  do {
+	    // The current, flushed, state of this fiber is the alternate. Ideally
+	    // nothing should rely on this, but relying on it here means that we don't
+	    // need an additional field on the work in progress.
+	    var current$$1 = workInProgress.alternate;
+	    var returnFiber = workInProgress.return; // Check if the work completed or if something threw.
+
+	    if ((workInProgress.effectTag & Incomplete) === NoEffect) {
+	      setCurrentFiber(workInProgress);
+	      var next = void 0;
+
+	      if (!enableProfilerTimer || (workInProgress.mode & ProfileMode) === NoMode) {
+	        next = completeWork(current$$1, workInProgress, renderExpirationTime);
+	      } else {
+	        startProfilerTimer(workInProgress);
+	        next = completeWork(current$$1, workInProgress, renderExpirationTime); // Update render duration assuming we didn't error.
+
+	        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
+	      }
+
+	      stopWorkTimer(workInProgress);
+	      resetCurrentFiber();
+	      resetChildExpirationTime(workInProgress);
+
+	      if (next !== null) {
+	        // Completing this fiber spawned new work. Work on that next.
+	        return next;
+	      }
+
+	      if (returnFiber !== null && // Do not append effects to parents if a sibling failed to complete
+	      (returnFiber.effectTag & Incomplete) === NoEffect) {
+	        // Append all the effects of the subtree and this fiber onto the effect
+	        // list of the parent. The completion order of the children affects the
+	        // side-effect order.
+	        if (returnFiber.firstEffect === null) {
+	          returnFiber.firstEffect = workInProgress.firstEffect;
+	        }
+
+	        if (workInProgress.lastEffect !== null) {
+	          if (returnFiber.lastEffect !== null) {
+	            returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
+	          }
+
+	          returnFiber.lastEffect = workInProgress.lastEffect;
+	        } // If this fiber had side-effects, we append it AFTER the children's
+	        // side-effects. We can perform certain side-effects earlier if needed,
+	        // by doing multiple passes over the effect list. We don't want to
+	        // schedule our own side-effect on our own list because if end up
+	        // reusing children we'll schedule this effect onto itself since we're
+	        // at the end.
+
+
+	        var effectTag = workInProgress.effectTag; // Skip both NoWork and PerformedWork tags when creating the effect
+	        // list. PerformedWork effect is read by React DevTools but shouldn't be
+	        // committed.
+
+	        if (effectTag > PerformedWork) {
+	          if (returnFiber.lastEffect !== null) {
+	            returnFiber.lastEffect.nextEffect = workInProgress;
+	          } else {
+	            returnFiber.firstEffect = workInProgress;
+	          }
+
+	          returnFiber.lastEffect = workInProgress;
+	        }
+	      }
+	    } else {
+	      // This fiber did not complete because something threw. Pop values off
+	      // the stack without entering the complete phase. If this is a boundary,
+	      // capture values if possible.
+	      var _next = unwindWork(workInProgress, renderExpirationTime); // Because this fiber did not complete, don't reset its expiration time.
+
+
+	      if (enableProfilerTimer && (workInProgress.mode & ProfileMode) !== NoMode) {
+	        // Record the render duration for the fiber that errored.
+	        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false); // Include the time spent working on failed children before continuing.
+
+	        var actualDuration = workInProgress.actualDuration;
+	        var child = workInProgress.child;
+
+	        while (child !== null) {
+	          actualDuration += child.actualDuration;
+	          child = child.sibling;
+	        }
+
+	        workInProgress.actualDuration = actualDuration;
+	      }
+
+	      if (_next !== null) {
+	        // If completing this work spawned new work, do that next. We'll come
+	        // back here again.
+	        // Since we're restarting, remove anything that is not a host effect
+	        // from the effect tag.
+	        // TODO: The name stopFailedWorkTimer is misleading because Suspense
+	        // also captures and restarts.
+	        stopFailedWorkTimer(workInProgress);
+	        _next.effectTag &= HostEffectMask;
+	        return _next;
+	      }
+
+	      stopWorkTimer(workInProgress);
+
+	      if (returnFiber !== null) {
+	        // Mark the parent fiber as incomplete and clear its effect list.
+	        returnFiber.firstEffect = returnFiber.lastEffect = null;
+	        returnFiber.effectTag |= Incomplete;
+	      }
+	    }
+
+	    var siblingFiber = workInProgress.sibling;
+
+	    if (siblingFiber !== null) {
+	      // If there is more work to do in this returnFiber, do that next.
+	      return siblingFiber;
+	    } // Otherwise, return to the parent
+
+
+	    workInProgress = returnFiber;
+	  } while (workInProgress !== null); // We've reached the root.
+
+
+	  if (workInProgressRootExitStatus === RootIncomplete) {
+	    workInProgressRootExitStatus = RootCompleted;
+	  }
+
+	  return null;
+	}
+
+	function getRemainingExpirationTime(fiber) {
+	  var updateExpirationTime = fiber.expirationTime;
+	  var childExpirationTime = fiber.childExpirationTime;
+	  return updateExpirationTime > childExpirationTime ? updateExpirationTime : childExpirationTime;
+	}
+
+	function resetChildExpirationTime(completedWork) {
+	  if (renderExpirationTime !== Never && completedWork.childExpirationTime === Never) {
+	    // The children of this component are hidden. Don't bubble their
+	    // expiration times.
+	    return;
+	  }
+
+	  var newChildExpirationTime = NoWork; // Bubble up the earliest expiration time.
+
+	  if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoMode) {
+	    // In profiling mode, resetChildExpirationTime is also used to reset
+	    // profiler durations.
+	    var actualDuration = completedWork.actualDuration;
+	    var treeBaseDuration = completedWork.selfBaseDuration; // When a fiber is cloned, its actualDuration is reset to 0. This value will
+	    // only be updated if work is done on the fiber (i.e. it doesn't bailout).
+	    // When work is done, it should bubble to the parent's actualDuration. If
+	    // the fiber has not been cloned though, (meaning no work was done), then
+	    // this value will reflect the amount of time spent working on a previous
+	    // render. In that case it should not bubble. We determine whether it was
+	    // cloned by comparing the child pointer.
+
+	    var shouldBubbleActualDurations = completedWork.alternate === null || completedWork.child !== completedWork.alternate.child;
+	    var child = completedWork.child;
+
+	    while (child !== null) {
+	      var childUpdateExpirationTime = child.expirationTime;
+	      var childChildExpirationTime = child.childExpirationTime;
+
+	      if (childUpdateExpirationTime > newChildExpirationTime) {
+	        newChildExpirationTime = childUpdateExpirationTime;
+	      }
+
+	      if (childChildExpirationTime > newChildExpirationTime) {
+	        newChildExpirationTime = childChildExpirationTime;
+	      }
+
+	      if (shouldBubbleActualDurations) {
+	        actualDuration += child.actualDuration;
+	      }
+
+	      treeBaseDuration += child.treeBaseDuration;
+	      child = child.sibling;
+	    }
+
+	    completedWork.actualDuration = actualDuration;
+	    completedWork.treeBaseDuration = treeBaseDuration;
+	  } else {
+	    var _child = completedWork.child;
+
+	    while (_child !== null) {
+	      var _childUpdateExpirationTime = _child.expirationTime;
+	      var _childChildExpirationTime = _child.childExpirationTime;
+
+	      if (_childUpdateExpirationTime > newChildExpirationTime) {
+	        newChildExpirationTime = _childUpdateExpirationTime;
+	      }
+
+	      if (_childChildExpirationTime > newChildExpirationTime) {
+	        newChildExpirationTime = _childChildExpirationTime;
+	      }
+
+	      _child = _child.sibling;
+	    }
+	  }
+
+	  completedWork.childExpirationTime = newChildExpirationTime;
+	}
+
+	function commitRoot(root) {
+	  var renderPriorityLevel = getCurrentPriorityLevel();
+	  runWithPriority$2(ImmediatePriority, commitRootImpl.bind(null, root, renderPriorityLevel));
+	  return null;
+	}
+
+	function commitRootImpl(root, renderPriorityLevel) {
+	  do {
+	    // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
+	    // means `flushPassiveEffects` will sometimes result in additional
+	    // passive effects. So we need to keep flushing in a loop until there are
+	    // no more pending effects.
+	    // TODO: Might be better if `flushPassiveEffects` did not automatically
+	    // flush synchronous work at the end, to avoid factoring hazards like this.
+	    flushPassiveEffects();
+	  } while (rootWithPendingPassiveEffects !== null);
+
+	  flushRenderPhaseStrictModeWarningsInDEV();
+
+	  if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+	    {
+	      throw Error("Should not already be working.");
+	    }
+	  }
+
+	  var finishedWork = root.finishedWork;
+	  var expirationTime = root.finishedExpirationTime;
+
+	  if (finishedWork === null) {
+	    return null;
+	  }
+
+	  root.finishedWork = null;
+	  root.finishedExpirationTime = NoWork;
+
+	  if (!(finishedWork !== root.current)) {
+	    {
+	      throw Error("Cannot commit the same tree as before. This error is likely caused by a bug in React. Please file an issue.");
+	    }
+	  } // commitRoot never returns a continuation; it always finishes synchronously.
+	  // So we can clear these now to allow a new callback to be scheduled.
+
+
+	  root.callbackNode = null;
+	  root.callbackExpirationTime = NoWork;
+	  root.callbackPriority = NoPriority;
+	  root.nextKnownPendingLevel = NoWork;
+	  startCommitTimer(); // Update the first and last pending times on this root. The new first
+	  // pending time is whatever is left on the root fiber.
+
+	  var remainingExpirationTimeBeforeCommit = getRemainingExpirationTime(finishedWork);
+	  markRootFinishedAtTime(root, expirationTime, remainingExpirationTimeBeforeCommit);
+
+	  if (root === workInProgressRoot) {
+	    // We can reset these now that they are finished.
+	    workInProgressRoot = null;
+	    workInProgress = null;
+	    renderExpirationTime = NoWork;
+	  } else {} // This indicates that the last root we worked on is not the same one that
+	  // we're committing now. This most commonly happens when a suspended root
+	  // times out.
+	  // Get the list of effects.
+
+
+	  var firstEffect;
+
+	  if (finishedWork.effectTag > PerformedWork) {
+	    // A fiber's effect list consists only of its children, not itself. So if
+	    // the root has an effect, we need to add it to the end of the list. The
+	    // resulting list is the set that would belong to the root's parent, if it
+	    // had one; that is, all the effects in the tree including the root.
+	    if (finishedWork.lastEffect !== null) {
+	      finishedWork.lastEffect.nextEffect = finishedWork;
+	      firstEffect = finishedWork.firstEffect;
+	    } else {
+	      firstEffect = finishedWork;
+	    }
+	  } else {
+	    // There is no effect on the root.
+	    firstEffect = finishedWork.firstEffect;
+	  }
+
+	  if (firstEffect !== null) {
+	    var prevExecutionContext = executionContext;
+	    executionContext |= CommitContext;
+	    var prevInteractions = pushInteractions(root); // Reset this to null before calling lifecycles
+
+	    ReactCurrentOwner$2.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
+	    // of the effect list for each phase: all mutation effects come before all
+	    // layout effects, and so on.
+	    // The first phase a "before mutation" phase. We use this phase to read the
+	    // state of the host tree right before we mutate it. This is where
+	    // getSnapshotBeforeUpdate is called.
+
+	    startCommitSnapshotEffectsTimer();
+	    prepareForCommit(root.containerInfo);
+	    nextEffect = firstEffect;
+
+	    do {
 	      {
-	        var childContextTypes = interruptedWork.type.childContextTypes;
-	        if (childContextTypes !== null && childContextTypes !== undefined) {
-	          popContext(interruptedWork);
+	        invokeGuardedCallback(null, commitBeforeMutationEffects, null);
+
+	        if (hasCaughtError()) {
+	          if (!(nextEffect !== null)) {
+	            {
+	              throw Error("Should be working on an effect.");
+	            }
+	          }
+
+	          var error = clearCaughtError();
+	          captureCommitPhaseError(nextEffect, error);
+	          nextEffect = nextEffect.nextEffect;
 	        }
-	        break;
-	      }
-	    case HostRoot:
-	      {
-	        popHostContainer(interruptedWork);
-	        popTopLevelContextObject(interruptedWork);
-	        break;
-	      }
-	    case HostComponent:
-	      {
-	        popHostContext(interruptedWork);
-	        break;
 	      }
-	    case HostPortal:
-	      popHostContainer(interruptedWork);
-	      break;
-	    case ContextProvider:
-	      popProvider(interruptedWork);
-	      break;
-	    default:
-	      break;
-	  }
-	}
+	    } while (nextEffect !== null);
 
-	var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-	var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
+	    stopCommitSnapshotEffectsTimer();
 
+	    if (enableProfilerTimer) {
+	      // Mark the current commit time to be shared by all Profilers in this
+	      // batch. This enables them to be grouped later.
+	      recordCommitTime();
+	    } // The next phase is the mutation phase, where we mutate the host tree.
 
-	var didWarnAboutStateTransition = void 0;
-	var didWarnSetStateChildContext = void 0;
-	var warnAboutUpdateOnUnmounted = void 0;
-	var warnAboutInvalidUpdates = void 0;
 
-	if (enableSchedulerTracing) {
-	  // Provide explicit error message when production+profiling bundle of e.g. react-dom
-	  // is used with production (non-profiling) bundle of scheduler/tracing
-	  !(tracing.__interactionsRef != null && tracing.__interactionsRef.current != null) ? invariant(false, 'It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling') : void 0;
-	}
+	    startCommitHostEffectsTimer();
+	    nextEffect = firstEffect;
 
-	{
-	  didWarnAboutStateTransition = false;
-	  didWarnSetStateChildContext = false;
-	  var didWarnStateUpdateForUnmountedComponent = {};
+	    do {
+	      {
+	        invokeGuardedCallback(null, commitMutationEffects, null, root, renderPriorityLevel);
 
-	  warnAboutUpdateOnUnmounted = function (fiber, isClass) {
-	    // We show the whole stack but dedupe on the top component's name because
-	    // the problematic code almost always lies inside that component.
-	    var componentName = getComponentName(fiber.type) || 'ReactComponent';
-	    if (didWarnStateUpdateForUnmountedComponent[componentName]) {
-	      return;
-	    }
-	    warningWithoutStack$1(false, "Can't perform a React state update on an unmounted component. This " + 'is a no-op, but it indicates a memory leak in your application. To ' + 'fix, cancel all subscriptions and asynchronous tasks in %s.%s', isClass ? 'the componentWillUnmount method' : 'a useEffect cleanup function', getStackByFiberInDevAndProd(fiber));
-	    didWarnStateUpdateForUnmountedComponent[componentName] = true;
-	  };
+	        if (hasCaughtError()) {
+	          if (!(nextEffect !== null)) {
+	            {
+	              throw Error("Should be working on an effect.");
+	            }
+	          }
 
-	  warnAboutInvalidUpdates = function (instance) {
-	    switch (phase) {
-	      case 'getChildContext':
-	        if (didWarnSetStateChildContext) {
-	          return;
-	        }
-	        warningWithoutStack$1(false, 'setState(...): Cannot call setState() inside getChildContext()');
-	        didWarnSetStateChildContext = true;
-	        break;
-	      case 'render':
-	        if (didWarnAboutStateTransition) {
-	          return;
+	          var _error = clearCaughtError();
+
+	          captureCommitPhaseError(nextEffect, _error);
+	          nextEffect = nextEffect.nextEffect;
 	        }
-	        warningWithoutStack$1(false, 'Cannot update during an existing state transition (such as within ' + '`render`). Render methods should be a pure function of props and state.');
-	        didWarnAboutStateTransition = true;
-	        break;
-	    }
-	  };
-	}
+	      }
+	    } while (nextEffect !== null);
 
-	// Used to ensure computeUniqueAsyncExpiration is monotonically decreasing.
-	var lastUniqueAsyncExpiration = Sync - 1;
+	    stopCommitHostEffectsTimer();
+	    resetAfterCommit(root.containerInfo); // The work-in-progress tree is now the current tree. This must come after
+	    // the mutation phase, so that the previous tree is still current during
+	    // componentWillUnmount, but before the layout phase, so that the finished
+	    // work is current during componentDidMount/Update.
 
-	var isWorking = false;
+	    root.current = finishedWork; // The next phase is the layout phase, where we call effects that read
+	    // the host tree after it's been mutated. The idiomatic use case for this is
+	    // layout, but class component lifecycles also fire here for legacy reasons.
 
-	// The next work in progress fiber that we're currently working on.
-	var nextUnitOfWork = null;
-	var nextRoot = null;
-	// The time at which we're currently rendering work.
-	var nextRenderExpirationTime = NoWork;
-	var nextLatestAbsoluteTimeoutMs = -1;
-	var nextRenderDidError = false;
+	    startCommitLifeCyclesTimer();
+	    nextEffect = firstEffect;
 
-	// The next fiber with an effect that we're currently committing.
-	var nextEffect = null;
+	    do {
+	      {
+	        invokeGuardedCallback(null, commitLayoutEffects, null, root, expirationTime);
 
-	var isCommitting$1 = false;
-	var rootWithPendingPassiveEffects = null;
-	var passiveEffectCallbackHandle = null;
-	var passiveEffectCallback = null;
+	        if (hasCaughtError()) {
+	          if (!(nextEffect !== null)) {
+	            {
+	              throw Error("Should be working on an effect.");
+	            }
+	          }
 
-	var legacyErrorBoundariesThatAlreadyFailed = null;
+	          var _error2 = clearCaughtError();
+
+	          captureCommitPhaseError(nextEffect, _error2);
+	          nextEffect = nextEffect.nextEffect;
+	        }
+	      }
+	    } while (nextEffect !== null);
 
-	// Used for performance tracking.
-	var interruptedBy = null;
+	    stopCommitLifeCyclesTimer();
+	    nextEffect = null; // Tell Scheduler to yield at the end of the frame, so the browser has an
+	    // opportunity to paint.
 
-	var stashedWorkInProgressProperties = void 0;
-	var replayUnitOfWork = void 0;
-	var mayReplayFailedUnitOfWork = void 0;
-	var isReplayingFailedUnitOfWork = void 0;
-	var originalReplayError = void 0;
-	var rethrowOriginalError = void 0;
-	if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-	  stashedWorkInProgressProperties = null;
-	  mayReplayFailedUnitOfWork = true;
-	  isReplayingFailedUnitOfWork = false;
-	  originalReplayError = null;
-	  replayUnitOfWork = function (failedUnitOfWork, thrownValue, isYieldy) {
-	    if (thrownValue !== null && typeof thrownValue === 'object' && typeof thrownValue.then === 'function') {
-	      // Don't replay promises. Treat everything else like an error.
-	      // TODO: Need to figure out a different strategy if/when we add
-	      // support for catching other types.
-	      return;
+	    requestPaint();
+
+	    if (enableSchedulerTracing) {
+	      popInteractions(prevInteractions);
 	    }
 
-	    // Restore the original state of the work-in-progress
-	    if (stashedWorkInProgressProperties === null) {
-	      // This should never happen. Don't throw because this code is DEV-only.
-	      warningWithoutStack$1(false, 'Could not replay rendering after an error. This is likely a bug in React. ' + 'Please file an issue.');
-	      return;
+	    executionContext = prevExecutionContext;
+	  } else {
+	    // No effects.
+	    root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
+	    // no effects.
+	    // TODO: Maybe there's a better way to report this.
+
+	    startCommitSnapshotEffectsTimer();
+	    stopCommitSnapshotEffectsTimer();
+
+	    if (enableProfilerTimer) {
+	      recordCommitTime();
 	    }
-	    assignFiberPropertiesInDEV(failedUnitOfWork, stashedWorkInProgressProperties);
 
-	    switch (failedUnitOfWork.tag) {
-	      case HostRoot:
-	        popHostContainer(failedUnitOfWork);
-	        popTopLevelContextObject(failedUnitOfWork);
-	        break;
-	      case HostComponent:
-	        popHostContext(failedUnitOfWork);
-	        break;
-	      case ClassComponent:
-	        {
-	          var Component = failedUnitOfWork.type;
-	          if (isContextProvider(Component)) {
-	            popContext(failedUnitOfWork);
-	          }
-	          break;
-	        }
-	      case HostPortal:
-	        popHostContainer(failedUnitOfWork);
-	        break;
-	      case ContextProvider:
-	        popProvider(failedUnitOfWork);
-	        break;
+	    startCommitHostEffectsTimer();
+	    stopCommitHostEffectsTimer();
+	    startCommitLifeCyclesTimer();
+	    stopCommitLifeCyclesTimer();
+	  }
+
+	  stopCommitTimer();
+	  var rootDidHavePassiveEffects = rootDoesHavePassiveEffects;
+
+	  if (rootDoesHavePassiveEffects) {
+	    // This commit has passive effects. Stash a reference to them. But don't
+	    // schedule a callback until after flushing layout work.
+	    rootDoesHavePassiveEffects = false;
+	    rootWithPendingPassiveEffects = root;
+	    pendingPassiveEffectsExpirationTime = expirationTime;
+	    pendingPassiveEffectsRenderPriority = renderPriorityLevel;
+	  } else {
+	    // We are done with the effect chain at this point so let's clear the
+	    // nextEffect pointers to assist with GC. If we have passive effects, we'll
+	    // clear this in flushPassiveEffects.
+	    nextEffect = firstEffect;
+
+	    while (nextEffect !== null) {
+	      var nextNextEffect = nextEffect.nextEffect;
+	      nextEffect.nextEffect = null;
+	      nextEffect = nextNextEffect;
 	    }
-	    // Replay the begin phase.
-	    isReplayingFailedUnitOfWork = true;
-	    originalReplayError = thrownValue;
-	    invokeGuardedCallback(null, workLoop, null, isYieldy);
-	    isReplayingFailedUnitOfWork = false;
-	    originalReplayError = null;
-	    if (hasCaughtError()) {
-	      var replayError = clearCaughtError();
-	      if (replayError != null && thrownValue != null) {
-	        try {
-	          // Reading the expando property is intentionally
-	          // inside `try` because it might be a getter or Proxy.
-	          if (replayError._suppressLogging) {
-	            // Also suppress logging for the original error.
-	            thrownValue._suppressLogging = true;
-	          }
-	        } catch (inner) {
-	          // Ignore.
+	  } // Check if there's remaining work on this root
+
+
+	  var remainingExpirationTime = root.firstPendingTime;
+
+	  if (remainingExpirationTime !== NoWork) {
+	    if (enableSchedulerTracing) {
+	      if (spawnedWorkDuringRender !== null) {
+	        var expirationTimes = spawnedWorkDuringRender;
+	        spawnedWorkDuringRender = null;
+
+	        for (var i = 0; i < expirationTimes.length; i++) {
+	          scheduleInteractions(root, expirationTimes[i], root.memoizedInteractions);
 	        }
 	      }
-	    } else {
-	      // If the begin phase did not fail the second time, set this pointer
-	      // back to the original value.
-	      nextUnitOfWork = failedUnitOfWork;
+
+	      schedulePendingInteractions(root, remainingExpirationTime);
 	    }
-	  };
-	  rethrowOriginalError = function () {
-	    throw originalReplayError;
-	  };
-	}
+	  } else {
+	    // If there's no remaining work, we can clear the set of already failed
+	    // error boundaries.
+	    legacyErrorBoundariesThatAlreadyFailed = null;
+	  }
 
-	function resetStack() {
-	  if (nextUnitOfWork !== null) {
-	    var interruptedWork = nextUnitOfWork.return;
-	    while (interruptedWork !== null) {
-	      unwindInterruptedWork(interruptedWork);
-	      interruptedWork = interruptedWork.return;
+	  if (enableSchedulerTracing) {
+	    if (!rootDidHavePassiveEffects) {
+	      // If there are no passive effects, then we can complete the pending interactions.
+	      // Otherwise, we'll wait until after the passive effects are flushed.
+	      // Wait to do this until after remaining work has been scheduled,
+	      // so that we don't prematurely signal complete for interactions when there's e.g. hidden work.
+	      finishPendingInteractions(root, expirationTime);
 	    }
 	  }
 
-	  {
-	    ReactStrictModeWarnings.discardPendingWarnings();
-	    checkThatStackIsEmpty();
+	  if (remainingExpirationTime === Sync) {
+	    // Count the number of times the root synchronously re-renders without
+	    // finishing. If there are too many, it indicates an infinite update loop.
+	    if (root === rootWithNestedUpdates) {
+	      nestedUpdateCount++;
+	    } else {
+	      nestedUpdateCount = 0;
+	      rootWithNestedUpdates = root;
+	    }
+	  } else {
+	    nestedUpdateCount = 0;
+	  }
+
+	  onCommitRoot(finishedWork.stateNode, expirationTime); // Always call this before exiting `commitRoot`, to ensure that any
+	  // additional work on this root is scheduled.
+
+	  ensureRootIsScheduled(root);
+
+	  if (hasUncaughtError) {
+	    hasUncaughtError = false;
+	    var _error3 = firstUncaughtError;
+	    firstUncaughtError = null;
+	    throw _error3;
 	  }
 
-	  nextRoot = null;
-	  nextRenderExpirationTime = NoWork;
-	  nextLatestAbsoluteTimeoutMs = -1;
-	  nextRenderDidError = false;
-	  nextUnitOfWork = null;
+	  if ((executionContext & LegacyUnbatchedContext) !== NoContext) {
+	    // This is a legacy edge case. We just committed the initial mount of
+	    // a ReactDOM.render-ed root inside of batchedUpdates. The commit fired
+	    // synchronously, but layout updates should be deferred until the end
+	    // of the batch.
+	    return null;
+	  } // If layout work was scheduled, flush it now.
+
+
+	  flushSyncCallbackQueue();
+	  return null;
 	}
 
-	function commitAllHostEffects() {
+	function commitBeforeMutationEffects() {
 	  while (nextEffect !== null) {
-	    {
+	    var effectTag = nextEffect.effectTag;
+
+	    if ((effectTag & Snapshot) !== NoEffect) {
 	      setCurrentFiber(nextEffect);
+	      recordEffect();
+	      var current$$1 = nextEffect.alternate;
+	      commitBeforeMutationLifeCycles(current$$1, nextEffect);
+	      resetCurrentFiber();
 	    }
-	    recordEffect();
 
+	    if ((effectTag & Passive) !== NoEffect) {
+	      // If there are passive effects, schedule a callback to flush at
+	      // the earliest opportunity.
+	      if (!rootDoesHavePassiveEffects) {
+	        rootDoesHavePassiveEffects = true;
+	        scheduleCallback(NormalPriority, function () {
+	          flushPassiveEffects();
+	          return null;
+	        });
+	      }
+	    }
+
+	    nextEffect = nextEffect.nextEffect;
+	  }
+	}
+
+	function commitMutationEffects(root, renderPriorityLevel) {
+	  // TODO: Should probably move the bulk of this function to commitWork.
+	  while (nextEffect !== null) {
+	    setCurrentFiber(nextEffect);
 	    var effectTag = nextEffect.effectTag;
 
 	    if (effectTag & ContentReset) {
@@ -22477,101 +29742,89 @@
 
 	    if (effectTag & Ref) {
 	      var current$$1 = nextEffect.alternate;
+
 	      if (current$$1 !== null) {
 	        commitDetachRef(current$$1);
 	      }
-	    }
+	    } // The following switch statement is only concerned about placement,
+	    // updates, and deletions. To avoid needing to add a case for every possible
+	    // bitmap value, we remove the secondary effects from the effect tag and
+	    // switch on that value.
+
+
+	    var primaryEffectTag = effectTag & (Placement | Update | Deletion | Hydrating);
 
-	    // The following switch statement is only concerned about placement,
-	    // updates, and deletions. To avoid needing to add a case for every
-	    // possible bitmap value, we remove the secondary effects from the
-	    // effect tag and switch on that value.
-	    var primaryEffectTag = effectTag & (Placement | Update | Deletion);
 	    switch (primaryEffectTag) {
 	      case Placement:
 	        {
-	          commitPlacement(nextEffect);
-	          // Clear the "placement" from effect tag so that we know that this is inserted, before
-	          // any life-cycles like componentDidMount gets called.
-	          // TODO: findDOMNode doesn't rely on this any more but isMounted
-	          // does and isMounted is deprecated anyway so we should be able
-	          // to kill this.
+	          commitPlacement(nextEffect); // Clear the "placement" from effect tag so that we know that this is
+	          // inserted, before any life-cycles like componentDidMount gets called.
+	          // TODO: findDOMNode doesn't rely on this any more but isMounted does
+	          // and isMounted is deprecated anyway so we should be able to kill this.
+
 	          nextEffect.effectTag &= ~Placement;
 	          break;
 	        }
+
 	      case PlacementAndUpdate:
 	        {
 	          // Placement
-	          commitPlacement(nextEffect);
-	          // Clear the "placement" from effect tag so that we know that this is inserted, before
-	          // any life-cycles like componentDidMount gets called.
-	          nextEffect.effectTag &= ~Placement;
+	          commitPlacement(nextEffect); // Clear the "placement" from effect tag so that we know that this is
+	          // inserted, before any life-cycles like componentDidMount gets called.
+
+	          nextEffect.effectTag &= ~Placement; // Update
 
-	          // Update
 	          var _current = nextEffect.alternate;
 	          commitWork(_current, nextEffect);
 	          break;
 	        }
-	      case Update:
+
+	      case Hydrating:
+	        {
+	          nextEffect.effectTag &= ~Hydrating;
+	          break;
+	        }
+
+	      case HydratingAndUpdate:
 	        {
+	          nextEffect.effectTag &= ~Hydrating; // Update
+
 	          var _current2 = nextEffect.alternate;
 	          commitWork(_current2, nextEffect);
 	          break;
 	        }
-	      case Deletion:
+
+	      case Update:
 	        {
-	          commitDeletion(nextEffect);
+	          var _current3 = nextEffect.alternate;
+	          commitWork(_current3, nextEffect);
 	          break;
 	        }
-	    }
-	    nextEffect = nextEffect.nextEffect;
-	  }
-
-	  {
-	    resetCurrentFiber();
-	  }
-	}
-
-	function commitBeforeMutationLifecycles() {
-	  while (nextEffect !== null) {
-	    {
-	      setCurrentFiber(nextEffect);
-	    }
 
-	    var effectTag = nextEffect.effectTag;
-	    if (effectTag & Snapshot) {
-	      recordEffect();
-	      var current$$1 = nextEffect.alternate;
-	      commitBeforeMutationLifeCycles(current$$1, nextEffect);
-	    }
+	      case Deletion:
+	        {
+	          commitDeletion(root, nextEffect, renderPriorityLevel);
+	          break;
+	        }
+	    } // TODO: Only record a mutation effect if primaryEffectTag is non-zero.
 
-	    nextEffect = nextEffect.nextEffect;
-	  }
 
-	  {
+	    recordEffect();
 	    resetCurrentFiber();
+	    nextEffect = nextEffect.nextEffect;
 	  }
 	}
 
-	function commitAllLifeCycles(finishedRoot, committedExpirationTime) {
-	  {
-	    ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
-	    ReactStrictModeWarnings.flushLegacyContextWarning();
-
-	    if (warnAboutDeprecatedLifecycles) {
-	      ReactStrictModeWarnings.flushPendingDeprecationWarnings();
-	    }
-	  }
+	function commitLayoutEffects(root, committedExpirationTime) {
+	  // TODO: Should probably move the bulk of this function to commitWork.
 	  while (nextEffect !== null) {
-	    {
-	      setCurrentFiber(nextEffect);
-	    }
+	    setCurrentFiber(nextEffect);
 	    var effectTag = nextEffect.effectTag;
 
 	    if (effectTag & (Update | Callback)) {
 	      recordEffect();
 	      var current$$1 = nextEffect.alternate;
-	      commitLifeCycles(finishedRoot, current$$1, nextEffect, committedExpirationTime);
+	      commitLifeCycles(root, current$$1, nextEffect, committedExpirationTime);
 	    }
 
 	    if (effectTag & Ref) {
@@ -22579,69 +29832,84 @@
 	      commitAttachRef(nextEffect);
 	    }
 
-	    if (effectTag & Passive) {
-	      rootWithPendingPassiveEffects = finishedRoot;
-	    }
-
+	    resetCurrentFiber();
 	    nextEffect = nextEffect.nextEffect;
 	  }
-	  {
-	    resetCurrentFiber();
+	}
+
+	function flushPassiveEffects() {
+	  if (pendingPassiveEffectsRenderPriority !== NoPriority) {
+	    var priorityLevel = pendingPassiveEffectsRenderPriority > NormalPriority ? NormalPriority : pendingPassiveEffectsRenderPriority;
+	    pendingPassiveEffectsRenderPriority = NoPriority;
+	    return runWithPriority$2(priorityLevel, flushPassiveEffectsImpl);
 	  }
 	}
 
-	function commitPassiveEffects(root, firstEffect) {
+	function flushPassiveEffectsImpl() {
+	  if (rootWithPendingPassiveEffects === null) {
+	    return false;
+	  }
+
+	  var root = rootWithPendingPassiveEffects;
+	  var expirationTime = pendingPassiveEffectsExpirationTime;
 	  rootWithPendingPassiveEffects = null;
-	  passiveEffectCallbackHandle = null;
-	  passiveEffectCallback = null;
+	  pendingPassiveEffectsExpirationTime = NoWork;
 
-	  // Set this to true to prevent re-entrancy
-	  var previousIsRendering = isRendering;
-	  isRendering = true;
+	  if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+	    {
+	      throw Error("Cannot flush passive effects while already rendering.");
+	    }
+	  }
 
-	  var effect = firstEffect;
-	  do {
+	  var prevExecutionContext = executionContext;
+	  executionContext |= CommitContext;
+	  var prevInteractions = pushInteractions(root); // Note: This currently assumes there are no passive effects on the root
+	  // fiber, because the root is not part of its own effect list. This could
+	  // change in the future.
+
+	  var effect = root.current.firstEffect;
+
+	  while (effect !== null) {
 	    {
 	      setCurrentFiber(effect);
-	    }
+	      invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
 
-	    if (effect.effectTag & Passive) {
-	      var didError = false;
-	      var error = void 0;
-	      {
-	        invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
-	        if (hasCaughtError()) {
-	          didError = true;
-	          error = clearCaughtError();
+	      if (hasCaughtError()) {
+	        if (!(effect !== null)) {
+	          {
+	            throw Error("Should be working on an effect.");
+	          }
 	        }
-	      }
-	      if (didError) {
+
+	        var error = clearCaughtError();
 	        captureCommitPhaseError(effect, error);
 	      }
+
+	      resetCurrentFiber();
 	    }
-	    effect = effect.nextEffect;
-	  } while (effect !== null);
-	  {
-	    resetCurrentFiber();
-	  }
 
-	  isRendering = previousIsRendering;
+	    var nextNextEffect = effect.nextEffect; // Remove nextEffect pointer to assist GC
 
-	  // Check if work was scheduled by one of the effects
-	  var rootExpirationTime = root.expirationTime;
-	  if (rootExpirationTime !== NoWork) {
-	    requestWork(root, rootExpirationTime);
+	    effect.nextEffect = null;
+	    effect = nextNextEffect;
 	  }
-	  // Flush any sync work that was scheduled by effects
-	  if (!isBatchingUpdates && !isRendering) {
-	    performSyncWork();
+
+	  if (enableSchedulerTracing) {
+	    popInteractions(prevInteractions);
+	    finishPendingInteractions(root, expirationTime);
 	  }
+
+	  executionContext = prevExecutionContext;
+	  flushSyncCallbackQueue(); // If additional passive effects were scheduled, increment a counter. If this
+	  // exceeds the limit, we'll fire a warning.
+
+	  nestedPassiveUpdateCount = rootWithPendingPassiveEffects === null ? 0 : nestedPassiveUpdateCount + 1;
+	  return true;
 	}
 
 	function isAlreadyFailedLegacyErrorBoundary(instance) {
 	  return legacyErrorBoundariesThatAlreadyFailed !== null && legacyErrorBoundariesThatAlreadyFailed.has(instance);
 	}
-
 	function markLegacyErrorBoundaryAsFailed(instance) {
 	  if (legacyErrorBoundariesThatAlreadyFailed === null) {
 	    legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
@@ -22650,1718 +29918,1513 @@
 	  }
 	}
 
-	function flushPassiveEffects() {
-	  if (passiveEffectCallbackHandle !== null) {
-	    cancelPassiveEffects(passiveEffectCallbackHandle);
-	  }
-	  if (passiveEffectCallback !== null) {
-	    // We call the scheduled callback instead of commitPassiveEffects directly
-	    // to ensure tracing works correctly.
-	    passiveEffectCallback();
+	function prepareToThrowUncaughtError(error) {
+	  if (!hasUncaughtError) {
+	    hasUncaughtError = true;
+	    firstUncaughtError = error;
 	  }
 	}
 
-	function commitRoot(root, finishedWork) {
-	  isWorking = true;
-	  isCommitting$1 = true;
-	  startCommitTimer();
+	var onUncaughtError = prepareToThrowUncaughtError;
 
-	  !(root.current !== finishedWork) ? invariant(false, 'Cannot commit the same tree as before. This is probably a bug related to the return field. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	  var committedExpirationTime = root.pendingCommitExpirationTime;
-	  !(committedExpirationTime !== NoWork) ? invariant(false, 'Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	  root.pendingCommitExpirationTime = NoWork;
+	function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+	  var errorInfo = createCapturedValue(error, sourceFiber);
+	  var update = createRootErrorUpdate(rootFiber, errorInfo, Sync);
+	  enqueueUpdate(rootFiber, update);
+	  var root = markUpdateTimeFromFiberToRoot(rootFiber, Sync);
 
-	  // Update the pending priority levels to account for the work that we are
-	  // about to commit. This needs to happen before calling the lifecycles, since
-	  // they may schedule additional updates.
-	  var updateExpirationTimeBeforeCommit = finishedWork.expirationTime;
-	  var childExpirationTimeBeforeCommit = finishedWork.childExpirationTime;
-	  var earliestRemainingTimeBeforeCommit = childExpirationTimeBeforeCommit > updateExpirationTimeBeforeCommit ? childExpirationTimeBeforeCommit : updateExpirationTimeBeforeCommit;
-	  markCommittedPriorityLevels(root, earliestRemainingTimeBeforeCommit);
+	  if (root !== null) {
+	    ensureRootIsScheduled(root);
+	    schedulePendingInteractions(root, Sync);
+	  }
+	}
 
-	  var prevInteractions = null;
-	  if (enableSchedulerTracing) {
-	    // Restore any pending interactions at this point,
-	    // So that cascading work triggered during the render phase will be accounted for.
-	    prevInteractions = tracing.__interactionsRef.current;
-	    tracing.__interactionsRef.current = root.memoizedInteractions;
+	function captureCommitPhaseError(sourceFiber, error) {
+	  if (sourceFiber.tag === HostRoot) {
+	    // Error was thrown at the root. There is no parent, so the root
+	    // itself should capture it.
+	    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
+	    return;
 	  }
 
-	  // Reset this to null before calling lifecycles
-	  ReactCurrentOwner$2.current = null;
+	  var fiber = sourceFiber.return;
 
-	  var firstEffect = void 0;
-	  if (finishedWork.effectTag > PerformedWork) {
-	    // A fiber's effect list consists only of its children, not itself. So if
-	    // the root has an effect, we need to add it to the end of the list. The
-	    // resulting list is the set that would belong to the root's parent, if
-	    // it had one; that is, all the effects in the tree including the root.
-	    if (finishedWork.lastEffect !== null) {
-	      finishedWork.lastEffect.nextEffect = finishedWork;
-	      firstEffect = finishedWork.firstEffect;
-	    } else {
-	      firstEffect = finishedWork;
-	    }
-	  } else {
-	    // There is no effect on the root.
-	    firstEffect = finishedWork.firstEffect;
-	  }
+	  while (fiber !== null) {
+	    if (fiber.tag === HostRoot) {
+	      captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
+	      return;
+	    } else if (fiber.tag === ClassComponent) {
+	      var ctor = fiber.type;
+	      var instance = fiber.stateNode;
 
-	  prepareForCommit(root.containerInfo);
+	      if (typeof ctor.getDerivedStateFromError === 'function' || typeof instance.componentDidCatch === 'function' && !isAlreadyFailedLegacyErrorBoundary(instance)) {
+	        var errorInfo = createCapturedValue(error, sourceFiber);
+	        var update = createClassErrorUpdate(fiber, errorInfo, // TODO: This is always sync
+	        Sync);
+	        enqueueUpdate(fiber, update);
+	        var root = markUpdateTimeFromFiberToRoot(fiber, Sync);
 
-	  // Invoke instances of getSnapshotBeforeUpdate before mutation.
-	  nextEffect = firstEffect;
-	  startCommitSnapshotEffectsTimer();
-	  while (nextEffect !== null) {
-	    var didError = false;
-	    var error = void 0;
-	    {
-	      invokeGuardedCallback(null, commitBeforeMutationLifecycles, null);
-	      if (hasCaughtError()) {
-	        didError = true;
-	        error = clearCaughtError();
-	      }
-	    }
-	    if (didError) {
-	      !(nextEffect !== null) ? invariant(false, 'Should have next effect. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	      captureCommitPhaseError(nextEffect, error);
-	      // Clean-up
-	      if (nextEffect !== null) {
-	        nextEffect = nextEffect.nextEffect;
+	        if (root !== null) {
+	          ensureRootIsScheduled(root);
+	          schedulePendingInteractions(root, Sync);
+	        }
+
+	        return;
 	      }
 	    }
+
+	    fiber = fiber.return;
 	  }
-	  stopCommitSnapshotEffectsTimer();
+	}
+	function pingSuspendedRoot(root, thenable, suspendedTime) {
+	  var pingCache = root.pingCache;
 
-	  if (enableProfilerTimer) {
-	    // Mark the current commit time to be shared by all Profilers in this batch.
-	    // This enables them to be grouped later.
-	    recordCommitTime();
+	  if (pingCache !== null) {
+	    // The thenable resolved, so we no longer need to memoize, because it will
+	    // never be thrown again.
+	    pingCache.delete(thenable);
 	  }
 
-	  // Commit all the side-effects within a tree. We'll do this in two passes.
-	  // The first pass performs all the host insertions, updates, deletions and
-	  // ref unmounts.
-	  nextEffect = firstEffect;
-	  startCommitHostEffectsTimer();
-	  while (nextEffect !== null) {
-	    var _didError = false;
-	    var _error = void 0;
-	    {
-	      invokeGuardedCallback(null, commitAllHostEffects, null);
-	      if (hasCaughtError()) {
-	        _didError = true;
-	        _error = clearCaughtError();
-	      }
-	    }
-	    if (_didError) {
-	      !(nextEffect !== null) ? invariant(false, 'Should have next effect. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	      captureCommitPhaseError(nextEffect, _error);
-	      // Clean-up
-	      if (nextEffect !== null) {
-	        nextEffect = nextEffect.nextEffect;
-	      }
+	  if (workInProgressRoot === root && renderExpirationTime === suspendedTime) {
+	    // Received a ping at the same priority level at which we're currently
+	    // rendering. We might want to restart this render. This should mirror
+	    // the logic of whether or not a root suspends once it completes.
+	    // TODO: If we're rendering sync either due to Sync, Batched or expired,
+	    // we should probably never restart.
+	    // If we're suspended with delay, we'll always suspend so we can always
+	    // restart. If we're suspended without any updates, it might be a retry.
+	    // If it's early in the retry we can restart. We can't know for sure
+	    // whether we'll eventually process an update during this render pass,
+	    // but it's somewhat unlikely that we get to a ping before that, since
+	    // getting to the root most update is usually very fast.
+	    if (workInProgressRootExitStatus === RootSuspendedWithDelay || workInProgressRootExitStatus === RootSuspended && workInProgressRootLatestProcessedExpirationTime === Sync && now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS) {
+	      // Restart from the root. Don't need to schedule a ping because
+	      // we're already working on this tree.
+	      prepareFreshStack(root, renderExpirationTime);
+	    } else {
+	      // Even though we can't restart right now, we might get an
+	      // opportunity later. So we mark this render as having a ping.
+	      workInProgressRootHasPendingPing = true;
 	    }
+
+	    return;
 	  }
-	  stopCommitHostEffectsTimer();
 
-	  resetAfterCommit(root.containerInfo);
+	  if (!isRootSuspendedAtTime(root, suspendedTime)) {
+	    // The root is no longer suspended at this time.
+	    return;
+	  }
 
-	  // The work-in-progress tree is now the current tree. This must come after
-	  // the first pass of the commit phase, so that the previous tree is still
-	  // current during componentWillUnmount, but before the second pass, so that
-	  // the finished work is current during componentDidMount/Update.
-	  root.current = finishedWork;
+	  var lastPingedTime = root.lastPingedTime;
 
-	  // In the second pass we'll perform all life-cycles and ref callbacks.
-	  // Life-cycles happen as a separate pass so that all placements, updates,
-	  // and deletions in the entire tree have already been invoked.
-	  // This pass also triggers any renderer-specific initial effects.
-	  nextEffect = firstEffect;
-	  startCommitLifeCyclesTimer();
-	  while (nextEffect !== null) {
-	    var _didError2 = false;
-	    var _error2 = void 0;
-	    {
-	      invokeGuardedCallback(null, commitAllLifeCycles, null, root, committedExpirationTime);
-	      if (hasCaughtError()) {
-	        _didError2 = true;
-	        _error2 = clearCaughtError();
-	      }
-	    }
-	    if (_didError2) {
-	      !(nextEffect !== null) ? invariant(false, 'Should have next effect. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	      captureCommitPhaseError(nextEffect, _error2);
-	      if (nextEffect !== null) {
-	        nextEffect = nextEffect.nextEffect;
-	      }
-	    }
-	  }
+	  if (lastPingedTime !== NoWork && lastPingedTime < suspendedTime) {
+	    // There's already a lower priority ping scheduled.
+	    return;
+	  } // Mark the time at which this ping was scheduled.
 
-	  if (firstEffect !== null && rootWithPendingPassiveEffects !== null) {
-	    // This commit included a passive effect. These do not need to fire until
-	    // after the next paint. Schedule an callback to fire them in an async
-	    // event. To ensure serial execution, the callback will be flushed early if
-	    // we enter rootWithPendingPassiveEffects commit phase before then.
-	    var callback = commitPassiveEffects.bind(null, root, firstEffect);
-	    if (enableSchedulerTracing) {
-	      // TODO: Avoid this extra callback by mutating the tracing ref directly,
-	      // like we do at the beginning of commitRoot. I've opted not to do that
-	      // here because that code is still in flux.
-	      callback = tracing.unstable_wrap(callback);
-	    }
-	    passiveEffectCallbackHandle = scheduler.unstable_runWithPriority(scheduler.unstable_NormalPriority, function () {
-	      return schedulePassiveEffects(callback);
-	    });
-	    passiveEffectCallback = callback;
+
+	  root.lastPingedTime = suspendedTime;
+
+	  if (root.finishedExpirationTime === suspendedTime) {
+	    // If there's a pending fallback waiting to commit, throw it away.
+	    root.finishedExpirationTime = NoWork;
+	    root.finishedWork = null;
 	  }
 
-	  isCommitting$1 = false;
-	  isWorking = false;
-	  stopCommitLifeCyclesTimer();
-	  stopCommitTimer();
-	  onCommitRoot(finishedWork.stateNode);
-	  if (true && ReactFiberInstrumentation_1.debugTool) {
-	    ReactFiberInstrumentation_1.debugTool.onCommitWork(finishedWork);
+	  ensureRootIsScheduled(root);
+	  schedulePendingInteractions(root, suspendedTime);
+	}
+
+	function retryTimedOutBoundary(boundaryFiber, retryTime) {
+	  // The boundary fiber (a Suspense component or SuspenseList component)
+	  // previously was rendered in its fallback state. One of the promises that
+	  // suspended it has resolved, which means at least part of the tree was
+	  // likely unblocked. Try rendering again, at a new expiration time.
+	  if (retryTime === NoWork) {
+	    var suspenseConfig = null; // Retries don't carry over the already committed update.
+
+	    var currentTime = requestCurrentTimeForUpdate();
+	    retryTime = computeExpirationForFiber(currentTime, boundaryFiber, suspenseConfig);
+	  } // TODO: Special case idle priority?
+
+
+	  var root = markUpdateTimeFromFiberToRoot(boundaryFiber, retryTime);
+
+	  if (root !== null) {
+	    ensureRootIsScheduled(root);
+	    schedulePendingInteractions(root, retryTime);
 	  }
+	}
 
-	  var updateExpirationTimeAfterCommit = finishedWork.expirationTime;
-	  var childExpirationTimeAfterCommit = finishedWork.childExpirationTime;
-	  var earliestRemainingTimeAfterCommit = childExpirationTimeAfterCommit > updateExpirationTimeAfterCommit ? childExpirationTimeAfterCommit : updateExpirationTimeAfterCommit;
-	  if (earliestRemainingTimeAfterCommit === NoWork) {
-	    // If there's no remaining work, we can clear the set of already failed
-	    // error boundaries.
-	    legacyErrorBoundariesThatAlreadyFailed = null;
+	function retryDehydratedSuspenseBoundary(boundaryFiber) {
+	  var suspenseState = boundaryFiber.memoizedState;
+	  var retryTime = NoWork;
+
+	  if (suspenseState !== null) {
+	    retryTime = suspenseState.retryTime;
 	  }
-	  onCommit(root, earliestRemainingTimeAfterCommit);
 
-	  if (enableSchedulerTracing) {
-	    tracing.__interactionsRef.current = prevInteractions;
+	  retryTimedOutBoundary(boundaryFiber, retryTime);
+	}
+	function resolveRetryThenable(boundaryFiber, thenable) {
+	  var retryTime = NoWork; // Default
 
-	    var subscriber = void 0;
+	  var retryCache;
 
-	    try {
-	      subscriber = tracing.__subscriberRef.current;
-	      if (subscriber !== null && root.memoizedInteractions.size > 0) {
-	        var threadID = computeThreadID(committedExpirationTime, root.interactionThreadID);
-	        subscriber.onWorkStopped(root.memoizedInteractions, threadID);
-	      }
-	    } catch (error) {
-	      // It's not safe for commitRoot() to throw.
-	      // Store the error for now and we'll re-throw in finishRendering().
-	      if (!hasUnhandledError) {
-	        hasUnhandledError = true;
-	        unhandledError = error;
-	      }
-	    } finally {
-	      // Clear completed interactions from the pending Map.
-	      // Unless the render was suspended or cascading work was scheduled,
-	      // In which case– leave pending interactions until the subsequent render.
-	      var pendingInteractionMap = root.pendingInteractionMap;
-	      pendingInteractionMap.forEach(function (scheduledInteractions, scheduledExpirationTime) {
-	        // Only decrement the pending interaction count if we're done.
-	        // If there's still work at the current priority,
-	        // That indicates that we are waiting for suspense data.
-	        if (scheduledExpirationTime > earliestRemainingTimeAfterCommit) {
-	          pendingInteractionMap.delete(scheduledExpirationTime);
-
-	          scheduledInteractions.forEach(function (interaction) {
-	            interaction.__count--;
-
-	            if (subscriber !== null && interaction.__count === 0) {
-	              try {
-	                subscriber.onInteractionScheduledWorkCompleted(interaction);
-	              } catch (error) {
-	                // It's not safe for commitRoot() to throw.
-	                // Store the error for now and we'll re-throw in finishRendering().
-	                if (!hasUnhandledError) {
-	                  hasUnhandledError = true;
-	                  unhandledError = error;
-	                }
-	              }
-	            }
-	          });
+	  if (enableSuspenseServerRenderer) {
+	    switch (boundaryFiber.tag) {
+	      case SuspenseComponent:
+	        retryCache = boundaryFiber.stateNode;
+	        var suspenseState = boundaryFiber.memoizedState;
+
+	        if (suspenseState !== null) {
+	          retryTime = suspenseState.retryTime;
 	        }
-	      });
+
+	        break;
+
+	      case SuspenseListComponent:
+	        retryCache = boundaryFiber.stateNode;
+	        break;
+
+	      default:
+	        {
+	          {
+	            throw Error("Pinged unknown suspense boundary type. This is probably a bug in React.");
+	          }
+	        }
+
 	    }
+	  } else {
+	    retryCache = boundaryFiber.stateNode;
 	  }
+
+	  if (retryCache !== null) {
+	    // The thenable resolved, so we no longer need to memoize, because it will
+	    // never be thrown again.
+	    retryCache.delete(thenable);
+	  }
+
+	  retryTimedOutBoundary(boundaryFiber, retryTime);
+	} // Computes the next Just Noticeable Difference (JND) boundary.
+	// The theory is that a person can't tell the difference between small differences in time.
+	// Therefore, if we wait a bit longer than necessary that won't translate to a noticeable
+	// difference in the experience. However, waiting for longer might mean that we can avoid
+	// showing an intermediate loading state. The longer we have already waited, the harder it
+	// is to tell small differences in time. Therefore, the longer we've already waited,
+	// the longer we can wait additionally. At some point we have to give up though.
+	// We pick a train model where the next boundary commits at a consistent schedule.
+	// These particular numbers are vague estimates. We expect to adjust them based on research.
+
+	function jnd(timeElapsed) {
+	  return timeElapsed < 120 ? 120 : timeElapsed < 480 ? 480 : timeElapsed < 1080 ? 1080 : timeElapsed < 1920 ? 1920 : timeElapsed < 3000 ? 3000 : timeElapsed < 4320 ? 4320 : ceil(timeElapsed / 1960) * 1960;
 	}
 
-	function resetChildExpirationTime(workInProgress, renderTime) {
-	  if (renderTime !== Never && workInProgress.childExpirationTime === Never) {
-	    // The children of this component are hidden. Don't bubble their
-	    // expiration times.
-	    return;
+	function computeMsUntilSuspenseLoadingDelay(mostRecentEventTime, committedExpirationTime, suspenseConfig) {
+	  var busyMinDurationMs = suspenseConfig.busyMinDurationMs | 0;
+
+	  if (busyMinDurationMs <= 0) {
+	    return 0;
 	  }
 
-	  var newChildExpirationTime = NoWork;
+	  var busyDelayMs = suspenseConfig.busyDelayMs | 0; // Compute the time until this render pass would expire.
 
-	  // Bubble up the earliest expiration time.
-	  if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
-	    // We're in profiling mode.
-	    // Let's use this same traversal to update the render durations.
-	    var actualDuration = workInProgress.actualDuration;
-	    var treeBaseDuration = workInProgress.selfBaseDuration;
+	  var currentTimeMs = now();
+	  var eventTimeMs = inferTimeFromExpirationTimeWithSuspenseConfig(mostRecentEventTime, suspenseConfig);
+	  var timeElapsed = currentTimeMs - eventTimeMs;
 
-	    // When a fiber is cloned, its actualDuration is reset to 0.
-	    // This value will only be updated if work is done on the fiber (i.e. it doesn't bailout).
-	    // When work is done, it should bubble to the parent's actualDuration.
-	    // If the fiber has not been cloned though, (meaning no work was done),
-	    // Then this value will reflect the amount of time spent working on a previous render.
-	    // In that case it should not bubble.
-	    // We determine whether it was cloned by comparing the child pointer.
-	    var shouldBubbleActualDurations = workInProgress.alternate === null || workInProgress.child !== workInProgress.alternate.child;
+	  if (timeElapsed <= busyDelayMs) {
+	    // If we haven't yet waited longer than the initial delay, we don't
+	    // have to wait any additional time.
+	    return 0;
+	  }
 
-	    var child = workInProgress.child;
-	    while (child !== null) {
-	      var childUpdateExpirationTime = child.expirationTime;
-	      var childChildExpirationTime = child.childExpirationTime;
-	      if (childUpdateExpirationTime > newChildExpirationTime) {
-	        newChildExpirationTime = childUpdateExpirationTime;
-	      }
-	      if (childChildExpirationTime > newChildExpirationTime) {
-	        newChildExpirationTime = childChildExpirationTime;
-	      }
-	      if (shouldBubbleActualDurations) {
-	        actualDuration += child.actualDuration;
-	      }
-	      treeBaseDuration += child.treeBaseDuration;
-	      child = child.sibling;
-	    }
-	    workInProgress.actualDuration = actualDuration;
-	    workInProgress.treeBaseDuration = treeBaseDuration;
-	  } else {
-	    var _child = workInProgress.child;
-	    while (_child !== null) {
-	      var _childUpdateExpirationTime = _child.expirationTime;
-	      var _childChildExpirationTime = _child.childExpirationTime;
-	      if (_childUpdateExpirationTime > newChildExpirationTime) {
-	        newChildExpirationTime = _childUpdateExpirationTime;
-	      }
-	      if (_childChildExpirationTime > newChildExpirationTime) {
-	        newChildExpirationTime = _childChildExpirationTime;
+	  var msUntilTimeout = busyDelayMs + busyMinDurationMs - timeElapsed; // This is the value that is passed to `setTimeout`.
+
+	  return msUntilTimeout;
+	}
+
+	function checkForNestedUpdates() {
+	  if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
+	    nestedUpdateCount = 0;
+	    rootWithNestedUpdates = null;
+
+	    {
+	      {
+	        throw Error("Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.");
 	      }
-	      _child = _child.sibling;
 	    }
 	  }
 
-	  workInProgress.childExpirationTime = newChildExpirationTime;
+	  {
+	    if (nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT) {
+	      nestedPassiveUpdateCount = 0;
+	      warning$1(false, 'Maximum update depth exceeded. This can happen when a component ' + "calls setState inside useEffect, but useEffect either doesn't " + 'have a dependency array, or one of the dependencies changes on ' + 'every render.');
+	    }
+	  }
 	}
 
-	function completeUnitOfWork(workInProgress) {
-	  // Attempt to complete the current unit of work, then move to the
-	  // next sibling. If there are no more siblings, return to the
-	  // parent fiber.
-	  while (true) {
-	    // The current, flushed, state of this fiber is the alternate.
-	    // Ideally nothing should rely on this, but relying on it here
-	    // means that we don't need an additional field on the work in
-	    // progress.
-	    var current$$1 = workInProgress.alternate;
-	    {
-	      setCurrentFiber(workInProgress);
+	function flushRenderPhaseStrictModeWarningsInDEV() {
+	  {
+	    ReactStrictModeWarnings.flushLegacyContextWarning();
+
+	    if (warnAboutDeprecatedLifecycles) {
+	      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
 	    }
+	  }
+	}
 
-	    var returnFiber = workInProgress.return;
-	    var siblingFiber = workInProgress.sibling;
+	function stopFinishedWorkLoopTimer() {
+	  var didCompleteRoot = true;
+	  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
+	  interruptedBy = null;
+	}
 
-	    if ((workInProgress.effectTag & Incomplete) === NoEffect) {
-	      if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-	        // Don't replay if it fails during completion phase.
-	        mayReplayFailedUnitOfWork = false;
-	      }
-	      // This fiber completed.
-	      // Remember we're completing this unit so we can find a boundary if it fails.
-	      nextUnitOfWork = workInProgress;
-	      if (enableProfilerTimer) {
-	        if (workInProgress.mode & ProfileMode) {
-	          startProfilerTimer(workInProgress);
-	        }
-	        nextUnitOfWork = completeWork(current$$1, workInProgress, nextRenderExpirationTime);
-	        if (workInProgress.mode & ProfileMode) {
-	          // Update render duration assuming we didn't error.
-	          stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
-	        }
-	      } else {
-	        nextUnitOfWork = completeWork(current$$1, workInProgress, nextRenderExpirationTime);
-	      }
-	      if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-	        // We're out of completion phase so replaying is fine now.
-	        mayReplayFailedUnitOfWork = true;
-	      }
-	      stopWorkTimer(workInProgress);
-	      resetChildExpirationTime(workInProgress, nextRenderExpirationTime);
-	      {
-	        resetCurrentFiber();
-	      }
+	function stopInterruptedWorkLoopTimer() {
+	  // TODO: Track which fiber caused the interruption.
+	  var didCompleteRoot = false;
+	  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
+	  interruptedBy = null;
+	}
 
-	      if (nextUnitOfWork !== null) {
-	        // Completing this fiber spawned new work. Work on that next.
-	        return nextUnitOfWork;
-	      }
+	function checkForInterruption(fiberThatReceivedUpdate, updateExpirationTime) {
+	  if (enableUserTimingAPI && workInProgressRoot !== null && updateExpirationTime > renderExpirationTime) {
+	    interruptedBy = fiberThatReceivedUpdate;
+	  }
+	}
 
-	      if (returnFiber !== null &&
-	      // Do not append effects to parents if a sibling failed to complete
-	      (returnFiber.effectTag & Incomplete) === NoEffect) {
-	        // Append all the effects of the subtree and this fiber onto the effect
-	        // list of the parent. The completion order of the children affects the
-	        // side-effect order.
-	        if (returnFiber.firstEffect === null) {
-	          returnFiber.firstEffect = workInProgress.firstEffect;
-	        }
-	        if (workInProgress.lastEffect !== null) {
-	          if (returnFiber.lastEffect !== null) {
-	            returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
-	          }
-	          returnFiber.lastEffect = workInProgress.lastEffect;
-	        }
+	var didWarnStateUpdateForUnmountedComponent = null;
 
-	        // If this fiber had side-effects, we append it AFTER the children's
-	        // side-effects. We can perform certain side-effects earlier if
-	        // needed, by doing multiple passes over the effect list. We don't want
-	        // to schedule our own side-effect on our own list because if end up
-	        // reusing children we'll schedule this effect onto itself since we're
-	        // at the end.
-	        var effectTag = workInProgress.effectTag;
-	        // Skip both NoWork and PerformedWork tags when creating the effect list.
-	        // PerformedWork effect is read by React DevTools but shouldn't be committed.
-	        if (effectTag > PerformedWork) {
-	          if (returnFiber.lastEffect !== null) {
-	            returnFiber.lastEffect.nextEffect = workInProgress;
-	          } else {
-	            returnFiber.firstEffect = workInProgress;
-	          }
-	          returnFiber.lastEffect = workInProgress;
-	        }
-	      }
+	function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
+	  {
+	    var tag = fiber.tag;
 
-	      if (true && ReactFiberInstrumentation_1.debugTool) {
-	        ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
-	      }
+	    if (tag !== HostRoot && tag !== ClassComponent && tag !== FunctionComponent && tag !== ForwardRef && tag !== MemoComponent && tag !== SimpleMemoComponent) {
+	      // Only warn for user-defined components, not internal ones like Suspense.
+	      return;
+	    } // We show the whole stack but dedupe on the top component's name because
+	    // the problematic code almost always lies inside that component.
 
-	      if (siblingFiber !== null) {
-	        // If there is more work to do in this returnFiber, do that next.
-	        return siblingFiber;
-	      } else if (returnFiber !== null) {
-	        // If there's no more work in this returnFiber. Complete the returnFiber.
-	        workInProgress = returnFiber;
-	        continue;
-	      } else {
-	        // We've reached the root.
-	        return null;
+
+	    var componentName = getComponentName(fiber.type) || 'ReactComponent';
+
+	    if (didWarnStateUpdateForUnmountedComponent !== null) {
+	      if (didWarnStateUpdateForUnmountedComponent.has(componentName)) {
+	        return;
 	      }
+
+	      didWarnStateUpdateForUnmountedComponent.add(componentName);
 	    } else {
-	      if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
-	        // Record the render duration for the fiber that errored.
-	        stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
+	      didWarnStateUpdateForUnmountedComponent = new Set([componentName]);
+	    }
 
-	        // Include the time spent working on failed children before continuing.
-	        var actualDuration = workInProgress.actualDuration;
-	        var child = workInProgress.child;
-	        while (child !== null) {
-	          actualDuration += child.actualDuration;
-	          child = child.sibling;
-	        }
-	        workInProgress.actualDuration = actualDuration;
-	      }
+	    warningWithoutStack$1(false, "Can't perform a React state update on an unmounted component. This " + 'is a no-op, but it indicates a memory leak in your application. To ' + 'fix, cancel all subscriptions and asynchronous tasks in %s.%s', tag === ClassComponent ? 'the componentWillUnmount method' : 'a useEffect cleanup function', getStackByFiberInDevAndProd(fiber));
+	  }
+	}
 
-	      // This fiber did not complete because something threw. Pop values off
-	      // the stack without entering the complete phase. If this is a boundary,
-	      // capture values if possible.
-	      var next = unwindWork(workInProgress, nextRenderExpirationTime);
-	      // Because this fiber did not complete, don't reset its expiration time.
-	      if (workInProgress.effectTag & DidCapture) {
-	        // Restarting an error boundary
-	        stopFailedWorkTimer(workInProgress);
-	      } else {
-	        stopWorkTimer(workInProgress);
-	      }
+	var beginWork$$1;
 
-	      {
-	        resetCurrentFiber();
-	      }
+	if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+	  var dummyFiber = null;
 
-	      if (next !== null) {
-	        stopWorkTimer(workInProgress);
-	        if (true && ReactFiberInstrumentation_1.debugTool) {
-	          ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
-	        }
+	  beginWork$$1 = function (current$$1, unitOfWork, expirationTime) {
+	    // If a component throws an error, we replay it again in a synchronously
+	    // dispatched event, so that the debugger will treat it as an uncaught
+	    // error See ReactErrorUtils for more information.
+	    // Before entering the begin phase, copy the work-in-progress onto a dummy
+	    // fiber. If beginWork throws, we'll use this to reset the state.
+	    var originalWorkInProgressCopy = assignFiberPropertiesInDEV(dummyFiber, unitOfWork);
 
-	        // If completing this work spawned new work, do that next. We'll come
-	        // back here again.
-	        // Since we're restarting, remove anything that is not a host effect
-	        // from the effect tag.
-	        next.effectTag &= HostEffectMask;
-	        return next;
-	      }
+	    try {
+	      return beginWork$1(current$$1, unitOfWork, expirationTime);
+	    } catch (originalError) {
+	      if (originalError !== null && typeof originalError === 'object' && typeof originalError.then === 'function') {
+	        // Don't replay promises. Treat everything else like an error.
+	        throw originalError;
+	      } // Keep this code in sync with handleError; any changes here must have
+	      // corresponding changes there.
 
-	      if (returnFiber !== null) {
-	        // Mark the parent fiber as incomplete and clear its effect list.
-	        returnFiber.firstEffect = returnFiber.lastEffect = null;
-	        returnFiber.effectTag |= Incomplete;
-	      }
 
-	      if (true && ReactFiberInstrumentation_1.debugTool) {
-	        ReactFiberInstrumentation_1.debugTool.onCompleteWork(workInProgress);
-	      }
+	      resetContextDependencies();
+	      resetHooks(); // Don't reset current debug fiber, since we're about to work on the
+	      // same fiber again.
+	      // Unwind the failed stack frame
 
-	      if (siblingFiber !== null) {
-	        // If there is more work to do in this returnFiber, do that next.
-	        return siblingFiber;
-	      } else if (returnFiber !== null) {
-	        // If there's no more work in this returnFiber. Complete the returnFiber.
-	        workInProgress = returnFiber;
-	        continue;
+	      unwindInterruptedWork(unitOfWork); // Restore the original properties of the fiber.
+
+	      assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
+
+	      if (enableProfilerTimer && unitOfWork.mode & ProfileMode) {
+	        // Reset the profiler timer.
+	        startProfilerTimer(unitOfWork);
+	      } // Run beginWork again.
+
+
+	      invokeGuardedCallback(null, beginWork$1, null, current$$1, unitOfWork, expirationTime);
+
+	      if (hasCaughtError()) {
+	        var replayError = clearCaughtError(); // `invokeGuardedCallback` sometimes sets an expando `_suppressLogging`.
+	        // Rethrow this error instead of the original one.
+
+	        throw replayError;
 	      } else {
-	        return null;
+	        // This branch is reachable if the render phase is impure.
+	        throw originalError;
 	      }
 	    }
-	  }
-
-	  // Without this explicit null return Flow complains of invalid return type
-	  // TODO Remove the above while(true) loop
-	  // eslint-disable-next-line no-unreachable
-	  return null;
+	  };
+	} else {
+	  beginWork$$1 = beginWork$1;
 	}
 
-	function performUnitOfWork(workInProgress) {
-	  // The current, flushed, state of this fiber is the alternate.
-	  // Ideally nothing should rely on this, but relying on it here
-	  // means that we don't need an additional field on the work in
-	  // progress.
-	  var current$$1 = workInProgress.alternate;
+	var didWarnAboutUpdateInRender = false;
+	var didWarnAboutUpdateInGetChildContext = false;
 
-	  // See if beginning this work spawns more work.
-	  startWorkTimer(workInProgress);
+	function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
 	  {
-	    setCurrentFiber(workInProgress);
-	  }
-
-	  if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-	    stashedWorkInProgressProperties = assignFiberPropertiesInDEV(stashedWorkInProgressProperties, workInProgress);
-	  }
+	    if (fiber.tag === ClassComponent) {
+	      switch (phase) {
+	        case 'getChildContext':
+	          if (didWarnAboutUpdateInGetChildContext) {
+	            return;
+	          }
 
-	  var next = void 0;
-	  if (enableProfilerTimer) {
-	    if (workInProgress.mode & ProfileMode) {
-	      startProfilerTimer(workInProgress);
-	    }
+	          warningWithoutStack$1(false, 'setState(...): Cannot call setState() inside getChildContext()');
+	          didWarnAboutUpdateInGetChildContext = true;
+	          break;
 
-	    next = beginWork(current$$1, workInProgress, nextRenderExpirationTime);
-	    workInProgress.memoizedProps = workInProgress.pendingProps;
+	        case 'render':
+	          if (didWarnAboutUpdateInRender) {
+	            return;
+	          }
 
-	    if (workInProgress.mode & ProfileMode) {
-	      // Record the render duration assuming we didn't bailout (or error).
-	      stopProfilerTimerIfRunningAndRecordDelta(workInProgress, true);
+	          warningWithoutStack$1(false, 'Cannot update during an existing state transition (such as ' + 'within `render`). Render methods should be a pure function of ' + 'props and state.');
+	          didWarnAboutUpdateInRender = true;
+	          break;
+	      }
 	    }
-	  } else {
-	    next = beginWork(current$$1, workInProgress, nextRenderExpirationTime);
-	    workInProgress.memoizedProps = workInProgress.pendingProps;
 	  }
+	} // a 'shared' variable that changes when act() opens/closes in tests.
 
+
+	var IsThisRendererActing = {
+	  current: false
+	};
+	function warnIfNotScopedWithMatchingAct(fiber) {
 	  {
-	    resetCurrentFiber();
-	    if (isReplayingFailedUnitOfWork) {
-	      // Currently replaying a failed unit of work. This should be unreachable,
-	      // because the render phase is meant to be idempotent, and it should
-	      // have thrown again. Since it didn't, rethrow the original error, so
-	      // React's internal stack is not misaligned.
-	      rethrowOriginalError();
+	    if (warnsIfNotActing === true && IsSomeRendererActing.current === true && IsThisRendererActing.current !== true) {
+	      warningWithoutStack$1(false, "It looks like you're using the wrong act() around your test interactions.\n" + 'Be sure to use the matching version of act() corresponding to your renderer:\n\n' + '// for react-dom:\n' + "import {act} from 'react-dom/test-utils';\n" + '// ...\n' + 'act(() => ...);\n\n' + '// for react-test-renderer:\n' + "import TestRenderer from 'react-test-renderer';\n" + 'const {act} = TestRenderer;\n' + '// ...\n' + 'act(() => ...);' + '%s', getStackByFiberInDevAndProd(fiber));
 	    }
 	  }
-	  if (true && ReactFiberInstrumentation_1.debugTool) {
-	    ReactFiberInstrumentation_1.debugTool.onBeginWork(workInProgress);
+	}
+	function warnIfNotCurrentlyActingEffectsInDEV(fiber) {
+	  {
+	    if (warnsIfNotActing === true && (fiber.mode & StrictMode) !== NoMode && IsSomeRendererActing.current === false && IsThisRendererActing.current === false) {
+	      warningWithoutStack$1(false, 'An update to %s ran an effect, but was not wrapped in act(...).\n\n' + 'When testing, code that causes React state updates should be ' + 'wrapped into act(...):\n\n' + 'act(() => {\n' + '  /* fire events that update state */\n' + '});\n' + '/* assert on the output */\n\n' + "This ensures that you're testing the behavior the user would see " + 'in the browser.' + ' Learn more at https://fb.me/react-wrap-tests-with-act' + '%s', getComponentName(fiber.type), getStackByFiberInDevAndProd(fiber));
+	    }
 	  }
+	}
 
-	  if (next === null) {
-	    // If this doesn't spawn new work, complete the current work.
-	    next = completeUnitOfWork(workInProgress);
+	function warnIfNotCurrentlyActingUpdatesInDEV(fiber) {
+	  {
+	    if (warnsIfNotActing === true && executionContext === NoContext && IsSomeRendererActing.current === false && IsThisRendererActing.current === false) {
+	      warningWithoutStack$1(false, 'An update to %s inside a test was not wrapped in act(...).\n\n' + 'When testing, code that causes React state updates should be ' + 'wrapped into act(...):\n\n' + 'act(() => {\n' + '  /* fire events that update state */\n' + '});\n' + '/* assert on the output */\n\n' + "This ensures that you're testing the behavior the user would see " + 'in the browser.' + ' Learn more at https://fb.me/react-wrap-tests-with-act' + '%s', getComponentName(fiber.type), getStackByFiberInDevAndProd(fiber));
+	    }
 	  }
+	}
 
-	  ReactCurrentOwner$2.current = null;
+	var warnIfNotCurrentlyActingUpdatesInDev = warnIfNotCurrentlyActingUpdatesInDEV; // In tests, we want to enforce a mocked scheduler.
 
-	  return next;
-	}
+	var didWarnAboutUnmockedScheduler = false; // TODO Before we release concurrent mode, revisit this and decide whether a mocked
+	// scheduler is the actual recommendation. The alternative could be a testing build,
+	// a new lib, or whatever; we dunno just yet. This message is for early adopters
+	// to get their tests right.
 
-	function workLoop(isYieldy) {
-	  if (!isYieldy) {
-	    // Flush work without yielding
-	    while (nextUnitOfWork !== null) {
-	      nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
-	    }
-	  } else {
-	    // Flush asynchronous work until there's a higher priority event
-	    while (nextUnitOfWork !== null && !shouldYieldToRenderer()) {
-	      nextUnitOfWork = performUnitOfWork(nextUnitOfWork);
+	function warnIfUnmockedScheduler(fiber) {
+	  {
+	    if (didWarnAboutUnmockedScheduler === false && Scheduler.unstable_flushAllWithoutAsserting === undefined) {
+	      if (fiber.mode & BlockingMode || fiber.mode & ConcurrentMode) {
+	        didWarnAboutUnmockedScheduler = true;
+	        warningWithoutStack$1(false, 'In Concurrent or Sync modes, the "scheduler" module needs to be mocked ' + 'to guarantee consistent behaviour across tests and browsers. ' + 'For example, with jest: \n' + "jest.mock('scheduler', () => require('scheduler/unstable_mock'));\n\n" + 'For more info, visit https://fb.me/react-mock-scheduler');
+	      } else if (warnAboutUnmockedScheduler === true) {
+	        didWarnAboutUnmockedScheduler = true;
+	        warningWithoutStack$1(false, 'Starting from React v17, the "scheduler" module will need to be mocked ' + 'to guarantee consistent behaviour across tests and browsers. ' + 'For example, with jest: \n' + "jest.mock('scheduler', () => require('scheduler/unstable_mock'));\n\n" + 'For more info, visit https://fb.me/react-mock-scheduler');
+	      }
 	    }
 	  }
 	}
+	var componentsThatTriggeredHighPriSuspend = null;
+	function checkForWrongSuspensePriorityInDEV(sourceFiber) {
+	  {
+	    var currentPriorityLevel = getCurrentPriorityLevel();
 
-	function renderRoot(root, isYieldy) {
-	  !!isWorking ? invariant(false, 'renderRoot was called recursively. This error is likely caused by a bug in React. Please file an issue.') : void 0;
+	    if ((sourceFiber.mode & ConcurrentMode) !== NoEffect && (currentPriorityLevel === UserBlockingPriority$2 || currentPriorityLevel === ImmediatePriority)) {
+	      var workInProgressNode = sourceFiber;
 
-	  flushPassiveEffects();
+	      while (workInProgressNode !== null) {
+	        // Add the component that triggered the suspense
+	        var current$$1 = workInProgressNode.alternate;
 
-	  isWorking = true;
-	  var previousDispatcher = ReactCurrentDispatcher.current;
-	  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+	        if (current$$1 !== null) {
+	          // TODO: warn component that triggers the high priority
+	          // suspend is the HostRoot
+	          switch (workInProgressNode.tag) {
+	            case ClassComponent:
+	              // Loop through the component's update queue and see whether the component
+	              // has triggered any high priority updates
+	              var updateQueue = current$$1.updateQueue;
+
+	              if (updateQueue !== null) {
+	                var update = updateQueue.firstUpdate;
+
+	                while (update !== null) {
+	                  var priorityLevel = update.priority;
+
+	                  if (priorityLevel === UserBlockingPriority$2 || priorityLevel === ImmediatePriority) {
+	                    if (componentsThatTriggeredHighPriSuspend === null) {
+	                      componentsThatTriggeredHighPriSuspend = new Set([getComponentName(workInProgressNode.type)]);
+	                    } else {
+	                      componentsThatTriggeredHighPriSuspend.add(getComponentName(workInProgressNode.type));
+	                    }
 
-	  var expirationTime = root.nextExpirationTimeToWorkOn;
+	                    break;
+	                  }
 
-	  // Check if we're starting from a fresh stack, or if we're resuming from
-	  // previously yielded work.
-	  if (expirationTime !== nextRenderExpirationTime || root !== nextRoot || nextUnitOfWork === null) {
-	    // Reset the stack and start working from the root.
-	    resetStack();
-	    nextRoot = root;
-	    nextRenderExpirationTime = expirationTime;
-	    nextUnitOfWork = createWorkInProgress(nextRoot.current, null, nextRenderExpirationTime);
-	    root.pendingCommitExpirationTime = NoWork;
+	                  update = update.next;
+	                }
+	              }
 
-	    if (enableSchedulerTracing) {
-	      // Determine which interactions this batch of work currently includes,
-	      // So that we can accurately attribute time spent working on it,
-	      var interactions = new Set();
-	      root.pendingInteractionMap.forEach(function (scheduledInteractions, scheduledExpirationTime) {
-	        if (scheduledExpirationTime >= expirationTime) {
-	          scheduledInteractions.forEach(function (interaction) {
-	            return interactions.add(interaction);
-	          });
-	        }
-	      });
+	              break;
 
-	      // Store the current set of interactions on the FiberRoot for a few reasons:
-	      // We can re-use it in hot functions like renderRoot() without having to recalculate it.
-	      // We will also use it in commitWork() to pass to any Profiler onRender() hooks.
-	      // This also provides DevTools with a way to access it when the onCommitRoot() hook is called.
-	      root.memoizedInteractions = interactions;
+	            case FunctionComponent:
+	            case ForwardRef:
+	            case SimpleMemoComponent:
+	              if (workInProgressNode.memoizedState !== null && workInProgressNode.memoizedState.baseUpdate !== null) {
+	                var _update = workInProgressNode.memoizedState.baseUpdate; // Loop through the functional component's memoized state to see whether
+	                // the component has triggered any high pri updates
 
-	      if (interactions.size > 0) {
-	        var subscriber = tracing.__subscriberRef.current;
-	        if (subscriber !== null) {
-	          var threadID = computeThreadID(expirationTime, root.interactionThreadID);
-	          try {
-	            subscriber.onWorkStarted(interactions, threadID);
-	          } catch (error) {
-	            // Work thrown by an interaction tracing subscriber should be rethrown,
-	            // But only once it's safe (to avoid leaving the scheduler in an invalid state).
-	            // Store the error for now and we'll re-throw in finishRendering().
-	            if (!hasUnhandledError) {
-	              hasUnhandledError = true;
-	              unhandledError = error;
-	            }
+	                while (_update !== null) {
+	                  var priority = _update.priority;
+
+	                  if (priority === UserBlockingPriority$2 || priority === ImmediatePriority) {
+	                    if (componentsThatTriggeredHighPriSuspend === null) {
+	                      componentsThatTriggeredHighPriSuspend = new Set([getComponentName(workInProgressNode.type)]);
+	                    } else {
+	                      componentsThatTriggeredHighPriSuspend.add(getComponentName(workInProgressNode.type));
+	                    }
+
+	                    break;
+	                  }
+
+	                  if (_update.next === workInProgressNode.memoizedState.baseUpdate) {
+	                    break;
+	                  }
+
+	                  _update = _update.next;
+	                }
+	              }
+
+	              break;
+
+	            default:
+	              break;
 	          }
 	        }
+
+	        workInProgressNode = workInProgressNode.return;
 	      }
 	    }
 	  }
+	}
 
-	  var prevInteractions = null;
-	  if (enableSchedulerTracing) {
-	    // We're about to start new traced work.
-	    // Restore pending interactions so cascading work triggered during the render phase will be accounted for.
-	    prevInteractions = tracing.__interactionsRef.current;
-	    tracing.__interactionsRef.current = root.memoizedInteractions;
+	function flushSuspensePriorityWarningInDEV() {
+	  {
+	    if (componentsThatTriggeredHighPriSuspend !== null) {
+	      var componentNames = [];
+	      componentsThatTriggeredHighPriSuspend.forEach(function (name) {
+	        return componentNames.push(name);
+	      });
+	      componentsThatTriggeredHighPriSuspend = null;
+
+	      if (componentNames.length > 0) {
+	        warningWithoutStack$1(false, '%s triggered a user-blocking update that suspended.' + '\n\n' + 'The fix is to split the update into multiple parts: a user-blocking ' + 'update to provide immediate feedback, and another update that ' + 'triggers the bulk of the changes.' + '\n\n' + 'Refer to the documentation for useTransition to learn how ' + 'to implement this pattern.', // TODO: Add link to React docs with more information, once it exists
+	        componentNames.sort().join(', '));
+	      }
+	    }
 	  }
+	}
 
-	  var didFatal = false;
+	function computeThreadID(root, expirationTime) {
+	  // Interaction threads are unique per root and expiration time.
+	  return expirationTime * 1000 + root.interactionThreadID;
+	}
 
-	  startWorkLoopTimer(nextUnitOfWork);
+	function markSpawnedWork(expirationTime) {
+	  if (!enableSchedulerTracing) {
+	    return;
+	  }
 
-	  do {
-	    try {
-	      workLoop(isYieldy);
-	    } catch (thrownValue) {
-	      resetContextDependences();
-	      resetHooks();
+	  if (spawnedWorkDuringRender === null) {
+	    spawnedWorkDuringRender = [expirationTime];
+	  } else {
+	    spawnedWorkDuringRender.push(expirationTime);
+	  }
+	}
 
-	      // Reset in case completion throws.
-	      // This is only used in DEV and when replaying is on.
-	      var mayReplay = void 0;
-	      if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-	        mayReplay = mayReplayFailedUnitOfWork;
-	        mayReplayFailedUnitOfWork = true;
-	      }
+	function scheduleInteractions(root, expirationTime, interactions) {
+	  if (!enableSchedulerTracing) {
+	    return;
+	  }
 
-	      if (nextUnitOfWork === null) {
-	        // This is a fatal error.
-	        didFatal = true;
-	        onUncaughtError(thrownValue);
-	      } else {
-	        if (enableProfilerTimer && nextUnitOfWork.mode & ProfileMode) {
-	          // Record the time spent rendering before an error was thrown.
-	          // This avoids inaccurate Profiler durations in the case of a suspended render.
-	          stopProfilerTimerIfRunningAndRecordDelta(nextUnitOfWork, true);
-	        }
+	  if (interactions.size > 0) {
+	    var pendingInteractionMap = root.pendingInteractionMap;
+	    var pendingInteractions = pendingInteractionMap.get(expirationTime);
 
-	        {
-	          // Reset global debug state
-	          // We assume this is defined in DEV
-	          resetCurrentlyProcessingQueue();
+	    if (pendingInteractions != null) {
+	      interactions.forEach(function (interaction) {
+	        if (!pendingInteractions.has(interaction)) {
+	          // Update the pending async work count for previously unscheduled interaction.
+	          interaction.__count++;
 	        }
 
-	        if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
-	          if (mayReplay) {
-	            var failedUnitOfWork = nextUnitOfWork;
-	            replayUnitOfWork(failedUnitOfWork, thrownValue, isYieldy);
-	          }
-	        }
+	        pendingInteractions.add(interaction);
+	      });
+	    } else {
+	      pendingInteractionMap.set(expirationTime, new Set(interactions)); // Update the pending async work count for the current interactions.
 
-	        // TODO: we already know this isn't true in some cases.
-	        // At least this shows a nicer error message until we figure out the cause.
-	        // https://github.com/facebook/react/issues/12449#issuecomment-386727431
-	        !(nextUnitOfWork !== null) ? invariant(false, 'Failed to replay rendering after an error. This is likely caused by a bug in React. Please file an issue with a reproducing case to help us find it.') : void 0;
-
-	        var sourceFiber = nextUnitOfWork;
-	        var returnFiber = sourceFiber.return;
-	        if (returnFiber === null) {
-	          // This is the root. The root could capture its own errors. However,
-	          // we don't know if it errors before or after we pushed the host
-	          // context. This information is needed to avoid a stack mismatch.
-	          // Because we're not sure, treat this as a fatal error. We could track
-	          // which phase it fails in, but doesn't seem worth it. At least
-	          // for now.
-	          didFatal = true;
-	          onUncaughtError(thrownValue);
-	        } else {
-	          throwException(root, returnFiber, sourceFiber, thrownValue, nextRenderExpirationTime);
-	          nextUnitOfWork = completeUnitOfWork(sourceFiber);
-	          continue;
-	        }
-	      }
+	      interactions.forEach(function (interaction) {
+	        interaction.__count++;
+	      });
 	    }
-	    break;
-	  } while (true);
 
-	  if (enableSchedulerTracing) {
-	    // Traced work is done for now; restore the previous interactions.
-	    tracing.__interactionsRef.current = prevInteractions;
+	    var subscriber = tracing.__subscriberRef.current;
+
+	    if (subscriber !== null) {
+	      var threadID = computeThreadID(root, expirationTime);
+	      subscriber.onWorkScheduled(interactions, threadID);
+	    }
+	  }
+	}
+
+	function schedulePendingInteractions(root, expirationTime) {
+	  // This is called when work is scheduled on a root.
+	  // It associates the current interactions with the newly-scheduled expiration.
+	  // They will be restored when that expiration is later committed.
+	  if (!enableSchedulerTracing) {
+	    return;
 	  }
 
-	  // We're done performing work. Time to clean up.
-	  isWorking = false;
-	  ReactCurrentDispatcher.current = previousDispatcher;
-	  resetContextDependences();
-	  resetHooks();
+	  scheduleInteractions(root, expirationTime, tracing.__interactionsRef.current);
+	}
 
-	  // Yield back to main thread.
-	  if (didFatal) {
-	    var _didCompleteRoot = false;
-	    stopWorkLoopTimer(interruptedBy, _didCompleteRoot);
-	    interruptedBy = null;
-	    // There was a fatal error.
-	    {
-	      resetStackAfterFatalErrorInDev();
-	    }
-	    // `nextRoot` points to the in-progress root. A non-null value indicates
-	    // that we're in the middle of an async render. Set it to null to indicate
-	    // there's no more work to be done in the current batch.
-	    nextRoot = null;
-	    onFatal(root);
+	function startWorkOnPendingInteractions(root, expirationTime) {
+	  // This is called when new work is started on a root.
+	  if (!enableSchedulerTracing) {
 	    return;
+	  } // Determine which interactions this batch of work currently includes, So that
+	  // we can accurately attribute time spent working on it, And so that cascading
+	  // work triggered during the render phase will be associated with it.
+
+
+	  var interactions = new Set();
+	  root.pendingInteractionMap.forEach(function (scheduledInteractions, scheduledExpirationTime) {
+	    if (scheduledExpirationTime >= expirationTime) {
+	      scheduledInteractions.forEach(function (interaction) {
+	        return interactions.add(interaction);
+	      });
+	    }
+	  }); // Store the current set of interactions on the FiberRoot for a few reasons:
+	  // We can re-use it in hot functions like performConcurrentWorkOnRoot()
+	  // without having to recalculate it. We will also use it in commitWork() to
+	  // pass to any Profiler onRender() hooks. This also provides DevTools with a
+	  // way to access it when the onCommitRoot() hook is called.
+
+	  root.memoizedInteractions = interactions;
+
+	  if (interactions.size > 0) {
+	    var subscriber = tracing.__subscriberRef.current;
+
+	    if (subscriber !== null) {
+	      var threadID = computeThreadID(root, expirationTime);
+
+	      try {
+	        subscriber.onWorkStarted(interactions, threadID);
+	      } catch (error) {
+	        // If the subscriber throws, rethrow it in a separate task
+	        scheduleCallback(ImmediatePriority, function () {
+	          throw error;
+	        });
+	      }
+	    }
 	  }
+	}
 
-	  if (nextUnitOfWork !== null) {
-	    // There's still remaining async work in this tree, but we ran out of time
-	    // in the current frame. Yield back to the renderer. Unless we're
-	    // interrupted by a higher priority update, we'll continue later from where
-	    // we left off.
-	    var _didCompleteRoot2 = false;
-	    stopWorkLoopTimer(interruptedBy, _didCompleteRoot2);
-	    interruptedBy = null;
-	    onYield(root);
+	function finishPendingInteractions(root, committedExpirationTime) {
+	  if (!enableSchedulerTracing) {
 	    return;
 	  }
 
-	  // We completed the whole tree.
-	  var didCompleteRoot = true;
-	  stopWorkLoopTimer(interruptedBy, didCompleteRoot);
-	  var rootWorkInProgress = root.current.alternate;
-	  !(rootWorkInProgress !== null) ? invariant(false, 'Finished root should have a work-in-progress. This error is likely caused by a bug in React. Please file an issue.') : void 0;
+	  var earliestRemainingTimeAfterCommit = root.firstPendingTime;
+	  var subscriber;
 
-	  // `nextRoot` points to the in-progress root. A non-null value indicates
-	  // that we're in the middle of an async render. Set it to null to indicate
-	  // there's no more work to be done in the current batch.
-	  nextRoot = null;
-	  interruptedBy = null;
+	  try {
+	    subscriber = tracing.__subscriberRef.current;
 
-	  if (nextRenderDidError) {
-	    // There was an error
-	    if (hasLowerPriorityWork(root, expirationTime)) {
-	      // There's lower priority work. If so, it may have the effect of fixing
-	      // the exception that was just thrown. Exit without committing. This is
-	      // similar to a suspend, but without a timeout because we're not waiting
-	      // for a promise to resolve. React will restart at the lower
-	      // priority level.
-	      markSuspendedPriorityLevel(root, expirationTime);
-	      var suspendedExpirationTime = expirationTime;
-	      var rootExpirationTime = root.expirationTime;
-	      onSuspend(root, rootWorkInProgress, suspendedExpirationTime, rootExpirationTime, -1 // Indicates no timeout
-	      );
-	      return;
-	    } else if (
-	    // There's no lower priority work, but we're rendering asynchronously.
-	    // Synchronously attempt to render the same level one more time. This is
-	    // similar to a suspend, but without a timeout because we're not waiting
-	    // for a promise to resolve.
-	    !root.didError && isYieldy) {
-	      root.didError = true;
-	      var _suspendedExpirationTime = root.nextExpirationTimeToWorkOn = expirationTime;
-	      var _rootExpirationTime = root.expirationTime = Sync;
-	      onSuspend(root, rootWorkInProgress, _suspendedExpirationTime, _rootExpirationTime, -1 // Indicates no timeout
-	      );
-	      return;
+	    if (subscriber !== null && root.memoizedInteractions.size > 0) {
+	      var threadID = computeThreadID(root, committedExpirationTime);
+	      subscriber.onWorkStopped(root.memoizedInteractions, threadID);
 	    }
+	  } catch (error) {
+	    // If the subscriber throws, rethrow it in a separate task
+	    scheduleCallback(ImmediatePriority, function () {
+	      throw error;
+	    });
+	  } finally {
+	    // Clear completed interactions from the pending Map.
+	    // Unless the render was suspended or cascading work was scheduled,
+	    // In which case– leave pending interactions until the subsequent render.
+	    var pendingInteractionMap = root.pendingInteractionMap;
+	    pendingInteractionMap.forEach(function (scheduledInteractions, scheduledExpirationTime) {
+	      // Only decrement the pending interaction count if we're done.
+	      // If there's still work at the current priority,
+	      // That indicates that we are waiting for suspense data.
+	      if (scheduledExpirationTime > earliestRemainingTimeAfterCommit) {
+	        pendingInteractionMap.delete(scheduledExpirationTime);
+	        scheduledInteractions.forEach(function (interaction) {
+	          interaction.__count--;
+
+	          if (subscriber !== null && interaction.__count === 0) {
+	            try {
+	              subscriber.onInteractionScheduledWorkCompleted(interaction);
+	            } catch (error) {
+	              // If the subscriber throws, rethrow it in a separate task
+	              scheduleCallback(ImmediatePriority, function () {
+	                throw error;
+	              });
+	            }
+	          }
+	        });
+	      }
+	    });
+	  }
+	}
+
+	var onCommitFiberRoot = null;
+	var onCommitFiberUnmount = null;
+	var hasLoggedError = false;
+	var isDevToolsPresent = typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined';
+	function injectInternals(internals) {
+	  if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined') {
+	    // No DevTools
+	    return false;
 	  }
 
-	  if (isYieldy && nextLatestAbsoluteTimeoutMs !== -1) {
-	    // The tree was suspended.
-	    var _suspendedExpirationTime2 = expirationTime;
-	    markSuspendedPriorityLevel(root, _suspendedExpirationTime2);
+	  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
 
-	    // Find the earliest uncommitted expiration time in the tree, including
-	    // work that is suspended. The timeout threshold cannot be longer than
-	    // the overall expiration.
-	    var earliestExpirationTime = findEarliestOutstandingPriorityLevel(root, expirationTime);
-	    var earliestExpirationTimeMs = expirationTimeToMs(earliestExpirationTime);
-	    if (earliestExpirationTimeMs < nextLatestAbsoluteTimeoutMs) {
-	      nextLatestAbsoluteTimeoutMs = earliestExpirationTimeMs;
-	    }
+	  if (hook.isDisabled) {
+	    // This isn't a real property on the hook, but it can be set to opt out
+	    // of DevTools integration and associated warnings and logs.
+	    // https://github.com/facebook/react/issues/3877
+	    return true;
+	  }
 
-	    // Subtract the current time from the absolute timeout to get the number
-	    // of milliseconds until the timeout. In other words, convert an absolute
-	    // timestamp to a relative time. This is the value that is passed
-	    // to `setTimeout`.
-	    var currentTimeMs = expirationTimeToMs(requestCurrentTime());
-	    var msUntilTimeout = nextLatestAbsoluteTimeoutMs - currentTimeMs;
-	    msUntilTimeout = msUntilTimeout < 0 ? 0 : msUntilTimeout;
+	  if (!hook.supportsFiber) {
+	    {
+	      warningWithoutStack$1(false, 'The installed version of React DevTools is too old and will not work ' + 'with the current version of React. Please update React DevTools. ' + 'https://fb.me/react-devtools');
+	    } // DevTools exists, even though it doesn't support Fiber.
 
-	    // TODO: Account for the Just Noticeable Difference
 
-	    var _rootExpirationTime2 = root.expirationTime;
-	    onSuspend(root, rootWorkInProgress, _suspendedExpirationTime2, _rootExpirationTime2, msUntilTimeout);
-	    return;
+	    return true;
 	  }
 
-	  // Ready to commit.
-	  onComplete(root, rootWorkInProgress, expirationTime);
-	}
+	  try {
+	    var rendererID = hook.inject(internals); // We have successfully injected, so now it is safe to set up hooks.
 
-	function captureCommitPhaseError(sourceFiber, value) {
-	  var expirationTime = Sync;
-	  var fiber = sourceFiber.return;
-	  while (fiber !== null) {
-	    switch (fiber.tag) {
-	      case ClassComponent:
-	        var ctor = fiber.type;
-	        var instance = fiber.stateNode;
-	        if (typeof ctor.getDerivedStateFromError === 'function' || typeof instance.componentDidCatch === 'function' && !isAlreadyFailedLegacyErrorBoundary(instance)) {
-	          var errorInfo = createCapturedValue(value, sourceFiber);
-	          var update = createClassErrorUpdate(fiber, errorInfo, expirationTime);
-	          enqueueUpdate(fiber, update);
-	          scheduleWork(fiber, expirationTime);
-	          return;
+	    onCommitFiberRoot = function (root, expirationTime) {
+	      try {
+	        var didError = (root.current.effectTag & DidCapture) === DidCapture;
+
+	        if (enableProfilerTimer) {
+	          var currentTime = getCurrentTime();
+	          var priorityLevel = inferPriorityFromExpirationTime(currentTime, expirationTime);
+	          hook.onCommitFiberRoot(rendererID, root, priorityLevel, didError);
+	        } else {
+	          hook.onCommitFiberRoot(rendererID, root, undefined, didError);
 	        }
-	        break;
-	      case HostRoot:
-	        {
-	          var _errorInfo = createCapturedValue(value, sourceFiber);
-	          var _update = createRootErrorUpdate(fiber, _errorInfo, expirationTime);
-	          enqueueUpdate(fiber, _update);
-	          scheduleWork(fiber, expirationTime);
-	          return;
+	      } catch (err) {
+	        if (true && !hasLoggedError) {
+	          hasLoggedError = true;
+	          warningWithoutStack$1(false, 'React DevTools encountered an error: %s', err);
+	        }
+	      }
+	    };
+
+	    onCommitFiberUnmount = function (fiber) {
+	      try {
+	        hook.onCommitFiberUnmount(rendererID, fiber);
+	      } catch (err) {
+	        if (true && !hasLoggedError) {
+	          hasLoggedError = true;
+	          warningWithoutStack$1(false, 'React DevTools encountered an error: %s', err);
 	        }
+	      }
+	    };
+	  } catch (err) {
+	    // Catch all errors because it is unsafe to throw during initialization.
+	    {
+	      warningWithoutStack$1(false, 'React DevTools encountered an error: %s.', err);
 	    }
-	    fiber = fiber.return;
-	  }
+	  } // DevTools exists
 
-	  if (sourceFiber.tag === HostRoot) {
-	    // Error was thrown at the root. There is no parent, so the root
-	    // itself should capture it.
-	    var rootFiber = sourceFiber;
-	    var _errorInfo2 = createCapturedValue(value, rootFiber);
-	    var _update2 = createRootErrorUpdate(rootFiber, _errorInfo2, expirationTime);
-	    enqueueUpdate(rootFiber, _update2);
-	    scheduleWork(rootFiber, expirationTime);
+
+	  return true;
+	}
+	function onCommitRoot(root, expirationTime) {
+	  if (typeof onCommitFiberRoot === 'function') {
+	    onCommitFiberRoot(root, expirationTime);
 	  }
 	}
-
-	function computeThreadID(expirationTime, interactionThreadID) {
-	  // Interaction threads are unique per root and expiration time.
-	  return expirationTime * 1000 + interactionThreadID;
+	function onCommitUnmount(fiber) {
+	  if (typeof onCommitFiberUnmount === 'function') {
+	    onCommitFiberUnmount(fiber);
+	  }
 	}
 
-	// Creates a unique async expiration time.
-	function computeUniqueAsyncExpiration() {
-	  var currentTime = requestCurrentTime();
-	  var result = computeAsyncExpiration(currentTime);
-	  if (result >= lastUniqueAsyncExpiration) {
-	    // Since we assume the current time monotonically increases, we only hit
-	    // this branch when computeUniqueAsyncExpiration is fired multiple times
-	    // within a 200ms window (or whatever the async bucket size is).
-	    result = lastUniqueAsyncExpiration - 1;
+	var hasBadMapPolyfill;
+
+	{
+	  hasBadMapPolyfill = false;
+
+	  try {
+	    var nonExtensibleObject = Object.preventExtensions({});
+	    var testMap = new Map([[nonExtensibleObject, null]]);
+	    var testSet = new Set([nonExtensibleObject]); // This is necessary for Rollup to not consider these unused.
+	    // https://github.com/rollup/rollup/issues/1771
+	    // TODO: we can remove these if Rollup fixes the bug.
+
+	    testMap.set(0, 0);
+	    testSet.add(0);
+	  } catch (e) {
+	    // TODO: Consider warning about bad polyfills
+	    hasBadMapPolyfill = true;
 	  }
-	  lastUniqueAsyncExpiration = result;
-	  return lastUniqueAsyncExpiration;
 	}
 
-	function computeExpirationForFiber(currentTime, fiber) {
-	  var priorityLevel = scheduler.unstable_getCurrentPriorityLevel();
+	var debugCounter = 1;
 
-	  var expirationTime = void 0;
-	  if ((fiber.mode & ConcurrentMode) === NoContext) {
-	    // Outside of concurrent mode, updates are always synchronous.
-	    expirationTime = Sync;
-	  } else if (isWorking && !isCommitting$1) {
-	    // During render phase, updates expire during as the current render.
-	    expirationTime = nextRenderExpirationTime;
-	  } else {
-	    switch (priorityLevel) {
-	      case scheduler.unstable_ImmediatePriority:
-	        expirationTime = Sync;
-	        break;
-	      case scheduler.unstable_UserBlockingPriority:
-	        expirationTime = computeInteractiveExpiration(currentTime);
-	        break;
-	      case scheduler.unstable_NormalPriority:
-	        // This is a normal, concurrent update
-	        expirationTime = computeAsyncExpiration(currentTime);
-	        break;
-	      case scheduler.unstable_LowPriority:
-	      case scheduler.unstable_IdlePriority:
-	        expirationTime = Never;
-	        break;
-	      default:
-	        invariant(false, 'Unknown priority level. This error is likely caused by a bug in React. Please file an issue.');
-	    }
+	function FiberNode(tag, pendingProps, key, mode) {
+	  // Instance
+	  this.tag = tag;
+	  this.key = key;
+	  this.elementType = null;
+	  this.type = null;
+	  this.stateNode = null; // Fiber
+
+	  this.return = null;
+	  this.child = null;
+	  this.sibling = null;
+	  this.index = 0;
+	  this.ref = null;
+	  this.pendingProps = pendingProps;
+	  this.memoizedProps = null;
+	  this.updateQueue = null;
+	  this.memoizedState = null;
+	  this.dependencies = null;
+	  this.mode = mode; // Effects
+
+	  this.effectTag = NoEffect;
+	  this.nextEffect = null;
+	  this.firstEffect = null;
+	  this.lastEffect = null;
+	  this.expirationTime = NoWork;
+	  this.childExpirationTime = NoWork;
+	  this.alternate = null;
+
+	  if (enableProfilerTimer) {
+	    // Note: The following is done to avoid a v8 performance cliff.
+	    //
+	    // Initializing the fields below to smis and later updating them with
+	    // double values will cause Fibers to end up having separate shapes.
+	    // This behavior/bug has something to do with Object.preventExtension().
+	    // Fortunately this only impacts DEV builds.
+	    // Unfortunately it makes React unusably slow for some applications.
+	    // To work around this, initialize the fields below with doubles.
+	    //
+	    // Learn more about this here:
+	    // https://github.com/facebook/react/issues/14365
+	    // https://bugs.chromium.org/p/v8/issues/detail?id=8538
+	    this.actualDuration = Number.NaN;
+	    this.actualStartTime = Number.NaN;
+	    this.selfBaseDuration = Number.NaN;
+	    this.treeBaseDuration = Number.NaN; // It's okay to replace the initial doubles with smis after initialization.
+	    // This won't trigger the performance cliff mentioned above,
+	    // and it simplifies other profiler code (including DevTools).
+
+	    this.actualDuration = 0;
+	    this.actualStartTime = -1;
+	    this.selfBaseDuration = 0;
+	    this.treeBaseDuration = 0;
+	  } // This is normally DEV-only except www when it adds listeners.
+	  // TODO: remove the User Timing integration in favor of Root Events.
 
-	    // If we're in the middle of rendering a tree, do not update at the same
-	    // expiration time that is already rendering.
-	    if (nextRoot !== null && expirationTime === nextRenderExpirationTime) {
-	      expirationTime -= 1;
-	    }
-	  }
 
-	  // Keep track of the lowest pending interactive expiration time. This
-	  // allows us to synchronously flush all interactive updates
-	  // when needed.
-	  // TODO: Move this to renderer?
-	  if (priorityLevel === scheduler.unstable_UserBlockingPriority && (lowestPriorityPendingInteractiveExpirationTime === NoWork || expirationTime < lowestPriorityPendingInteractiveExpirationTime)) {
-	    lowestPriorityPendingInteractiveExpirationTime = expirationTime;
+	  if (enableUserTimingAPI) {
+	    this._debugID = debugCounter++;
+	    this._debugIsCurrentlyTiming = false;
 	  }
 
-	  return expirationTime;
-	}
+	  {
+	    this._debugSource = null;
+	    this._debugOwner = null;
+	    this._debugNeedsRemount = false;
+	    this._debugHookTypes = null;
 
-	function renderDidSuspend(root, absoluteTimeoutMs, suspendedTime) {
-	  // Schedule the timeout.
-	  if (absoluteTimeoutMs >= 0 && nextLatestAbsoluteTimeoutMs < absoluteTimeoutMs) {
-	    nextLatestAbsoluteTimeoutMs = absoluteTimeoutMs;
+	    if (!hasBadMapPolyfill && typeof Object.preventExtensions === 'function') {
+	      Object.preventExtensions(this);
+	    }
 	  }
+	} // This is a constructor function, rather than a POJO constructor, still
+	// please ensure we do the following:
+	// 1) Nobody should add any instance methods on this. Instance methods can be
+	//    more difficult to predict when they get optimized and they are almost
+	//    never inlined properly in static compilers.
+	// 2) Nobody should rely on `instanceof Fiber` for type testing. We should
+	//    always know when it is a fiber.
+	// 3) We might want to experiment with using numeric keys since they are easier
+	//    to optimize in a non-JIT environment.
+	// 4) We can easily go from a constructor to a createFiber object literal if that
+	//    is faster.
+	// 5) It should be easy to port this to a C struct and keep a C implementation
+	//    compatible.
+
+
+	var createFiber = function (tag, pendingProps, key, mode) {
+	  // $FlowFixMe: the shapes are exact here but Flow doesn't like constructors
+	  return new FiberNode(tag, pendingProps, key, mode);
+	};
+
+	function shouldConstruct(Component) {
+	  var prototype = Component.prototype;
+	  return !!(prototype && prototype.isReactComponent);
 	}
 
-	function renderDidError() {
-	  nextRenderDidError = true;
+	function isSimpleFunctionComponent(type) {
+	  return typeof type === 'function' && !shouldConstruct(type) && type.defaultProps === undefined;
 	}
+	function resolveLazyComponentTag(Component) {
+	  if (typeof Component === 'function') {
+	    return shouldConstruct(Component) ? ClassComponent : FunctionComponent;
+	  } else if (Component !== undefined && Component !== null) {
+	    var $$typeof = Component.$$typeof;
 
-	function pingSuspendedRoot(root, thenable, pingTime) {
-	  // A promise that previously suspended React from committing has resolved.
-	  // If React is still suspended, try again at the previous level (pingTime).
+	    if ($$typeof === REACT_FORWARD_REF_TYPE) {
+	      return ForwardRef;
+	    }
 
-	  var pingCache = root.pingCache;
-	  if (pingCache !== null) {
-	    // The thenable resolved, so we no longer need to memoize, because it will
-	    // never be thrown again.
-	    pingCache.delete(thenable);
+	    if ($$typeof === REACT_MEMO_TYPE) {
+	      return MemoComponent;
+	    }
 	  }
 
-	  if (nextRoot !== null && nextRenderExpirationTime === pingTime) {
-	    // Received a ping at the same priority level at which we're currently
-	    // rendering. Restart from the root.
-	    nextRoot = null;
+	  return IndeterminateComponent;
+	} // This is used to create an alternate fiber to do work on.
+
+	function createWorkInProgress(current, pendingProps, expirationTime) {
+	  var workInProgress = current.alternate;
+
+	  if (workInProgress === null) {
+	    // We use a double buffering pooling technique because we know that we'll
+	    // only ever need at most two versions of a tree. We pool the "other" unused
+	    // node that we're free to reuse. This is lazily created to avoid allocating
+	    // extra objects for things that are never updated. It also allow us to
+	    // reclaim the extra memory if needed.
+	    workInProgress = createFiber(current.tag, pendingProps, current.key, current.mode);
+	    workInProgress.elementType = current.elementType;
+	    workInProgress.type = current.type;
+	    workInProgress.stateNode = current.stateNode;
+
+	    {
+	      // DEV-only fields
+	      workInProgress._debugID = current._debugID;
+	      workInProgress._debugSource = current._debugSource;
+	      workInProgress._debugOwner = current._debugOwner;
+	      workInProgress._debugHookTypes = current._debugHookTypes;
+	    }
+
+	    workInProgress.alternate = current;
+	    current.alternate = workInProgress;
 	  } else {
-	    // Confirm that the root is still suspended at this level. Otherwise exit.
-	    if (isPriorityLevelSuspended(root, pingTime)) {
-	      // Ping at the original level
-	      markPingedPriorityLevel(root, pingTime);
-	      var rootExpirationTime = root.expirationTime;
-	      if (rootExpirationTime !== NoWork) {
-	        requestWork(root, rootExpirationTime);
-	      }
+	    workInProgress.pendingProps = pendingProps; // We already have an alternate.
+	    // Reset the effect tag.
+
+	    workInProgress.effectTag = NoEffect; // The effect list is no longer valid.
+
+	    workInProgress.nextEffect = null;
+	    workInProgress.firstEffect = null;
+	    workInProgress.lastEffect = null;
+
+	    if (enableProfilerTimer) {
+	      // We intentionally reset, rather than copy, actualDuration & actualStartTime.
+	      // This prevents time from endlessly accumulating in new commits.
+	      // This has the downside of resetting values for different priority renders,
+	      // But works for yielding (the common case) and should support resuming.
+	      workInProgress.actualDuration = 0;
+	      workInProgress.actualStartTime = -1;
 	    }
 	  }
-	}
 
-	function retryTimedOutBoundary(boundaryFiber, thenable) {
-	  // The boundary fiber (a Suspense component) previously timed out and was
-	  // rendered in its fallback state. One of the promises that suspended it has
-	  // resolved, which means at least part of the tree was likely unblocked. Try
-	  var retryCache = void 0;
-	  if (enableSuspenseServerRenderer) {
-	    switch (boundaryFiber.tag) {
-	      case SuspenseComponent:
-	        retryCache = boundaryFiber.stateNode;
+	  workInProgress.childExpirationTime = current.childExpirationTime;
+	  workInProgress.expirationTime = current.expirationTime;
+	  workInProgress.child = current.child;
+	  workInProgress.memoizedProps = current.memoizedProps;
+	  workInProgress.memoizedState = current.memoizedState;
+	  workInProgress.updateQueue = current.updateQueue; // Clone the dependencies object. This is mutated during the render phase, so
+	  // it cannot be shared with the current fiber.
+
+	  var currentDependencies = current.dependencies;
+	  workInProgress.dependencies = currentDependencies === null ? null : {
+	    expirationTime: currentDependencies.expirationTime,
+	    firstContext: currentDependencies.firstContext,
+	    responders: currentDependencies.responders
+	  }; // These will be overridden during the parent's reconciliation
+
+	  workInProgress.sibling = current.sibling;
+	  workInProgress.index = current.index;
+	  workInProgress.ref = current.ref;
+
+	  if (enableProfilerTimer) {
+	    workInProgress.selfBaseDuration = current.selfBaseDuration;
+	    workInProgress.treeBaseDuration = current.treeBaseDuration;
+	  }
+
+	  {
+	    workInProgress._debugNeedsRemount = current._debugNeedsRemount;
+
+	    switch (workInProgress.tag) {
+	      case IndeterminateComponent:
+	      case FunctionComponent:
+	      case SimpleMemoComponent:
+	        workInProgress.type = resolveFunctionForHotReloading(current.type);
+	        break;
+
+	      case ClassComponent:
+	        workInProgress.type = resolveClassForHotReloading(current.type);
 	        break;
-	      case DehydratedSuspenseComponent:
-	        retryCache = boundaryFiber.memoizedState;
+
+	      case ForwardRef:
+	        workInProgress.type = resolveForwardRefForHotReloading(current.type);
 	        break;
+
 	      default:
-	        invariant(false, 'Pinged unknown suspense boundary type. This is probably a bug in React.');
+	        break;
 	    }
-	  } else {
-	    retryCache = boundaryFiber.stateNode;
-	  }
-	  if (retryCache !== null) {
-	    // The thenable resolved, so we no longer need to memoize, because it will
-	    // never be thrown again.
-	    retryCache.delete(thenable);
 	  }
 
-	  var currentTime = requestCurrentTime();
-	  var retryTime = computeExpirationForFiber(currentTime, boundaryFiber);
-	  var root = scheduleWorkToRoot(boundaryFiber, retryTime);
-	  if (root !== null) {
-	    markPendingPriorityLevel(root, retryTime);
-	    var rootExpirationTime = root.expirationTime;
-	    if (rootExpirationTime !== NoWork) {
-	      requestWork(root, rootExpirationTime);
-	    }
-	  }
-	}
+	  return workInProgress;
+	} // Used to reuse a Fiber for a second pass.
+
+	function resetWorkInProgress(workInProgress, renderExpirationTime) {
+	  // This resets the Fiber to what createFiber or createWorkInProgress would
+	  // have set the values to before during the first pass. Ideally this wouldn't
+	  // be necessary but unfortunately many code paths reads from the workInProgress
+	  // when they should be reading from current and writing to workInProgress.
+	  // We assume pendingProps, index, key, ref, return are still untouched to
+	  // avoid doing another reconciliation.
+	  // Reset the effect tag but keep any Placement tags, since that's something
+	  // that child fiber is setting, not the reconciliation.
+	  workInProgress.effectTag &= Placement; // The effect list is no longer valid.
+
+	  workInProgress.nextEffect = null;
+	  workInProgress.firstEffect = null;
+	  workInProgress.lastEffect = null;
+	  var current = workInProgress.alternate;
 
-	function scheduleWorkToRoot(fiber, expirationTime) {
-	  recordScheduleUpdate();
+	  if (current === null) {
+	    // Reset to createFiber's initial values.
+	    workInProgress.childExpirationTime = NoWork;
+	    workInProgress.expirationTime = renderExpirationTime;
+	    workInProgress.child = null;
+	    workInProgress.memoizedProps = null;
+	    workInProgress.memoizedState = null;
+	    workInProgress.updateQueue = null;
+	    workInProgress.dependencies = null;
 
-	  {
-	    if (fiber.tag === ClassComponent) {
-	      var instance = fiber.stateNode;
-	      warnAboutInvalidUpdates(instance);
+	    if (enableProfilerTimer) {
+	      // Note: We don't reset the actualTime counts. It's useful to accumulate
+	      // actual time across multiple render passes.
+	      workInProgress.selfBaseDuration = 0;
+	      workInProgress.treeBaseDuration = 0;
+	    }
+	  } else {
+	    // Reset to the cloned values that createWorkInProgress would've.
+	    workInProgress.childExpirationTime = current.childExpirationTime;
+	    workInProgress.expirationTime = current.expirationTime;
+	    workInProgress.child = current.child;
+	    workInProgress.memoizedProps = current.memoizedProps;
+	    workInProgress.memoizedState = current.memoizedState;
+	    workInProgress.updateQueue = current.updateQueue; // Clone the dependencies object. This is mutated during the render phase, so
+	    // it cannot be shared with the current fiber.
+
+	    var currentDependencies = current.dependencies;
+	    workInProgress.dependencies = currentDependencies === null ? null : {
+	      expirationTime: currentDependencies.expirationTime,
+	      firstContext: currentDependencies.firstContext,
+	      responders: currentDependencies.responders
+	    };
+
+	    if (enableProfilerTimer) {
+	      // Note: We don't reset the actualTime counts. It's useful to accumulate
+	      // actual time across multiple render passes.
+	      workInProgress.selfBaseDuration = current.selfBaseDuration;
+	      workInProgress.treeBaseDuration = current.treeBaseDuration;
 	    }
 	  }
 
-	  // Update the source fiber's expiration time
-	  if (fiber.expirationTime < expirationTime) {
-	    fiber.expirationTime = expirationTime;
+	  return workInProgress;
+	}
+	function createHostRootFiber(tag) {
+	  var mode;
+
+	  if (tag === ConcurrentRoot) {
+	    mode = ConcurrentMode | BlockingMode | StrictMode;
+	  } else if (tag === BlockingRoot) {
+	    mode = BlockingMode | StrictMode;
+	  } else {
+	    mode = NoMode;
 	  }
-	  var alternate = fiber.alternate;
-	  if (alternate !== null && alternate.expirationTime < expirationTime) {
-	    alternate.expirationTime = expirationTime;
+
+	  if (enableProfilerTimer && isDevToolsPresent) {
+	    // Always collect profile timings when DevTools are present.
+	    // This enables DevTools to start capturing timing at any point–
+	    // Without some nodes in the tree having empty base times.
+	    mode |= ProfileMode;
 	  }
-	  // Walk the parent path to the root and update the child expiration time.
-	  var node = fiber.return;
-	  var root = null;
-	  if (node === null && fiber.tag === HostRoot) {
-	    root = fiber.stateNode;
-	  } else {
-	    while (node !== null) {
-	      alternate = node.alternate;
-	      if (node.childExpirationTime < expirationTime) {
-	        node.childExpirationTime = expirationTime;
-	        if (alternate !== null && alternate.childExpirationTime < expirationTime) {
-	          alternate.childExpirationTime = expirationTime;
-	        }
-	      } else if (alternate !== null && alternate.childExpirationTime < expirationTime) {
-	        alternate.childExpirationTime = expirationTime;
+
+	  return createFiber(HostRoot, null, null, mode);
+	}
+	function createFiberFromTypeAndProps(type, // React$ElementType
+	key, pendingProps, owner, mode, expirationTime) {
+	  var fiber;
+	  var fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
+
+	  var resolvedType = type;
+
+	  if (typeof type === 'function') {
+	    if (shouldConstruct(type)) {
+	      fiberTag = ClassComponent;
+
+	      {
+	        resolvedType = resolveClassForHotReloading(resolvedType);
 	      }
-	      if (node.return === null && node.tag === HostRoot) {
-	        root = node.stateNode;
-	        break;
+	    } else {
+	      {
+	        resolvedType = resolveFunctionForHotReloading(resolvedType);
 	      }
-	      node = node.return;
 	    }
-	  }
+	  } else if (typeof type === 'string') {
+	    fiberTag = HostComponent;
+	  } else {
+	    getTag: switch (type) {
+	      case REACT_FRAGMENT_TYPE:
+	        return createFiberFromFragment(pendingProps.children, mode, expirationTime, key);
 
-	  if (enableSchedulerTracing) {
-	    if (root !== null) {
-	      var interactions = tracing.__interactionsRef.current;
-	      if (interactions.size > 0) {
-	        var pendingInteractionMap = root.pendingInteractionMap;
-	        var pendingInteractions = pendingInteractionMap.get(expirationTime);
-	        if (pendingInteractions != null) {
-	          interactions.forEach(function (interaction) {
-	            if (!pendingInteractions.has(interaction)) {
-	              // Update the pending async work count for previously unscheduled interaction.
-	              interaction.__count++;
-	            }
+	      case REACT_CONCURRENT_MODE_TYPE:
+	        fiberTag = Mode;
+	        mode |= ConcurrentMode | BlockingMode | StrictMode;
+	        break;
 
-	            pendingInteractions.add(interaction);
-	          });
-	        } else {
-	          pendingInteractionMap.set(expirationTime, new Set(interactions));
+	      case REACT_STRICT_MODE_TYPE:
+	        fiberTag = Mode;
+	        mode |= StrictMode;
+	        break;
 
-	          // Update the pending async work count for the current interactions.
-	          interactions.forEach(function (interaction) {
-	            interaction.__count++;
-	          });
-	        }
+	      case REACT_PROFILER_TYPE:
+	        return createFiberFromProfiler(pendingProps, mode, expirationTime, key);
 
-	        var subscriber = tracing.__subscriberRef.current;
-	        if (subscriber !== null) {
-	          var threadID = computeThreadID(expirationTime, root.interactionThreadID);
-	          subscriber.onWorkScheduled(interactions, threadID);
-	        }
-	      }
-	    }
-	  }
-	  return root;
-	}
+	      case REACT_SUSPENSE_TYPE:
+	        return createFiberFromSuspense(pendingProps, mode, expirationTime, key);
 
-	function warnIfNotCurrentlyBatchingInDev(fiber) {
-	  {
-	    if (isRendering === false && isBatchingUpdates === false) {
-	      warningWithoutStack$1(false, 'An update to %s inside a test was not wrapped in act(...).\n\n' + 'When testing, code that causes React state updates should be wrapped into act(...):\n\n' + 'act(() => {\n' + '  /* fire events that update state */\n' + '});\n' + '/* assert on the output */\n\n' + "This ensures that you're testing the behavior the user would see in the browser." + ' Learn more at https://fb.me/react-wrap-tests-with-act' + '%s', getComponentName(fiber.type), getStackByFiberInDevAndProd(fiber));
-	    }
-	  }
-	}
+	      case REACT_SUSPENSE_LIST_TYPE:
+	        return createFiberFromSuspenseList(pendingProps, mode, expirationTime, key);
 
-	function scheduleWork(fiber, expirationTime) {
-	  var root = scheduleWorkToRoot(fiber, expirationTime);
-	  if (root === null) {
-	    {
-	      switch (fiber.tag) {
-	        case ClassComponent:
-	          warnAboutUpdateOnUnmounted(fiber, true);
-	          break;
-	        case FunctionComponent:
-	        case ForwardRef:
-	        case MemoComponent:
-	        case SimpleMemoComponent:
-	          warnAboutUpdateOnUnmounted(fiber, false);
-	          break;
-	      }
-	    }
-	    return;
-	  }
+	      default:
+	        {
+	          if (typeof type === 'object' && type !== null) {
+	            switch (type.$$typeof) {
+	              case REACT_PROVIDER_TYPE:
+	                fiberTag = ContextProvider;
+	                break getTag;
 
-	  if (!isWorking && nextRenderExpirationTime !== NoWork && expirationTime > nextRenderExpirationTime) {
-	    // This is an interruption. (Used for performance tracking.)
-	    interruptedBy = fiber;
-	    resetStack();
-	  }
-	  markPendingPriorityLevel(root, expirationTime);
-	  if (
-	  // If we're in the render phase, we don't need to schedule this root
-	  // for an update, because we'll do it before we exit...
-	  !isWorking || isCommitting$1 ||
-	  // ...unless this is a different root than the one we're rendering.
-	  nextRoot !== root) {
-	    var rootExpirationTime = root.expirationTime;
-	    requestWork(root, rootExpirationTime);
-	  }
-	  if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
-	    // Reset this back to zero so subsequent updates don't throw.
-	    nestedUpdateCount = 0;
-	    invariant(false, 'Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.');
-	  }
-	}
+	              case REACT_CONTEXT_TYPE:
+	                // This is a consumer
+	                fiberTag = ContextConsumer;
+	                break getTag;
 
-	function syncUpdates(fn, a, b, c, d) {
-	  return scheduler.unstable_runWithPriority(scheduler.unstable_ImmediatePriority, function () {
-	    return fn(a, b, c, d);
-	  });
-	}
+	              case REACT_FORWARD_REF_TYPE:
+	                fiberTag = ForwardRef;
+
+	                {
+	                  resolvedType = resolveForwardRefForHotReloading(resolvedType);
+	                }
 
-	// TODO: Everything below this is written as if it has been lifted to the
-	// renderers. I'll do this in a follow-up.
+	                break getTag;
 
-	// Linked-list of roots
-	var firstScheduledRoot = null;
-	var lastScheduledRoot = null;
+	              case REACT_MEMO_TYPE:
+	                fiberTag = MemoComponent;
+	                break getTag;
 
-	var callbackExpirationTime = NoWork;
-	var callbackID = void 0;
-	var isRendering = false;
-	var nextFlushedRoot = null;
-	var nextFlushedExpirationTime = NoWork;
-	var lowestPriorityPendingInteractiveExpirationTime = NoWork;
-	var hasUnhandledError = false;
-	var unhandledError = null;
+	              case REACT_LAZY_TYPE:
+	                fiberTag = LazyComponent;
+	                resolvedType = null;
+	                break getTag;
 
-	var isBatchingUpdates = false;
-	var isUnbatchingUpdates = false;
+	              case REACT_FUNDAMENTAL_TYPE:
+	                if (enableFundamentalAPI) {
+	                  return createFiberFromFundamental(type, pendingProps, mode, expirationTime, key);
+	                }
 
-	var completedBatches = null;
+	                break;
 
-	var originalStartTimeMs = scheduler.unstable_now();
-	var currentRendererTime = msToExpirationTime(originalStartTimeMs);
-	var currentSchedulerTime = currentRendererTime;
+	              case REACT_SCOPE_TYPE:
+	                if (enableScopeAPI) {
+	                  return createFiberFromScope(type, pendingProps, mode, expirationTime, key);
+	                }
 
-	// Use these to prevent an infinite loop of nested updates
-	var NESTED_UPDATE_LIMIT = 50;
-	var nestedUpdateCount = 0;
-	var lastCommittedRootDuringThisBatch = null;
+	            }
+	          }
 
-	function recomputeCurrentRendererTime() {
-	  var currentTimeMs = scheduler.unstable_now() - originalStartTimeMs;
-	  currentRendererTime = msToExpirationTime(currentTimeMs);
-	}
+	          var info = '';
 
-	function scheduleCallbackWithExpirationTime(root, expirationTime) {
-	  if (callbackExpirationTime !== NoWork) {
-	    // A callback is already scheduled. Check its expiration time (timeout).
-	    if (expirationTime < callbackExpirationTime) {
-	      // Existing callback has sufficient timeout. Exit.
-	      return;
-	    } else {
-	      if (callbackID !== null) {
-	        // Existing callback has insufficient timeout. Cancel and schedule a
-	        // new one.
-	        scheduler.unstable_cancelCallback(callbackID);
-	      }
+	          {
+	            if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+	              info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and " + 'named imports.';
+	            }
+
+	            var ownerName = owner ? getComponentName(owner.type) : null;
+
+	            if (ownerName) {
+	              info += '\n\nCheck the render method of `' + ownerName + '`.';
+	            }
+	          }
+
+	          {
+	            {
+	              throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " + (type == null ? type : typeof type) + "." + info);
+	            }
+	          }
+	        }
 	    }
-	    // The request callback timer is already running. Don't start a new one.
-	  } else {
-	    startRequestCallbackTimer();
 	  }
 
-	  callbackExpirationTime = expirationTime;
-	  var currentMs = scheduler.unstable_now() - originalStartTimeMs;
-	  var expirationTimeMs = expirationTimeToMs(expirationTime);
-	  var timeout = expirationTimeMs - currentMs;
-	  callbackID = scheduler.unstable_scheduleCallback(performAsyncWork, { timeout: timeout });
+	  fiber = createFiber(fiberTag, pendingProps, key, mode);
+	  fiber.elementType = type;
+	  fiber.type = resolvedType;
+	  fiber.expirationTime = expirationTime;
+	  return fiber;
 	}
+	function createFiberFromElement(element, mode, expirationTime) {
+	  var owner = null;
 
-	// For every call to renderRoot, one of onFatal, onComplete, onSuspend, and
-	// onYield is called upon exiting. We use these in lieu of returning a tuple.
-	// I've also chosen not to inline them into renderRoot because these will
-	// eventually be lifted into the renderer.
-	function onFatal(root) {
-	  root.finishedWork = null;
-	}
+	  {
+	    owner = element._owner;
+	  }
 
-	function onComplete(root, finishedWork, expirationTime) {
-	  root.pendingCommitExpirationTime = expirationTime;
-	  root.finishedWork = finishedWork;
-	}
+	  var type = element.type;
+	  var key = element.key;
+	  var pendingProps = element.props;
+	  var fiber = createFiberFromTypeAndProps(type, key, pendingProps, owner, mode, expirationTime);
 
-	function onSuspend(root, finishedWork, suspendedExpirationTime, rootExpirationTime, msUntilTimeout) {
-	  root.expirationTime = rootExpirationTime;
-	  if (msUntilTimeout === 0 && !shouldYieldToRenderer()) {
-	    // Don't wait an additional tick. Commit the tree immediately.
-	    root.pendingCommitExpirationTime = suspendedExpirationTime;
-	    root.finishedWork = finishedWork;
-	  } else if (msUntilTimeout > 0) {
-	    // Wait `msUntilTimeout` milliseconds before committing.
-	    root.timeoutHandle = scheduleTimeout(onTimeout.bind(null, root, finishedWork, suspendedExpirationTime), msUntilTimeout);
+	  {
+	    fiber._debugSource = element._source;
+	    fiber._debugOwner = element._owner;
 	  }
-	}
 
-	function onYield(root) {
-	  root.finishedWork = null;
+	  return fiber;
 	}
-
-	function onTimeout(root, finishedWork, suspendedExpirationTime) {
-	  // The root timed out. Commit it.
-	  root.pendingCommitExpirationTime = suspendedExpirationTime;
-	  root.finishedWork = finishedWork;
-	  // Read the current time before entering the commit phase. We can be
-	  // certain this won't cause tearing related to batching of event updates
-	  // because we're at the top of a timer event.
-	  recomputeCurrentRendererTime();
-	  currentSchedulerTime = currentRendererTime;
-	  flushRoot(root, suspendedExpirationTime);
+	function createFiberFromFragment(elements, mode, expirationTime, key) {
+	  var fiber = createFiber(Fragment, elements, key, mode);
+	  fiber.expirationTime = expirationTime;
+	  return fiber;
 	}
-
-	function onCommit(root, expirationTime) {
-	  root.expirationTime = expirationTime;
-	  root.finishedWork = null;
+	function createFiberFromFundamental(fundamentalComponent, pendingProps, mode, expirationTime, key) {
+	  var fiber = createFiber(FundamentalComponent, pendingProps, key, mode);
+	  fiber.elementType = fundamentalComponent;
+	  fiber.type = fundamentalComponent;
+	  fiber.expirationTime = expirationTime;
+	  return fiber;
 	}
 
-	function requestCurrentTime() {
-	  // requestCurrentTime is called by the scheduler to compute an expiration
-	  // time.
-	  //
-	  // Expiration times are computed by adding to the current time (the start
-	  // time). However, if two updates are scheduled within the same event, we
-	  // should treat their start times as simultaneous, even if the actual clock
-	  // time has advanced between the first and second call.
-
-	  // In other words, because expiration times determine how updates are batched,
-	  // we want all updates of like priority that occur within the same event to
-	  // receive the same expiration time. Otherwise we get tearing.
-	  //
-	  // We keep track of two separate times: the current "renderer" time and the
-	  // current "scheduler" time. The renderer time can be updated whenever; it
-	  // only exists to minimize the calls performance.now.
-	  //
-	  // But the scheduler time can only be updated if there's no pending work, or
-	  // if we know for certain that we're not in the middle of an event.
-
-	  if (isRendering) {
-	    // We're already rendering. Return the most recently read time.
-	    return currentSchedulerTime;
-	  }
-	  // Check if there's pending work.
-	  findHighestPriorityRoot();
-	  if (nextFlushedExpirationTime === NoWork || nextFlushedExpirationTime === Never) {
-	    // If there's no pending work, or if the pending work is offscreen, we can
-	    // read the current time without risk of tearing.
-	    recomputeCurrentRendererTime();
-	    currentSchedulerTime = currentRendererTime;
-	    return currentSchedulerTime;
-	  }
-	  // There's already pending work. We might be in the middle of a browser
-	  // event. If we were to read the current time, it could cause multiple updates
-	  // within the same event to receive different expiration times, leading to
-	  // tearing. Return the last read time. During the next idle callback, the
-	  // time will be updated.
-	  return currentSchedulerTime;
-	}
-
-	// requestWork is called by the scheduler whenever a root receives an update.
-	// It's up to the renderer to call renderRoot at some point in the future.
-	function requestWork(root, expirationTime) {
-	  addRootToSchedule(root, expirationTime);
-	  if (isRendering) {
-	    // Prevent reentrancy. Remaining work will be scheduled at the end of
-	    // the currently rendering batch.
-	    return;
-	  }
+	function createFiberFromScope(scope, pendingProps, mode, expirationTime, key) {
+	  var fiber = createFiber(ScopeComponent, pendingProps, key, mode);
+	  fiber.type = scope;
+	  fiber.elementType = scope;
+	  fiber.expirationTime = expirationTime;
+	  return fiber;
+	}
 
-	  if (isBatchingUpdates) {
-	    // Flush work at the end of the batch.
-	    if (isUnbatchingUpdates) {
-	      // ...unless we're inside unbatchedUpdates, in which case we should
-	      // flush it now.
-	      nextFlushedRoot = root;
-	      nextFlushedExpirationTime = Sync;
-	      performWorkOnRoot(root, Sync, false);
+	function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
+	  {
+	    if (typeof pendingProps.id !== 'string' || typeof pendingProps.onRender !== 'function') {
+	      warningWithoutStack$1(false, 'Profiler must specify an "id" string and "onRender" function as props');
 	    }
-	    return;
 	  }
 
-	  // TODO: Get rid of Sync and use current time?
-	  if (expirationTime === Sync) {
-	    performSyncWork();
-	  } else {
-	    scheduleCallbackWithExpirationTime(root, expirationTime);
-	  }
+	  var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode); // TODO: The Profiler fiber shouldn't have a type. It has a tag.
+
+	  fiber.elementType = REACT_PROFILER_TYPE;
+	  fiber.type = REACT_PROFILER_TYPE;
+	  fiber.expirationTime = expirationTime;
+	  return fiber;
 	}
 
-	function addRootToSchedule(root, expirationTime) {
-	  // Add the root to the schedule.
-	  // Check if this root is already part of the schedule.
-	  if (root.nextScheduledRoot === null) {
-	    // This root is not already scheduled. Add it.
-	    root.expirationTime = expirationTime;
-	    if (lastScheduledRoot === null) {
-	      firstScheduledRoot = lastScheduledRoot = root;
-	      root.nextScheduledRoot = root;
-	    } else {
-	      lastScheduledRoot.nextScheduledRoot = root;
-	      lastScheduledRoot = root;
-	      lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
-	    }
-	  } else {
-	    // This root is already scheduled, but its priority may have increased.
-	    var remainingExpirationTime = root.expirationTime;
-	    if (expirationTime > remainingExpirationTime) {
-	      // Update the priority.
-	      root.expirationTime = expirationTime;
-	    }
-	  }
-	}
-
-	function findHighestPriorityRoot() {
-	  var highestPriorityWork = NoWork;
-	  var highestPriorityRoot = null;
-	  if (lastScheduledRoot !== null) {
-	    var previousScheduledRoot = lastScheduledRoot;
-	    var root = firstScheduledRoot;
-	    while (root !== null) {
-	      var remainingExpirationTime = root.expirationTime;
-	      if (remainingExpirationTime === NoWork) {
-	        // This root no longer has work. Remove it from the scheduler.
-
-	        // TODO: This check is redudant, but Flow is confused by the branch
-	        // below where we set lastScheduledRoot to null, even though we break
-	        // from the loop right after.
-	        !(previousScheduledRoot !== null && lastScheduledRoot !== null) ? invariant(false, 'Should have a previous and last root. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	        if (root === root.nextScheduledRoot) {
-	          // This is the only root in the list.
-	          root.nextScheduledRoot = null;
-	          firstScheduledRoot = lastScheduledRoot = null;
-	          break;
-	        } else if (root === firstScheduledRoot) {
-	          // This is the first root in the list.
-	          var next = root.nextScheduledRoot;
-	          firstScheduledRoot = next;
-	          lastScheduledRoot.nextScheduledRoot = next;
-	          root.nextScheduledRoot = null;
-	        } else if (root === lastScheduledRoot) {
-	          // This is the last root in the list.
-	          lastScheduledRoot = previousScheduledRoot;
-	          lastScheduledRoot.nextScheduledRoot = firstScheduledRoot;
-	          root.nextScheduledRoot = null;
-	          break;
-	        } else {
-	          previousScheduledRoot.nextScheduledRoot = root.nextScheduledRoot;
-	          root.nextScheduledRoot = null;
-	        }
-	        root = previousScheduledRoot.nextScheduledRoot;
-	      } else {
-	        if (remainingExpirationTime > highestPriorityWork) {
-	          // Update the priority, if it's higher
-	          highestPriorityWork = remainingExpirationTime;
-	          highestPriorityRoot = root;
-	        }
-	        if (root === lastScheduledRoot) {
-	          break;
-	        }
-	        if (highestPriorityWork === Sync) {
-	          // Sync is highest priority by definition so
-	          // we can stop searching.
-	          break;
-	        }
-	        previousScheduledRoot = root;
-	        root = root.nextScheduledRoot;
-	      }
-	    }
-	  }
+	function createFiberFromSuspense(pendingProps, mode, expirationTime, key) {
+	  var fiber = createFiber(SuspenseComponent, pendingProps, key, mode); // TODO: The SuspenseComponent fiber shouldn't have a type. It has a tag.
+	  // This needs to be fixed in getComponentName so that it relies on the tag
+	  // instead.
 
-	  nextFlushedRoot = highestPriorityRoot;
-	  nextFlushedExpirationTime = highestPriorityWork;
+	  fiber.type = REACT_SUSPENSE_TYPE;
+	  fiber.elementType = REACT_SUSPENSE_TYPE;
+	  fiber.expirationTime = expirationTime;
+	  return fiber;
 	}
+	function createFiberFromSuspenseList(pendingProps, mode, expirationTime, key) {
+	  var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
 
-	// TODO: This wrapper exists because many of the older tests (the ones that use
-	// flushDeferredPri) rely on the number of times `shouldYield` is called. We
-	// should get rid of it.
-	var didYield = false;
-	function shouldYieldToRenderer() {
-	  if (didYield) {
-	    return true;
-	  }
-	  if (scheduler.unstable_shouldYield()) {
-	    didYield = true;
-	    return true;
+	  {
+	    // TODO: The SuspenseListComponent fiber shouldn't have a type. It has a tag.
+	    // This needs to be fixed in getComponentName so that it relies on the tag
+	    // instead.
+	    fiber.type = REACT_SUSPENSE_LIST_TYPE;
 	  }
-	  return false;
-	}
 
-	function performAsyncWork() {
-	  try {
-	    if (!shouldYieldToRenderer()) {
-	      // The callback timed out. That means at least one update has expired.
-	      // Iterate through the root schedule. If they contain expired work, set
-	      // the next render expiration time to the current time. This has the effect
-	      // of flushing all expired work in a single batch, instead of flushing each
-	      // level one at a time.
-	      if (firstScheduledRoot !== null) {
-	        recomputeCurrentRendererTime();
-	        var root = firstScheduledRoot;
-	        do {
-	          didExpireAtExpirationTime(root, currentRendererTime);
-	          // The root schedule is circular, so this is never null.
-	          root = root.nextScheduledRoot;
-	        } while (root !== firstScheduledRoot);
-	      }
-	    }
-	    performWork(NoWork, true);
-	  } finally {
-	    didYield = false;
-	  }
+	  fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
+	  fiber.expirationTime = expirationTime;
+	  return fiber;
 	}
-
-	function performSyncWork() {
-	  performWork(Sync, false);
+	function createFiberFromText(content, mode, expirationTime) {
+	  var fiber = createFiber(HostText, content, null, mode);
+	  fiber.expirationTime = expirationTime;
+	  return fiber;
 	}
+	function createFiberFromHostInstanceForDeletion() {
+	  var fiber = createFiber(HostComponent, null, null, NoMode); // TODO: These should not need a type.
 
-	function performWork(minExpirationTime, isYieldy) {
-	  // Keep working on roots until there's no more work, or until there's a higher
-	  // priority event.
-	  findHighestPriorityRoot();
-
-	  if (isYieldy) {
-	    recomputeCurrentRendererTime();
-	    currentSchedulerTime = currentRendererTime;
+	  fiber.elementType = 'DELETED';
+	  fiber.type = 'DELETED';
+	  return fiber;
+	}
+	function createFiberFromDehydratedFragment(dehydratedNode) {
+	  var fiber = createFiber(DehydratedFragment, null, null, NoMode);
+	  fiber.stateNode = dehydratedNode;
+	  return fiber;
+	}
+	function createFiberFromPortal(portal, mode, expirationTime) {
+	  var pendingProps = portal.children !== null ? portal.children : [];
+	  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
+	  fiber.expirationTime = expirationTime;
+	  fiber.stateNode = {
+	    containerInfo: portal.containerInfo,
+	    pendingChildren: null,
+	    // Used by persistent updates
+	    implementation: portal.implementation
+	  };
+	  return fiber;
+	} // Used for stashing WIP properties to replay failed work in DEV.
 
-	    if (enableUserTimingAPI) {
-	      var didExpire = nextFlushedExpirationTime > currentRendererTime;
-	      var timeout = expirationTimeToMs(nextFlushedExpirationTime);
-	      stopRequestCallbackTimer(didExpire, timeout);
-	    }
+	function assignFiberPropertiesInDEV(target, source) {
+	  if (target === null) {
+	    // This Fiber's initial properties will always be overwritten.
+	    // We only use a Fiber to ensure the same hidden class so DEV isn't slow.
+	    target = createFiber(IndeterminateComponent, null, null, NoMode);
+	  } // This is intentionally written as a list of all properties.
+	  // We tried to use Object.assign() instead but this is called in
+	  // the hottest path, and Object.assign() was too slow:
+	  // https://github.com/facebook/react/issues/12502
+	  // This code is DEV-only so size is not a concern.
 
-	    while (nextFlushedRoot !== null && nextFlushedExpirationTime !== NoWork && minExpirationTime <= nextFlushedExpirationTime && !(didYield && currentRendererTime > nextFlushedExpirationTime)) {
-	      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, currentRendererTime > nextFlushedExpirationTime);
-	      findHighestPriorityRoot();
-	      recomputeCurrentRendererTime();
-	      currentSchedulerTime = currentRendererTime;
-	    }
-	  } else {
-	    while (nextFlushedRoot !== null && nextFlushedExpirationTime !== NoWork && minExpirationTime <= nextFlushedExpirationTime) {
-	      performWorkOnRoot(nextFlushedRoot, nextFlushedExpirationTime, false);
-	      findHighestPriorityRoot();
-	    }
-	  }
 
-	  // We're done flushing work. Either we ran out of time in this callback,
-	  // or there's no more work left with sufficient priority.
+	  target.tag = source.tag;
+	  target.key = source.key;
+	  target.elementType = source.elementType;
+	  target.type = source.type;
+	  target.stateNode = source.stateNode;
+	  target.return = source.return;
+	  target.child = source.child;
+	  target.sibling = source.sibling;
+	  target.index = source.index;
+	  target.ref = source.ref;
+	  target.pendingProps = source.pendingProps;
+	  target.memoizedProps = source.memoizedProps;
+	  target.updateQueue = source.updateQueue;
+	  target.memoizedState = source.memoizedState;
+	  target.dependencies = source.dependencies;
+	  target.mode = source.mode;
+	  target.effectTag = source.effectTag;
+	  target.nextEffect = source.nextEffect;
+	  target.firstEffect = source.firstEffect;
+	  target.lastEffect = source.lastEffect;
+	  target.expirationTime = source.expirationTime;
+	  target.childExpirationTime = source.childExpirationTime;
+	  target.alternate = source.alternate;
 
-	  // If we're inside a callback, set this to false since we just completed it.
-	  if (isYieldy) {
-	    callbackExpirationTime = NoWork;
-	    callbackID = null;
-	  }
-	  // If there's work left over, schedule a new callback.
-	  if (nextFlushedExpirationTime !== NoWork) {
-	    scheduleCallbackWithExpirationTime(nextFlushedRoot, nextFlushedExpirationTime);
+	  if (enableProfilerTimer) {
+	    target.actualDuration = source.actualDuration;
+	    target.actualStartTime = source.actualStartTime;
+	    target.selfBaseDuration = source.selfBaseDuration;
+	    target.treeBaseDuration = source.treeBaseDuration;
 	  }
 
-	  // Clean-up.
-	  finishRendering();
+	  target._debugID = source._debugID;
+	  target._debugSource = source._debugSource;
+	  target._debugOwner = source._debugOwner;
+	  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
+	  target._debugNeedsRemount = source._debugNeedsRemount;
+	  target._debugHookTypes = source._debugHookTypes;
+	  return target;
 	}
 
-	function flushRoot(root, expirationTime) {
-	  !!isRendering ? invariant(false, 'work.commit(): Cannot commit while already rendering. This likely means you attempted to commit from inside a lifecycle method.') : void 0;
-	  // Perform work on root as if the given expiration time is the current time.
-	  // This has the effect of synchronously flushing all work up to and
-	  // including the given time.
-	  nextFlushedRoot = root;
-	  nextFlushedExpirationTime = expirationTime;
-	  performWorkOnRoot(root, expirationTime, false);
-	  // Flush any sync work that was scheduled by lifecycles
-	  performSyncWork();
-	}
-
-	function finishRendering() {
-	  nestedUpdateCount = 0;
-	  lastCommittedRootDuringThisBatch = null;
-
-	  if (completedBatches !== null) {
-	    var batches = completedBatches;
-	    completedBatches = null;
-	    for (var i = 0; i < batches.length; i++) {
-	      var batch = batches[i];
-	      try {
-	        batch._onComplete();
-	      } catch (error) {
-	        if (!hasUnhandledError) {
-	          hasUnhandledError = true;
-	          unhandledError = error;
-	        }
-	      }
-	    }
+	function FiberRootNode(containerInfo, tag, hydrate) {
+	  this.tag = tag;
+	  this.current = null;
+	  this.containerInfo = containerInfo;
+	  this.pendingChildren = null;
+	  this.pingCache = null;
+	  this.finishedExpirationTime = NoWork;
+	  this.finishedWork = null;
+	  this.timeoutHandle = noTimeout;
+	  this.context = null;
+	  this.pendingContext = null;
+	  this.hydrate = hydrate;
+	  this.callbackNode = null;
+	  this.callbackPriority = NoPriority;
+	  this.firstPendingTime = NoWork;
+	  this.firstSuspendedTime = NoWork;
+	  this.lastSuspendedTime = NoWork;
+	  this.nextKnownPendingLevel = NoWork;
+	  this.lastPingedTime = NoWork;
+	  this.lastExpiredTime = NoWork;
+
+	  if (enableSchedulerTracing) {
+	    this.interactionThreadID = tracing.unstable_getThreadID();
+	    this.memoizedInteractions = new Set();
+	    this.pendingInteractionMap = new Map();
 	  }
 
-	  if (hasUnhandledError) {
-	    var error = unhandledError;
-	    unhandledError = null;
-	    hasUnhandledError = false;
-	    throw error;
+	  if (enableSuspenseCallback) {
+	    this.hydrationCallbacks = null;
 	  }
 	}
 
-	function performWorkOnRoot(root, expirationTime, isYieldy) {
-	  !!isRendering ? invariant(false, 'performWorkOnRoot was called recursively. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-
-	  isRendering = true;
+	function createFiberRoot(containerInfo, tag, hydrate, hydrationCallbacks) {
+	  var root = new FiberRootNode(containerInfo, tag, hydrate);
 
-	  // Check if this is async work or sync/expired work.
-	  if (!isYieldy) {
-	    // Flush work without yielding.
-	    // TODO: Non-yieldy work does not necessarily imply expired work. A renderer
-	    // may want to perform some work without yielding, but also without
-	    // requiring the root to complete (by triggering placeholders).
+	  if (enableSuspenseCallback) {
+	    root.hydrationCallbacks = hydrationCallbacks;
+	  } // Cyclic construction. This cheats the type system right now because
+	  // stateNode is any.
 
-	    var finishedWork = root.finishedWork;
-	    if (finishedWork !== null) {
-	      // This root is already complete. We can commit it.
-	      completeRoot(root, finishedWork, expirationTime);
-	    } else {
-	      root.finishedWork = null;
-	      // If this root previously suspended, clear its existing timeout, since
-	      // we're about to try rendering again.
-	      var timeoutHandle = root.timeoutHandle;
-	      if (timeoutHandle !== noTimeout) {
-	        root.timeoutHandle = noTimeout;
-	        // $FlowFixMe Complains noTimeout is not a TimeoutID, despite the check above
-	        cancelTimeout(timeoutHandle);
-	      }
-	      renderRoot(root, isYieldy);
-	      finishedWork = root.finishedWork;
-	      if (finishedWork !== null) {
-	        // We've completed the root. Commit it.
-	        completeRoot(root, finishedWork, expirationTime);
-	      }
-	    }
-	  } else {
-	    // Flush async work.
-	    var _finishedWork = root.finishedWork;
-	    if (_finishedWork !== null) {
-	      // This root is already complete. We can commit it.
-	      completeRoot(root, _finishedWork, expirationTime);
-	    } else {
-	      root.finishedWork = null;
-	      // If this root previously suspended, clear its existing timeout, since
-	      // we're about to try rendering again.
-	      var _timeoutHandle = root.timeoutHandle;
-	      if (_timeoutHandle !== noTimeout) {
-	        root.timeoutHandle = noTimeout;
-	        // $FlowFixMe Complains noTimeout is not a TimeoutID, despite the check above
-	        cancelTimeout(_timeoutHandle);
-	      }
-	      renderRoot(root, isYieldy);
-	      _finishedWork = root.finishedWork;
-	      if (_finishedWork !== null) {
-	        // We've completed the root. Check the if we should yield one more time
-	        // before committing.
-	        if (!shouldYieldToRenderer()) {
-	          // Still time left. Commit the root.
-	          completeRoot(root, _finishedWork, expirationTime);
-	        } else {
-	          // There's no time left. Mark this root as complete. We'll come
-	          // back and commit it later.
-	          root.finishedWork = _finishedWork;
-	        }
-	      }
-	    }
-	  }
 
-	  isRendering = false;
+	  var uninitializedFiber = createHostRootFiber(tag);
+	  root.current = uninitializedFiber;
+	  uninitializedFiber.stateNode = root;
+	  return root;
+	}
+	function isRootSuspendedAtTime(root, expirationTime) {
+	  var firstSuspendedTime = root.firstSuspendedTime;
+	  var lastSuspendedTime = root.lastSuspendedTime;
+	  return firstSuspendedTime !== NoWork && firstSuspendedTime >= expirationTime && lastSuspendedTime <= expirationTime;
 	}
+	function markRootSuspendedAtTime(root, expirationTime) {
+	  var firstSuspendedTime = root.firstSuspendedTime;
+	  var lastSuspendedTime = root.lastSuspendedTime;
 
-	function completeRoot(root, finishedWork, expirationTime) {
-	  // Check if there's a batch that matches this expiration time.
-	  var firstBatch = root.firstBatch;
-	  if (firstBatch !== null && firstBatch._expirationTime >= expirationTime) {
-	    if (completedBatches === null) {
-	      completedBatches = [firstBatch];
-	    } else {
-	      completedBatches.push(firstBatch);
-	    }
-	    if (firstBatch._defer) {
-	      // This root is blocked from committing by a batch. Unschedule it until
-	      // we receive another update.
-	      root.finishedWork = finishedWork;
-	      root.expirationTime = NoWork;
-	      return;
-	    }
+	  if (firstSuspendedTime < expirationTime) {
+	    root.firstSuspendedTime = expirationTime;
 	  }
 
-	  // Commit the root.
-	  root.finishedWork = null;
-
-	  // Check if this is a nested update (a sync update scheduled during the
-	  // commit phase).
-	  if (root === lastCommittedRootDuringThisBatch) {
-	    // If the next root is the same as the previous root, this is a nested
-	    // update. To prevent an infinite loop, increment the nested update count.
-	    nestedUpdateCount++;
-	  } else {
-	    // Reset whenever we switch roots.
-	    lastCommittedRootDuringThisBatch = root;
-	    nestedUpdateCount = 0;
+	  if (lastSuspendedTime > expirationTime || firstSuspendedTime === NoWork) {
+	    root.lastSuspendedTime = expirationTime;
 	  }
-	  scheduler.unstable_runWithPriority(scheduler.unstable_ImmediatePriority, function () {
-	    commitRoot(root, finishedWork);
-	  });
-	}
 
-	function onUncaughtError(error) {
-	  !(nextFlushedRoot !== null) ? invariant(false, 'Should be working on a root. This error is likely caused by a bug in React. Please file an issue.') : void 0;
-	  // Unschedule this root so we don't work on it again until there's
-	  // another update.
-	  nextFlushedRoot.expirationTime = NoWork;
-	  if (!hasUnhandledError) {
-	    hasUnhandledError = true;
-	    unhandledError = error;
+	  if (expirationTime <= root.lastPingedTime) {
+	    root.lastPingedTime = NoWork;
 	  }
-	}
 
-	// TODO: Batching should be implemented at the renderer level, not inside
-	// the reconciler.
-	function batchedUpdates$1(fn, a) {
-	  var previousIsBatchingUpdates = isBatchingUpdates;
-	  isBatchingUpdates = true;
-	  try {
-	    return fn(a);
-	  } finally {
-	    isBatchingUpdates = previousIsBatchingUpdates;
-	    if (!isBatchingUpdates && !isRendering) {
-	      performSyncWork();
-	    }
+	  if (expirationTime <= root.lastExpiredTime) {
+	    root.lastExpiredTime = NoWork;
 	  }
 	}
+	function markRootUpdatedAtTime(root, expirationTime) {
+	  // Update the range of pending times
+	  var firstPendingTime = root.firstPendingTime;
 
-	// TODO: Batching should be implemented at the renderer level, not inside
-	// the reconciler.
-	function unbatchedUpdates(fn, a) {
-	  if (isBatchingUpdates && !isUnbatchingUpdates) {
-	    isUnbatchingUpdates = true;
-	    try {
-	      return fn(a);
-	    } finally {
-	      isUnbatchingUpdates = false;
+	  if (expirationTime > firstPendingTime) {
+	    root.firstPendingTime = expirationTime;
+	  } // Update the range of suspended times. Treat everything lower priority or
+	  // equal to this update as unsuspended.
+
+
+	  var firstSuspendedTime = root.firstSuspendedTime;
+
+	  if (firstSuspendedTime !== NoWork) {
+	    if (expirationTime >= firstSuspendedTime) {
+	      // The entire suspended range is now unsuspended.
+	      root.firstSuspendedTime = root.lastSuspendedTime = root.nextKnownPendingLevel = NoWork;
+	    } else if (expirationTime >= root.lastSuspendedTime) {
+	      root.lastSuspendedTime = expirationTime + 1;
+	    } // This is a pending level. Check if it's higher priority than the next
+	    // known pending level.
+
+
+	    if (expirationTime > root.nextKnownPendingLevel) {
+	      root.nextKnownPendingLevel = expirationTime;
 	    }
 	  }
-	  return fn(a);
 	}
+	function markRootFinishedAtTime(root, finishedExpirationTime, remainingExpirationTime) {
+	  // Update the range of pending times
+	  root.firstPendingTime = remainingExpirationTime; // Update the range of suspended times. Treat everything higher priority or
+	  // equal to this update as unsuspended.
 
-	// TODO: Batching should be implemented at the renderer level, not within
-	// the reconciler.
-	function flushSync(fn, a) {
-	  !!isRendering ? invariant(false, 'flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering.') : void 0;
-	  var previousIsBatchingUpdates = isBatchingUpdates;
-	  isBatchingUpdates = true;
-	  try {
-	    return syncUpdates(fn, a);
-	  } finally {
-	    isBatchingUpdates = previousIsBatchingUpdates;
-	    performSyncWork();
+	  if (finishedExpirationTime <= root.lastSuspendedTime) {
+	    // The entire suspended range is now unsuspended.
+	    root.firstSuspendedTime = root.lastSuspendedTime = root.nextKnownPendingLevel = NoWork;
+	  } else if (finishedExpirationTime <= root.firstSuspendedTime) {
+	    // Part of the suspended range is now unsuspended. Narrow the range to
+	    // include everything between the unsuspended time (non-inclusive) and the
+	    // last suspended time.
+	    root.firstSuspendedTime = finishedExpirationTime - 1;
 	  }
-	}
 
-	function interactiveUpdates$1(fn, a, b) {
-	  // If there are any pending interactive updates, synchronously flush them.
-	  // This needs to happen before we read any handlers, because the effect of
-	  // the previous event may influence which handlers are called during
-	  // this event.
-	  if (!isBatchingUpdates && !isRendering && lowestPriorityPendingInteractiveExpirationTime !== NoWork) {
-	    // Synchronously flush pending interactive updates.
-	    performWork(lowestPriorityPendingInteractiveExpirationTime, false);
-	    lowestPriorityPendingInteractiveExpirationTime = NoWork;
-	  }
-	  var previousIsBatchingUpdates = isBatchingUpdates;
-	  isBatchingUpdates = true;
-	  try {
-	    return scheduler.unstable_runWithPriority(scheduler.unstable_UserBlockingPriority, function () {
-	      return fn(a, b);
-	    });
-	  } finally {
-	    isBatchingUpdates = previousIsBatchingUpdates;
-	    if (!isBatchingUpdates && !isRendering) {
-	      performSyncWork();
-	    }
+	  if (finishedExpirationTime <= root.lastPingedTime) {
+	    // Clear the pinged time
+	    root.lastPingedTime = NoWork;
 	  }
-	}
 
-	function flushInteractiveUpdates$1() {
-	  if (!isRendering && lowestPriorityPendingInteractiveExpirationTime !== NoWork) {
-	    // Synchronously flush pending interactive updates.
-	    performWork(lowestPriorityPendingInteractiveExpirationTime, false);
-	    lowestPriorityPendingInteractiveExpirationTime = NoWork;
+	  if (finishedExpirationTime <= root.lastExpiredTime) {
+	    // Clear the expired time
+	    root.lastExpiredTime = NoWork;
 	  }
 	}
+	function markRootExpiredAtTime(root, expirationTime) {
+	  var lastExpiredTime = root.lastExpiredTime;
 
-	function flushControlled(fn) {
-	  var previousIsBatchingUpdates = isBatchingUpdates;
-	  isBatchingUpdates = true;
-	  try {
-	    syncUpdates(fn);
-	  } finally {
-	    isBatchingUpdates = previousIsBatchingUpdates;
-	    if (!isBatchingUpdates && !isRendering) {
-	      performSyncWork();
-	    }
+	  if (lastExpiredTime === NoWork || lastExpiredTime > expirationTime) {
+	    root.lastExpiredTime = expirationTime;
 	  }
 	}
 
-	// 0 is PROD, 1 is DEV.
-	// Might add PROFILE later.
-
+	// This lets us hook into Fiber to debug what it's doing.
+	// See https://github.com/facebook/react/pull/8033.
+	// This is not part of the public API, not even for React DevTools.
+	// You may only inject a debugTool if you work on React Fiber itself.
+	var ReactFiberInstrumentation = {
+	  debugTool: null
+	};
+	var ReactFiberInstrumentation_1 = ReactFiberInstrumentation;
 
-	var didWarnAboutNestedUpdates = void 0;
-	var didWarnAboutFindNodeInStrictMode = void 0;
+	var didWarnAboutNestedUpdates;
+	var didWarnAboutFindNodeInStrictMode;
 
 	{
 	  didWarnAboutNestedUpdates = false;
@@ -24378,6 +31441,7 @@
 
 	  if (fiber.tag === ClassComponent) {
 	    var Component = fiber.type;
+
 	    if (isContextProvider(Component)) {
 	      return processChildContext(fiber, Component, parentContext);
 	    }
@@ -24386,178 +31450,344 @@
 	  return parentContext;
 	}
 
-	function scheduleRootUpdate(current$$1, element, expirationTime, callback) {
-	  {
-	    if (phase === 'render' && current !== null && !didWarnAboutNestedUpdates) {
-	      didWarnAboutNestedUpdates = true;
-	      warningWithoutStack$1(false, 'Render methods should be a pure function of props and state; ' + 'triggering nested component updates from render is not allowed. ' + 'If necessary, trigger nested updates in componentDidUpdate.\n\n' + 'Check the render method of %s.', getComponentName(current.type) || 'Unknown');
-	    }
-	  }
-
-	  var update = createUpdate(expirationTime);
-	  // Caution: React DevTools currently depends on this property
-	  // being called "element".
-	  update.payload = { element: element };
-
-	  callback = callback === undefined ? null : callback;
-	  if (callback !== null) {
-	    !(typeof callback === 'function') ? warningWithoutStack$1(false, 'render(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback) : void 0;
-	    update.callback = callback;
-	  }
-
-	  flushPassiveEffects();
-	  enqueueUpdate(current$$1, update);
-	  scheduleWork(current$$1, expirationTime);
-
-	  return expirationTime;
-	}
-
-	function updateContainerAtExpirationTime(element, container, parentComponent, expirationTime, callback) {
-	  // TODO: If this is a nested container, this won't be the root.
-	  var current$$1 = container.current;
-
-	  {
-	    if (ReactFiberInstrumentation_1.debugTool) {
-	      if (current$$1.alternate === null) {
-	        ReactFiberInstrumentation_1.debugTool.onMountContainer(container);
-	      } else if (element === null) {
-	        ReactFiberInstrumentation_1.debugTool.onUnmountContainer(container);
-	      } else {
-	        ReactFiberInstrumentation_1.debugTool.onUpdateContainer(container);
-	      }
-	    }
-	  }
-
-	  var context = getContextForSubtree(parentComponent);
-	  if (container.context === null) {
-	    container.context = context;
-	  } else {
-	    container.pendingContext = context;
-	  }
-
-	  return scheduleRootUpdate(current$$1, element, expirationTime, callback);
-	}
-
 	function findHostInstance(component) {
 	  var fiber = get(component);
+
 	  if (fiber === undefined) {
 	    if (typeof component.render === 'function') {
-	      invariant(false, 'Unable to find node on an unmounted component.');
+	      {
+	        {
+	          throw Error("Unable to find node on an unmounted component.");
+	        }
+	      }
 	    } else {
-	      invariant(false, 'Argument appears to not be a ReactComponent. Keys: %s', Object.keys(component));
+	      {
+	        {
+	          throw Error("Argument appears to not be a ReactComponent. Keys: " + Object.keys(component));
+	        }
+	      }
 	    }
 	  }
+
 	  var hostFiber = findCurrentHostFiber(fiber);
+
 	  if (hostFiber === null) {
 	    return null;
 	  }
+
 	  return hostFiber.stateNode;
 	}
 
 	function findHostInstanceWithWarning(component, methodName) {
 	  {
 	    var fiber = get(component);
+
 	    if (fiber === undefined) {
 	      if (typeof component.render === 'function') {
-	        invariant(false, 'Unable to find node on an unmounted component.');
+	        {
+	          {
+	            throw Error("Unable to find node on an unmounted component.");
+	          }
+	        }
 	      } else {
-	        invariant(false, 'Argument appears to not be a ReactComponent. Keys: %s', Object.keys(component));
+	        {
+	          {
+	            throw Error("Argument appears to not be a ReactComponent. Keys: " + Object.keys(component));
+	          }
+	        }
 	      }
 	    }
+
 	    var hostFiber = findCurrentHostFiber(fiber);
+
 	    if (hostFiber === null) {
 	      return null;
 	    }
+
 	    if (hostFiber.mode & StrictMode) {
 	      var componentName = getComponentName(fiber.type) || 'Component';
+
 	      if (!didWarnAboutFindNodeInStrictMode[componentName]) {
 	        didWarnAboutFindNodeInStrictMode[componentName] = true;
+
 	        if (fiber.mode & StrictMode) {
-	          warningWithoutStack$1(false, '%s is deprecated in StrictMode. ' + '%s was passed an instance of %s which is inside StrictMode. ' + 'Instead, add a ref directly to the element you want to reference.' + '\n%s' + '\n\nLearn more about using refs safely here:' + '\nhttps://fb.me/react-strict-mode-find-node', methodName, methodName, componentName, getStackByFiberInDevAndProd(hostFiber));
+	          warningWithoutStack$1(false, '%s is deprecated in StrictMode. ' + '%s was passed an instance of %s which is inside StrictMode. ' + 'Instead, add a ref directly to the element you want to reference. ' + 'Learn more about using refs safely here: ' + 'https://fb.me/react-strict-mode-find-node%s', methodName, methodName, componentName, getStackByFiberInDevAndProd(hostFiber));
 	        } else {
-	          warningWithoutStack$1(false, '%s is deprecated in StrictMode. ' + '%s was passed an instance of %s which renders StrictMode children. ' + 'Instead, add a ref directly to the element you want to reference.' + '\n%s' + '\n\nLearn more about using refs safely here:' + '\nhttps://fb.me/react-strict-mode-find-node', methodName, methodName, componentName, getStackByFiberInDevAndProd(hostFiber));
+	          warningWithoutStack$1(false, '%s is deprecated in StrictMode. ' + '%s was passed an instance of %s which renders StrictMode children. ' + 'Instead, add a ref directly to the element you want to reference. ' + 'Learn more about using refs safely here: ' + 'https://fb.me/react-strict-mode-find-node%s', methodName, methodName, componentName, getStackByFiberInDevAndProd(hostFiber));
 	        }
 	      }
 	    }
+
 	    return hostFiber.stateNode;
 	  }
+
 	  return findHostInstance(component);
 	}
 
-	function createContainer(containerInfo, isConcurrent, hydrate) {
-	  return createFiberRoot(containerInfo, isConcurrent, hydrate);
+	function createContainer(containerInfo, tag, hydrate, hydrationCallbacks) {
+	  return createFiberRoot(containerInfo, tag, hydrate, hydrationCallbacks);
 	}
-
 	function updateContainer(element, container, parentComponent, callback) {
 	  var current$$1 = container.current;
-	  var currentTime = requestCurrentTime();
-	  var expirationTime = computeExpirationForFiber(currentTime, current$$1);
-	  return updateContainerAtExpirationTime(element, container, parentComponent, expirationTime, callback);
-	}
+	  var currentTime = requestCurrentTimeForUpdate();
+
+	  {
+	    // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
+	    if ('undefined' !== typeof jest) {
+	      warnIfUnmockedScheduler(current$$1);
+	      warnIfNotScopedWithMatchingAct(current$$1);
+	    }
+	  }
+
+	  var suspenseConfig = requestCurrentSuspenseConfig();
+	  var expirationTime = computeExpirationForFiber(currentTime, current$$1, suspenseConfig);
+
+	  {
+	    if (ReactFiberInstrumentation_1.debugTool) {
+	      if (current$$1.alternate === null) {
+	        ReactFiberInstrumentation_1.debugTool.onMountContainer(container);
+	      } else if (element === null) {
+	        ReactFiberInstrumentation_1.debugTool.onUnmountContainer(container);
+	      } else {
+	        ReactFiberInstrumentation_1.debugTool.onUpdateContainer(container);
+	      }
+	    }
+	  }
+
+	  var context = getContextForSubtree(parentComponent);
+
+	  if (container.context === null) {
+	    container.context = context;
+	  } else {
+	    container.pendingContext = context;
+	  }
+
+	  {
+	    if (phase === 'render' && current !== null && !didWarnAboutNestedUpdates) {
+	      didWarnAboutNestedUpdates = true;
+	      warningWithoutStack$1(false, 'Render methods should be a pure function of props and state; ' + 'triggering nested component updates from render is not allowed. ' + 'If necessary, trigger nested updates in componentDidUpdate.\n\n' + 'Check the render method of %s.', getComponentName(current.type) || 'Unknown');
+	    }
+	  }
+
+	  var update = createUpdate(expirationTime, suspenseConfig); // Caution: React DevTools currently depends on this property
+	  // being called "element".
+
+	  update.payload = {
+	    element: element
+	  };
+	  callback = callback === undefined ? null : callback;
+
+	  if (callback !== null) {
+	    !(typeof callback === 'function') ? warningWithoutStack$1(false, 'render(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback) : void 0;
+	    update.callback = callback;
+	  }
 
+	  enqueueUpdate(current$$1, update);
+	  scheduleWork(current$$1, expirationTime);
+	  return expirationTime;
+	}
 	function getPublicRootInstance(container) {
 	  var containerFiber = container.current;
+
 	  if (!containerFiber.child) {
 	    return null;
 	  }
+
 	  switch (containerFiber.child.tag) {
 	    case HostComponent:
 	      return getPublicInstance(containerFiber.child.stateNode);
+
 	    default:
 	      return containerFiber.child.stateNode;
 	  }
 	}
+	function attemptSynchronousHydration$1(fiber) {
+	  switch (fiber.tag) {
+	    case HostRoot:
+	      var root = fiber.stateNode;
+
+	      if (root.hydrate) {
+	        // Flush the first scheduled "update".
+	        flushRoot(root, root.firstPendingTime);
+	      }
+
+	      break;
+
+	    case SuspenseComponent:
+	      flushSync(function () {
+	        return scheduleWork(fiber, Sync);
+	      }); // If we're still blocked after this, we need to increase
+	      // the priority of any promises resolving within this
+	      // boundary so that they next attempt also has higher pri.
+
+	      var retryExpTime = computeInteractiveExpiration(requestCurrentTimeForUpdate());
+	      markRetryTimeIfNotHydrated(fiber, retryExpTime);
+	      break;
+	  }
+	}
+
+	function markRetryTimeImpl(fiber, retryTime) {
+	  var suspenseState = fiber.memoizedState;
+
+	  if (suspenseState !== null && suspenseState.dehydrated !== null) {
+	    if (suspenseState.retryTime < retryTime) {
+	      suspenseState.retryTime = retryTime;
+	    }
+	  }
+	} // Increases the priority of thennables when they resolve within this boundary.
+
+
+	function markRetryTimeIfNotHydrated(fiber, retryTime) {
+	  markRetryTimeImpl(fiber, retryTime);
+	  var alternate = fiber.alternate;
+
+	  if (alternate) {
+	    markRetryTimeImpl(alternate, retryTime);
+	  }
+	}
+
+	function attemptUserBlockingHydration$1(fiber) {
+	  if (fiber.tag !== SuspenseComponent) {
+	    // We ignore HostRoots here because we can't increase
+	    // their priority and they should not suspend on I/O,
+	    // since you have to wrap anything that might suspend in
+	    // Suspense.
+	    return;
+	  }
+
+	  var expTime = computeInteractiveExpiration(requestCurrentTimeForUpdate());
+	  scheduleWork(fiber, expTime);
+	  markRetryTimeIfNotHydrated(fiber, expTime);
+	}
+	function attemptContinuousHydration$1(fiber) {
+	  if (fiber.tag !== SuspenseComponent) {
+	    // We ignore HostRoots here because we can't increase
+	    // their priority and they should not suspend on I/O,
+	    // since you have to wrap anything that might suspend in
+	    // Suspense.
+	    return;
+	  }
+
+	  var expTime = computeContinuousHydrationExpiration(requestCurrentTimeForUpdate());
+	  scheduleWork(fiber, expTime);
+	  markRetryTimeIfNotHydrated(fiber, expTime);
+	}
+	function attemptHydrationAtCurrentPriority$1(fiber) {
+	  if (fiber.tag !== SuspenseComponent) {
+	    // We ignore HostRoots here because we can't increase
+	    // their priority other than synchronously flush it.
+	    return;
+	  }
 
+	  var currentTime = requestCurrentTimeForUpdate();
+	  var expTime = computeExpirationForFiber(currentTime, fiber, null);
+	  scheduleWork(fiber, expTime);
+	  markRetryTimeIfNotHydrated(fiber, expTime);
+	}
 	function findHostInstanceWithNoPortals(fiber) {
 	  var hostFiber = findCurrentHostFiberWithNoPortals(fiber);
+
 	  if (hostFiber === null) {
 	    return null;
 	  }
+
+	  if (hostFiber.tag === FundamentalComponent) {
+	    return hostFiber.stateNode.instance;
+	  }
+
 	  return hostFiber.stateNode;
 	}
 
+	var shouldSuspendImpl = function (fiber) {
+	  return false;
+	};
+
+	function shouldSuspend(fiber) {
+	  return shouldSuspendImpl(fiber);
+	}
+	var overrideHookState = null;
 	var overrideProps = null;
+	var scheduleUpdate = null;
+	var setSuspenseHandler = null;
 
 	{
 	  var copyWithSetImpl = function (obj, path, idx, value) {
 	    if (idx >= path.length) {
 	      return value;
 	    }
+
 	    var key = path[idx];
-	    var updated = Array.isArray(obj) ? obj.slice() : _assign({}, obj);
-	    // $FlowFixMe number or string is fine here
+	    var updated = Array.isArray(obj) ? obj.slice() : _assign({}, obj); // $FlowFixMe number or string is fine here
+
 	    updated[key] = copyWithSetImpl(obj[key], path, idx + 1, value);
 	    return updated;
 	  };
 
 	  var copyWithSet = function (obj, path, value) {
 	    return copyWithSetImpl(obj, path, 0, value);
-	  };
+	  }; // Support DevTools editable values for useState and useReducer.
+
+
+	  overrideHookState = function (fiber, id, path, value) {
+	    // For now, the "id" of stateful hooks is just the stateful hook index.
+	    // This may change in the future with e.g. nested hooks.
+	    var currentHook = fiber.memoizedState;
+
+	    while (currentHook !== null && id > 0) {
+	      currentHook = currentHook.next;
+	      id--;
+	    }
+
+	    if (currentHook !== null) {
+	      var newState = copyWithSet(currentHook.memoizedState, path, value);
+	      currentHook.memoizedState = newState;
+	      currentHook.baseState = newState; // We aren't actually adding an update to the queue,
+	      // because there is no update we can add for useReducer hooks that won't trigger an error.
+	      // (There's no appropriate action type for DevTools overrides.)
+	      // As a result though, React will see the scheduled update as a noop and bailout.
+	      // Shallow cloning props works as a workaround for now to bypass the bailout check.
+
+	      fiber.memoizedProps = _assign({}, fiber.memoizedProps);
+	      scheduleWork(fiber, Sync);
+	    }
+	  }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
+
 
-	  // Support DevTools props for function components, forwardRef, memo, host components, etc.
 	  overrideProps = function (fiber, path, value) {
-	    flushPassiveEffects();
 	    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
+
 	    if (fiber.alternate) {
 	      fiber.alternate.pendingProps = fiber.pendingProps;
 	    }
+
+	    scheduleWork(fiber, Sync);
+	  };
+
+	  scheduleUpdate = function (fiber) {
 	    scheduleWork(fiber, Sync);
 	  };
+
+	  setSuspenseHandler = function (newShouldSuspendImpl) {
+	    shouldSuspendImpl = newShouldSuspendImpl;
+	  };
 	}
 
 	function injectIntoDevTools(devToolsConfig) {
 	  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
 	  var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-
-
 	  return injectInternals(_assign({}, devToolsConfig, {
+	    overrideHookState: overrideHookState,
 	    overrideProps: overrideProps,
+	    setSuspenseHandler: setSuspenseHandler,
+	    scheduleUpdate: scheduleUpdate,
 	    currentDispatcherRef: ReactCurrentDispatcher,
 	    findHostInstanceByFiber: function (fiber) {
 	      var hostFiber = findCurrentHostFiber(fiber);
+
 	      if (hostFiber === null) {
 	        return null;
 	      }
+
 	      return hostFiber.stateNode;
 	    },
 	    findFiberByHostInstance: function (instance) {
@@ -24565,7 +31795,17 @@
 	        // Might not be implemented by the renderer.
 	        return null;
 	      }
+
 	      return findFiberByHostInstance(instance);
+	    },
+	    // React Refresh
+	    findHostInstancesForRefresh: findHostInstancesForRefresh,
+	    scheduleRefresh: scheduleRefresh,
+	    scheduleRoot: scheduleRoot,
+	    setRefreshHandler: setRefreshHandler,
+	    // Enables DevTools to append owner stacks to error messages in DEV mode.
+	    getCurrentFiber: function () {
+	      return current;
 	    }
 	  }));
 	}
@@ -24573,285 +31813,124 @@
 	// This file intentionally does *not* have the Flow annotation.
 	// Don't add it. See `./inline-typed.js` for an explanation.
 
-	function createPortal$1(children, containerInfo,
-	// TODO: figure out the API for cross-renderer implementation.
-	implementation) {
-	  var key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-
-	  return {
-	    // This tag allow us to uniquely identify this as a React Portal
-	    $$typeof: REACT_PORTAL_TYPE,
-	    key: key == null ? null : '' + key,
-	    children: children,
-	    containerInfo: containerInfo,
-	    implementation: implementation
-	  };
-	}
-
-	// TODO: this is special because it gets imported during build.
-
-	var ReactVersion = '16.8.6';
-
 	// TODO: This type is shared between the reconciler and ReactDOM, but will
 	// eventually be lifted out to the renderer.
+	function ReactDOMRoot(container, options) {
+	  this._internalRoot = createRootImpl(container, ConcurrentRoot, options);
+	}
 
-	var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+	function ReactDOMBlockingRoot(container, tag, options) {
+	  this._internalRoot = createRootImpl(container, tag, options);
+	}
 
-	var topLevelUpdateWarnings = void 0;
-	var warnOnInvalidCallback = void 0;
-	var didWarnAboutUnstableCreatePortal = false;
+	ReactDOMRoot.prototype.render = ReactDOMBlockingRoot.prototype.render = function (children, callback) {
+	  var root = this._internalRoot;
+	  var cb = callback === undefined ? null : callback;
 
-	{
-	  if (typeof Map !== 'function' ||
-	  // $FlowIssue Flow incorrectly thinks Map has no prototype
-	  Map.prototype == null || typeof Map.prototype.forEach !== 'function' || typeof Set !== 'function' ||
-	  // $FlowIssue Flow incorrectly thinks Set has no prototype
-	  Set.prototype == null || typeof Set.prototype.clear !== 'function' || typeof Set.prototype.forEach !== 'function') {
-	    warningWithoutStack$1(false, 'React depends on Map and Set built-in types. Make sure that you load a ' + 'polyfill in older browsers. https://fb.me/react-polyfills');
+	  {
+	    warnOnInvalidCallback(cb, 'render');
 	  }
 
-	  topLevelUpdateWarnings = function (container) {
-	    if (container._reactRootContainer && container.nodeType !== COMMENT_NODE) {
-	      var hostInstance = findHostInstanceWithNoPortals(container._reactRootContainer._internalRoot.current);
-	      if (hostInstance) {
-	        !(hostInstance.parentNode === container) ? warningWithoutStack$1(false, 'render(...): It looks like the React-rendered content of this ' + 'container was removed without using React. This is not ' + 'supported and will cause errors. Instead, call ' + 'ReactDOM.unmountComponentAtNode to empty a container.') : void 0;
-	      }
-	    }
-
-	    var isRootRenderedBySomeReact = !!container._reactRootContainer;
-	    var rootEl = getReactRootElementInContainer(container);
-	    var hasNonRootReactChild = !!(rootEl && getInstanceFromNode$1(rootEl));
-
-	    !(!hasNonRootReactChild || isRootRenderedBySomeReact) ? warningWithoutStack$1(false, 'render(...): Replacing React-rendered children with a new root ' + 'component. If you intended to update the children of this node, ' + 'you should instead have the existing children update their state ' + 'and render the new components instead of calling ReactDOM.render.') : void 0;
-
-	    !(container.nodeType !== ELEMENT_NODE || !container.tagName || container.tagName.toUpperCase() !== 'BODY') ? warningWithoutStack$1(false, 'render(): Rendering components directly into document.body is ' + 'discouraged, since its children are often manipulated by third-party ' + 'scripts and browser extensions. This may lead to subtle ' + 'reconciliation issues. Try rendering into a container element created ' + 'for your app.') : void 0;
-	  };
-
-	  warnOnInvalidCallback = function (callback, callerName) {
-	    !(callback === null || typeof callback === 'function') ? warningWithoutStack$1(false, '%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback) : void 0;
-	  };
-	}
-
-	setRestoreImplementation(restoreControlledState$1);
-
-	function ReactBatch(root) {
-	  var expirationTime = computeUniqueAsyncExpiration();
-	  this._expirationTime = expirationTime;
-	  this._root = root;
-	  this._next = null;
-	  this._callbacks = null;
-	  this._didComplete = false;
-	  this._hasChildren = false;
-	  this._children = null;
-	  this._defer = true;
-	}
-	ReactBatch.prototype.render = function (children) {
-	  !this._defer ? invariant(false, 'batch.render: Cannot render a batch that already committed.') : void 0;
-	  this._hasChildren = true;
-	  this._children = children;
-	  var internalRoot = this._root._internalRoot;
-	  var expirationTime = this._expirationTime;
-	  var work = new ReactWork();
-	  updateContainerAtExpirationTime(children, internalRoot, null, expirationTime, work._onCommit);
-	  return work;
-	};
-	ReactBatch.prototype.then = function (onComplete) {
-	  if (this._didComplete) {
-	    onComplete();
-	    return;
-	  }
-	  var callbacks = this._callbacks;
-	  if (callbacks === null) {
-	    callbacks = this._callbacks = [];
-	  }
-	  callbacks.push(onComplete);
+	  updateContainer(children, root, null, cb);
 	};
-	ReactBatch.prototype.commit = function () {
-	  var internalRoot = this._root._internalRoot;
-	  var firstBatch = internalRoot.firstBatch;
-	  !(this._defer && firstBatch !== null) ? invariant(false, 'batch.commit: Cannot commit a batch multiple times.') : void 0;
 
-	  if (!this._hasChildren) {
-	    // This batch is empty. Return.
-	    this._next = null;
-	    this._defer = false;
-	    return;
+	ReactDOMRoot.prototype.unmount = ReactDOMBlockingRoot.prototype.unmount = function (callback) {
+	  var root = this._internalRoot;
+	  var cb = callback === undefined ? null : callback;
+
+	  {
+	    warnOnInvalidCallback(cb, 'render');
 	  }
 
-	  var expirationTime = this._expirationTime;
+	  var container = root.containerInfo;
+	  updateContainer(null, root, null, function () {
+	    unmarkContainerAsRoot(container);
 
-	  // Ensure this is the first batch in the list.
-	  if (firstBatch !== this) {
-	    // This batch is not the earliest batch. We need to move it to the front.
-	    // Update its expiration time to be the expiration time of the earliest
-	    // batch, so that we can flush it without flushing the other batches.
-	    if (this._hasChildren) {
-	      expirationTime = this._expirationTime = firstBatch._expirationTime;
-	      // Rendering this batch again ensures its children will be the final state
-	      // when we flush (updates are processed in insertion order: last
-	      // update wins).
-	      // TODO: This forces a restart. Should we print a warning?
-	      this.render(this._children);
+	    if (cb !== null) {
+	      cb();
 	    }
+	  });
+	};
 
-	    // Remove the batch from the list.
-	    var previous = null;
-	    var batch = firstBatch;
-	    while (batch !== this) {
-	      previous = batch;
-	      batch = batch._next;
-	    }
-	    !(previous !== null) ? invariant(false, 'batch.commit: Cannot commit a batch multiple times.') : void 0;
-	    previous._next = batch._next;
+	function createRootImpl(container, tag, options) {
+	  // Tag is either LegacyRoot or Concurrent Root
+	  var hydrate = options != null && options.hydrate === true;
+	  var hydrationCallbacks = options != null && options.hydrationOptions || null;
+	  var root = createContainer(container, tag, hydrate, hydrationCallbacks);
+	  markContainerAsRoot(root.current, container);
 
-	    // Add it to the front.
-	    this._next = firstBatch;
-	    firstBatch = internalRoot.firstBatch = this;
+	  if (hydrate && tag !== LegacyRoot) {
+	    var doc = container.nodeType === DOCUMENT_NODE ? container : container.ownerDocument;
+	    eagerlyTrapReplayableEvents(doc);
 	  }
 
-	  // Synchronously flush all the work up to this batch's expiration time.
-	  this._defer = false;
-	  flushRoot(internalRoot, expirationTime);
-
-	  // Pop the batch from the list.
-	  var next = this._next;
-	  this._next = null;
-	  firstBatch = internalRoot.firstBatch = next;
+	  return root;
+	}
 
-	  // Append the next earliest batch's children to the update queue.
-	  if (firstBatch !== null && firstBatch._hasChildren) {
-	    firstBatch.render(firstBatch._children);
-	  }
-	};
-	ReactBatch.prototype._onComplete = function () {
-	  if (this._didComplete) {
-	    return;
-	  }
-	  this._didComplete = true;
-	  var callbacks = this._callbacks;
-	  if (callbacks === null) {
-	    return;
-	  }
-	  // TODO: Error handling.
-	  for (var i = 0; i < callbacks.length; i++) {
-	    var _callback = callbacks[i];
-	    _callback();
+	function createRoot(container, options) {
+	  if (!isValidContainer(container)) {
+	    {
+	      throw Error("createRoot(...): Target container is not a DOM element.");
+	    }
 	  }
-	};
 
-	function ReactWork() {
-	  this._callbacks = null;
-	  this._didCommit = false;
-	  // TODO: Avoid need to bind by replacing callbacks in the update queue with
-	  // list of Work objects.
-	  this._onCommit = this._onCommit.bind(this);
+	  warnIfReactDOMContainerInDEV(container);
+	  return new ReactDOMRoot(container, options);
 	}
-	ReactWork.prototype.then = function (onCommit) {
-	  if (this._didCommit) {
-	    onCommit();
-	    return;
-	  }
-	  var callbacks = this._callbacks;
-	  if (callbacks === null) {
-	    callbacks = this._callbacks = [];
-	  }
-	  callbacks.push(onCommit);
-	};
-	ReactWork.prototype._onCommit = function () {
-	  if (this._didCommit) {
-	    return;
-	  }
-	  this._didCommit = true;
-	  var callbacks = this._callbacks;
-	  if (callbacks === null) {
-	    return;
-	  }
-	  // TODO: Error handling.
-	  for (var i = 0; i < callbacks.length; i++) {
-	    var _callback2 = callbacks[i];
-	    !(typeof _callback2 === 'function') ? invariant(false, 'Invalid argument passed as callback. Expected a function. Instead received: %s', _callback2) : void 0;
-	    _callback2();
+	function createBlockingRoot(container, options) {
+	  if (!isValidContainer(container)) {
+	    {
+	      throw Error("createRoot(...): Target container is not a DOM element.");
+	    }
 	  }
-	};
 
-	function ReactRoot(container, isConcurrent, hydrate) {
-	  var root = createContainer(container, isConcurrent, hydrate);
-	  this._internalRoot = root;
+	  warnIfReactDOMContainerInDEV(container);
+	  return new ReactDOMBlockingRoot(container, BlockingRoot, options);
 	}
-	ReactRoot.prototype.render = function (children, callback) {
-	  var root = this._internalRoot;
-	  var work = new ReactWork();
-	  callback = callback === undefined ? null : callback;
-	  {
-	    warnOnInvalidCallback(callback, 'render');
-	  }
-	  if (callback !== null) {
-	    work.then(callback);
-	  }
-	  updateContainer(children, root, null, work._onCommit);
-	  return work;
-	};
-	ReactRoot.prototype.unmount = function (callback) {
-	  var root = this._internalRoot;
-	  var work = new ReactWork();
-	  callback = callback === undefined ? null : callback;
-	  {
-	    warnOnInvalidCallback(callback, 'render');
-	  }
-	  if (callback !== null) {
-	    work.then(callback);
-	  }
-	  updateContainer(null, root, null, work._onCommit);
-	  return work;
-	};
-	ReactRoot.prototype.legacy_renderSubtreeIntoContainer = function (parentComponent, children, callback) {
-	  var root = this._internalRoot;
-	  var work = new ReactWork();
-	  callback = callback === undefined ? null : callback;
+	function createLegacyRoot(container, options) {
+	  return new ReactDOMBlockingRoot(container, LegacyRoot, options);
+	}
+	function isValidContainer(node) {
+	  return !!(node && (node.nodeType === ELEMENT_NODE || node.nodeType === DOCUMENT_NODE || node.nodeType === DOCUMENT_FRAGMENT_NODE || node.nodeType === COMMENT_NODE && node.nodeValue === ' react-mount-point-unstable '));
+	}
+	function warnOnInvalidCallback(callback, callerName) {
 	  {
-	    warnOnInvalidCallback(callback, 'render');
-	  }
-	  if (callback !== null) {
-	    work.then(callback);
+	    !(callback === null || typeof callback === 'function') ? warningWithoutStack$1(false, '%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback) : void 0;
 	  }
-	  updateContainer(children, root, parentComponent, work._onCommit);
-	  return work;
-	};
-	ReactRoot.prototype.createBatch = function () {
-	  var batch = new ReactBatch(this);
-	  var expirationTime = batch._expirationTime;
+	}
 
-	  var internalRoot = this._internalRoot;
-	  var firstBatch = internalRoot.firstBatch;
-	  if (firstBatch === null) {
-	    internalRoot.firstBatch = batch;
-	    batch._next = null;
-	  } else {
-	    // Insert sorted by expiration time then insertion order
-	    var insertAfter = null;
-	    var insertBefore = firstBatch;
-	    while (insertBefore !== null && insertBefore._expirationTime >= expirationTime) {
-	      insertAfter = insertBefore;
-	      insertBefore = insertBefore._next;
-	    }
-	    batch._next = insertBefore;
-	    if (insertAfter !== null) {
-	      insertAfter._next = batch;
+	function warnIfReactDOMContainerInDEV(container) {
+	  {
+	    if (isContainerMarkedAsRoot(container)) {
+	      if (container._reactRootContainer) {
+	        warningWithoutStack$1(false, 'You are calling ReactDOM.createRoot() on a container that was previously ' + 'passed to ReactDOM.render(). This is not supported.');
+	      } else {
+	        warningWithoutStack$1(false, 'You are calling ReactDOM.createRoot() on a container that ' + 'has already been passed to createRoot() before. Instead, call ' + 'root.render() on the existing root instead if you want to update it.');
+	      }
 	    }
 	  }
+	}
 
-	  return batch;
-	};
+	var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+	var topLevelUpdateWarnings;
+	var warnedAboutHydrateAPI = false;
 
-	/**
-	 * True if the supplied DOM node is a valid node element.
-	 *
-	 * @param {?DOMElement} node The candidate DOM node.
-	 * @return {boolean} True if the DOM is a valid DOM node.
-	 * @internal
-	 */
-	function isValidContainer(node) {
-	  return !!(node && (node.nodeType === ELEMENT_NODE || node.nodeType === DOCUMENT_NODE || node.nodeType === DOCUMENT_FRAGMENT_NODE || node.nodeType === COMMENT_NODE && node.nodeValue === ' react-mount-point-unstable '));
+	{
+	  topLevelUpdateWarnings = function (container) {
+	    if (container._reactRootContainer && container.nodeType !== COMMENT_NODE) {
+	      var hostInstance = findHostInstanceWithNoPortals(container._reactRootContainer._internalRoot.current);
+
+	      if (hostInstance) {
+	        !(hostInstance.parentNode === container) ? warningWithoutStack$1(false, 'render(...): It looks like the React-rendered content of this ' + 'container was removed without using React. This is not ' + 'supported and will cause errors. Instead, call ' + 'ReactDOM.unmountComponentAtNode to empty a container.') : void 0;
+	      }
+	    }
+
+	    var isRootRenderedBySomeReact = !!container._reactRootContainer;
+	    var rootEl = getReactRootElementInContainer(container);
+	    var hasNonRootReactChild = !!(rootEl && getInstanceFromNode$1(rootEl));
+	    !(!hasNonRootReactChild || isRootRenderedBySomeReact) ? warningWithoutStack$1(false, 'render(...): Replacing React-rendered children with a new root ' + 'component. If you intended to update the children of this node, ' + 'you should instead have the existing children update their state ' + 'and render the new components instead of calling ReactDOM.render.') : void 0;
+	    !(container.nodeType !== ELEMENT_NODE || !container.tagName || container.tagName.toUpperCase() !== 'BODY') ? warningWithoutStack$1(false, 'render(): Rendering components directly into document.body is ' + 'discouraged, since its children are often manipulated by third-party ' + 'scripts and browser extensions. This may lead to subtle ' + 'reconciliation issues. Try rendering into a container element created ' + 'for your app.') : void 0;
+	  };
 	}
 
 	function getReactRootElementInContainer(container) {
@@ -24871,16 +31950,13 @@
 	  return !!(rootElement && rootElement.nodeType === ELEMENT_NODE && rootElement.hasAttribute(ROOT_ATTRIBUTE_NAME));
 	}
 
-	setBatchingImplementation(batchedUpdates$1, interactiveUpdates$1, flushInteractiveUpdates$1);
-
-	var warnedAboutHydrateAPI = false;
-
 	function legacyCreateRootFromDOMContainer(container, forceHydrate) {
-	  var shouldHydrate = forceHydrate || shouldHydrateDueToLegacyHeuristic(container);
-	  // First clear any existing content.
+	  var shouldHydrate = forceHydrate || shouldHydrateDueToLegacyHeuristic(container); // First clear any existing content.
+
 	  if (!shouldHydrate) {
 	    var warned = false;
-	    var rootSibling = void 0;
+	    var rootSibling;
+
 	    while (rootSibling = container.lastChild) {
 	      {
 	        if (!warned && rootSibling.nodeType === ELEMENT_NODE && rootSibling.hasAttribute(ROOT_ATTRIBUTE_NAME)) {
@@ -24888,195 +31964,279 @@
 	          warningWithoutStack$1(false, 'render(): Target node has markup rendered by React, but there ' + 'are unrelated nodes as well. This is most commonly caused by ' + 'white-space inserted around server-rendered markup.');
 	        }
 	      }
+
 	      container.removeChild(rootSibling);
 	    }
 	  }
+
 	  {
 	    if (shouldHydrate && !forceHydrate && !warnedAboutHydrateAPI) {
 	      warnedAboutHydrateAPI = true;
-	      lowPriorityWarning$1(false, 'render(): Calling ReactDOM.render() to hydrate server-rendered markup ' + 'will stop working in React v17. Replace the ReactDOM.render() call ' + 'with ReactDOM.hydrate() if you want React to attach to the server HTML.');
+	      lowPriorityWarningWithoutStack$1(false, 'render(): Calling ReactDOM.render() to hydrate server-rendered markup ' + 'will stop working in React v17. Replace the ReactDOM.render() call ' + 'with ReactDOM.hydrate() if you want React to attach to the server HTML.');
 	    }
 	  }
-	  // Legacy roots are not async by default.
-	  var isConcurrent = false;
-	  return new ReactRoot(container, isConcurrent, shouldHydrate);
+
+	  return createLegacyRoot(container, shouldHydrate ? {
+	    hydrate: true
+	  } : undefined);
 	}
 
 	function legacyRenderSubtreeIntoContainer(parentComponent, children, container, forceHydrate, callback) {
 	  {
 	    topLevelUpdateWarnings(container);
-	  }
-
-	  // TODO: Without `any` type, Flow says "Property cannot be accessed on any
+	    warnOnInvalidCallback(callback === undefined ? null : callback, 'render');
+	  } // TODO: Without `any` type, Flow says "Property cannot be accessed on any
 	  // member of intersection type." Whyyyyyy.
+
+
 	  var root = container._reactRootContainer;
+	  var fiberRoot;
+
 	  if (!root) {
 	    // Initial mount
 	    root = container._reactRootContainer = legacyCreateRootFromDOMContainer(container, forceHydrate);
+	    fiberRoot = root._internalRoot;
+
 	    if (typeof callback === 'function') {
 	      var originalCallback = callback;
+
 	      callback = function () {
-	        var instance = getPublicRootInstance(root._internalRoot);
+	        var instance = getPublicRootInstance(fiberRoot);
 	        originalCallback.call(instance);
 	      };
-	    }
-	    // Initial mount should not be batched.
+	    } // Initial mount should not be batched.
+
+
 	    unbatchedUpdates(function () {
-	      if (parentComponent != null) {
-	        root.legacy_renderSubtreeIntoContainer(parentComponent, children, callback);
-	      } else {
-	        root.render(children, callback);
-	      }
+	      updateContainer(children, fiberRoot, parentComponent, callback);
 	    });
 	  } else {
+	    fiberRoot = root._internalRoot;
+
 	    if (typeof callback === 'function') {
 	      var _originalCallback = callback;
+
 	      callback = function () {
-	        var instance = getPublicRootInstance(root._internalRoot);
+	        var instance = getPublicRootInstance(fiberRoot);
+
 	        _originalCallback.call(instance);
 	      };
-	    }
-	    // Update
-	    if (parentComponent != null) {
-	      root.legacy_renderSubtreeIntoContainer(parentComponent, children, callback);
-	    } else {
-	      root.render(children, callback);
-	    }
+	    } // Update
+
+
+	    updateContainer(children, fiberRoot, parentComponent, callback);
 	  }
-	  return getPublicRootInstance(root._internalRoot);
+
+	  return getPublicRootInstance(fiberRoot);
 	}
 
-	function createPortal$$1(children, container) {
-	  var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+	function findDOMNode(componentOrElement) {
+	  {
+	    var owner = ReactCurrentOwner$1.current;
 
-	  !isValidContainer(container) ? invariant(false, 'Target container is not a DOM element.') : void 0;
-	  // TODO: pass ReactDOM portal implementation as third argument
-	  return createPortal$1(children, container, null, key);
-	}
+	    if (owner !== null && owner.stateNode !== null) {
+	      var warnedAboutRefsInRender = owner.stateNode._warnedAboutRefsInRender;
+	      !warnedAboutRefsInRender ? warningWithoutStack$1(false, '%s is accessing findDOMNode inside its render(). ' + 'render() should be a pure function of props and state. It should ' + 'never access something that requires stale data from the previous ' + 'render, such as refs. Move this logic to componentDidMount and ' + 'componentDidUpdate instead.', getComponentName(owner.type) || 'A component') : void 0;
+	      owner.stateNode._warnedAboutRefsInRender = true;
+	    }
+	  }
 
-	var ReactDOM = {
-	  createPortal: createPortal$$1,
+	  if (componentOrElement == null) {
+	    return null;
+	  }
+
+	  if (componentOrElement.nodeType === ELEMENT_NODE) {
+	    return componentOrElement;
+	  }
+
+	  {
+	    return findHostInstanceWithWarning(componentOrElement, 'findDOMNode');
+	  }
 
-	  findDOMNode: function (componentOrElement) {
+	  return findHostInstance(componentOrElement);
+	}
+	function hydrate(element, container, callback) {
+	  if (!isValidContainer(container)) {
 	    {
-	      var owner = ReactCurrentOwner.current;
-	      if (owner !== null && owner.stateNode !== null) {
-	        var warnedAboutRefsInRender = owner.stateNode._warnedAboutRefsInRender;
-	        !warnedAboutRefsInRender ? warningWithoutStack$1(false, '%s is accessing findDOMNode inside its render(). ' + 'render() should be a pure function of props and state. It should ' + 'never access something that requires stale data from the previous ' + 'render, such as refs. Move this logic to componentDidMount and ' + 'componentDidUpdate instead.', getComponentName(owner.type) || 'A component') : void 0;
-	        owner.stateNode._warnedAboutRefsInRender = true;
-	      }
-	    }
-	    if (componentOrElement == null) {
-	      return null;
+	      throw Error("Target container is not a DOM element.");
 	    }
-	    if (componentOrElement.nodeType === ELEMENT_NODE) {
-	      return componentOrElement;
+	  }
+
+	  {
+	    var isModernRoot = isContainerMarkedAsRoot(container) && container._reactRootContainer === undefined;
+
+	    if (isModernRoot) {
+	      warningWithoutStack$1(false, 'You are calling ReactDOM.hydrate() on a container that was previously ' + 'passed to ReactDOM.createRoot(). This is not supported. ' + 'Did you mean to call createRoot(container, {hydrate: true}).render(element)?');
 	    }
+	  } // TODO: throw or warn if we couldn't hydrate?
+
+
+	  return legacyRenderSubtreeIntoContainer(null, element, container, true, callback);
+	}
+	function render(element, container, callback) {
+	  if (!isValidContainer(container)) {
 	    {
-	      return findHostInstanceWithWarning(componentOrElement, 'findDOMNode');
+	      throw Error("Target container is not a DOM element.");
 	    }
-	    return findHostInstance(componentOrElement);
-	  },
-	  hydrate: function (element, container, callback) {
-	    !isValidContainer(container) ? invariant(false, 'Target container is not a DOM element.') : void 0;
+	  }
+
+	  {
+	    var isModernRoot = isContainerMarkedAsRoot(container) && container._reactRootContainer === undefined;
+
+	    if (isModernRoot) {
+	      warningWithoutStack$1(false, 'You are calling ReactDOM.render() on a container that was previously ' + 'passed to ReactDOM.createRoot(). This is not supported. ' + 'Did you mean to call root.render(element)?');
+	    }
+	  }
+
+	  return legacyRenderSubtreeIntoContainer(null, element, container, false, callback);
+	}
+	function unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback) {
+	  if (!isValidContainer(containerNode)) {
 	    {
-	      !!container._reactHasBeenPassedToCreateRootDEV ? warningWithoutStack$1(false, 'You are calling ReactDOM.hydrate() on a container that was previously ' + 'passed to ReactDOM.%s(). This is not supported. ' + 'Did you mean to call createRoot(container, {hydrate: true}).render(element)?', enableStableConcurrentModeAPIs ? 'createRoot' : 'unstable_createRoot') : void 0;
+	      throw Error("Target container is not a DOM element.");
 	    }
-	    // TODO: throw or warn if we couldn't hydrate?
-	    return legacyRenderSubtreeIntoContainer(null, element, container, true, callback);
-	  },
-	  render: function (element, container, callback) {
-	    !isValidContainer(container) ? invariant(false, 'Target container is not a DOM element.') : void 0;
+	  }
+
+	  if (!(parentComponent != null && has(parentComponent))) {
 	    {
-	      !!container._reactHasBeenPassedToCreateRootDEV ? warningWithoutStack$1(false, 'You are calling ReactDOM.render() on a container that was previously ' + 'passed to ReactDOM.%s(). This is not supported. ' + 'Did you mean to call root.render(element)?', enableStableConcurrentModeAPIs ? 'createRoot' : 'unstable_createRoot') : void 0;
+	      throw Error("parentComponent must be a valid React Component");
 	    }
-	    return legacyRenderSubtreeIntoContainer(null, element, container, false, callback);
-	  },
-	  unstable_renderSubtreeIntoContainer: function (parentComponent, element, containerNode, callback) {
-	    !isValidContainer(containerNode) ? invariant(false, 'Target container is not a DOM element.') : void 0;
-	    !(parentComponent != null && has(parentComponent)) ? invariant(false, 'parentComponent must be a valid React Component') : void 0;
-	    return legacyRenderSubtreeIntoContainer(parentComponent, element, containerNode, false, callback);
-	  },
-	  unmountComponentAtNode: function (container) {
-	    !isValidContainer(container) ? invariant(false, 'unmountComponentAtNode(...): Target container is not a DOM element.') : void 0;
+	  }
 
+	  return legacyRenderSubtreeIntoContainer(parentComponent, element, containerNode, false, callback);
+	}
+	function unmountComponentAtNode(container) {
+	  if (!isValidContainer(container)) {
 	    {
-	      !!container._reactHasBeenPassedToCreateRootDEV ? warningWithoutStack$1(false, 'You are calling ReactDOM.unmountComponentAtNode() on a container that was previously ' + 'passed to ReactDOM.%s(). This is not supported. Did you mean to call root.unmount()?', enableStableConcurrentModeAPIs ? 'createRoot' : 'unstable_createRoot') : void 0;
+	      throw Error("unmountComponentAtNode(...): Target container is not a DOM element.");
 	    }
+	  }
 
-	    if (container._reactRootContainer) {
-	      {
-	        var rootEl = getReactRootElementInContainer(container);
-	        var renderedByDifferentReact = rootEl && !getInstanceFromNode$1(rootEl);
-	        !!renderedByDifferentReact ? warningWithoutStack$1(false, "unmountComponentAtNode(): The node you're attempting to unmount " + 'was rendered by another copy of React.') : void 0;
-	      }
+	  {
+	    var isModernRoot = isContainerMarkedAsRoot(container) && container._reactRootContainer === undefined;
 
-	      // Unmount should not be batched.
-	      unbatchedUpdates(function () {
-	        legacyRenderSubtreeIntoContainer(null, null, container, false, function () {
-	          container._reactRootContainer = null;
-	        });
+	    if (isModernRoot) {
+	      warningWithoutStack$1(false, 'You are calling ReactDOM.unmountComponentAtNode() on a container that was previously ' + 'passed to ReactDOM.createRoot(). This is not supported. Did you mean to call root.unmount()?');
+	    }
+	  }
+
+	  if (container._reactRootContainer) {
+	    {
+	      var rootEl = getReactRootElementInContainer(container);
+	      var renderedByDifferentReact = rootEl && !getInstanceFromNode$1(rootEl);
+	      !!renderedByDifferentReact ? warningWithoutStack$1(false, "unmountComponentAtNode(): The node you're attempting to unmount " + 'was rendered by another copy of React.') : void 0;
+	    } // Unmount should not be batched.
+
+
+	    unbatchedUpdates(function () {
+	      legacyRenderSubtreeIntoContainer(null, null, container, false, function () {
+	        container._reactRootContainer = null;
+	        unmarkContainerAsRoot(container);
 	      });
-	      // If you call unmountComponentAtNode twice in quick succession, you'll
-	      // get `true` twice. That's probably fine?
-	      return true;
-	    } else {
-	      {
-	        var _rootEl = getReactRootElementInContainer(container);
-	        var hasNonRootReactChild = !!(_rootEl && getInstanceFromNode$1(_rootEl));
+	    }); // If you call unmountComponentAtNode twice in quick succession, you'll
+	    // get `true` twice. That's probably fine?
 
-	        // Check if the container itself is a React root node.
-	        var isContainerReactRoot = container.nodeType === ELEMENT_NODE && isValidContainer(container.parentNode) && !!container.parentNode._reactRootContainer;
+	    return true;
+	  } else {
+	    {
+	      var _rootEl = getReactRootElementInContainer(container);
 
-	        !!hasNonRootReactChild ? warningWithoutStack$1(false, "unmountComponentAtNode(): The node you're attempting to unmount " + 'was rendered by React and is not a top-level container. %s', isContainerReactRoot ? 'You may have accidentally passed in a React root node instead ' + 'of its container.' : 'Instead, have the parent component update its state and ' + 'rerender in order to remove this component.') : void 0;
-	      }
+	      var hasNonRootReactChild = !!(_rootEl && getInstanceFromNode$1(_rootEl)); // Check if the container itself is a React root node.
 
-	      return false;
+	      var isContainerReactRoot = container.nodeType === ELEMENT_NODE && isValidContainer(container.parentNode) && !!container.parentNode._reactRootContainer;
+	      !!hasNonRootReactChild ? warningWithoutStack$1(false, "unmountComponentAtNode(): The node you're attempting to unmount " + 'was rendered by React and is not a top-level container. %s', isContainerReactRoot ? 'You may have accidentally passed in a React root node instead ' + 'of its container.' : 'Instead, have the parent component update its state and ' + 'rerender in order to remove this component.') : void 0;
 	    }
-	  },
 
+	    return false;
+	  }
+	}
+
+	function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation.
+	implementation) {
+	  var key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+	  return {
+	    // This tag allow us to uniquely identify this as a React Portal
+	    $$typeof: REACT_PORTAL_TYPE,
+	    key: key == null ? null : '' + key,
+	    children: children,
+	    containerInfo: containerInfo,
+	    implementation: implementation
+	  };
+	}
+
+	// TODO: this is special because it gets imported during build.
+
+	var ReactVersion = '16.12.0';
+
+	setAttemptSynchronousHydration(attemptSynchronousHydration$1);
+	setAttemptUserBlockingHydration(attemptUserBlockingHydration$1);
+	setAttemptContinuousHydration(attemptContinuousHydration$1);
+	setAttemptHydrationAtCurrentPriority(attemptHydrationAtCurrentPriority$1);
+	var didWarnAboutUnstableCreatePortal = false;
+
+	{
+	  if (typeof Map !== 'function' || // $FlowIssue Flow incorrectly thinks Map has no prototype
+	  Map.prototype == null || typeof Map.prototype.forEach !== 'function' || typeof Set !== 'function' || // $FlowIssue Flow incorrectly thinks Set has no prototype
+	  Set.prototype == null || typeof Set.prototype.clear !== 'function' || typeof Set.prototype.forEach !== 'function') {
+	    warningWithoutStack$1(false, 'React depends on Map and Set built-in types. Make sure that you load a ' + 'polyfill in older browsers. https://fb.me/react-polyfills');
+	  }
+	}
+
+	setRestoreImplementation(restoreControlledState$$1);
+	setBatchingImplementation(batchedUpdates$1, discreteUpdates$1, flushDiscreteUpdates, batchedEventUpdates$1);
+
+	function createPortal$$1(children, container) {
+	  var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+	  if (!isValidContainer(container)) {
+	    {
+	      throw Error("Target container is not a DOM element.");
+	    }
+	  } // TODO: pass ReactDOM portal implementation as third argument
+
+
+	  return createPortal$1(children, container, null, key);
+	}
 
+	var ReactDOM = {
+	  createPortal: createPortal$$1,
+	  // Legacy
+	  findDOMNode: findDOMNode,
+	  hydrate: hydrate,
+	  render: render,
+	  unstable_renderSubtreeIntoContainer: unstable_renderSubtreeIntoContainer,
+	  unmountComponentAtNode: unmountComponentAtNode,
 	  // Temporary alias since we already shipped React 16 RC with it.
 	  // TODO: remove in React 17.
 	  unstable_createPortal: function () {
 	    if (!didWarnAboutUnstableCreatePortal) {
 	      didWarnAboutUnstableCreatePortal = true;
-	      lowPriorityWarning$1(false, 'The ReactDOM.unstable_createPortal() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactDOM.createPortal() instead. It has the exact same API, ' + 'but without the "unstable_" prefix.');
+	      lowPriorityWarningWithoutStack$1(false, 'The ReactDOM.unstable_createPortal() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactDOM.createPortal() instead. It has the exact same API, ' + 'but without the "unstable_" prefix.');
 	    }
-	    return createPortal$$1.apply(undefined, arguments);
-	  },
-
 
+	    return createPortal$$1.apply(void 0, arguments);
+	  },
 	  unstable_batchedUpdates: batchedUpdates$1,
-
-	  unstable_interactiveUpdates: interactiveUpdates$1,
-
 	  flushSync: flushSync,
-
-	  unstable_createRoot: createRoot,
-	  unstable_flushControlled: flushControlled,
-
 	  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
 	    // Keep in sync with ReactDOMUnstableNativeDependencies.js
-	    // and ReactTestUtils.js. This is an array for better minification.
-	    Events: [getInstanceFromNode$1, getNodeFromInstance$1, getFiberCurrentPropsFromNode$1, injection.injectEventPluginsByName, eventNameDispatchConfigs, accumulateTwoPhaseDispatches, accumulateDirectDispatches, enqueueStateRestore, restoreStateIfNeeded, dispatchEvent, runEventsInBatch]
+	    // ReactTestUtils.js, and ReactTestUtilsAct.js. This is an array for better minification.
+	    Events: [getInstanceFromNode$1, getNodeFromInstance$1, getFiberCurrentPropsFromNode$1, injection.injectEventPluginsByName, eventNameDispatchConfigs, accumulateTwoPhaseDispatches, accumulateDirectDispatches, enqueueStateRestore, restoreStateIfNeeded, dispatchEvent, runEventsInBatch, flushPassiveEffects, IsThisRendererActing]
 	  }
 	};
 
-	function createRoot(container, options) {
-	  var functionName = enableStableConcurrentModeAPIs ? 'createRoot' : 'unstable_createRoot';
-	  !isValidContainer(container) ? invariant(false, '%s(...): Target container is not a DOM element.', functionName) : void 0;
-	  {
-	    !!container._reactRootContainer ? warningWithoutStack$1(false, 'You are calling ReactDOM.%s() on a container that was previously ' + 'passed to ReactDOM.render(). This is not supported.', enableStableConcurrentModeAPIs ? 'createRoot' : 'unstable_createRoot') : void 0;
-	    container._reactHasBeenPassedToCreateRootDEV = true;
-	  }
-	  var hydrate = options != null && options.hydrate === true;
-	  return new ReactRoot(container, true, hydrate);
-	}
-
-	if (enableStableConcurrentModeAPIs) {
+	if (exposeConcurrentModeAPIs) {
 	  ReactDOM.createRoot = createRoot;
-	  ReactDOM.unstable_createRoot = undefined;
+	  ReactDOM.createBlockingRoot = createBlockingRoot;
+	  ReactDOM.unstable_discreteUpdates = discreteUpdates$1;
+	  ReactDOM.unstable_flushDiscreteUpdates = flushDiscreteUpdates;
+	  ReactDOM.unstable_flushControlled = flushControlled;
+
+	  ReactDOM.unstable_scheduleHydration = function (target) {
+	    if (target) {
+	      queueExplicitHydrationTarget(target);
+	    }
+	  };
 	}
 
 	var foundDevTools = injectIntoDevTools({
@@ -25090,8 +32250,8 @@
 	  if (!foundDevTools && canUseDOM && window.top === window.self) {
 	    // If we're in Chrome or Firefox, provide a download link if not installed.
 	    if (navigator.userAgent.indexOf('Chrome') > -1 && navigator.userAgent.indexOf('Edge') === -1 || navigator.userAgent.indexOf('Firefox') > -1) {
-	      var protocol = window.location.protocol;
-	      // Don't warn in exotic cases like chrome-extension://.
+	      var protocol = window.location.protocol; // Don't warn in exotic cases like chrome-extension://.
+
 	      if (/^(https?|file):$/.test(protocol)) {
 	        console.info('%cDownload the React DevTools ' + 'for a better development experience: ' + 'https://fb.me/react-devtools' + (protocol === 'file:' ? '\nYou might need to use a local HTTP server (instead of file://): ' + 'https://fb.me/react-devtools-faq' : ''), 'font-weight:bold');
 	      }
@@ -25109,6 +32269,8 @@
 
 	// TODO: decide on the top-level export form.
 	// This is hacky but makes it work with both Rollup and Jest.
+
+
 	var reactDom = ReactDOM$3.default || ReactDOM$3;
 
 	module.exports = reactDom;
@@ -25135,7 +32297,7 @@
 /* 15 */
 /***/ (function(module, exports) {
 
-	/** @license React v0.13.6
+	/** @license React v0.18.0
 	 * scheduler-tracing.production.min.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -25151,7 +32313,7 @@
 /* 16 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v0.13.6
+	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v0.18.0
 	 * scheduler-tracing.development.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -25170,57 +32332,74 @@
 
 	Object.defineProperty(exports, '__esModule', { value: true });
 
-	// Helps identify side effects in begin-phase lifecycle hooks and setState reducers:
+	// Helps identify side effects in render-phase lifecycle hooks and setState
+	// reducers by double invoking them in Strict Mode.
 
+	 // To preserve the "Pause on caught exceptions" behavior of the debugger, we
+	// replay the begin phase of a failed component inside invokeGuardedCallback.
 
-	// In some cases, StrictMode should also double-render lifecycles.
-	// This can be confusing for tests though,
-	// And it can be bad for performance in production.
-	// This feature flag can be used to control the behavior:
+	 // Warn about deprecated, async-unsafe lifecycles; relates to RFC #6:
 
+	 // Gather advanced timing metrics for Profiler subtrees.
 
-	// To preserve the "Pause on caught exceptions" behavior of the debugger, we
-	// replay the begin phase of a failed component inside invokeGuardedCallback.
+	 // Trace which interactions trigger each commit.
 
+	var enableSchedulerTracing = true; // SSR experiments
 
-	// Warn about deprecated, async-unsafe lifecycles; relates to RFC #6:
 
+	 // Only used in www builds.
 
-	// Gather advanced timing metrics for Profiler subtrees.
+	 // Only used in www builds.
 
+	 // Disable javascript: URL strings in href for XSS protection.
 
-	// Trace which interactions trigger each commit.
-	var enableSchedulerTracing = true;
+	 // React Fire: prevent the value and checked attributes from syncing
+	// with their related DOM properties
 
-	// Only used in www builds.
-	 // TODO: true? Here it might just be false.
+	 // These APIs will no longer be "unstable" in the upcoming 16.7 release,
+	// Control this behavior with a flag to support 16.6 minor releases in the meanwhile.
 
-	// Only used in www builds.
 
+	 // Experimental React Flare event system and event components support.
 
-	// Only used in www builds.
+	 // Experimental Host Component support.
 
+	 // Experimental Scope support.
 
-	// React Fire: prevent the value and checked attributes from syncing
-	// with their related DOM properties
+	 // New API for JSX transforms to target - https://github.com/reactjs/rfcs/pull/107
 
+	 // We will enforce mocking scheduler with scheduler/unstable_mock at some point. (v17?)
+	// Till then, we warn about the missing mock, but still fallback to a legacy mode compatible version
+
+	 // For tests, we flush suspense fallbacks in an act scope;
+	// *except* in some of our own tests, where we test incremental loading states.
+
+	 // Add a callback property to suspense to notify which promises are currently
+	// in the update queue. This allows reporting and tracing of what is causing
+	// the user to see a loading state.
+	// Also allows hydration callbacks to fire when a dehydrated boundary gets
+	// hydrated or deleted.
+
+	 // Part of the simplification of React.createElement so we can eventually move
+	// from React.createElement to React.jsx
+	// https://github.com/reactjs/rfcs/blob/createlement-rfc/text/0000-create-element-changes.md
 
-	// These APIs will no longer be "unstable" in the upcoming 16.7 release,
-	// Control this behavior with a flag to support 16.6 minor releases in the meanwhile.
 
-	var DEFAULT_THREAD_ID = 0;
 
-	// Counters used to generate unique IDs.
-	var interactionIDCounter = 0;
-	var threadIDCounter = 0;
 
-	// Set of currently traced interactions.
+
+	 // Flag to turn event.target and event.currentTarget in ReactNative from a reactTag to a component instance
+
+	var DEFAULT_THREAD_ID = 0; // Counters used to generate unique IDs.
+
+	var interactionIDCounter = 0;
+	var threadIDCounter = 0; // Set of currently traced interactions.
 	// Interactions "stack"–
 	// Meaning that newly traced interactions are appended to the previously active set.
 	// When an interaction goes out of scope, the previous set (if any) is restored.
-	exports.__interactionsRef = null;
 
-	// Listener(s) to notify when interactions begin and end.
+	exports.__interactionsRef = null; // Listener(s) to notify when interactions begin and end.
+
 	exports.__subscriberRef = null;
 
 	if (enableSchedulerTracing) {
@@ -25246,7 +32425,6 @@
 	    exports.__interactionsRef.current = prevInteractions;
 	  }
 	}
-
 	function unstable_getCurrent() {
 	  if (!enableSchedulerTracing) {
 	    return null;
@@ -25254,11 +32432,9 @@
 	    return exports.__interactionsRef.current;
 	  }
 	}
-
 	function unstable_getThreadID() {
 	  return ++threadIDCounter;
 	}
-
 	function unstable_trace(name, timestamp, callback) {
 	  var threadID = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_THREAD_ID;
 
@@ -25272,18 +32448,15 @@
 	    name: name,
 	    timestamp: timestamp
 	  };
-
-	  var prevInteractions = exports.__interactionsRef.current;
-
-	  // Traced interactions should stack/accumulate.
+	  var prevInteractions = exports.__interactionsRef.current; // Traced interactions should stack/accumulate.
 	  // To do that, clone the current interactions.
 	  // The previous set will be restored upon completion.
+
 	  var interactions = new Set(prevInteractions);
 	  interactions.add(interaction);
 	  exports.__interactionsRef.current = interactions;
-
 	  var subscriber = exports.__subscriberRef.current;
-	  var returnValue = void 0;
+	  var returnValue;
 
 	  try {
 	    if (subscriber !== null) {
@@ -25305,10 +32478,9 @@
 	            subscriber.onWorkStopped(interactions, threadID);
 	          }
 	        } finally {
-	          interaction.__count--;
-
-	          // If no async work was scheduled for this interaction,
+	          interaction.__count--; // If no async work was scheduled for this interaction,
 	          // Notify subscribers that it's completed.
+
 	          if (subscriber !== null && interaction.__count === 0) {
 	            subscriber.onInteractionScheduledWorkCompleted(interaction);
 	          }
@@ -25319,7 +32491,6 @@
 
 	  return returnValue;
 	}
-
 	function unstable_wrap(callback) {
 	  var threadID = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_THREAD_ID;
 
@@ -25328,28 +32499,26 @@
 	  }
 
 	  var wrappedInteractions = exports.__interactionsRef.current;
-
 	  var subscriber = exports.__subscriberRef.current;
+
 	  if (subscriber !== null) {
 	    subscriber.onWorkScheduled(wrappedInteractions, threadID);
-	  }
-
-	  // Update the pending async work count for the current interactions.
+	  } // Update the pending async work count for the current interactions.
 	  // Update after calling subscribers in case of error.
+
+
 	  wrappedInteractions.forEach(function (interaction) {
 	    interaction.__count++;
 	  });
-
 	  var hasRun = false;
 
 	  function wrapped() {
 	    var prevInteractions = exports.__interactionsRef.current;
 	    exports.__interactionsRef.current = wrappedInteractions;
-
 	    subscriber = exports.__subscriberRef.current;
 
 	    try {
-	      var returnValue = void 0;
+	      var returnValue;
 
 	      try {
 	        if (subscriber !== null) {
@@ -25373,11 +32542,10 @@
 	        // We only expect a wrapped function to be executed once,
 	        // But in the event that it's executed more than once–
 	        // Only decrement the outstanding interaction counts once.
-	        hasRun = true;
-
-	        // Update pending async counts for all wrapped interactions.
+	        hasRun = true; // Update pending async counts for all wrapped interactions.
 	        // If this was the last scheduled async work for any of them,
 	        // Mark them as completed.
+
 	        wrappedInteractions.forEach(function (interaction) {
 	          interaction.__count--;
 
@@ -25414,6 +32582,7 @@
 	}
 
 	var subscribers = null;
+
 	if (enableSchedulerTracing) {
 	  subscribers = new Set();
 	}
@@ -25434,7 +32603,6 @@
 	    }
 	  }
 	}
-
 	function unstable_unsubscribe(subscriber) {
 	  if (enableSchedulerTracing) {
 	    subscribers.delete(subscriber);
@@ -25448,7 +32616,6 @@
 	function onInteractionTraced(interaction) {
 	  var didCatchError = false;
 	  var caughtError = null;
-
 	  subscribers.forEach(function (subscriber) {
 	    try {
 	      subscriber.onInteractionTraced(interaction);
@@ -25468,7 +32635,6 @@
 	function onInteractionScheduledWorkCompleted(interaction) {
 	  var didCatchError = false;
 	  var caughtError = null;
-
 	  subscribers.forEach(function (subscriber) {
 	    try {
 	      subscriber.onInteractionScheduledWorkCompleted(interaction);
@@ -25488,7 +32654,6 @@
 	function onWorkScheduled(interactions, threadID) {
 	  var didCatchError = false;
 	  var caughtError = null;
-
 	  subscribers.forEach(function (subscriber) {
 	    try {
 	      subscriber.onWorkScheduled(interactions, threadID);
@@ -25508,7 +32673,6 @@
 	function onWorkStarted(interactions, threadID) {
 	  var didCatchError = false;
 	  var caughtError = null;
-
 	  subscribers.forEach(function (subscriber) {
 	    try {
 	      subscriber.onWorkStarted(interactions, threadID);
@@ -25528,7 +32692,6 @@
 	function onWorkStopped(interactions, threadID) {
 	  var didCatchError = false;
 	  var caughtError = null;
-
 	  subscribers.forEach(function (subscriber) {
 	    try {
 	      subscriber.onWorkStopped(interactions, threadID);
@@ -25548,7 +32711,6 @@
 	function onWorkCanceled(interactions, threadID) {
 	  var didCatchError = false;
 	  var caughtError = null;
-
 	  subscribers.forEach(function (subscriber) {
 	    try {
 	      subscriber.onWorkCanceled(interactions, threadID);
@@ -25878,7 +33040,7 @@
 /* 22 */
 /***/ (function(module, exports) {
 
-	/** @license React v16.8.6
+	/** @license React v16.12.0
 	 * react-is.production.min.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -25888,18 +33050,18 @@
 	 */
 
 	'use strict';Object.defineProperty(exports,"__esModule",{value:!0});
-	var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?Symbol.for("react.memo"):
-	60115,r=b?Symbol.for("react.lazy"):60116;function t(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case h:return a;default:return u}}case r:case q:case d:return u}}}function v(a){return t(a)===m}exports.typeOf=t;exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;
-	exports.Fragment=e;exports.Lazy=r;exports.Memo=q;exports.Portal=d;exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;exports.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||"object"===typeof a&&null!==a&&(a.$$typeof===r||a.$$typeof===q||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n)};exports.isAsyncMode=function(a){return v(a)||t(a)===l};exports.isConcurrentMode=v;exports.isContextConsumer=function(a){return t(a)===k};
-	exports.isContextProvider=function(a){return t(a)===h};exports.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return t(a)===n};exports.isFragment=function(a){return t(a)===e};exports.isLazy=function(a){return t(a)===r};exports.isMemo=function(a){return t(a)===q};exports.isPortal=function(a){return t(a)===d};exports.isProfiler=function(a){return t(a)===g};exports.isStrictMode=function(a){return t(a)===f};
-	exports.isSuspense=function(a){return t(a)===p};
+	var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?Symbol.for("react.suspense_list"):
+	60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.fundamental"):60117,w=b?Symbol.for("react.responder"):60118,x=b?Symbol.for("react.scope"):60119;function y(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function z(a){return y(a)===m}
+	exports.typeOf=y;exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;exports.Lazy=t;exports.Memo=r;exports.Portal=d;exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;
+	exports.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===v||a.$$typeof===w||a.$$typeof===x)};exports.isAsyncMode=function(a){return z(a)||y(a)===l};exports.isConcurrentMode=z;exports.isContextConsumer=function(a){return y(a)===k};exports.isContextProvider=function(a){return y(a)===h};
+	exports.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return y(a)===n};exports.isFragment=function(a){return y(a)===e};exports.isLazy=function(a){return y(a)===t};exports.isMemo=function(a){return y(a)===r};exports.isPortal=function(a){return y(a)===d};exports.isProfiler=function(a){return y(a)===g};exports.isStrictMode=function(a){return y(a)===f};exports.isSuspense=function(a){return y(a)===p};
 
 
 /***/ }),
 /* 23 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.8.6
+	/* WEBPACK VAR INJECTION */(function(process) {/** @license React v16.12.0
 	 * react-is.development.js
 	 *
 	 * Copyright (c) Facebook, Inc. and its affiliates.
@@ -25921,25 +33083,29 @@
 	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
 	// nor polyfill, then a plain number is used for performance.
 	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
-
 	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
 	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
 	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
 	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
 	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
 	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
-	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace;
+	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+	// (unstable) APIs that have been removed. Can we remove the symbols?
+
 	var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
 	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
 	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
 	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
 	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
 	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+	var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
 
 	function isValidElementType(type) {
-	  return typeof type === 'string' || typeof type === 'function' ||
-	  // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE);
+	  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE);
 	}
 
 	/**
@@ -25955,12 +33121,11 @@
 	 * paths. Removing the logging code for production environments will keep the
 	 * same logic and follow the same code paths.
 	 */
-
-	var lowPriorityWarning = function () {};
+	var lowPriorityWarningWithoutStack = function () {};
 
 	{
 	  var printWarning = function (format) {
-	    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+	    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
 	      args[_key - 1] = arguments[_key];
 	    }
 
@@ -25968,9 +33133,11 @@
 	    var message = 'Warning: ' + format.replace(/%s/g, function () {
 	      return args[argIndex++];
 	    });
+
 	    if (typeof console !== 'undefined') {
 	      console.warn(message);
 	    }
+
 	    try {
 	      // --- Welcome to debugging React ---
 	      // This error was thrown as a convenience so that you can use this stack
@@ -25979,25 +33146,27 @@
 	    } catch (x) {}
 	  };
 
-	  lowPriorityWarning = function (condition, format) {
+	  lowPriorityWarningWithoutStack = function (condition, format) {
 	    if (format === undefined) {
-	      throw new Error('`lowPriorityWarning(condition, format, ...args)` requires a warning ' + 'message argument');
+	      throw new Error('`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
 	    }
+
 	    if (!condition) {
-	      for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+	      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
 	        args[_key2 - 2] = arguments[_key2];
 	      }
 
-	      printWarning.apply(undefined, [format].concat(args));
+	      printWarning.apply(void 0, [format].concat(args));
 	    }
 	  };
 	}
 
-	var lowPriorityWarning$1 = lowPriorityWarning;
+	var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
 
 	function typeOf(object) {
 	  if (typeof object === 'object' && object !== null) {
 	    var $$typeof = object.$$typeof;
+
 	    switch ($$typeof) {
 	      case REACT_ELEMENT_TYPE:
 	        var type = object.type;
@@ -26010,29 +33179,32 @@
 	          case REACT_STRICT_MODE_TYPE:
 	          case REACT_SUSPENSE_TYPE:
 	            return type;
+
 	          default:
 	            var $$typeofType = type && type.$$typeof;
 
 	            switch ($$typeofType) {
 	              case REACT_CONTEXT_TYPE:
 	              case REACT_FORWARD_REF_TYPE:
+	              case REACT_LAZY_TYPE:
+	              case REACT_MEMO_TYPE:
 	              case REACT_PROVIDER_TYPE:
 	                return $$typeofType;
+
 	              default:
 	                return $$typeof;
 	            }
+
 	        }
-	      case REACT_LAZY_TYPE:
-	      case REACT_MEMO_TYPE:
+
 	      case REACT_PORTAL_TYPE:
 	        return $$typeof;
 	    }
 	  }
 
 	  return undefined;
-	}
+	} // AsyncMode is deprecated along with isAsyncMode
 
-	// AsyncMode is deprecated along with isAsyncMode
 	var AsyncMode = REACT_ASYNC_MODE_TYPE;
 	var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
 	var ContextConsumer = REACT_CONTEXT_TYPE;
@@ -26046,17 +33218,16 @@
 	var Profiler = REACT_PROFILER_TYPE;
 	var StrictMode = REACT_STRICT_MODE_TYPE;
 	var Suspense = REACT_SUSPENSE_TYPE;
+	var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
 
-	var hasWarnedAboutDeprecatedIsAsyncMode = false;
-
-	// AsyncMode should be deprecated
 	function isAsyncMode(object) {
 	  {
 	    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
 	      hasWarnedAboutDeprecatedIsAsyncMode = true;
-	      lowPriorityWarning$1(false, 'The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
+	      lowPriorityWarningWithoutStack$1(false, 'The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
 	    }
 	  }
+
 	  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
 	}
 	function isConcurrentMode(object) {
@@ -27160,13 +34331,16 @@
 
 	  // PRIVATE: For client-side rehydration of server match.
 	  matchContext: _propTypes.object
+	};
 
-	  /**
-	   * A <Router> is a high-level API for automatically setting up
-	   * a router that renders a <RouterContext> with all the props
-	   * it needs each time the URL changes.
-	   */
-	};var Router = (0, _createReactClass2.default)({
+	var prefixUnsafeLifecycleMethods = typeof _react2.default.forwardRef !== 'undefined';
+
+	/**
+	 * A <Router> is a high-level API for automatically setting up
+	 * a router that renders a <RouterContext> with all the props
+	 * it needs each time the URL changes.
+	 */
+	var Router = (0, _createReactClass2.default)({
 	  displayName: 'Router',
 
 	  propTypes: propTypes,
@@ -27222,6 +34396,9 @@
 
 	    return (0, _createTransitionManager3.default)(history, (0, _RouteUtils.createRoutes)(routes || children));
 	  },
+
+
+	  // this method will be updated to UNSAFE_componentWillMount below for React versions >= 16.3
 	  componentWillMount: function componentWillMount() {
 	    var _this = this;
 
@@ -27241,6 +34418,7 @@
 	  },
 
 
+	  // this method will be updated to UNSAFE_componentWillReceiveProps below for React versions >= 16.3
 	  /* istanbul ignore next: sanity check */
 	  componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
 	    process.env.NODE_ENV !== 'production' ? (0, _routerWarning2.default)(nextProps.history === this.props.history, 'You cannot change <Router history>; it will be ignored') : void 0;
@@ -27281,6 +34459,13 @@
 	  }
 	});
 
+	if (prefixUnsafeLifecycleMethods) {
+	  Router.prototype.UNSAFE_componentWillReceiveProps = Router.prototype.componentWillReceiveProps;
+	  Router.prototype.UNSAFE_componentWillMount = Router.prototype.componentWillMount;
+	  delete Router.prototype.componentWillReceiveProps;
+	  delete Router.prototype.componentWillMount;
+	}
+
 	exports.default = Router;
 	module.exports = exports['default'];
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
@@ -29869,6 +37054,10 @@
 	exports.ContextProvider = ContextProvider;
 	exports.ContextSubscriber = ContextSubscriber;
 
+	var _react = __webpack_require__(1);
+
+	var _react2 = _interopRequireDefault(_react);
+
 	var _propTypes = __webpack_require__(20);
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
@@ -29889,15 +37078,17 @@
 	  return '@@contextSubscriber/' + name;
 	}
 
+	var prefixUnsafeLifecycleMethods = typeof _react2.default.forwardRef !== 'undefined';
+
 	function ContextProvider(name) {
-	  var _childContextTypes, _ref2;
+	  var _childContextTypes, _config;
 
 	  var contextName = makeContextName(name);
 	  var listenersKey = contextName + '/listeners';
 	  var eventIndexKey = contextName + '/eventIndex';
 	  var subscribeKey = contextName + '/subscribe';
 
-	  return _ref2 = {
+	  var config = (_config = {
 	    childContextTypes: (_childContextTypes = {}, _childContextTypes[contextName] = contextProviderShape.isRequired, _childContextTypes),
 
 	    getChildContext: function getChildContext() {
@@ -29908,10 +37099,16 @@
 	        subscribe: this[subscribeKey]
 	      }, _ref;
 	    },
+
+
+	    // this method will be updated to UNSAFE_componentWillMount below for React versions >= 16.3
 	    componentWillMount: function componentWillMount() {
 	      this[listenersKey] = [];
 	      this[eventIndexKey] = 0;
 	    },
+
+
+	    // this method will be updated to UNSAFE_componentWillReceiveProps below for React versions >= 16.3
 	    componentWillReceiveProps: function componentWillReceiveProps() {
 	      this[eventIndexKey]++;
 	    },
@@ -29922,7 +37119,7 @@
 	        return listener(_this[eventIndexKey]);
 	      });
 	    }
-	  }, _ref2[subscribeKey] = function (listener) {
+	  }, _config[subscribeKey] = function (listener) {
 	    var _this2 = this;
 
 	    // No need to immediately call listener here.
@@ -29933,28 +37130,36 @@
 	        return item !== listener;
 	      });
 	    };
-	  }, _ref2;
+	  }, _config);
+
+	  if (prefixUnsafeLifecycleMethods) {
+	    config.UNSAFE_componentWillMount = config.componentWillMount;
+	    config.UNSAFE_componentWillReceiveProps = config.componentWillReceiveProps;
+	    delete config.componentWillMount;
+	    delete config.componentWillReceiveProps;
+	  }
+	  return config;
 	}
 
 	function ContextSubscriber(name) {
-	  var _contextTypes, _ref4;
+	  var _contextTypes, _config2;
 
 	  var contextName = makeContextName(name);
 	  var lastRenderedEventIndexKey = contextName + '/lastRenderedEventIndex';
 	  var handleContextUpdateKey = contextName + '/handleContextUpdate';
 	  var unsubscribeKey = contextName + '/unsubscribe';
 
-	  return _ref4 = {
+	  var config = (_config2 = {
 	    contextTypes: (_contextTypes = {}, _contextTypes[contextName] = contextProviderShape, _contextTypes),
 
 	    getInitialState: function getInitialState() {
-	      var _ref3;
+	      var _ref2;
 
 	      if (!this.context[contextName]) {
 	        return {};
 	      }
 
-	      return _ref3 = {}, _ref3[lastRenderedEventIndexKey] = this.context[contextName].eventIndex, _ref3;
+	      return _ref2 = {}, _ref2[lastRenderedEventIndexKey] = this.context[contextName].eventIndex, _ref2;
 	    },
 	    componentDidMount: function componentDidMount() {
 	      if (!this.context[contextName]) {
@@ -29963,6 +37168,9 @@
 
 	      this[unsubscribeKey] = this.context[contextName].subscribe(this[handleContextUpdateKey]);
 	    },
+
+
+	    // this method will be updated to UNSAFE_componentWillReceiveProps below for React versions >= 16.3
 	    componentWillReceiveProps: function componentWillReceiveProps() {
 	      var _setState;
 
@@ -29980,13 +37188,19 @@
 	      this[unsubscribeKey]();
 	      this[unsubscribeKey] = null;
 	    }
-	  }, _ref4[handleContextUpdateKey] = function (eventIndex) {
+	  }, _config2[handleContextUpdateKey] = function (eventIndex) {
 	    if (eventIndex !== this.state[lastRenderedEventIndexKey]) {
 	      var _setState2;
 
 	      this.setState((_setState2 = {}, _setState2[lastRenderedEventIndexKey] = eventIndex, _setState2));
 	    }
-	  }, _ref4;
+	  }, _config2);
+
+	  if (prefixUnsafeLifecycleMethods) {
+	    config.UNSAFE_componentWillReceiveProps = config.componentWillReceiveProps;
+	    delete config.componentWillReceiveProps;
+	  }
+	  return config;
 	}
 
 /***/ }),
@@ -30102,7 +37316,7 @@
 	    onlyActiveOnIndex: _propTypes.bool.isRequired,
 	    onClick: _propTypes.func,
 	    target: _propTypes.string,
-	    innerRef: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.func])
+	    innerRef: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.func, (0, _propTypes.shape)({ current: _propTypes.elementType })])
 	  },
 
 	  getDefaultProps: function getDefaultProps() {
@@ -32761,7 +39975,7 @@
 
 	var _View2 = _interopRequireDefault(_View);
 
-	var _ComponentBox = __webpack_require__(1093);
+	var _ComponentBox = __webpack_require__(1094);
 
 	var _ComponentBox2 = _interopRequireDefault(_ComponentBox);
 
@@ -33072,7 +40286,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1091);
+	__webpack_require__(1092);
 
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
@@ -33257,93 +40471,93 @@
 	exports.ModalButton = ModalButton_1.ModalButton;
 	var MultiplePanelModals_1 = __webpack_require__(466);
 	exports.MultiplePanelModals = MultiplePanelModals_1.MultiplePanelModals;
-	var ConfirmationButton_1 = __webpack_require__(467);
+	var ConfirmationButton_1 = __webpack_require__(469);
 	exports.ConfirmationButton = ConfirmationButton_1.ConfirmationButton;
-	var TextInput_1 = __webpack_require__(470);
+	var TextInput_1 = __webpack_require__(472);
 	exports.TextInput = TextInput_1.TextInput;
-	var CopyableInput_1 = __webpack_require__(477);
+	var CopyableInput_1 = __webpack_require__(478);
 	exports.CopyableInput = CopyableInput_1.CopyableInput;
-	var SegmentedControl_1 = __webpack_require__(484);
+	var SegmentedControl_1 = __webpack_require__(485);
 	exports.SegmentedControl = SegmentedControl_1.SegmentedControl;
-	var Select_1 = __webpack_require__(487);
+	var Select_1 = __webpack_require__(488);
 	exports.Select = Select_1.Select;
-	var Table_1 = __webpack_require__(507);
+	var Table_1 = __webpack_require__(508);
 	exports.Table = Table_1.Table;
-	var Grid_1 = __webpack_require__(524);
+	var Grid_1 = __webpack_require__(525);
 	exports.Grid = Grid_1.Grid;
-	var Icon_1 = __webpack_require__(530);
+	var Icon_1 = __webpack_require__(531);
 	exports.Icon = Icon_1.Icon;
-	var LeftNav_1 = __webpack_require__(602);
+	var LeftNav_1 = __webpack_require__(603);
 	exports.LeftNav = LeftNav_1.LeftNav;
-	var Wizard_1 = __webpack_require__(761);
+	var Wizard_1 = __webpack_require__(762);
 	exports.Wizard = Wizard_1.Wizard;
-	var TextArea_1 = __webpack_require__(774);
+	var TextArea_1 = __webpack_require__(775);
 	exports.TextArea = TextArea_1.TextArea;
-	var Label_1 = __webpack_require__(782);
+	var Label_1 = __webpack_require__(783);
 	exports.Label = Label_1.Label;
-	var FileInput_1 = __webpack_require__(786);
+	var FileInput_1 = __webpack_require__(787);
 	exports.FileInput = FileInput_1.FileInput;
-	__export(__webpack_require__(790));
-	var CloseIcon_1 = __webpack_require__(802);
+	__export(__webpack_require__(791));
+	var CloseIcon_1 = __webpack_require__(803);
 	exports.CloseIcon = CloseIcon_1.CloseIcon;
-	var AlertBox_1 = __webpack_require__(803);
+	var AlertBox_1 = __webpack_require__(804);
 	exports.AlertBox = AlertBox_1.default;
-	var Count_1 = __webpack_require__(807);
+	var Count_1 = __webpack_require__(808);
 	exports.Count = Count_1.default;
-	var DateInput_1 = __webpack_require__(813);
+	var DateInput_1 = __webpack_require__(814);
 	exports.DateInput = DateInput_1.default;
-	var RichText_1 = __webpack_require__(957);
+	var RichText_1 = __webpack_require__(958);
 	exports.RichText = RichText_1.default;
-	var DatePicker_1 = __webpack_require__(966);
+	var DatePicker_1 = __webpack_require__(967);
 	exports.DatePicker = DatePicker_1.default;
-	var DollarAmount_1 = __webpack_require__(971);
+	var DollarAmount_1 = __webpack_require__(972);
 	exports.DollarAmount = DollarAmount_1.default;
-	var DropdownButton_1 = __webpack_require__(973);
+	var DropdownButton_1 = __webpack_require__(974);
 	exports.DropdownButton = DropdownButton_1.default;
-	var List_1 = __webpack_require__(984);
+	var List_1 = __webpack_require__(985);
 	exports.List = List_1.default;
-	var Number_1 = __webpack_require__(809);
+	var Number_1 = __webpack_require__(810);
 	exports.Number = Number_1.default;
-	var Tooltip_1 = __webpack_require__(625);
+	var Tooltip_1 = __webpack_require__(626);
 	exports.Tooltip = Tooltip_1.default;
-	var GoalsLogo_1 = __webpack_require__(991);
+	var GoalsLogo_1 = __webpack_require__(992);
 	exports.GoalsLogo = GoalsLogo_1.default;
-	var Logo_1 = __webpack_require__(995);
+	var Logo_1 = __webpack_require__(996);
 	exports.Logo = Logo_1.default;
-	var Menu_1 = __webpack_require__(999);
+	var Menu_1 = __webpack_require__(1000);
 	exports.Menu = Menu_1.default;
-	var TopBar_1 = __webpack_require__(1006);
+	var TopBar_1 = __webpack_require__(1007);
 	exports.TopBar = TopBar_1.TopBar;
-	var TextTruncate_1 = __webpack_require__(1012);
+	var TextTruncate_1 = __webpack_require__(1013);
 	exports.TextTruncate = TextTruncate_1.default;
-	var CopyContainer_1 = __webpack_require__(1014);
+	var CopyContainer_1 = __webpack_require__(1015);
 	exports.CopyContainer = CopyContainer_1.default;
-	var EditableInfoPanel_1 = __webpack_require__(1018);
+	var EditableInfoPanel_1 = __webpack_require__(1019);
 	exports.EditableInfoPanel = EditableInfoPanel_1.default;
-	var WithKeyboardNav_1 = __webpack_require__(1022);
+	var WithKeyboardNav_1 = __webpack_require__(1023);
 	exports.WithKeyboardNav = WithKeyboardNav_1.default;
-	var RadioGroup_1 = __webpack_require__(1025);
+	var RadioGroup_1 = __webpack_require__(1026);
 	exports.RadioGroup = RadioGroup_1.default;
-	var FormError_1 = __webpack_require__(1027);
+	var FormError_1 = __webpack_require__(1028);
 	exports.FormError = FormError_1.default;
-	var Checkbox_1 = __webpack_require__(1039);
+	var Checkbox_1 = __webpack_require__(1040);
 	exports.Checkbox = Checkbox_1.default;
-	var CheckboxGroup_1 = __webpack_require__(1045);
+	var CheckboxGroup_1 = __webpack_require__(1046);
 	exports.CheckboxGroup = CheckboxGroup_1.default;
-	var Switch_1 = __webpack_require__(1049);
+	var Switch_1 = __webpack_require__(1050);
 	exports.Switch = Switch_1.default;
-	var ProgressBar_1 = __webpack_require__(1053);
+	var ProgressBar_1 = __webpack_require__(1054);
 	exports.ProgressBar = ProgressBar_1.default;
-	var ToastStack_1 = __webpack_require__(1060);
+	var ToastStack_1 = __webpack_require__(1061);
 	exports.ToastStack = ToastStack_1.ToastStack;
 	exports.ToastType = ToastStack_1.ToastType;
-	var Stepper_1 = __webpack_require__(1068);
+	var Stepper_1 = __webpack_require__(1069);
 	exports.Stepper = Stepper_1.default;
-	var WizardLayout_1 = __webpack_require__(1077);
+	var WizardLayout_1 = __webpack_require__(1078);
 	exports.WizardLayout = WizardLayout_1.default;
-	var FloatingButton_1 = __webpack_require__(1082);
+	var FloatingButton_1 = __webpack_require__(1083);
 	exports.FloatingButton = FloatingButton_1.default;
-	var Badge_1 = __webpack_require__(1087);
+	var Badge_1 = __webpack_require__(1088);
 	exports.Badge = Badge_1.Badge;
 
 
@@ -33923,7 +41137,7 @@
 /* 96 */
 /***/ (function(module, exports) {
 
-	var core = module.exports = { version: '2.6.9' };
+	var core = module.exports = { version: '2.6.11' };
 	if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
 
 
@@ -42351,7 +49565,7 @@
 	    return (React.createElement(FlexItem_1.default, __assign({ className: classnames(inline ? exports.cssClass.FLEXBOX_INLINE : exports.cssClass.FLEXBOX, column && exports.cssClass.COLUMN, alignContent && exports.cssClass.alignContent(alignContent), alignItems && exports.cssClass.alignItems(alignItems), justify && exports.cssClass.justify(justify), wrap && exports.cssClass.WRAP, className) }, additionalProps), children));
 	}
 	exports.default = FlexBox;
-	FlexBox.propTypes = __assign({}, FlexItem_1.default.propTypes, { alignContent: PropTypes.oneOf(_.values(ContentAlign_1.default)), alignItems: PropTypes.oneOf(_.values(ItemAlign_1.default)), children: PropTypes.node, className: PropTypes.string, column: PropTypes.bool, inline: PropTypes.bool, justify: PropTypes.oneOf(_.values(Justify_1.default)), wrap: PropTypes.bool });
+	FlexBox.propTypes = __assign(__assign({}, FlexItem_1.default.propTypes), { alignContent: PropTypes.oneOf(_.values(ContentAlign_1.default)), alignItems: PropTypes.oneOf(_.values(ItemAlign_1.default)), children: PropTypes.node, className: PropTypes.string, column: PropTypes.bool, inline: PropTypes.bool, justify: PropTypes.oneOf(_.values(Justify_1.default)), wrap: PropTypes.bool });
 	FlexBox.defaultProps = {
 	    component: "div",
 	};
@@ -42364,7 +49578,7 @@
 	var __WEBPACK_AMD_DEFINE_RESULT__;/* WEBPACK VAR INJECTION */(function(global, module) {/**
 	 * @license
 	 * Lodash <https://lodash.com/>
-	 * Copyright JS Foundation and other contributors <https://js.foundation/>
+	 * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
 	 * Released under MIT license <https://lodash.com/license>
 	 * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
 	 * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
@@ -42375,7 +49589,7 @@
 	  var undefined;
 
 	  /** Used as the semantic version number. */
-	  var VERSION = '4.17.11';
+	  var VERSION = '4.17.15';
 
 	  /** Used as the size to enable large array optimizations. */
 	  var LARGE_ARRAY_SIZE = 200;
@@ -45034,16 +52248,10 @@
 	        value.forEach(function(subValue) {
 	          result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
 	        });
-
-	        return result;
-	      }
-
-	      if (isMap(value)) {
+	      } else if (isMap(value)) {
 	        value.forEach(function(subValue, key) {
 	          result.set(key, baseClone(subValue, bitmask, customizer, key, value, stack));
 	        });
-
-	        return result;
 	      }
 
 	      var keysFunc = isFull
@@ -45967,8 +53175,8 @@
 	        return;
 	      }
 	      baseFor(source, function(srcValue, key) {
+	        stack || (stack = new Stack);
 	        if (isObject(srcValue)) {
-	          stack || (stack = new Stack);
 	          baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
 	        }
 	        else {
@@ -47785,7 +54993,7 @@
 	      return function(number, precision) {
 	        number = toNumber(number);
 	        precision = precision == null ? 0 : nativeMin(toInteger(precision), 292);
-	        if (precision) {
+	        if (precision && nativeIsFinite(number)) {
 	          // Shift with exponential notation to avoid floating-point issues.
 	          // See [MDN](https://mdn.io/round#Examples) for more details.
 	          var pair = (toString(number) + 'e').split('e'),
@@ -48968,7 +56176,7 @@
 	    }
 
 	    /**
-	     * Gets the value at `key`, unless `key` is "__proto__".
+	     * Gets the value at `key`, unless `key` is "__proto__" or "constructor".
 	     *
 	     * @private
 	     * @param {Object} object The object to query.
@@ -48976,6 +56184,10 @@
 	     * @returns {*} Returns the property value.
 	     */
 	    function safeGet(object, key) {
+	      if (key === 'constructor' && typeof object[key] === 'function') {
+	        return;
+	      }
+
 	      if (key == '__proto__') {
 	        return;
 	      }
@@ -52776,6 +59988,7 @@
 	          }
 	          if (maxing) {
 	            // Handle invocations in a tight loop.
+	            clearTimeout(timerId);
 	            timerId = setTimeout(timerExpired, wait);
 	            return invokeFunc(lastCallTime);
 	          }
@@ -57162,9 +64375,12 @@
 	      , 'g');
 
 	      // Use a sourceURL for easier debugging.
+	      // The sourceURL gets injected into the source that's eval-ed, so be careful
+	      // with lookup (in case of e.g. prototype pollution), and strip newlines if any.
+	      // A newline wouldn't be a valid sourceURL anyway, and it'd enable code injection.
 	      var sourceURL = '//# sourceURL=' +
-	        ('sourceURL' in options
-	          ? options.sourceURL
+	        (hasOwnProperty.call(options, 'sourceURL')
+	          ? (options.sourceURL + '').replace(/[\r\n]/g, ' ')
 	          : ('lodash.templateSources[' + (++templateCounter) + ']')
 	        ) + '\n';
 
@@ -57197,7 +64413,9 @@
 
 	      // If `variable` is not specified wrap a with-statement around the generated
 	      // code to add the data object to the top of the scope chain.
-	      var variable = options.variable;
+	      // Like with sourceURL, we take care to not check the option's prototype,
+	      // as this configuration is a code injection vector.
+	      var variable = hasOwnProperty.call(options, 'variable') && options.variable;
 	      if (!variable) {
 	        source = 'with (obj) {\n' + source + '\n}\n';
 	      }
@@ -59402,10 +66620,11 @@
 	    baseForOwn(LazyWrapper.prototype, function(func, methodName) {
 	      var lodashFunc = lodash[methodName];
 	      if (lodashFunc) {
-	        var key = (lodashFunc.name + ''),
-	            names = realNames[key] || (realNames[key] = []);
-
-	        names.push({ 'name': methodName, 'func': lodashFunc });
+	        var key = lodashFunc.name + '';
+	        if (!hasOwnProperty.call(realNames, key)) {
+	          realNames[key] = [];
+	        }
+	        realNames[key].push({ 'name': methodName, 'func': lodashFunc });
 	      }
 	    });
 
@@ -61178,6 +68397,13 @@
 	    };
 	    return __assign.apply(this, arguments);
 	};
+	var __spreadArrays = (this && this.__spreadArrays) || function () {
+	    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+	    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+	        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+	            r[k] = a[j];
+	    return r;
+	};
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
@@ -61188,10 +68414,10 @@
 	var excludeModalProps = ["closeModal", "children"];
 	// inherit properties from Button and Modal except closeModal; don't prefix children,
 	// but prefix the rest of Modal's keys.
-	var modalPropTypes = utils_1.prefixKeys(utils_1.omitKeys.apply(void 0, [Modal_1.Modal.propTypes].concat(excludeModalProps)), "modal");
-	var propTypes = __assign({}, Button_1.Button.propTypes, modalPropTypes, { children: Modal_1.Modal.propTypes.children, onClose: PropTypes.func });
+	var modalPropTypes = utils_1.prefixKeys(utils_1.omitKeys.apply(void 0, __spreadArrays([Modal_1.Modal.propTypes], excludeModalProps)), "modal");
+	var propTypes = __assign(__assign(__assign({}, Button_1.Button.propTypes), modalPropTypes), { children: Modal_1.Modal.propTypes.children, onClose: PropTypes.func });
 	// closeModal has no default, so no need to filter out of defaultProps
-	var defaultProps = __assign({}, Button_1.Button.defaultProps, utils_1.prefixKeys(Modal_1.Modal.defaultProps, "modal"));
+	var defaultProps = __assign(__assign({}, Button_1.Button.defaultProps), utils_1.prefixKeys(Modal_1.Modal.defaultProps, "modal"));
 	var ModalButton = /** @class */ (function (_super) {
 	    __extends(ModalButton, _super);
 	    function ModalButton(props) {
@@ -61349,9 +68575,9 @@
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var classnames = __webpack_require__(86);
 	var Button_1 = __webpack_require__(461);
 	var Modal_1 = __webpack_require__(454);
+	__webpack_require__(467);
 	var propTypes = {
 	    className: PropTypes.string,
 	    componentArray: PropTypes.array.isRequired,
@@ -61371,9 +68597,6 @@
 	    showStepNumber: false,
 	};
 	exports.Classes = {
-	    CONTAINER: "MultiplePanelModals",
-	    FIRST_BUTTON: "MultiplePanelModals--later",
-	    SECOND_BUTTON: "MultiplePanelModals--next",
 	    STEP_NUMBER: "MultiplePanelModals--stepNumber",
 	};
 	var MultiplePanelModals = /** @class */ (function (_super) {
@@ -61422,19 +68645,19 @@
 	            rightButtonOnClick = overrideOnClickRightButton;
 	        }
 	        var totalPanels = componentArray.length;
-	        return (React.createElement("div", { className: classnames(exports.Classes.CONTAINER, className) },
+	        return (React.createElement("div", { className: className },
 	            React.createElement(Modal_1.Modal, { className: panelClassName, focusLocked: focusLocked, title: title, closeModal: closeModal, width: width },
 	                React.createElement("div", { style: { height: height } }, panel),
 	                React.createElement("footer", null,
 	                    showStepNumber && (React.createElement("span", { className: exports.Classes.STEP_NUMBER }, "Step " + (currentPanel +
 	                        1) + " of " + totalPanels)),
-	                    React.createElement(Button_1.Button, { value: leftButtonValue, className: exports.Classes.FIRST_BUTTON, type: leftButtonType || "link", onClick: function () {
+	                    React.createElement(Button_1.Button, { value: leftButtonValue, type: leftButtonType || "link", onClick: function () {
 	                            if (!isFirstPanel) {
 	                                _this.setState({ currentPanel: _this.state.currentPanel - 1 });
 	                            }
 	                            leftButtonOnClick();
 	                        } }),
-	                    React.createElement(Button_1.Button, { value: rightButtonValue, className: exports.Classes.SECOND_BUTTON, type: rightButtonType || "primary", onClick: function () {
+	                    React.createElement(Button_1.Button, { value: rightButtonValue, type: rightButtonType || "primary", onClick: function () {
 	                            rightButtonOnClick();
 	                            if (isLastPanel) {
 	                                if (overrideOnClickRightButton) {
@@ -61454,6 +68677,46 @@
 
 /***/ }),
 /* 467 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	// style-loader: Adds some css to the DOM by adding a <style> tag
+
+	// load the styles
+	var content = __webpack_require__(468);
+	if(typeof content === 'string') content = [[module.id, content, '']];
+	// add the styles to the DOM
+	var update = __webpack_require__(443)(content, {});
+	if(content.locals) module.exports = content.locals;
+	// Hot Module Replacement
+	if(false) {
+		// When the styles change, update the <style> tags
+		if(!content.locals) {
+			module.hot.accept("!!../../node_modules/css-loader/index.js!../../node_modules/postcss-loader/index.js!../../node_modules/less-loader/dist/cjs.js!./MultiplePanelModals.less", function() {
+				var newContent = require("!!../../node_modules/css-loader/index.js!../../node_modules/postcss-loader/index.js!../../node_modules/less-loader/dist/cjs.js!./MultiplePanelModals.less");
+				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
+				update(newContent);
+			});
+		}
+		// When the module is disposed, remove the <style> tags
+		module.hot.dispose(function() { update(); });
+	}
+
+/***/ }),
+/* 468 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	exports = module.exports = __webpack_require__(442)();
+	// imports
+
+
+	// module
+	exports.push([module.id, ".MultiplePanelModals--stepNumber {\n  margin-right: 1rem;\n}\n", ""]);
+
+	// exports
+
+
+/***/ }),
+/* 469 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -61488,10 +68751,10 @@
 	var Button_1 = __webpack_require__(461);
 	var ModalButton_1 = __webpack_require__(464);
 	var utils_1 = __webpack_require__(465);
-	__webpack_require__(468);
+	__webpack_require__(470);
 	var propPrefix = "confirmButton";
-	var propTypes = __assign({}, utils_1.prefixKeys(Button_1.Button.propTypes, propPrefix), ModalButton_1.ModalButton.propTypes, { className: PropTypes.string, onConfirm: PropTypes.func });
-	var defaultProps = __assign({}, utils_1.prefixKeys(Button_1.Button.defaultProps, propPrefix), ModalButton_1.ModalButton.defaultProps, { confirmButtonType: "primary", confirmButtonValue: "Confirm" });
+	var propTypes = __assign(__assign(__assign({}, utils_1.prefixKeys(Button_1.Button.propTypes, propPrefix)), ModalButton_1.ModalButton.propTypes), { className: PropTypes.string, onConfirm: PropTypes.func });
+	var defaultProps = __assign(__assign(__assign({}, utils_1.prefixKeys(Button_1.Button.defaultProps, propPrefix)), ModalButton_1.ModalButton.defaultProps), { confirmButtonType: "primary", confirmButtonValue: "Confirm" });
 	var ConfirmationButton = /** @class */ (function (_super) {
 	    __extends(ConfirmationButton, _super);
 	    function ConfirmationButton(props) {
@@ -61529,13 +68792,13 @@
 
 
 /***/ }),
-/* 468 */
+/* 470 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(469);
+	var content = __webpack_require__(471);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -61555,7 +68818,7 @@
 	}
 
 /***/ }),
-/* 469 */
+/* 471 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -61569,7 +68832,7 @@
 
 
 /***/ }),
-/* 470 */
+/* 472 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -61598,14 +68861,14 @@
 	    return __assign.apply(this, arguments);
 	};
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var FontAwesome = __webpack_require__(471);
+	var FontAwesome = __webpack_require__(473);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
 	var classnames = __webpack_require__(86);
 	var _ = __webpack_require__(436);
 	var Forms_1 = __webpack_require__(453);
-	__webpack_require__(473);
-	__webpack_require__(475);
+	__webpack_require__(474);
+	__webpack_require__(476);
 	var propTypes = {
 	    className: PropTypes.string,
 	    disabled: PropTypes.bool,
@@ -61751,7 +69014,7 @@
 
 
 /***/ }),
-/* 471 */
+/* 473 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -61772,10 +69035,6 @@
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
-	var _screenReaderStyles = __webpack_require__(472);
-
-	var _screenReaderStyles2 = _interopRequireDefault(_screenReaderStyles);
-
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 	function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
@@ -61795,13 +69054,13 @@
 	 * @param {Object} [cssModule] Option to pass FontAwesome CSS as a module
 	 * @param {Boolean} [fixedWidth=false] Make buttons fixed width
 	 * @param {String} [flip=false] Flip the icon's orientation.
-	 * @param {Boolean} [inverse=false]Inverse the icon's color
-	 * @param {String} name Name of the icon to use
+	 * @param {Boolean} [inverse=false] Inverse the icon's color
+	 * @param {String} [name] Name of the icon to use
 	 * @param {Boolean} [pulse=false] Rotate icon with 8 steps, rather than smoothly
 	 * @param {Number} [rotate] The degress to rotate the icon by
 	 * @param {String} [size] The icon scaling size
 	 * @param {Boolean} [spin=false] Spin the icon
-	 * @param {String} [stack] Stack an icon on top of another
+	 * @param {String} [stack] Stack an icon on top of another. Arguments specify z-index such as '1x' See documentation for example http://fontawesome.io/examples/#stacked
 	 * @param {String} [tag=span] The HTML tag to use as a string, eg 'i' or 'em'
 	 * @module FontAwesome
 	 * @type {ReactClass}
@@ -61839,6 +69098,7 @@
 	          ariaLabel = _props.ariaLabel,
 	          props = _objectWithoutProperties(_props, ['border', 'cssModule', 'className', 'fixedWidth', 'flip', 'inverse', 'name', 'pulse', 'rotate', 'size', 'spin', 'stack', 'tag', 'ariaLabel']);
 
+	      var ariaProps = ariaLabel ? { 'aria-label': ariaLabel } : { 'aria-hidden': true };
 	      var classNames = [];
 
 	      if (cssModule) {
@@ -61869,7 +69129,9 @@
 
 	      // Add any custom class names at the end.
 	      className && classNames.push(className);
-	      return _react2.default.createElement(tag, _extends({}, props, { 'aria-hidden': true, className: classNames.join(' ') }), ariaLabel ? _react2.default.createElement('span', { style: _screenReaderStyles2.default }, ariaLabel) : null);
+	      return _react2.default.createElement(tag, _extends({}, props, ariaProps, {
+	        className: classNames.join(' ')
+	      }));
 	    }
 	  }]);
 
@@ -61894,37 +69156,16 @@
 	};
 
 	exports.default = FontAwesome;
-	module.exports = exports['default'];
-
-/***/ }),
-/* 472 */
-/***/ (function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  position: 'absolute',
-	  width: '1px',
-	  height: '1px',
-	  padding: '0px',
-	  margin: '-1px',
-	  overflow: 'hidden',
-	  clip: 'rect(0px, 0px, 0px, 0px)',
-	  border: '0px'
-	};
-	module.exports = exports['default'];
+	module.exports = exports.default;
 
 /***/ }),
-/* 473 */
+/* 474 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(474);
+	var content = __webpack_require__(475);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -61944,7 +69185,7 @@
 	}
 
 /***/ }),
-/* 474 */
+/* 475 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -61958,13 +69199,13 @@
 
 
 /***/ }),
-/* 475 */
+/* 476 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(476);
+	var content = __webpack_require__(477);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -61984,7 +69225,7 @@
 	}
 
 /***/ }),
-/* 476 */
+/* 477 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -61998,7 +69239,7 @@
 
 
 /***/ }),
-/* 477 */
+/* 478 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -62030,12 +69271,12 @@
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
 	var classnames = __webpack_require__(86);
-	var CopyToClipboard = __webpack_require__(478);
+	var CopyToClipboard = __webpack_require__(479);
 	var Forms_1 = __webpack_require__(453);
-	var TextInput_1 = __webpack_require__(470);
-	__webpack_require__(482);
-	__webpack_require__(475);
-	var propTypes = __assign({}, TextInput_1.TextInput.propTypes, { className: PropTypes.string, enableCopy: PropTypes.bool, required: PropTypes.bool, size: PropTypes.string, onClickCopy: PropTypes.func });
+	var TextInput_1 = __webpack_require__(472);
+	__webpack_require__(483);
+	__webpack_require__(476);
+	var propTypes = __assign(__assign({}, TextInput_1.TextInput.propTypes), { className: PropTypes.string, enableCopy: PropTypes.bool, required: PropTypes.bool, size: PropTypes.string, onClickCopy: PropTypes.func });
 	var defaultProps = {
 	    enableCopy: true,
 	    required: false,
@@ -62084,19 +69325,19 @@
 
 
 /***/ }),
-/* 478 */
+/* 479 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 
-	var _require = __webpack_require__(479),
+	var _require = __webpack_require__(480),
 	    CopyToClipboard = _require.CopyToClipboard;
 
 	module.exports = CopyToClipboard;
 	//# sourceMappingURL=index.js.map
 
 /***/ }),
-/* 479 */
+/* 480 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -62120,7 +69361,7 @@
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
-	var _copyToClipboard = __webpack_require__(480);
+	var _copyToClipboard = __webpack_require__(481);
 
 	var _copyToClipboard2 = _interopRequireDefault(_copyToClipboard);
 
@@ -62176,12 +69417,12 @@
 	//# sourceMappingURL=Component.js.map
 
 /***/ }),
-/* 480 */
+/* 481 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var deselectCurrent = __webpack_require__(481);
+	var deselectCurrent = __webpack_require__(482);
 
 	var defaultMessage = "Copy to clipboard: #{key}, Enter";
 
@@ -62276,7 +69517,7 @@
 
 
 /***/ }),
-/* 481 */
+/* 482 */
 /***/ (function(module, exports) {
 
 	
@@ -62321,13 +69562,13 @@
 
 
 /***/ }),
-/* 482 */
+/* 483 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(483);
+	var content = __webpack_require__(484);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -62347,7 +69588,7 @@
 	}
 
 /***/ }),
-/* 483 */
+/* 484 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -62361,7 +69602,7 @@
 
 
 /***/ }),
-/* 484 */
+/* 485 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -62382,7 +69623,7 @@
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
 	var _ = __webpack_require__(436);
-	__webpack_require__(485);
+	__webpack_require__(486);
 	var propTypes = {
 	    className: PropTypes.string,
 	    defaultValue: PropTypes.string,
@@ -62470,13 +69711,13 @@
 
 
 /***/ }),
-/* 485 */
+/* 486 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(486);
+	var content = __webpack_require__(487);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -62496,7 +69737,7 @@
 	}
 
 /***/ }),
-/* 486 */
+/* 487 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -62510,7 +69751,7 @@
 
 
 /***/ }),
-/* 487 */
+/* 488 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -62541,12 +69782,12 @@
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var react_select_1 = __webpack_require__(488);
+	var react_select_1 = __webpack_require__(489);
 	var classnames = __webpack_require__(86);
 	var Forms_1 = __webpack_require__(453);
-	__webpack_require__(503);
-	__webpack_require__(505);
-	__webpack_require__(475);
+	__webpack_require__(504);
+	__webpack_require__(506);
+	__webpack_require__(476);
 	var selectValuePropType = PropTypes.shape({
 	    label: PropTypes.string.isRequired,
 	    value: PropTypes.string.isRequired,
@@ -62696,7 +69937,7 @@
 
 
 /***/ }),
-/* 488 */
+/* 489 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -62706,43 +69947,43 @@
 	});
 	exports.defaultFilterOptions = exports.defaultClearRenderer = exports.defaultArrowRenderer = exports.defaultMenuRenderer = exports.Option = exports.Value = exports.Creatable = exports.AsyncCreatable = exports.Async = undefined;
 
-	var _Select = __webpack_require__(489);
+	var _Select = __webpack_require__(490);
 
 	var _Select2 = _interopRequireDefault(_Select);
 
-	var _Async = __webpack_require__(500);
+	var _Async = __webpack_require__(501);
 
 	var _Async2 = _interopRequireDefault(_Async);
 
-	var _AsyncCreatable = __webpack_require__(501);
+	var _AsyncCreatable = __webpack_require__(502);
 
 	var _AsyncCreatable2 = _interopRequireDefault(_AsyncCreatable);
 
-	var _Creatable = __webpack_require__(502);
+	var _Creatable = __webpack_require__(503);
 
 	var _Creatable2 = _interopRequireDefault(_Creatable);
 
-	var _Value = __webpack_require__(499);
+	var _Value = __webpack_require__(500);
 
 	var _Value2 = _interopRequireDefault(_Value);
 
-	var _Option = __webpack_require__(497);
+	var _Option = __webpack_require__(498);
 
 	var _Option2 = _interopRequireDefault(_Option);
 
-	var _defaultMenuRenderer = __webpack_require__(496);
+	var _defaultMenuRenderer = __webpack_require__(497);
 
 	var _defaultMenuRenderer2 = _interopRequireDefault(_defaultMenuRenderer);
 
-	var _defaultArrowRenderer = __webpack_require__(491);
+	var _defaultArrowRenderer = __webpack_require__(492);
 
 	var _defaultArrowRenderer2 = _interopRequireDefault(_defaultArrowRenderer);
 
-	var _defaultClearRenderer = __webpack_require__(492);
+	var _defaultClearRenderer = __webpack_require__(493);
 
 	var _defaultClearRenderer2 = _interopRequireDefault(_defaultClearRenderer);
 
-	var _defaultFilterOptions = __webpack_require__(493);
+	var _defaultFilterOptions = __webpack_require__(494);
 
 	var _defaultFilterOptions2 = _interopRequireDefault(_defaultFilterOptions);
 
@@ -62766,7 +70007,7 @@
 	exports.defaultFilterOptions = _defaultFilterOptions2.default;
 
 /***/ }),
-/* 489 */
+/* 490 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -62786,7 +70027,7 @@
 	                                                                                                                                                                                                                                                                              */
 
 
-	var _reactInputAutosize = __webpack_require__(490);
+	var _reactInputAutosize = __webpack_require__(491);
 
 	var _reactInputAutosize2 = _interopRequireDefault(_reactInputAutosize);
 
@@ -62804,27 +70045,27 @@
 
 	var _reactDom = __webpack_require__(8);
 
-	var _defaultArrowRenderer = __webpack_require__(491);
+	var _defaultArrowRenderer = __webpack_require__(492);
 
 	var _defaultArrowRenderer2 = _interopRequireDefault(_defaultArrowRenderer);
 
-	var _defaultClearRenderer = __webpack_require__(492);
+	var _defaultClearRenderer = __webpack_require__(493);
 
 	var _defaultClearRenderer2 = _interopRequireDefault(_defaultClearRenderer);
 
-	var _defaultFilterOptions = __webpack_require__(493);
+	var _defaultFilterOptions = __webpack_require__(494);
 
 	var _defaultFilterOptions2 = _interopRequireDefault(_defaultFilterOptions);
 
-	var _defaultMenuRenderer = __webpack_require__(496);
+	var _defaultMenuRenderer = __webpack_require__(497);
 
 	var _defaultMenuRenderer2 = _interopRequireDefault(_defaultMenuRenderer);
 
-	var _Option = __webpack_require__(497);
+	var _Option = __webpack_require__(498);
 
 	var _Option2 = _interopRequireDefault(_Option);
 
-	var _Value = __webpack_require__(499);
+	var _Value = __webpack_require__(500);
 
 	var _Value2 = _interopRequireDefault(_Value);
 
@@ -64232,7 +71473,7 @@
 	exports.default = Select;
 
 /***/ }),
-/* 490 */
+/* 491 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -64505,7 +71746,7 @@
 	exports.default = AutosizeInput;
 
 /***/ }),
-/* 491 */
+/* 492 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -64540,7 +71781,7 @@
 	exports.default = arrowRenderer;
 
 /***/ }),
-/* 492 */
+/* 493 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -64565,7 +71806,7 @@
 	exports.default = clearRenderer;
 
 /***/ }),
-/* 493 */
+/* 494 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -64574,11 +71815,11 @@
 		value: true
 	});
 
-	var _stripDiacritics = __webpack_require__(494);
+	var _stripDiacritics = __webpack_require__(495);
 
 	var _stripDiacritics2 = _interopRequireDefault(_stripDiacritics);
 
-	var _trim = __webpack_require__(495);
+	var _trim = __webpack_require__(496);
 
 	var _trim2 = _interopRequireDefault(_trim);
 
@@ -64639,7 +71880,7 @@
 	exports.default = filterOptions;
 
 /***/ }),
-/* 494 */
+/* 495 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -64659,7 +71900,7 @@
 	exports.default = stripDiacritics;
 
 /***/ }),
-/* 495 */
+/* 496 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -64674,7 +71915,7 @@
 	exports.default = trim;
 
 /***/ }),
-/* 496 */
+/* 497 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -64775,7 +72016,7 @@
 	exports.default = menuRenderer;
 
 /***/ }),
-/* 497 */
+/* 498 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -64798,7 +72039,7 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _blockEvent = __webpack_require__(498);
+	var _blockEvent = __webpack_require__(499);
 
 	var _blockEvent2 = _interopRequireDefault(_blockEvent);
 
@@ -64928,7 +72169,7 @@
 	exports.default = Option;
 
 /***/ }),
-/* 498 */
+/* 499 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -64951,7 +72192,7 @@
 	};
 
 /***/ }),
-/* 499 */
+/* 500 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -65101,7 +72342,7 @@
 	exports.default = Value;
 
 /***/ }),
-/* 500 */
+/* 501 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -65124,11 +72365,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Select = __webpack_require__(489);
+	var _Select = __webpack_require__(490);
 
 	var _Select2 = _interopRequireDefault(_Select);
 
-	var _stripDiacritics = __webpack_require__(494);
+	var _stripDiacritics = __webpack_require__(495);
 
 	var _stripDiacritics2 = _interopRequireDefault(_stripDiacritics);
 
@@ -65377,7 +72618,7 @@
 	Async.defaultProps = defaultProps;
 
 /***/ }),
-/* 501 */
+/* 502 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -65398,15 +72639,15 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Async = __webpack_require__(500);
+	var _Async = __webpack_require__(501);
 
 	var _Async2 = _interopRequireDefault(_Async);
 
-	var _Creatable = __webpack_require__(502);
+	var _Creatable = __webpack_require__(503);
 
 	var _Creatable2 = _interopRequireDefault(_Creatable);
 
-	var _Select = __webpack_require__(489);
+	var _Select = __webpack_require__(490);
 
 	var _Select2 = _interopRequireDefault(_Select);
 
@@ -65487,7 +72728,7 @@
 	exports.default = AsyncCreatableSelect;
 
 /***/ }),
-/* 502 */
+/* 503 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -65508,15 +72749,15 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _defaultFilterOptions = __webpack_require__(493);
+	var _defaultFilterOptions = __webpack_require__(494);
 
 	var _defaultFilterOptions2 = _interopRequireDefault(_defaultFilterOptions);
 
-	var _defaultMenuRenderer = __webpack_require__(496);
+	var _defaultMenuRenderer = __webpack_require__(497);
 
 	var _defaultMenuRenderer2 = _interopRequireDefault(_defaultMenuRenderer);
 
-	var _Select = __webpack_require__(489);
+	var _Select = __webpack_require__(490);
 
 	var _Select2 = _interopRequireDefault(_Select);
 
@@ -65864,13 +73105,13 @@
 	exports.default = CreatableSelect;
 
 /***/ }),
-/* 503 */
+/* 504 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(504);
+	var content = __webpack_require__(505);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -65890,7 +73131,7 @@
 	}
 
 /***/ }),
-/* 504 */
+/* 505 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -65904,13 +73145,13 @@
 
 
 /***/ }),
-/* 505 */
+/* 506 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(506);
+	var content = __webpack_require__(507);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -65930,7 +73171,7 @@
 	}
 
 /***/ }),
-/* 506 */
+/* 507 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -65944,7 +73185,7 @@
 
 
 /***/ }),
-/* 507 */
+/* 508 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -65962,10 +73203,11 @@
 	    };
 	})();
 	var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+	    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
 	    return new (P || (P = Promise))(function (resolve, reject) {
 	        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
 	        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-	        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+	        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
 	        step((generator = generator.apply(thisArg, _arguments || [])).next());
 	    });
 	};
@@ -66001,14 +73243,14 @@
 	var _ = __webpack_require__(436);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var tablePropTypes = __webpack_require__(508);
-	var Cell_1 = __webpack_require__(510);
-	var Column_1 = __webpack_require__(513);
-	var Footer_1 = __webpack_require__(514);
-	var Header_1 = __webpack_require__(517);
+	var tablePropTypes = __webpack_require__(509);
+	var Cell_1 = __webpack_require__(511);
+	var Column_1 = __webpack_require__(514);
+	var Footer_1 = __webpack_require__(515);
+	var Header_1 = __webpack_require__(518);
 	var MorePropTypes_1 = __webpack_require__(450);
-	var sortDirection_1 = __webpack_require__(509);
-	__webpack_require__(522);
+	var sortDirection_1 = __webpack_require__(510);
+	__webpack_require__(523);
 	var DEFAULT_PAGE_SIZE = 10;
 	var propTypes = {
 	    children: PropTypes.arrayOf(MorePropTypes_1.default.instanceOfComponent(Column_1.Column)),
@@ -66333,13 +73575,13 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 508 */
+/* 509 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var PropTypes = __webpack_require__(20);
-	var sortDirection_1 = __webpack_require__(509);
+	var sortDirection_1 = __webpack_require__(510);
 	exports.sortDirection = PropTypes.oneOf([
 	    sortDirection_1.default.ASCENDING,
 	    sortDirection_1.default.DESCENDING,
@@ -66368,7 +73610,7 @@
 
 
 /***/ }),
-/* 509 */
+/* 510 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -66381,7 +73623,7 @@
 
 
 /***/ }),
-/* 510 */
+/* 511 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -66411,7 +73653,7 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	__webpack_require__(511);
+	__webpack_require__(512);
 	exports.cssClass = {
 	    CELL: "Table--cell",
 	    NO_WRAP: "Table--cell--no_wrap",
@@ -66430,13 +73672,13 @@
 
 
 /***/ }),
-/* 511 */
+/* 512 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(512);
+	var content = __webpack_require__(513);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -66456,7 +73698,7 @@
 	}
 
 /***/ }),
-/* 512 */
+/* 513 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -66470,7 +73712,7 @@
 
 
 /***/ }),
-/* 513 */
+/* 514 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -66497,7 +73739,7 @@
 
 
 /***/ }),
-/* 514 */
+/* 515 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -66505,10 +73747,10 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var tablePropTypes = __webpack_require__(508);
-	var Cell_1 = __webpack_require__(510);
+	var tablePropTypes = __webpack_require__(509);
+	var Cell_1 = __webpack_require__(511);
 	var Button_1 = __webpack_require__(461);
-	__webpack_require__(515);
+	__webpack_require__(516);
 	exports.VISIBLE_PAGE_RANGE_SIZE = 5;
 	exports.cssClass = {
 	    BUTTON_PAGE: "Table--footer--button--page",
@@ -66585,13 +73827,13 @@
 
 
 /***/ }),
-/* 515 */
+/* 516 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(516);
+	var content = __webpack_require__(517);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -66611,7 +73853,7 @@
 	}
 
 /***/ }),
-/* 516 */
+/* 517 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -66625,16 +73867,16 @@
 
 
 /***/ }),
-/* 517 */
+/* 518 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var tablePropTypes = __webpack_require__(508);
-	var Column_1 = __webpack_require__(513);
-	var HeaderCell_1 = __webpack_require__(518);
+	var tablePropTypes = __webpack_require__(509);
+	var Column_1 = __webpack_require__(514);
+	var HeaderCell_1 = __webpack_require__(519);
 	var MorePropTypes_1 = __webpack_require__(450);
 	exports.cssClass = {
 	    CONTAINER: "Table--header",
@@ -66662,7 +73904,7 @@
 
 
 /***/ }),
-/* 518 */
+/* 519 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -66670,11 +73912,11 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var tablePropTypes = __webpack_require__(508);
-	var Cell_1 = __webpack_require__(510);
-	var SortIcons_1 = __webpack_require__(519);
+	var tablePropTypes = __webpack_require__(509);
+	var Cell_1 = __webpack_require__(511);
+	var SortIcons_1 = __webpack_require__(520);
 	var flex_1 = __webpack_require__(433);
-	__webpack_require__(520);
+	__webpack_require__(521);
 	exports.cssClass = {
 	    CONTENT: "Table--header--cell--content",
 	    HEADER_CELL: "Table--header--cell",
@@ -66702,7 +73944,7 @@
 
 
 /***/ }),
-/* 519 */
+/* 520 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -66710,8 +73952,8 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var tablePropTypes = __webpack_require__(508);
-	var sortDirection_1 = __webpack_require__(509);
+	var tablePropTypes = __webpack_require__(509);
+	var sortDirection_1 = __webpack_require__(510);
 	var WIDTH = 7;
 	var HEIGHT = 12;
 	exports.cssClass = {
@@ -66739,13 +73981,13 @@
 
 
 /***/ }),
-/* 520 */
+/* 521 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(521);
+	var content = __webpack_require__(522);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -66765,7 +74007,7 @@
 	}
 
 /***/ }),
-/* 521 */
+/* 522 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -66779,13 +74021,13 @@
 
 
 /***/ }),
-/* 522 */
+/* 523 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(523);
+	var content = __webpack_require__(524);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -66805,7 +74047,7 @@
 	}
 
 /***/ }),
-/* 523 */
+/* 524 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -66819,7 +74061,7 @@
 
 
 /***/ }),
-/* 524 */
+/* 525 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -66849,11 +74091,11 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var Col_1 = __webpack_require__(525);
+	var Col_1 = __webpack_require__(526);
 	var MorePropTypes_1 = __webpack_require__(450);
-	var Row_1 = __webpack_require__(529);
-	var Size_1 = __webpack_require__(526);
-	__webpack_require__(527);
+	var Row_1 = __webpack_require__(530);
+	var Size_1 = __webpack_require__(527);
+	__webpack_require__(528);
 	exports.cssClass = {
 	    GRID: "Grid",
 	};
@@ -66875,7 +74117,7 @@
 
 
 /***/ }),
-/* 525 */
+/* 526 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -66906,8 +74148,8 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var Size_1 = __webpack_require__(526);
-	__webpack_require__(527);
+	var Size_1 = __webpack_require__(527);
+	__webpack_require__(528);
 	exports.cssClass = {
 	    COL: "Grid--Col",
 	};
@@ -66941,7 +74183,7 @@
 
 
 /***/ }),
-/* 526 */
+/* 527 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -66956,13 +74198,13 @@
 
 
 /***/ }),
-/* 527 */
+/* 528 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(528);
+	var content = __webpack_require__(529);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -66982,7 +74224,7 @@
 	}
 
 /***/ }),
-/* 528 */
+/* 529 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -66996,7 +74238,7 @@
 
 
 /***/ }),
-/* 529 */
+/* 530 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67026,10 +74268,10 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	var Col_1 = __webpack_require__(525);
+	var Col_1 = __webpack_require__(526);
 	var MorePropTypes_1 = __webpack_require__(450);
 	__webpack_require__(440);
-	__webpack_require__(527);
+	__webpack_require__(528);
 	exports.cssClass = {
 	    GROW: "flex--grow",
 	    ROW: "Grid--Row",
@@ -67051,7 +74293,7 @@
 
 
 /***/ }),
-/* 530 */
+/* 531 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67060,8 +74302,8 @@
 	var PropTypes = __webpack_require__(20);
 	var classnames = __webpack_require__(86);
 	var _ = __webpack_require__(436);
-	var icons_1 = __webpack_require__(531);
-	__webpack_require__(600);
+	var icons_1 = __webpack_require__(532);
+	__webpack_require__(601);
 	exports.cssClass = {
 	    CONTAINER: "Icon",
 	    size: function (size) { return "Icon--" + size; },
@@ -67161,79 +74403,79 @@
 
 
 /***/ }),
-/* 531 */
+/* 532 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var Blocks_1 = __webpack_require__(532);
-	var Book_1 = __webpack_require__(533);
-	var Bullseye_1 = __webpack_require__(534);
-	var Camera_1 = __webpack_require__(535);
-	var Chart_1 = __webpack_require__(536);
-	var ChatHeart_1 = __webpack_require__(537);
-	var Chat_1 = __webpack_require__(538);
-	var Checkmark_1 = __webpack_require__(539);
-	var CircleC_1 = __webpack_require__(540);
-	var Clock_1 = __webpack_require__(541);
-	var CloseFloatingButton_1 = __webpack_require__(542);
-	var Diploma_1 = __webpack_require__(543);
-	var Funnel_1 = __webpack_require__(544);
-	var Gear_1 = __webpack_require__(545);
-	var Glasses_1 = __webpack_require__(546);
-	var Glue_1 = __webpack_require__(547);
-	var Graph_1 = __webpack_require__(548);
-	var HandClick_1 = __webpack_require__(549);
-	var Handshake_1 = __webpack_require__(550);
-	var Headset_1 = __webpack_require__(551);
-	var Juggler_1 = __webpack_require__(552);
-	var Leader_1 = __webpack_require__(553);
-	var LightningJar_1 = __webpack_require__(554);
-	var Lock_1 = __webpack_require__(555);
-	var MagicLamp_1 = __webpack_require__(556);
-	var MagnifyC_1 = __webpack_require__(557);
-	var MagnifyUser_1 = __webpack_require__(558);
-	var Man_1 = __webpack_require__(559);
-	var Map_1 = __webpack_require__(560);
-	var Menu_1 = __webpack_require__(561);
-	var Microphone_1 = __webpack_require__(562);
-	var Microscope_1 = __webpack_require__(563);
-	var MobileApps_1 = __webpack_require__(564);
-	var NoEntry_1 = __webpack_require__(565);
-	var Origami_1 = __webpack_require__(566);
-	var Paper_1 = __webpack_require__(567);
-	var PenPaper_1 = __webpack_require__(568);
-	var Pen_1 = __webpack_require__(569);
-	var PhoneSync_1 = __webpack_require__(570);
-	var Phone_1 = __webpack_require__(571);
-	var Pickax_1 = __webpack_require__(572);
-	var Play_1 = __webpack_require__(573);
-	var PortalOpen_1 = __webpack_require__(574);
-	var PresentGift_1 = __webpack_require__(575);
-	var Presentation_1 = __webpack_require__(576);
-	var Printer_1 = __webpack_require__(577);
-	var QR_1 = __webpack_require__(578);
-	var RibbonAward_1 = __webpack_require__(579);
-	var School_1 = __webpack_require__(580);
-	var Server_1 = __webpack_require__(581);
-	var Shield_1 = __webpack_require__(582);
-	var ShoppingCart_1 = __webpack_require__(583);
-	var SmileyFace_1 = __webpack_require__(584);
-	var SquareC_1 = __webpack_require__(585);
-	var SyncArrows_1 = __webpack_require__(586);
-	var Tablet_1 = __webpack_require__(587);
-	var Target_1 = __webpack_require__(588);
-	var ThreePeople_1 = __webpack_require__(589);
-	var ThreeUsers_1 = __webpack_require__(590);
-	var Ticket_1 = __webpack_require__(591);
-	var Tie_1 = __webpack_require__(592);
-	var Trophy_1 = __webpack_require__(593);
-	var Typewriter_1 = __webpack_require__(594);
-	var User_1 = __webpack_require__(595);
-	var Wallet_1 = __webpack_require__(596);
-	var WebsiteDashboard_1 = __webpack_require__(597);
-	var WebsiteHTML_1 = __webpack_require__(598);
-	var Woman_1 = __webpack_require__(599);
+	var Blocks_1 = __webpack_require__(533);
+	var Book_1 = __webpack_require__(534);
+	var Bullseye_1 = __webpack_require__(535);
+	var Camera_1 = __webpack_require__(536);
+	var Chart_1 = __webpack_require__(537);
+	var ChatHeart_1 = __webpack_require__(538);
+	var Chat_1 = __webpack_require__(539);
+	var Checkmark_1 = __webpack_require__(540);
+	var CircleC_1 = __webpack_require__(541);
+	var Clock_1 = __webpack_require__(542);
+	var CloseFloatingButton_1 = __webpack_require__(543);
+	var Diploma_1 = __webpack_require__(544);
+	var Funnel_1 = __webpack_require__(545);
+	var Gear_1 = __webpack_require__(546);
+	var Glasses_1 = __webpack_require__(547);
+	var Glue_1 = __webpack_require__(548);
+	var Graph_1 = __webpack_require__(549);
+	var HandClick_1 = __webpack_require__(550);
+	var Handshake_1 = __webpack_require__(551);
+	var Headset_1 = __webpack_require__(552);
+	var Juggler_1 = __webpack_require__(553);
+	var Leader_1 = __webpack_require__(554);
+	var LightningJar_1 = __webpack_require__(555);
+	var Lock_1 = __webpack_require__(556);
+	var MagicLamp_1 = __webpack_require__(557);
+	var MagnifyC_1 = __webpack_require__(558);
+	var MagnifyUser_1 = __webpack_require__(559);
+	var Man_1 = __webpack_require__(560);
+	var Map_1 = __webpack_require__(561);
+	var Menu_1 = __webpack_require__(562);
+	var Microphone_1 = __webpack_require__(563);
+	var Microscope_1 = __webpack_require__(564);
+	var MobileApps_1 = __webpack_require__(565);
+	var NoEntry_1 = __webpack_require__(566);
+	var Origami_1 = __webpack_require__(567);
+	var Paper_1 = __webpack_require__(568);
+	var PenPaper_1 = __webpack_require__(569);
+	var Pen_1 = __webpack_require__(570);
+	var PhoneSync_1 = __webpack_require__(571);
+	var Phone_1 = __webpack_require__(572);
+	var Pickax_1 = __webpack_require__(573);
+	var Play_1 = __webpack_require__(574);
+	var PortalOpen_1 = __webpack_require__(575);
+	var PresentGift_1 = __webpack_require__(576);
+	var Presentation_1 = __webpack_require__(577);
+	var Printer_1 = __webpack_require__(578);
+	var QR_1 = __webpack_require__(579);
+	var RibbonAward_1 = __webpack_require__(580);
+	var School_1 = __webpack_require__(581);
+	var Server_1 = __webpack_require__(582);
+	var Shield_1 = __webpack_require__(583);
+	var ShoppingCart_1 = __webpack_require__(584);
+	var SmileyFace_1 = __webpack_require__(585);
+	var SquareC_1 = __webpack_require__(586);
+	var SyncArrows_1 = __webpack_require__(587);
+	var Tablet_1 = __webpack_require__(588);
+	var Target_1 = __webpack_require__(589);
+	var ThreePeople_1 = __webpack_require__(590);
+	var ThreeUsers_1 = __webpack_require__(591);
+	var Ticket_1 = __webpack_require__(592);
+	var Tie_1 = __webpack_require__(593);
+	var Trophy_1 = __webpack_require__(594);
+	var Typewriter_1 = __webpack_require__(595);
+	var User_1 = __webpack_require__(596);
+	var Wallet_1 = __webpack_require__(597);
+	var WebsiteDashboard_1 = __webpack_require__(598);
+	var WebsiteHTML_1 = __webpack_require__(599);
+	var Woman_1 = __webpack_require__(600);
 	exports.default = {
 	    blocks: Blocks_1.default,
 	    book: Book_1.default,
@@ -67307,7 +74549,7 @@
 
 
 /***/ }),
-/* 532 */
+/* 533 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67343,7 +74585,7 @@
 
 
 /***/ }),
-/* 533 */
+/* 534 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67377,7 +74619,7 @@
 
 
 /***/ }),
-/* 534 */
+/* 535 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67414,7 +74656,7 @@
 
 
 /***/ }),
-/* 535 */
+/* 536 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67453,7 +74695,7 @@
 
 
 /***/ }),
-/* 536 */
+/* 537 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67488,7 +74730,7 @@
 
 
 /***/ }),
-/* 537 */
+/* 538 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67523,7 +74765,7 @@
 
 
 /***/ }),
-/* 538 */
+/* 539 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67556,7 +74798,7 @@
 
 
 /***/ }),
-/* 539 */
+/* 540 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67588,7 +74830,7 @@
 
 
 /***/ }),
-/* 540 */
+/* 541 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67623,7 +74865,7 @@
 
 
 /***/ }),
-/* 541 */
+/* 542 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67656,7 +74898,7 @@
 
 
 /***/ }),
-/* 542 */
+/* 543 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67675,7 +74917,7 @@
 
 
 /***/ }),
-/* 543 */
+/* 544 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67710,7 +74952,7 @@
 
 
 /***/ }),
-/* 544 */
+/* 545 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67743,7 +74985,7 @@
 
 
 /***/ }),
-/* 545 */
+/* 546 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67776,7 +75018,7 @@
 
 
 /***/ }),
-/* 546 */
+/* 547 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67812,7 +75054,7 @@
 
 
 /***/ }),
-/* 547 */
+/* 548 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67857,7 +75099,7 @@
 
 
 /***/ }),
-/* 548 */
+/* 549 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67895,7 +75137,7 @@
 
 
 /***/ }),
-/* 549 */
+/* 550 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67930,7 +75172,7 @@
 
 
 /***/ }),
-/* 550 */
+/* 551 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -67972,7 +75214,7 @@
 
 
 /***/ }),
-/* 551 */
+/* 552 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68007,7 +75249,7 @@
 
 
 /***/ }),
-/* 552 */
+/* 553 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68043,7 +75285,7 @@
 
 
 /***/ }),
-/* 553 */
+/* 554 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68077,7 +75319,7 @@
 
 
 /***/ }),
-/* 554 */
+/* 555 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68114,7 +75356,7 @@
 
 
 /***/ }),
-/* 555 */
+/* 556 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68149,7 +75391,7 @@
 
 
 /***/ }),
-/* 556 */
+/* 557 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68194,7 +75436,7 @@
 
 
 /***/ }),
-/* 557 */
+/* 558 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68228,7 +75470,7 @@
 
 
 /***/ }),
-/* 558 */
+/* 559 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68263,7 +75505,7 @@
 
 
 /***/ }),
-/* 559 */
+/* 560 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68300,7 +75542,7 @@
 
 
 /***/ }),
-/* 560 */
+/* 561 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68335,7 +75577,7 @@
 
 
 /***/ }),
-/* 561 */
+/* 562 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68368,7 +75610,7 @@
 
 
 /***/ }),
-/* 562 */
+/* 563 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68402,7 +75644,7 @@
 
 
 /***/ }),
-/* 563 */
+/* 564 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68441,7 +75683,7 @@
 
 
 /***/ }),
-/* 564 */
+/* 565 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68488,7 +75730,7 @@
 
 
 /***/ }),
-/* 565 */
+/* 566 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68520,7 +75762,7 @@
 
 
 /***/ }),
-/* 566 */
+/* 567 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68559,7 +75801,7 @@
 
 
 /***/ }),
-/* 567 */
+/* 568 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68595,7 +75837,7 @@
 
 
 /***/ }),
-/* 568 */
+/* 569 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68651,7 +75893,7 @@
 
 
 /***/ }),
-/* 569 */
+/* 570 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68687,7 +75929,7 @@
 
 
 /***/ }),
-/* 570 */
+/* 571 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68728,7 +75970,7 @@
 
 
 /***/ }),
-/* 571 */
+/* 572 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68762,7 +76004,7 @@
 
 
 /***/ }),
-/* 572 */
+/* 573 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68794,7 +76036,7 @@
 
 
 /***/ }),
-/* 573 */
+/* 574 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68827,7 +76069,7 @@
 
 
 /***/ }),
-/* 574 */
+/* 575 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68866,7 +76108,7 @@
 
 
 /***/ }),
-/* 575 */
+/* 576 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68902,7 +76144,7 @@
 
 
 /***/ }),
-/* 576 */
+/* 577 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68942,7 +76184,7 @@
 
 
 /***/ }),
-/* 577 */
+/* 578 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -68978,7 +76220,7 @@
 
 
 /***/ }),
-/* 578 */
+/* 579 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69023,7 +76265,7 @@
 
 
 /***/ }),
-/* 579 */
+/* 580 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69057,7 +76299,7 @@
 
 
 /***/ }),
-/* 580 */
+/* 581 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69095,7 +76337,7 @@
 
 
 /***/ }),
-/* 581 */
+/* 582 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69141,7 +76383,7 @@
 
 
 /***/ }),
-/* 582 */
+/* 583 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69178,7 +76420,7 @@
 
 
 /***/ }),
-/* 583 */
+/* 584 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69222,7 +76464,7 @@
 
 
 /***/ }),
-/* 584 */
+/* 585 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69257,7 +76499,7 @@
 
 
 /***/ }),
-/* 585 */
+/* 586 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69292,7 +76534,7 @@
 
 
 /***/ }),
-/* 586 */
+/* 587 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69327,7 +76569,7 @@
 
 
 /***/ }),
-/* 587 */
+/* 588 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69364,7 +76606,7 @@
 
 
 /***/ }),
-/* 588 */
+/* 589 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69398,7 +76640,7 @@
 
 
 /***/ }),
-/* 589 */
+/* 590 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69435,7 +76677,7 @@
 
 
 /***/ }),
-/* 590 */
+/* 591 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69472,7 +76714,7 @@
 
 
 /***/ }),
-/* 591 */
+/* 592 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69505,7 +76747,7 @@
 
 
 /***/ }),
-/* 592 */
+/* 593 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69538,7 +76780,7 @@
 
 
 /***/ }),
-/* 593 */
+/* 594 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69574,7 +76816,7 @@
 
 
 /***/ }),
-/* 594 */
+/* 595 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69622,7 +76864,7 @@
 
 
 /***/ }),
-/* 595 */
+/* 596 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69655,7 +76897,7 @@
 
 
 /***/ }),
-/* 596 */
+/* 597 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69697,7 +76939,7 @@
 
 
 /***/ }),
-/* 597 */
+/* 598 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69739,7 +76981,7 @@
 
 
 /***/ }),
-/* 598 */
+/* 599 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69780,7 +77022,7 @@
 
 
 /***/ }),
-/* 599 */
+/* 600 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69819,13 +77061,13 @@
 
 
 /***/ }),
-/* 600 */
+/* 601 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(601);
+	var content = __webpack_require__(602);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -69845,7 +77087,7 @@
 	}
 
 /***/ }),
-/* 601 */
+/* 602 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -69859,7 +77101,7 @@
 
 
 /***/ }),
-/* 602 */
+/* 603 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -69881,12 +77123,12 @@
 	var React = __webpack_require__(1);
 	var _ = __webpack_require__(436);
 	var classnames = __webpack_require__(86);
-	var react_transition_group_1 = __webpack_require__(603);
-	var RootCloseWrapper = __webpack_require__(617);
+	var react_transition_group_1 = __webpack_require__(604);
+	var RootCloseWrapper = __webpack_require__(618);
 	var MorePropTypes_1 = __webpack_require__(450);
-	var NavLink_1 = __webpack_require__(624);
-	var NavGroup_1 = __webpack_require__(756);
-	__webpack_require__(759);
+	var NavLink_1 = __webpack_require__(625);
+	var NavGroup_1 = __webpack_require__(757);
+	__webpack_require__(760);
 	var propTypes = {
 	    children: MorePropTypes_1.default.oneOrManyOf(PropTypes.oneOfType([
 	        MorePropTypes_1.default.instanceOfComponent(NavLink_1.NavLink),
@@ -69986,16 +77228,16 @@
 
 
 /***/ }),
-/* 603 */
+/* 604 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 
-	var _CSSTransitionGroup = __webpack_require__(604);
+	var _CSSTransitionGroup = __webpack_require__(605);
 
 	var _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);
 
-	var _TransitionGroup = __webpack_require__(605);
+	var _TransitionGroup = __webpack_require__(606);
 
 	var _TransitionGroup2 = _interopRequireDefault(_TransitionGroup);
 
@@ -70007,7 +77249,7 @@
 	};
 
 /***/ }),
-/* 604 */
+/* 605 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -70024,15 +77266,15 @@
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
-	var _TransitionGroup = __webpack_require__(605);
+	var _TransitionGroup = __webpack_require__(606);
 
 	var _TransitionGroup2 = _interopRequireDefault(_TransitionGroup);
 
-	var _CSSTransitionGroupChild = __webpack_require__(608);
+	var _CSSTransitionGroupChild = __webpack_require__(609);
 
 	var _CSSTransitionGroupChild2 = _interopRequireDefault(_CSSTransitionGroupChild);
 
-	var _PropTypes = __webpack_require__(616);
+	var _PropTypes = __webpack_require__(617);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -70107,7 +77349,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 605 */
+/* 606 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -70116,7 +77358,7 @@
 
 	var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-	var _chainFunction = __webpack_require__(606);
+	var _chainFunction = __webpack_require__(607);
 
 	var _chainFunction2 = _interopRequireDefault(_chainFunction);
 
@@ -70132,7 +77374,7 @@
 
 	var _warning2 = _interopRequireDefault(_warning);
 
-	var _ChildMapping = __webpack_require__(607);
+	var _ChildMapping = __webpack_require__(608);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -70382,7 +77624,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 606 */
+/* 607 */
 /***/ (function(module, exports) {
 
 	
@@ -70408,7 +77650,7 @@
 
 
 /***/ }),
-/* 607 */
+/* 608 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -70504,7 +77746,7 @@
 	}
 
 /***/ }),
-/* 608 */
+/* 609 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -70513,19 +77755,19 @@
 
 	var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-	var _addClass = __webpack_require__(609);
+	var _addClass = __webpack_require__(610);
 
 	var _addClass2 = _interopRequireDefault(_addClass);
 
-	var _removeClass = __webpack_require__(612);
+	var _removeClass = __webpack_require__(613);
 
 	var _removeClass2 = _interopRequireDefault(_removeClass);
 
-	var _requestAnimationFrame = __webpack_require__(613);
+	var _requestAnimationFrame = __webpack_require__(614);
 
 	var _requestAnimationFrame2 = _interopRequireDefault(_requestAnimationFrame);
 
-	var _properties = __webpack_require__(615);
+	var _properties = __webpack_require__(616);
 
 	var _react = __webpack_require__(1);
 
@@ -70537,7 +77779,7 @@
 
 	var _reactDom = __webpack_require__(8);
 
-	var _PropTypes = __webpack_require__(616);
+	var _PropTypes = __webpack_require__(617);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -70739,17 +77981,17 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 609 */
+/* 610 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = addClass;
 
-	var _hasClass = _interopRequireDefault(__webpack_require__(611));
+	var _hasClass = _interopRequireDefault(__webpack_require__(612));
 
 	function addClass(element, className) {
 	  if (element.classList) element.classList.add(className);else if (!(0, _hasClass.default)(element, className)) if (typeof element.className === 'string') element.className = element.className + ' ' + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + ' ' + className);
@@ -70758,7 +78000,7 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 610 */
+/* 611 */
 /***/ (function(module, exports) {
 
 	function _interopRequireDefault(obj) {
@@ -70770,7 +78012,7 @@
 	module.exports = _interopRequireDefault;
 
 /***/ }),
-/* 611 */
+/* 612 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -70785,7 +78027,7 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 612 */
+/* 613 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -70799,17 +78041,17 @@
 	};
 
 /***/ }),
-/* 613 */
+/* 614 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = void 0;
 
-	var _inDOM = _interopRequireDefault(__webpack_require__(614));
+	var _inDOM = _interopRequireDefault(__webpack_require__(615));
 
 	var vendors = ['', 'webkit', 'moz', 'o', 'ms'];
 	var cancel = 'clearTimeout';
@@ -70858,7 +78100,7 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 614 */
+/* 615 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -70872,17 +78114,17 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 615 */
+/* 616 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = exports.animationEnd = exports.animationDelay = exports.animationTiming = exports.animationDuration = exports.animationName = exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = void 0;
 
-	var _inDOM = _interopRequireDefault(__webpack_require__(614));
+	var _inDOM = _interopRequireDefault(__webpack_require__(615));
 
 	var transform = 'transform';
 	exports.transform = transform;
@@ -70969,7 +78211,7 @@
 	}
 
 /***/ }),
-/* 616 */
+/* 617 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -71023,14 +78265,14 @@
 	})]);
 
 /***/ }),
-/* 617 */
+/* 618 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 
 	exports.__esModule = true;
 
-	var _contains = __webpack_require__(618);
+	var _contains = __webpack_require__(619);
 
 	var _contains2 = _interopRequireDefault(_contains);
 
@@ -71046,11 +78288,11 @@
 
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 
-	var _addEventListener = __webpack_require__(619);
+	var _addEventListener = __webpack_require__(620);
 
 	var _addEventListener2 = _interopRequireDefault(_addEventListener);
 
-	var _ownerDocument = __webpack_require__(622);
+	var _ownerDocument = __webpack_require__(623);
 
 	var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
 
@@ -71192,17 +78434,17 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 618 */
+/* 619 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = void 0;
 
-	var _inDOM = _interopRequireDefault(__webpack_require__(614));
+	var _inDOM = _interopRequireDefault(__webpack_require__(615));
 
 	var _default = function () {
 	  // HTML DOM and SVG DOM may have different support levels,
@@ -71230,7 +78472,7 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 619 */
+/* 620 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -71247,11 +78489,11 @@
 	  };
 	};
 
-	var _on = __webpack_require__(620);
+	var _on = __webpack_require__(621);
 
 	var _on2 = _interopRequireDefault(_on);
 
-	var _off = __webpack_require__(621);
+	var _off = __webpack_require__(622);
 
 	var _off2 = _interopRequireDefault(_off);
 
@@ -71260,17 +78502,17 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 620 */
+/* 621 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = void 0;
 
-	var _inDOM = _interopRequireDefault(__webpack_require__(614));
+	var _inDOM = _interopRequireDefault(__webpack_require__(615));
 
 	var on = function on() {};
 
@@ -71294,17 +78536,17 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 621 */
+/* 622 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = void 0;
 
-	var _inDOM = _interopRequireDefault(__webpack_require__(614));
+	var _inDOM = _interopRequireDefault(__webpack_require__(615));
 
 	var off = function off() {};
 
@@ -71323,7 +78565,7 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 622 */
+/* 623 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -71338,7 +78580,7 @@
 
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 
-	var _ownerDocument = __webpack_require__(623);
+	var _ownerDocument = __webpack_require__(624);
 
 	var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
 
@@ -71347,7 +78589,7 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 623 */
+/* 624 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -71362,7 +78604,7 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 624 */
+/* 625 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -71405,9 +78647,9 @@
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
 	var classnames = __webpack_require__(86);
-	var Tooltip_1 = __webpack_require__(625);
-	var Arrow_1 = __webpack_require__(751);
-	__webpack_require__(754);
+	var Tooltip_1 = __webpack_require__(626);
+	var Arrow_1 = __webpack_require__(752);
+	__webpack_require__(755);
 	var propTypes = {
 	    className: PropTypes.string,
 	    component: PropTypes.any,
@@ -71470,18 +78712,18 @@
 
 
 /***/ }),
-/* 625 */
+/* 626 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var Tooltip_1 = __webpack_require__(626);
+	var Tooltip_1 = __webpack_require__(627);
 	exports.Tooltip = Tooltip_1.default;
 	exports.default = Tooltip_1.default;
 
 
 /***/ }),
-/* 626 */
+/* 627 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -71501,11 +78743,11 @@
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var _ = __webpack_require__(436);
 	var classnames = __webpack_require__(86);
-	var BootstrapTooltip = __webpack_require__(627);
-	var OverlayTrigger = __webpack_require__(718);
+	var BootstrapTooltip = __webpack_require__(628);
+	var OverlayTrigger = __webpack_require__(719);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	__webpack_require__(749);
+	__webpack_require__(750);
 	var nextID = 0;
 	var Align = {
 	    CENTER: "center",
@@ -71567,30 +78809,30 @@
 
 
 /***/ }),
-/* 627 */
+/* 628 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 
 	exports.__esModule = true;
 
-	var _extends3 = __webpack_require__(628);
+	var _extends3 = __webpack_require__(629);
 
 	var _extends4 = _interopRequireDefault(_extends3);
 
-	var _objectWithoutProperties2 = __webpack_require__(667);
+	var _objectWithoutProperties2 = __webpack_require__(668);
 
 	var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 
-	var _classCallCheck2 = __webpack_require__(668);
+	var _classCallCheck2 = __webpack_require__(669);
 
 	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-	var _possibleConstructorReturn2 = __webpack_require__(669);
+	var _possibleConstructorReturn2 = __webpack_require__(670);
 
 	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-	var _inherits2 = __webpack_require__(703);
+	var _inherits2 = __webpack_require__(704);
 
 	var _inherits3 = _interopRequireDefault(_inherits2);
 
@@ -71606,11 +78848,11 @@
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
-	var _isRequiredForA11y = __webpack_require__(711);
+	var _isRequiredForA11y = __webpack_require__(712);
 
 	var _isRequiredForA11y2 = _interopRequireDefault(_isRequiredForA11y);
 
-	var _bootstrapUtils = __webpack_require__(712);
+	var _bootstrapUtils = __webpack_require__(713);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -71714,14 +78956,14 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 628 */
+/* 629 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
 	exports.__esModule = true;
 
-	var _assign = __webpack_require__(629);
+	var _assign = __webpack_require__(630);
 
 	var _assign2 = _interopRequireDefault(_assign);
 
@@ -71742,38 +78984,38 @@
 	};
 
 /***/ }),
-/* 629 */
+/* 630 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(630), __esModule: true };
+	module.exports = { "default": __webpack_require__(631), __esModule: true };
 
 /***/ }),
-/* 630 */
+/* 631 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	__webpack_require__(631);
-	module.exports = __webpack_require__(634).Object.assign;
+	__webpack_require__(632);
+	module.exports = __webpack_require__(635).Object.assign;
 
 
 /***/ }),
-/* 631 */
+/* 632 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// 19.1.3.1 Object.assign(target, source)
-	var $export = __webpack_require__(632);
+	var $export = __webpack_require__(633);
 
-	$export($export.S + $export.F, 'Object', { assign: __webpack_require__(648) });
+	$export($export.S + $export.F, 'Object', { assign: __webpack_require__(649) });
 
 
 /***/ }),
-/* 632 */
+/* 633 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var global = __webpack_require__(633);
-	var core = __webpack_require__(634);
-	var ctx = __webpack_require__(635);
-	var hide = __webpack_require__(637);
-	var has = __webpack_require__(647);
+	var global = __webpack_require__(634);
+	var core = __webpack_require__(635);
+	var ctx = __webpack_require__(636);
+	var hide = __webpack_require__(638);
+	var has = __webpack_require__(648);
 	var PROTOTYPE = 'prototype';
 
 	var $export = function (type, name, source) {
@@ -71834,7 +79076,7 @@
 
 
 /***/ }),
-/* 633 */
+/* 634 */
 /***/ (function(module, exports) {
 
 	// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
@@ -71846,19 +79088,19 @@
 
 
 /***/ }),
-/* 634 */
+/* 635 */
 /***/ (function(module, exports) {
 
-	var core = module.exports = { version: '2.6.9' };
+	var core = module.exports = { version: '2.6.11' };
 	if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
 
 
 /***/ }),
-/* 635 */
+/* 636 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// optional / simple context binding
-	var aFunction = __webpack_require__(636);
+	var aFunction = __webpack_require__(637);
 	module.exports = function (fn, that, length) {
 	  aFunction(fn);
 	  if (that === undefined) return fn;
@@ -71880,7 +79122,7 @@
 
 
 /***/ }),
-/* 636 */
+/* 637 */
 /***/ (function(module, exports) {
 
 	module.exports = function (it) {
@@ -71890,12 +79132,12 @@
 
 
 /***/ }),
-/* 637 */
+/* 638 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var dP = __webpack_require__(638);
-	var createDesc = __webpack_require__(646);
-	module.exports = __webpack_require__(642) ? function (object, key, value) {
+	var dP = __webpack_require__(639);
+	var createDesc = __webpack_require__(647);
+	module.exports = __webpack_require__(643) ? function (object, key, value) {
 	  return dP.f(object, key, createDesc(1, value));
 	} : function (object, key, value) {
 	  object[key] = value;
@@ -71904,15 +79146,15 @@
 
 
 /***/ }),
-/* 638 */
+/* 639 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var anObject = __webpack_require__(639);
-	var IE8_DOM_DEFINE = __webpack_require__(641);
-	var toPrimitive = __webpack_require__(645);
+	var anObject = __webpack_require__(640);
+	var IE8_DOM_DEFINE = __webpack_require__(642);
+	var toPrimitive = __webpack_require__(646);
 	var dP = Object.defineProperty;
 
-	exports.f = __webpack_require__(642) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+	exports.f = __webpack_require__(643) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
 	  anObject(O);
 	  P = toPrimitive(P, true);
 	  anObject(Attributes);
@@ -71926,10 +79168,10 @@
 
 
 /***/ }),
-/* 639 */
+/* 640 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var isObject = __webpack_require__(640);
+	var isObject = __webpack_require__(641);
 	module.exports = function (it) {
 	  if (!isObject(it)) throw TypeError(it + ' is not an object!');
 	  return it;
@@ -71937,7 +79179,7 @@
 
 
 /***/ }),
-/* 640 */
+/* 641 */
 /***/ (function(module, exports) {
 
 	module.exports = function (it) {
@@ -71946,26 +79188,26 @@
 
 
 /***/ }),
-/* 641 */
+/* 642 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	module.exports = !__webpack_require__(642) && !__webpack_require__(643)(function () {
-	  return Object.defineProperty(__webpack_require__(644)('div'), 'a', { get: function () { return 7; } }).a != 7;
+	module.exports = !__webpack_require__(643) && !__webpack_require__(644)(function () {
+	  return Object.defineProperty(__webpack_require__(645)('div'), 'a', { get: function () { return 7; } }).a != 7;
 	});
 
 
 /***/ }),
-/* 642 */
+/* 643 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// Thank's IE8 for his funny defineProperty
-	module.exports = !__webpack_require__(643)(function () {
+	module.exports = !__webpack_require__(644)(function () {
 	  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
 	});
 
 
 /***/ }),
-/* 643 */
+/* 644 */
 /***/ (function(module, exports) {
 
 	module.exports = function (exec) {
@@ -71978,11 +79220,11 @@
 
 
 /***/ }),
-/* 644 */
+/* 645 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var isObject = __webpack_require__(640);
-	var document = __webpack_require__(633).document;
+	var isObject = __webpack_require__(641);
+	var document = __webpack_require__(634).document;
 	// typeof document.createElement is 'object' in old IE
 	var is = isObject(document) && isObject(document.createElement);
 	module.exports = function (it) {
@@ -71991,11 +79233,11 @@
 
 
 /***/ }),
-/* 645 */
+/* 646 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// 7.1.1 ToPrimitive(input [, PreferredType])
-	var isObject = __webpack_require__(640);
+	var isObject = __webpack_require__(641);
 	// instead of the ES6 spec version, we didn't implement @@toPrimitive case
 	// and the second argument - flag - preferred type is a string
 	module.exports = function (it, S) {
@@ -72009,7 +79251,7 @@
 
 
 /***/ }),
-/* 646 */
+/* 647 */
 /***/ (function(module, exports) {
 
 	module.exports = function (bitmap, value) {
@@ -72023,7 +79265,7 @@
 
 
 /***/ }),
-/* 647 */
+/* 648 */
 /***/ (function(module, exports) {
 
 	var hasOwnProperty = {}.hasOwnProperty;
@@ -72033,21 +79275,21 @@
 
 
 /***/ }),
-/* 648 */
+/* 649 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 	// 19.1.2.1 Object.assign(target, source, ...)
-	var DESCRIPTORS = __webpack_require__(642);
-	var getKeys = __webpack_require__(649);
-	var gOPS = __webpack_require__(664);
-	var pIE = __webpack_require__(665);
-	var toObject = __webpack_require__(666);
-	var IObject = __webpack_require__(652);
+	var DESCRIPTORS = __webpack_require__(643);
+	var getKeys = __webpack_require__(650);
+	var gOPS = __webpack_require__(665);
+	var pIE = __webpack_require__(666);
+	var toObject = __webpack_require__(667);
+	var IObject = __webpack_require__(653);
 	var $assign = Object.assign;
 
 	// should work with symbols and should have deterministic property order (V8 bug)
-	module.exports = !$assign || __webpack_require__(643)(function () {
+	module.exports = !$assign || __webpack_require__(644)(function () {
 	  var A = {};
 	  var B = {};
 	  // eslint-disable-next-line no-undef
@@ -72077,12 +79319,12 @@
 
 
 /***/ }),
-/* 649 */
+/* 650 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// 19.1.2.14 / 15.2.3.14 Object.keys(O)
-	var $keys = __webpack_require__(650);
-	var enumBugKeys = __webpack_require__(663);
+	var $keys = __webpack_require__(651);
+	var enumBugKeys = __webpack_require__(664);
 
 	module.exports = Object.keys || function keys(O) {
 	  return $keys(O, enumBugKeys);
@@ -72090,13 +79332,13 @@
 
 
 /***/ }),
-/* 650 */
+/* 651 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var has = __webpack_require__(647);
-	var toIObject = __webpack_require__(651);
-	var arrayIndexOf = __webpack_require__(655)(false);
-	var IE_PROTO = __webpack_require__(659)('IE_PROTO');
+	var has = __webpack_require__(648);
+	var toIObject = __webpack_require__(652);
+	var arrayIndexOf = __webpack_require__(656)(false);
+	var IE_PROTO = __webpack_require__(660)('IE_PROTO');
 
 	module.exports = function (object, names) {
 	  var O = toIObject(object);
@@ -72113,23 +79355,23 @@
 
 
 /***/ }),
-/* 651 */
+/* 652 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// to indexed object, toObject with fallback for non-array-like ES3 strings
-	var IObject = __webpack_require__(652);
-	var defined = __webpack_require__(654);
+	var IObject = __webpack_require__(653);
+	var defined = __webpack_require__(655);
 	module.exports = function (it) {
 	  return IObject(defined(it));
 	};
 
 
 /***/ }),
-/* 652 */
+/* 653 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// fallback for non-array-like ES3 and non-enumerable old V8 strings
-	var cof = __webpack_require__(653);
+	var cof = __webpack_require__(654);
 	// eslint-disable-next-line no-prototype-builtins
 	module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
 	  return cof(it) == 'String' ? it.split('') : Object(it);
@@ -72137,7 +79379,7 @@
 
 
 /***/ }),
-/* 653 */
+/* 654 */
 /***/ (function(module, exports) {
 
 	var toString = {}.toString;
@@ -72148,7 +79390,7 @@
 
 
 /***/ }),
-/* 654 */
+/* 655 */
 /***/ (function(module, exports) {
 
 	// 7.2.1 RequireObjectCoercible(argument)
@@ -72159,14 +79401,14 @@
 
 
 /***/ }),
-/* 655 */
+/* 656 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// false -> Array#indexOf
 	// true  -> Array#includes
-	var toIObject = __webpack_require__(651);
-	var toLength = __webpack_require__(656);
-	var toAbsoluteIndex = __webpack_require__(658);
+	var toIObject = __webpack_require__(652);
+	var toLength = __webpack_require__(657);
+	var toAbsoluteIndex = __webpack_require__(659);
 	module.exports = function (IS_INCLUDES) {
 	  return function ($this, el, fromIndex) {
 	    var O = toIObject($this);
@@ -72188,11 +79430,11 @@
 
 
 /***/ }),
-/* 656 */
+/* 657 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// 7.1.15 ToLength
-	var toInteger = __webpack_require__(657);
+	var toInteger = __webpack_require__(658);
 	var min = Math.min;
 	module.exports = function (it) {
 	  return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
@@ -72200,7 +79442,7 @@
 
 
 /***/ }),
-/* 657 */
+/* 658 */
 /***/ (function(module, exports) {
 
 	// 7.1.4 ToInteger
@@ -72212,10 +79454,10 @@
 
 
 /***/ }),
-/* 658 */
+/* 659 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var toInteger = __webpack_require__(657);
+	var toInteger = __webpack_require__(658);
 	var max = Math.max;
 	var min = Math.min;
 	module.exports = function (index, length) {
@@ -72225,22 +79467,22 @@
 
 
 /***/ }),
-/* 659 */
+/* 660 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var shared = __webpack_require__(660)('keys');
-	var uid = __webpack_require__(662);
+	var shared = __webpack_require__(661)('keys');
+	var uid = __webpack_require__(663);
 	module.exports = function (key) {
 	  return shared[key] || (shared[key] = uid(key));
 	};
 
 
 /***/ }),
-/* 660 */
+/* 661 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var core = __webpack_require__(634);
-	var global = __webpack_require__(633);
+	var core = __webpack_require__(635);
+	var global = __webpack_require__(634);
 	var SHARED = '__core-js_shared__';
 	var store = global[SHARED] || (global[SHARED] = {});
 
@@ -72248,20 +79490,20 @@
 	  return store[key] || (store[key] = value !== undefined ? value : {});
 	})('versions', []).push({
 	  version: core.version,
-	  mode: __webpack_require__(661) ? 'pure' : 'global',
+	  mode: __webpack_require__(662) ? 'pure' : 'global',
 	  copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
 	});
 
 
 /***/ }),
-/* 661 */
+/* 662 */
 /***/ (function(module, exports) {
 
 	module.exports = true;
 
 
 /***/ }),
-/* 662 */
+/* 663 */
 /***/ (function(module, exports) {
 
 	var id = 0;
@@ -72272,7 +79514,7 @@
 
 
 /***/ }),
-/* 663 */
+/* 664 */
 /***/ (function(module, exports) {
 
 	// IE 8- don't enum bug keys
@@ -72282,32 +79524,32 @@
 
 
 /***/ }),
-/* 664 */
+/* 665 */
 /***/ (function(module, exports) {
 
 	exports.f = Object.getOwnPropertySymbols;
 
 
 /***/ }),
-/* 665 */
+/* 666 */
 /***/ (function(module, exports) {
 
 	exports.f = {}.propertyIsEnumerable;
 
 
 /***/ }),
-/* 666 */
+/* 667 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// 7.1.13 ToObject(argument)
-	var defined = __webpack_require__(654);
+	var defined = __webpack_require__(655);
 	module.exports = function (it) {
 	  return Object(defined(it));
 	};
 
 
 /***/ }),
-/* 667 */
+/* 668 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -72327,7 +79569,7 @@
 	};
 
 /***/ }),
-/* 668 */
+/* 669 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -72341,14 +79583,14 @@
 	};
 
 /***/ }),
-/* 669 */
+/* 670 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
 	exports.__esModule = true;
 
-	var _typeof2 = __webpack_require__(670);
+	var _typeof2 = __webpack_require__(671);
 
 	var _typeof3 = _interopRequireDefault(_typeof2);
 
@@ -72363,18 +79605,18 @@
 	};
 
 /***/ }),
-/* 670 */
+/* 671 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
 	exports.__esModule = true;
 
-	var _iterator = __webpack_require__(671);
+	var _iterator = __webpack_require__(672);
 
 	var _iterator2 = _interopRequireDefault(_iterator);
 
-	var _symbol = __webpack_require__(690);
+	var _symbol = __webpack_require__(691);
 
 	var _symbol2 = _interopRequireDefault(_symbol);
 
@@ -72389,29 +79631,29 @@
 	};
 
 /***/ }),
-/* 671 */
+/* 672 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(672), __esModule: true };
+	module.exports = { "default": __webpack_require__(673), __esModule: true };
 
 /***/ }),
-/* 672 */
+/* 673 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	__webpack_require__(673);
-	__webpack_require__(685);
-	module.exports = __webpack_require__(689).f('iterator');
+	__webpack_require__(674);
+	__webpack_require__(686);
+	module.exports = __webpack_require__(690).f('iterator');
 
 
 /***/ }),
-/* 673 */
+/* 674 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
-	var $at = __webpack_require__(674)(true);
+	var $at = __webpack_require__(675)(true);
 
 	// 21.1.3.27 String.prototype[@@iterator]()
-	__webpack_require__(675)(String, 'String', function (iterated) {
+	__webpack_require__(676)(String, 'String', function (iterated) {
 	  this._t = String(iterated); // target
 	  this._i = 0;                // next index
 	// 21.1.5.2.1 %StringIteratorPrototype%.next()
@@ -72427,11 +79669,11 @@
 
 
 /***/ }),
-/* 674 */
+/* 675 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var toInteger = __webpack_require__(657);
-	var defined = __webpack_require__(654);
+	var toInteger = __webpack_require__(658);
+	var defined = __webpack_require__(655);
 	// true  -> String#at
 	// false -> String#codePointAt
 	module.exports = function (TO_STRING) {
@@ -72450,19 +79692,19 @@
 
 
 /***/ }),
-/* 675 */
+/* 676 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
-	var LIBRARY = __webpack_require__(661);
-	var $export = __webpack_require__(632);
-	var redefine = __webpack_require__(676);
-	var hide = __webpack_require__(637);
-	var Iterators = __webpack_require__(677);
-	var $iterCreate = __webpack_require__(678);
-	var setToStringTag = __webpack_require__(682);
-	var getPrototypeOf = __webpack_require__(684);
-	var ITERATOR = __webpack_require__(683)('iterator');
+	var LIBRARY = __webpack_require__(662);
+	var $export = __webpack_require__(633);
+	var redefine = __webpack_require__(677);
+	var hide = __webpack_require__(638);
+	var Iterators = __webpack_require__(678);
+	var $iterCreate = __webpack_require__(679);
+	var setToStringTag = __webpack_require__(683);
+	var getPrototypeOf = __webpack_require__(685);
+	var ITERATOR = __webpack_require__(684)('iterator');
 	var BUGGY = !([].keys && 'next' in [].keys()); // Safari has buggy iterators w/o `next`
 	var FF_ITERATOR = '@@iterator';
 	var KEYS = 'keys';
@@ -72525,31 +79767,31 @@
 
 
 /***/ }),
-/* 676 */
+/* 677 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(637);
+	module.exports = __webpack_require__(638);
 
 
 /***/ }),
-/* 677 */
+/* 678 */
 /***/ (function(module, exports) {
 
 	module.exports = {};
 
 
 /***/ }),
-/* 678 */
+/* 679 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
-	var create = __webpack_require__(679);
-	var descriptor = __webpack_require__(646);
-	var setToStringTag = __webpack_require__(682);
+	var create = __webpack_require__(680);
+	var descriptor = __webpack_require__(647);
+	var setToStringTag = __webpack_require__(683);
 	var IteratorPrototype = {};
 
 	// 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
-	__webpack_require__(637)(IteratorPrototype, __webpack_require__(683)('iterator'), function () { return this; });
+	__webpack_require__(638)(IteratorPrototype, __webpack_require__(684)('iterator'), function () { return this; });
 
 	module.exports = function (Constructor, NAME, next) {
 	  Constructor.prototype = create(IteratorPrototype, { next: descriptor(1, next) });
@@ -72558,27 +79800,27 @@
 
 
 /***/ }),
-/* 679 */
+/* 680 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-	var anObject = __webpack_require__(639);
-	var dPs = __webpack_require__(680);
-	var enumBugKeys = __webpack_require__(663);
-	var IE_PROTO = __webpack_require__(659)('IE_PROTO');
+	var anObject = __webpack_require__(640);
+	var dPs = __webpack_require__(681);
+	var enumBugKeys = __webpack_require__(664);
+	var IE_PROTO = __webpack_require__(660)('IE_PROTO');
 	var Empty = function () { /* empty */ };
 	var PROTOTYPE = 'prototype';
 
 	// Create object with fake `null` prototype: use iframe Object with cleared prototype
 	var createDict = function () {
 	  // Thrash, waste and sodomy: IE GC bug
-	  var iframe = __webpack_require__(644)('iframe');
+	  var iframe = __webpack_require__(645)('iframe');
 	  var i = enumBugKeys.length;
 	  var lt = '<';
 	  var gt = '>';
 	  var iframeDocument;
 	  iframe.style.display = 'none';
-	  __webpack_require__(681).appendChild(iframe);
+	  __webpack_require__(682).appendChild(iframe);
 	  iframe.src = 'javascript:'; // eslint-disable-line no-script-url
 	  // createDict = iframe.contentWindow.Object;
 	  // html.removeChild(iframe);
@@ -72605,14 +79847,14 @@
 
 
 /***/ }),
-/* 680 */
+/* 681 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var dP = __webpack_require__(638);
-	var anObject = __webpack_require__(639);
-	var getKeys = __webpack_require__(649);
+	var dP = __webpack_require__(639);
+	var anObject = __webpack_require__(640);
+	var getKeys = __webpack_require__(650);
 
-	module.exports = __webpack_require__(642) ? Object.defineProperties : function defineProperties(O, Properties) {
+	module.exports = __webpack_require__(643) ? Object.defineProperties : function defineProperties(O, Properties) {
 	  anObject(O);
 	  var keys = getKeys(Properties);
 	  var length = keys.length;
@@ -72624,20 +79866,20 @@
 
 
 /***/ }),
-/* 681 */
+/* 682 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var document = __webpack_require__(633).document;
+	var document = __webpack_require__(634).document;
 	module.exports = document && document.documentElement;
 
 
 /***/ }),
-/* 682 */
+/* 683 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var def = __webpack_require__(638).f;
-	var has = __webpack_require__(647);
-	var TAG = __webpack_require__(683)('toStringTag');
+	var def = __webpack_require__(639).f;
+	var has = __webpack_require__(648);
+	var TAG = __webpack_require__(684)('toStringTag');
 
 	module.exports = function (it, tag, stat) {
 	  if (it && !has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag });
@@ -72645,12 +79887,12 @@
 
 
 /***/ }),
-/* 683 */
+/* 684 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var store = __webpack_require__(660)('wks');
-	var uid = __webpack_require__(662);
-	var Symbol = __webpack_require__(633).Symbol;
+	var store = __webpack_require__(661)('wks');
+	var uid = __webpack_require__(663);
+	var Symbol = __webpack_require__(634).Symbol;
 	var USE_SYMBOL = typeof Symbol == 'function';
 
 	var $exports = module.exports = function (name) {
@@ -72662,13 +79904,13 @@
 
 
 /***/ }),
-/* 684 */
+/* 685 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
-	var has = __webpack_require__(647);
-	var toObject = __webpack_require__(666);
-	var IE_PROTO = __webpack_require__(659)('IE_PROTO');
+	var has = __webpack_require__(648);
+	var toObject = __webpack_require__(667);
+	var IE_PROTO = __webpack_require__(660)('IE_PROTO');
 	var ObjectProto = Object.prototype;
 
 	module.exports = Object.getPrototypeOf || function (O) {
@@ -72681,14 +79923,14 @@
 
 
 /***/ }),
-/* 685 */
+/* 686 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	__webpack_require__(686);
-	var global = __webpack_require__(633);
-	var hide = __webpack_require__(637);
-	var Iterators = __webpack_require__(677);
-	var TO_STRING_TAG = __webpack_require__(683)('toStringTag');
+	__webpack_require__(687);
+	var global = __webpack_require__(634);
+	var hide = __webpack_require__(638);
+	var Iterators = __webpack_require__(678);
+	var TO_STRING_TAG = __webpack_require__(684)('toStringTag');
 
 	var DOMIterables = ('CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,' +
 	  'DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,' +
@@ -72706,20 +79948,20 @@
 
 
 /***/ }),
-/* 686 */
+/* 687 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
-	var addToUnscopables = __webpack_require__(687);
-	var step = __webpack_require__(688);
-	var Iterators = __webpack_require__(677);
-	var toIObject = __webpack_require__(651);
+	var addToUnscopables = __webpack_require__(688);
+	var step = __webpack_require__(689);
+	var Iterators = __webpack_require__(678);
+	var toIObject = __webpack_require__(652);
 
 	// 22.1.3.4 Array.prototype.entries()
 	// 22.1.3.13 Array.prototype.keys()
 	// 22.1.3.29 Array.prototype.values()
 	// 22.1.3.30 Array.prototype[@@iterator]()
-	module.exports = __webpack_require__(675)(Array, 'Array', function (iterated, kind) {
+	module.exports = __webpack_require__(676)(Array, 'Array', function (iterated, kind) {
 	  this._t = toIObject(iterated); // target
 	  this._i = 0;                   // next index
 	  this._k = kind;                // kind
@@ -72746,14 +79988,14 @@
 
 
 /***/ }),
-/* 687 */
+/* 688 */
 /***/ (function(module, exports) {
 
 	module.exports = function () { /* empty */ };
 
 
 /***/ }),
-/* 688 */
+/* 689 */
 /***/ (function(module, exports) {
 
 	module.exports = function (done, value) {
@@ -72762,62 +80004,62 @@
 
 
 /***/ }),
-/* 689 */
+/* 690 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	exports.f = __webpack_require__(683);
+	exports.f = __webpack_require__(684);
 
 
 /***/ }),
-/* 690 */
+/* 691 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(691), __esModule: true };
+	module.exports = { "default": __webpack_require__(692), __esModule: true };
 
 /***/ }),
-/* 691 */
+/* 692 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	__webpack_require__(692);
-	__webpack_require__(700);
+	__webpack_require__(693);
 	__webpack_require__(701);
 	__webpack_require__(702);
-	module.exports = __webpack_require__(634).Symbol;
+	__webpack_require__(703);
+	module.exports = __webpack_require__(635).Symbol;
 
 
 /***/ }),
-/* 692 */
+/* 693 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 	// ECMAScript 6 symbols shim
-	var global = __webpack_require__(633);
-	var has = __webpack_require__(647);
-	var DESCRIPTORS = __webpack_require__(642);
-	var $export = __webpack_require__(632);
-	var redefine = __webpack_require__(676);
-	var META = __webpack_require__(693).KEY;
-	var $fails = __webpack_require__(643);
-	var shared = __webpack_require__(660);
-	var setToStringTag = __webpack_require__(682);
-	var uid = __webpack_require__(662);
-	var wks = __webpack_require__(683);
-	var wksExt = __webpack_require__(689);
-	var wksDefine = __webpack_require__(694);
-	var enumKeys = __webpack_require__(695);
-	var isArray = __webpack_require__(696);
-	var anObject = __webpack_require__(639);
-	var isObject = __webpack_require__(640);
-	var toObject = __webpack_require__(666);
-	var toIObject = __webpack_require__(651);
-	var toPrimitive = __webpack_require__(645);
-	var createDesc = __webpack_require__(646);
-	var _create = __webpack_require__(679);
-	var gOPNExt = __webpack_require__(697);
-	var $GOPD = __webpack_require__(699);
-	var $GOPS = __webpack_require__(664);
-	var $DP = __webpack_require__(638);
-	var $keys = __webpack_require__(649);
+	var global = __webpack_require__(634);
+	var has = __webpack_require__(648);
+	var DESCRIPTORS = __webpack_require__(643);
+	var $export = __webpack_require__(633);
+	var redefine = __webpack_require__(677);
+	var META = __webpack_require__(694).KEY;
+	var $fails = __webpack_require__(644);
+	var shared = __webpack_require__(661);
+	var setToStringTag = __webpack_require__(683);
+	var uid = __webpack_require__(663);
+	var wks = __webpack_require__(684);
+	var wksExt = __webpack_require__(690);
+	var wksDefine = __webpack_require__(695);
+	var enumKeys = __webpack_require__(696);
+	var isArray = __webpack_require__(697);
+	var anObject = __webpack_require__(640);
+	var isObject = __webpack_require__(641);
+	var toObject = __webpack_require__(667);
+	var toIObject = __webpack_require__(652);
+	var toPrimitive = __webpack_require__(646);
+	var createDesc = __webpack_require__(647);
+	var _create = __webpack_require__(680);
+	var gOPNExt = __webpack_require__(698);
+	var $GOPD = __webpack_require__(700);
+	var $GOPS = __webpack_require__(665);
+	var $DP = __webpack_require__(639);
+	var $keys = __webpack_require__(650);
 	var gOPD = $GOPD.f;
 	var dP = $DP.f;
 	var gOPN = gOPNExt.f;
@@ -72940,11 +80182,11 @@
 
 	  $GOPD.f = $getOwnPropertyDescriptor;
 	  $DP.f = $defineProperty;
-	  __webpack_require__(698).f = gOPNExt.f = $getOwnPropertyNames;
-	  __webpack_require__(665).f = $propertyIsEnumerable;
+	  __webpack_require__(699).f = gOPNExt.f = $getOwnPropertyNames;
+	  __webpack_require__(666).f = $propertyIsEnumerable;
 	  $GOPS.f = $getOwnPropertySymbols;
 
-	  if (DESCRIPTORS && !__webpack_require__(661)) {
+	  if (DESCRIPTORS && !__webpack_require__(662)) {
 	    redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true);
 	  }
 
@@ -73028,7 +80270,7 @@
 	});
 
 	// 19.4.3.4 Symbol.prototype[@@toPrimitive](hint)
-	$Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(637)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
+	$Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(638)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
 	// 19.4.3.5 Symbol.prototype[@@toStringTag]
 	setToStringTag($Symbol, 'Symbol');
 	// 20.2.1.9 Math[@@toStringTag]
@@ -73038,18 +80280,18 @@
 
 
 /***/ }),
-/* 693 */
+/* 694 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var META = __webpack_require__(662)('meta');
-	var isObject = __webpack_require__(640);
-	var has = __webpack_require__(647);
-	var setDesc = __webpack_require__(638).f;
+	var META = __webpack_require__(663)('meta');
+	var isObject = __webpack_require__(641);
+	var has = __webpack_require__(648);
+	var setDesc = __webpack_require__(639).f;
 	var id = 0;
 	var isExtensible = Object.isExtensible || function () {
 	  return true;
 	};
-	var FREEZE = !__webpack_require__(643)(function () {
+	var FREEZE = !__webpack_require__(644)(function () {
 	  return isExtensible(Object.preventExtensions({}));
 	});
 	var setMeta = function (it) {
@@ -73097,14 +80339,14 @@
 
 
 /***/ }),
-/* 694 */
+/* 695 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var global = __webpack_require__(633);
-	var core = __webpack_require__(634);
-	var LIBRARY = __webpack_require__(661);
-	var wksExt = __webpack_require__(689);
-	var defineProperty = __webpack_require__(638).f;
+	var global = __webpack_require__(634);
+	var core = __webpack_require__(635);
+	var LIBRARY = __webpack_require__(662);
+	var wksExt = __webpack_require__(690);
+	var defineProperty = __webpack_require__(639).f;
 	module.exports = function (name) {
 	  var $Symbol = core.Symbol || (core.Symbol = LIBRARY ? {} : global.Symbol || {});
 	  if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty($Symbol, name, { value: wksExt.f(name) });
@@ -73112,13 +80354,13 @@
 
 
 /***/ }),
-/* 695 */
+/* 696 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// all enumerable object keys, includes symbols
-	var getKeys = __webpack_require__(649);
-	var gOPS = __webpack_require__(664);
-	var pIE = __webpack_require__(665);
+	var getKeys = __webpack_require__(650);
+	var gOPS = __webpack_require__(665);
+	var pIE = __webpack_require__(666);
 	module.exports = function (it) {
 	  var result = getKeys(it);
 	  var getSymbols = gOPS.f;
@@ -73133,23 +80375,23 @@
 
 
 /***/ }),
-/* 696 */
+/* 697 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// 7.2.2 IsArray(argument)
-	var cof = __webpack_require__(653);
+	var cof = __webpack_require__(654);
 	module.exports = Array.isArray || function isArray(arg) {
 	  return cof(arg) == 'Array';
 	};
 
 
 /***/ }),
-/* 697 */
+/* 698 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
-	var toIObject = __webpack_require__(651);
-	var gOPN = __webpack_require__(698).f;
+	var toIObject = __webpack_require__(652);
+	var gOPN = __webpack_require__(699).f;
 	var toString = {}.toString;
 
 	var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames
@@ -73169,12 +80411,12 @@
 
 
 /***/ }),
-/* 698 */
+/* 699 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)
-	var $keys = __webpack_require__(650);
-	var hiddenKeys = __webpack_require__(663).concat('length', 'prototype');
+	var $keys = __webpack_require__(651);
+	var hiddenKeys = __webpack_require__(664).concat('length', 'prototype');
 
 	exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
 	  return $keys(O, hiddenKeys);
@@ -73182,18 +80424,18 @@
 
 
 /***/ }),
-/* 699 */
+/* 700 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var pIE = __webpack_require__(665);
-	var createDesc = __webpack_require__(646);
-	var toIObject = __webpack_require__(651);
-	var toPrimitive = __webpack_require__(645);
-	var has = __webpack_require__(647);
-	var IE8_DOM_DEFINE = __webpack_require__(641);
+	var pIE = __webpack_require__(666);
+	var createDesc = __webpack_require__(647);
+	var toIObject = __webpack_require__(652);
+	var toPrimitive = __webpack_require__(646);
+	var has = __webpack_require__(648);
+	var IE8_DOM_DEFINE = __webpack_require__(642);
 	var gOPD = Object.getOwnPropertyDescriptor;
 
-	exports.f = __webpack_require__(642) ? gOPD : function getOwnPropertyDescriptor(O, P) {
+	exports.f = __webpack_require__(643) ? gOPD : function getOwnPropertyDescriptor(O, P) {
 	  O = toIObject(O);
 	  P = toPrimitive(P, true);
 	  if (IE8_DOM_DEFINE) try {
@@ -73204,42 +80446,42 @@
 
 
 /***/ }),
-/* 700 */
+/* 701 */
 /***/ (function(module, exports) {
 
 	
 
 /***/ }),
-/* 701 */
+/* 702 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	__webpack_require__(694)('asyncIterator');
+	__webpack_require__(695)('asyncIterator');
 
 
 /***/ }),
-/* 702 */
+/* 703 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	__webpack_require__(694)('observable');
+	__webpack_require__(695)('observable');
 
 
 /***/ }),
-/* 703 */
+/* 704 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
 	exports.__esModule = true;
 
-	var _setPrototypeOf = __webpack_require__(704);
+	var _setPrototypeOf = __webpack_require__(705);
 
 	var _setPrototypeOf2 = _interopRequireDefault(_setPrototypeOf);
 
-	var _create = __webpack_require__(708);
+	var _create = __webpack_require__(709);
 
 	var _create2 = _interopRequireDefault(_create);
 
-	var _typeof2 = __webpack_require__(670);
+	var _typeof2 = __webpack_require__(671);
 
 	var _typeof3 = _interopRequireDefault(_typeof2);
 
@@ -73262,36 +80504,36 @@
 	};
 
 /***/ }),
-/* 704 */
+/* 705 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(705), __esModule: true };
+	module.exports = { "default": __webpack_require__(706), __esModule: true };
 
 /***/ }),
-/* 705 */
+/* 706 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	__webpack_require__(706);
-	module.exports = __webpack_require__(634).Object.setPrototypeOf;
+	__webpack_require__(707);
+	module.exports = __webpack_require__(635).Object.setPrototypeOf;
 
 
 /***/ }),
-/* 706 */
+/* 707 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// 19.1.3.19 Object.setPrototypeOf(O, proto)
-	var $export = __webpack_require__(632);
-	$export($export.S, 'Object', { setPrototypeOf: __webpack_require__(707).set });
+	var $export = __webpack_require__(633);
+	$export($export.S, 'Object', { setPrototypeOf: __webpack_require__(708).set });
 
 
 /***/ }),
-/* 707 */
+/* 708 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// Works with __proto__ only. Old v8 can't work with null proto objects.
 	/* eslint-disable no-proto */
-	var isObject = __webpack_require__(640);
-	var anObject = __webpack_require__(639);
+	var isObject = __webpack_require__(641);
+	var anObject = __webpack_require__(640);
 	var check = function (O, proto) {
 	  anObject(O);
 	  if (!isObject(proto) && proto !== null) throw TypeError(proto + ": can't set as prototype!");
@@ -73300,7 +80542,7 @@
 	  set: Object.setPrototypeOf || ('__proto__' in {} ? // eslint-disable-line
 	    function (test, buggy, set) {
 	      try {
-	        set = __webpack_require__(635)(Function.call, __webpack_require__(699).f(Object.prototype, '__proto__').set, 2);
+	        set = __webpack_require__(636)(Function.call, __webpack_require__(700).f(Object.prototype, '__proto__').set, 2);
 	        set(test, []);
 	        buggy = !(test instanceof Array);
 	      } catch (e) { buggy = true; }
@@ -73316,33 +80558,33 @@
 
 
 /***/ }),
-/* 708 */
+/* 709 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(709), __esModule: true };
+	module.exports = { "default": __webpack_require__(710), __esModule: true };
 
 /***/ }),
-/* 709 */
+/* 710 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	__webpack_require__(710);
-	var $Object = __webpack_require__(634).Object;
+	__webpack_require__(711);
+	var $Object = __webpack_require__(635).Object;
 	module.exports = function create(P, D) {
 	  return $Object.create(P, D);
 	};
 
 
 /***/ }),
-/* 710 */
+/* 711 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var $export = __webpack_require__(632);
+	var $export = __webpack_require__(633);
 	// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-	$export($export.S, 'Object', { create: __webpack_require__(679) });
+	$export($export.S, 'Object', { create: __webpack_require__(680) });
 
 
 /***/ }),
-/* 711 */
+/* 712 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -73370,7 +80612,7 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 712 */
+/* 713 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -73378,11 +80620,11 @@
 	exports.__esModule = true;
 	exports._curry = exports.bsSizes = exports.bsStyles = exports.bsClass = undefined;
 
-	var _entries = __webpack_require__(713);
+	var _entries = __webpack_require__(714);
 
 	var _entries2 = _interopRequireDefault(_entries);
 
-	var _extends2 = __webpack_require__(628);
+	var _extends2 = __webpack_require__(629);
 
 	var _extends3 = _interopRequireDefault(_extends2);
 
@@ -73400,7 +80642,7 @@
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
-	var _StyleConfig = __webpack_require__(717);
+	var _StyleConfig = __webpack_require__(718);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -73593,26 +80835,26 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 713 */
+/* 714 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	module.exports = { "default": __webpack_require__(714), __esModule: true };
+	module.exports = { "default": __webpack_require__(715), __esModule: true };
 
 /***/ }),
-/* 714 */
+/* 715 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	__webpack_require__(715);
-	module.exports = __webpack_require__(634).Object.entries;
+	__webpack_require__(716);
+	module.exports = __webpack_require__(635).Object.entries;
 
 
 /***/ }),
-/* 715 */
+/* 716 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// https://github.com/tc39/proposal-object-values-entries
-	var $export = __webpack_require__(632);
-	var $entries = __webpack_require__(716)(true);
+	var $export = __webpack_require__(633);
+	var $entries = __webpack_require__(717)(true);
 
 	$export($export.S, 'Object', {
 	  entries: function entries(it) {
@@ -73622,13 +80864,13 @@
 
 
 /***/ }),
-/* 716 */
+/* 717 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	var DESCRIPTORS = __webpack_require__(642);
-	var getKeys = __webpack_require__(649);
-	var toIObject = __webpack_require__(651);
-	var isEnum = __webpack_require__(665).f;
+	var DESCRIPTORS = __webpack_require__(643);
+	var getKeys = __webpack_require__(650);
+	var toIObject = __webpack_require__(652);
+	var isEnum = __webpack_require__(666).f;
 	module.exports = function (isEntries) {
 	  return function (it) {
 	    var O = toIObject(it);
@@ -73649,7 +80891,7 @@
 
 
 /***/ }),
-/* 717 */
+/* 718 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -73689,34 +80931,34 @@
 	};
 
 /***/ }),
-/* 718 */
+/* 719 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
 
 	exports.__esModule = true;
 
-	var _objectWithoutProperties2 = __webpack_require__(667);
+	var _objectWithoutProperties2 = __webpack_require__(668);
 
 	var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 
-	var _classCallCheck2 = __webpack_require__(668);
+	var _classCallCheck2 = __webpack_require__(669);
 
 	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-	var _possibleConstructorReturn2 = __webpack_require__(669);
+	var _possibleConstructorReturn2 = __webpack_require__(670);
 
 	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-	var _inherits2 = __webpack_require__(703);
+	var _inherits2 = __webpack_require__(704);
 
 	var _inherits3 = _interopRequireDefault(_inherits2);
 
-	var _extends2 = __webpack_require__(628);
+	var _extends2 = __webpack_require__(629);
 
 	var _extends3 = _interopRequireDefault(_extends2);
 
-	var _contains = __webpack_require__(618);
+	var _contains = __webpack_require__(619);
 
 	var _contains2 = _interopRequireDefault(_contains);
 
@@ -73736,11 +80978,11 @@
 
 	var _warning2 = _interopRequireDefault(_warning);
 
-	var _Overlay = __webpack_require__(719);
+	var _Overlay = __webpack_require__(720);
 
 	var _Overlay2 = _interopRequireDefault(_Overlay);
 
-	var _createChainedFunction = __webpack_require__(748);
+	var _createChainedFunction = __webpack_require__(749);
 
 	var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
 
@@ -74046,30 +81288,30 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 719 */
+/* 720 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 
 	exports.__esModule = true;
 
-	var _objectWithoutProperties2 = __webpack_require__(667);
+	var _objectWithoutProperties2 = __webpack_require__(668);
 
 	var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 
-	var _classCallCheck2 = __webpack_require__(668);
+	var _classCallCheck2 = __webpack_require__(669);
 
 	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-	var _possibleConstructorReturn2 = __webpack_require__(669);
+	var _possibleConstructorReturn2 = __webpack_require__(670);
 
 	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-	var _inherits2 = __webpack_require__(703);
+	var _inherits2 = __webpack_require__(704);
 
 	var _inherits3 = _interopRequireDefault(_inherits2);
 
-	var _extends2 = __webpack_require__(628);
+	var _extends2 = __webpack_require__(629);
 
 	var _extends3 = _interopRequireDefault(_extends2);
 
@@ -74085,15 +81327,15 @@
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
-	var _Overlay = __webpack_require__(720);
+	var _Overlay = __webpack_require__(721);
 
 	var _Overlay2 = _interopRequireDefault(_Overlay);
 
-	var _elementType = __webpack_require__(721);
+	var _elementType = __webpack_require__(722);
 
 	var _elementType2 = _interopRequireDefault(_elementType);
 
-	var _Fade = __webpack_require__(744);
+	var _Fade = __webpack_require__(745);
 
 	var _Fade2 = _interopRequireDefault(_Fade);
 
@@ -74207,7 +81449,7 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 720 */
+/* 721 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -74220,7 +81462,7 @@
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
-	var _elementType = __webpack_require__(721);
+	var _elementType = __webpack_require__(722);
 
 	var _elementType2 = _interopRequireDefault(_elementType);
 
@@ -74228,15 +81470,15 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Portal = __webpack_require__(723);
+	var _Portal = __webpack_require__(724);
 
 	var _Portal2 = _interopRequireDefault(_Portal);
 
-	var _Position = __webpack_require__(727);
+	var _Position = __webpack_require__(728);
 
 	var _Position2 = _interopRequireDefault(_Position);
 
-	var _RootCloseWrapper = __webpack_require__(617);
+	var _RootCloseWrapper = __webpack_require__(618);
 
 	var _RootCloseWrapper2 = _interopRequireDefault(_RootCloseWrapper);
 
@@ -74435,7 +81677,7 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 721 */
+/* 722 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -74450,7 +81692,7 @@
 
 	var _reactIs = __webpack_require__(21);
 
-	var _createChainableTypeChecker = __webpack_require__(722);
+	var _createChainableTypeChecker = __webpack_require__(723);
 
 	var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
 
@@ -74474,7 +81716,7 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 722 */
+/* 723 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -74522,7 +81764,7 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 723 */
+/* 724 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -74533,7 +81775,7 @@
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
-	var _componentOrElement = __webpack_require__(724);
+	var _componentOrElement = __webpack_require__(725);
 
 	var _componentOrElement2 = _interopRequireDefault(_componentOrElement);
 
@@ -74545,15 +81787,15 @@
 
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 
-	var _getContainer = __webpack_require__(725);
+	var _getContainer = __webpack_require__(726);
 
 	var _getContainer2 = _interopRequireDefault(_getContainer);
 
-	var _ownerDocument = __webpack_require__(622);
+	var _ownerDocument = __webpack_require__(623);
 
 	var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
 
-	var _LegacyPortal = __webpack_require__(726);
+	var _LegacyPortal = __webpack_require__(727);
 
 	var _LegacyPortal2 = _interopRequireDefault(_LegacyPortal);
 
@@ -74627,7 +81869,7 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 724 */
+/* 725 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -74642,7 +81884,7 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _createChainableTypeChecker = __webpack_require__(722);
+	var _createChainableTypeChecker = __webpack_require__(723);
 
 	var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
 
@@ -74667,7 +81909,7 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 725 */
+/* 726 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -74688,7 +81930,7 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 726 */
+/* 727 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -74699,7 +81941,7 @@
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
-	var _componentOrElement = __webpack_require__(724);
+	var _componentOrElement = __webpack_require__(725);
 
 	var _componentOrElement2 = _interopRequireDefault(_componentOrElement);
 
@@ -74711,11 +81953,11 @@
 
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 
-	var _getContainer = __webpack_require__(725);
+	var _getContainer = __webpack_require__(726);
 
 	var _getContainer2 = _interopRequireDefault(_getContainer);
 
-	var _ownerDocument = __webpack_require__(622);
+	var _ownerDocument = __webpack_require__(623);
 
 	var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
 
@@ -74829,7 +82071,7 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 727 */
+/* 728 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -74846,7 +82088,7 @@
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
-	var _componentOrElement = __webpack_require__(724);
+	var _componentOrElement = __webpack_require__(725);
 
 	var _componentOrElement2 = _interopRequireDefault(_componentOrElement);
 
@@ -74858,15 +82100,15 @@
 
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 
-	var _calculatePosition = __webpack_require__(728);
+	var _calculatePosition = __webpack_require__(729);
 
 	var _calculatePosition2 = _interopRequireDefault(_calculatePosition);
 
-	var _getContainer = __webpack_require__(725);
+	var _getContainer = __webpack_require__(726);
 
 	var _getContainer2 = _interopRequireDefault(_getContainer);
 
-	var _ownerDocument = __webpack_require__(622);
+	var _ownerDocument = __webpack_require__(623);
 
 	var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
 
@@ -75034,7 +82276,7 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 728 */
+/* 729 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -75042,19 +82284,19 @@
 	exports.__esModule = true;
 	exports.default = calculatePosition;
 
-	var _offset = __webpack_require__(729);
+	var _offset = __webpack_require__(730);
 
 	var _offset2 = _interopRequireDefault(_offset);
 
-	var _position = __webpack_require__(731);
+	var _position = __webpack_require__(732);
 
 	var _position2 = _interopRequireDefault(_position);
 
-	var _scrollTop = __webpack_require__(742);
+	var _scrollTop = __webpack_require__(743);
 
 	var _scrollTop2 = _interopRequireDefault(_scrollTop);
 
-	var _ownerDocument = __webpack_require__(622);
+	var _ownerDocument = __webpack_require__(623);
 
 	var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
 
@@ -75164,21 +82406,21 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 729 */
+/* 730 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = offset;
 
-	var _contains = _interopRequireDefault(__webpack_require__(618));
+	var _contains = _interopRequireDefault(__webpack_require__(619));
 
-	var _isWindow = _interopRequireDefault(__webpack_require__(730));
+	var _isWindow = _interopRequireDefault(__webpack_require__(731));
 
-	var _ownerDocument = _interopRequireDefault(__webpack_require__(623));
+	var _ownerDocument = _interopRequireDefault(__webpack_require__(624));
 
 	function offset(node) {
 	  var doc = (0, _ownerDocument.default)(node),
@@ -75207,7 +82449,7 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 730 */
+/* 731 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -75222,27 +82464,27 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 731 */
+/* 732 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = position;
 
-	var _extends2 = _interopRequireDefault(__webpack_require__(732));
+	var _extends2 = _interopRequireDefault(__webpack_require__(733));
 
-	var _offset = _interopRequireDefault(__webpack_require__(729));
+	var _offset = _interopRequireDefault(__webpack_require__(730));
 
-	var _offsetParent = _interopRequireDefault(__webpack_require__(733));
+	var _offsetParent = _interopRequireDefault(__webpack_require__(734));
 
-	var _scrollTop = _interopRequireDefault(__webpack_require__(742));
+	var _scrollTop = _interopRequireDefault(__webpack_require__(743));
 
-	var _scrollLeft = _interopRequireDefault(__webpack_require__(743));
+	var _scrollLeft = _interopRequireDefault(__webpack_require__(744));
 
-	var _style = _interopRequireDefault(__webpack_require__(734));
+	var _style = _interopRequireDefault(__webpack_require__(735));
 
 	function nodeName(node) {
 	  return node.nodeName && node.nodeName.toLowerCase();
@@ -75276,7 +82518,7 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 732 */
+/* 733 */
 /***/ (function(module, exports) {
 
 	function _extends() {
@@ -75300,19 +82542,19 @@
 	module.exports = _extends;
 
 /***/ }),
-/* 733 */
+/* 734 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = offsetParent;
 
-	var _ownerDocument = _interopRequireDefault(__webpack_require__(623));
+	var _ownerDocument = _interopRequireDefault(__webpack_require__(624));
 
-	var _style = _interopRequireDefault(__webpack_require__(734));
+	var _style = _interopRequireDefault(__webpack_require__(735));
 
 	function nodeName(node) {
 	  return node.nodeName && node.nodeName.toLowerCase();
@@ -75332,27 +82574,27 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 734 */
+/* 735 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = style;
 
-	var _camelizeStyle = _interopRequireDefault(__webpack_require__(735));
+	var _camelizeStyle = _interopRequireDefault(__webpack_require__(736));
 
-	var _hyphenateStyle = _interopRequireDefault(__webpack_require__(737));
+	var _hyphenateStyle = _interopRequireDefault(__webpack_require__(738));
 
-	var _getComputedStyle2 = _interopRequireDefault(__webpack_require__(739));
+	var _getComputedStyle2 = _interopRequireDefault(__webpack_require__(740));
 
-	var _removeStyle = _interopRequireDefault(__webpack_require__(740));
+	var _removeStyle = _interopRequireDefault(__webpack_require__(741));
 
-	var _properties = __webpack_require__(615);
+	var _properties = __webpack_require__(616);
 
-	var _isTransform = _interopRequireDefault(__webpack_require__(741));
+	var _isTransform = _interopRequireDefault(__webpack_require__(742));
 
 	function style(node, property, value) {
 	  var css = '';
@@ -75389,17 +82631,17 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 735 */
+/* 736 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = camelizeStyleName;
 
-	var _camelize = _interopRequireDefault(__webpack_require__(736));
+	var _camelize = _interopRequireDefault(__webpack_require__(737));
 
 	/**
 	 * Copyright 2014-2015, Facebook, Inc.
@@ -75415,7 +82657,7 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 736 */
+/* 737 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -75433,17 +82675,17 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 737 */
+/* 738 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = hyphenateStyleName;
 
-	var _hyphenate = _interopRequireDefault(__webpack_require__(738));
+	var _hyphenate = _interopRequireDefault(__webpack_require__(739));
 
 	/**
 	 * Copyright 2013-2014, Facebook, Inc.
@@ -75459,7 +82701,7 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 738 */
+/* 739 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -75475,17 +82717,17 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 739 */
+/* 740 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = _getComputedStyle;
 
-	var _camelizeStyle = _interopRequireDefault(__webpack_require__(735));
+	var _camelizeStyle = _interopRequireDefault(__webpack_require__(736));
 
 	var rposition = /^(top|right|bottom|left)$/;
 	var rnumnonpx = /^([+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|))(?!px)[a-z%]+$/i;
@@ -75524,7 +82766,7 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 740 */
+/* 741 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -75539,7 +82781,7 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 741 */
+/* 742 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -75555,17 +82797,17 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 742 */
+/* 743 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = scrollTop;
 
-	var _isWindow = _interopRequireDefault(__webpack_require__(730));
+	var _isWindow = _interopRequireDefault(__webpack_require__(731));
 
 	function scrollTop(node, val) {
 	  var win = (0, _isWindow.default)(node);
@@ -75576,17 +82818,17 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 743 */
+/* 744 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 
-	var _interopRequireDefault = __webpack_require__(610);
+	var _interopRequireDefault = __webpack_require__(611);
 
 	exports.__esModule = true;
 	exports.default = scrollTop;
 
-	var _isWindow = _interopRequireDefault(__webpack_require__(730));
+	var _isWindow = _interopRequireDefault(__webpack_require__(731));
 
 	function scrollTop(node, val) {
 	  var win = (0, _isWindow.default)(node);
@@ -75597,30 +82839,30 @@
 	module.exports = exports["default"];
 
 /***/ }),
-/* 744 */
+/* 745 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 
 	exports.__esModule = true;
 
-	var _extends2 = __webpack_require__(628);
+	var _extends2 = __webpack_require__(629);
 
 	var _extends3 = _interopRequireDefault(_extends2);
 
-	var _objectWithoutProperties2 = __webpack_require__(667);
+	var _objectWithoutProperties2 = __webpack_require__(668);
 
 	var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 
-	var _classCallCheck2 = __webpack_require__(668);
+	var _classCallCheck2 = __webpack_require__(669);
 
 	var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-	var _possibleConstructorReturn2 = __webpack_require__(669);
+	var _possibleConstructorReturn2 = __webpack_require__(670);
 
 	var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-	var _inherits2 = __webpack_require__(703);
+	var _inherits2 = __webpack_require__(704);
 
 	var _inherits3 = _interopRequireDefault(_inherits2);
 
@@ -75638,7 +82880,7 @@
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
-	var _Transition = __webpack_require__(745);
+	var _Transition = __webpack_require__(746);
 
 	var _Transition2 = _interopRequireDefault(_Transition);
 
@@ -75745,7 +82987,7 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 745 */
+/* 746 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -75759,9 +83001,9 @@
 
 	var _reactDom = _interopRequireDefault(__webpack_require__(8));
 
-	var _reactLifecyclesCompat = __webpack_require__(746);
+	var _reactLifecyclesCompat = __webpack_require__(747);
 
-	var _PropTypes = __webpack_require__(747);
+	var _PropTypes = __webpack_require__(748);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -76360,7 +83602,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 746 */
+/* 747 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -76528,7 +83770,7 @@
 
 
 /***/ }),
-/* 747 */
+/* 748 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {"use strict";
@@ -76562,7 +83804,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 748 */
+/* 749 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -76608,13 +83850,13 @@
 	module.exports = exports['default'];
 
 /***/ }),
-/* 749 */
+/* 750 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(750);
+	var content = __webpack_require__(751);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -76634,7 +83876,7 @@
 	}
 
 /***/ }),
-/* 750 */
+/* 751 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -76648,7 +83890,7 @@
 
 
 /***/ }),
-/* 751 */
+/* 752 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -76670,7 +83912,7 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	__webpack_require__(752);
+	__webpack_require__(753);
 	var propTypes = {
 	    className: PropTypes.string,
 	};
@@ -76694,13 +83936,13 @@
 
 
 /***/ }),
-/* 752 */
+/* 753 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(753);
+	var content = __webpack_require__(754);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -76720,7 +83962,7 @@
 	}
 
 /***/ }),
-/* 753 */
+/* 754 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -76734,13 +83976,13 @@
 
 
 /***/ }),
-/* 754 */
+/* 755 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(755);
+	var content = __webpack_require__(756);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -76760,7 +84002,7 @@
 	}
 
 /***/ }),
-/* 755 */
+/* 756 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -76774,7 +84016,7 @@
 
 
 /***/ }),
-/* 756 */
+/* 757 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -76797,8 +84039,8 @@
 	var React = __webpack_require__(1);
 	var classnames = __webpack_require__(86);
 	var MorePropTypes_1 = __webpack_require__(450);
-	var NavLink_1 = __webpack_require__(624);
-	__webpack_require__(757);
+	var NavLink_1 = __webpack_require__(625);
+	__webpack_require__(758);
 	var propTypes = {
 	    children: MorePropTypes_1.default.oneOrManyOf(MorePropTypes_1.default.instanceOfComponent(NavLink_1.NavLink)).isRequired,
 	    className: PropTypes.string,
@@ -76836,13 +84078,13 @@
 
 
 /***/ }),
-/* 757 */
+/* 758 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(758);
+	var content = __webpack_require__(759);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -76862,7 +84104,7 @@
 	}
 
 /***/ }),
-/* 758 */
+/* 759 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -76876,13 +84118,13 @@
 
 
 /***/ }),
-/* 759 */
+/* 760 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(760);
+	var content = __webpack_require__(761);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -76902,7 +84144,7 @@
 	}
 
 /***/ }),
-/* 760 */
+/* 761 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -76910,13 +84152,13 @@
 
 
 	// module
-	exports.push([module.id, ".font--ProximaNova {\n  font-family: \"Proxima Nova\", \"Helvetica Neue\", Arial, Helvetica, sans-serif;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Light-webfont.woff\");\n  font-weight: 200;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Reg-webfont.woff\");\n  font-weight: normal;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Sbold-webfont.woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Bold-webfont.woff\");\n  font-weight: bold;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Black-webfont.woff\");\n  font-weight: 900;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-RegItalic-webfont.woff\");\n  font-weight: normal;\n  font-style: italic;\n}\n.LeftNav {\n  transition-duration: 400ms;\n  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);\n  transition-property: width;\n  display: -ms-flexbox;\n  display: flex;\n  color: #2146bd;\n  background: #fafbfc;\n  font-family: \"Proxima Nova\";\n  height: 100%;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  width: 12.0625rem;\n}\n.LeftNav--narrow .NavLink {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.LeftNav--withSubnavOpen {\n  width: 24.125rem;\n}\n.LeftNav--collapsed {\n  width: 3.6875rem;\n}\n.LeftNav--collapsed.LeftNav--withSubnavOpen {\n  width: 15.75rem;\n}\n.LeftNav--topnav,\n.LeftNav--subnav,\n.LeftNav--subnav--content {\n  list-style: none;\n  padding-left: 0;\n  margin: 0;\n  box-sizing: border-box;\n  display: inline-block;\n  height: auto;\n  overflow: hidden;\n}\n.LeftNav--topnav {\n  transition-duration: 400ms;\n  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);\n  transition-property: width;\n  -moz-box-flex-shrink: 0;\n  -ms-flex-negative: 0;\n  -webkit-box-flex-shrink: 0;\n  flex-shrink: 0;\n  overflow: auto;\n  max-width: 12.0625rem;\n  width: 12.0625rem;\n}\n.LeftNav--topnav--collapsed {\n  width: 3.6875rem;\n}\n.LeftNav--subnav {\n  transition-duration: 400ms;\n  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);\n  transition-property: width;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -moz-box-flex-shrink: 0;\n  -ms-flex-negative: 0;\n  -webkit-box-flex-shrink: 0;\n  flex-shrink: 0;\n  background-color: rgba(168, 174, 186, 0.05);\n  width: 0;\n}\n.LeftNav--subnav .NavLink--label--container {\n  width: 11.0625rem;\n}\n.LeftNav--subnav--content {\n  -moz-box-flex-grow: 1;\n  -ms-flex-positive: 1;\n  -webkit-box-flex-grow: 1;\n  flex-grow: 1;\n  height: auto;\n  width: 100%;\n  overflow: scroll;\n  -webkit-overflow-scrolling: touch;\n}\n.LeftNav--subnav--open {\n  max-width: 12.0625rem;\n  width: 12.0625rem;\n}\n.LeftNav--subnav--content--anim-enter {\n  transition-delay: 50ms;\n  transition-duration: 200ms;\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-property: opacity;\n  opacity: 0;\n}\n.LeftNav--subnav--content--anim-enter.LeftNav--subnav--content--anim-enter-active {\n  opacity: 1;\n}\n.LeftNav--subnav--content--anim-leave {\n  transition-delay: 50ms;\n  transition-duration: 200ms;\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-property: opacity;\n  opacity: 1;\n}\n.LeftNav--subnav--content--anim-leave.LeftNav--subnav--content--anim-leave-active {\n  opacity: 0;\n}\n", ""]);
+	exports.push([module.id, ".font--ProximaNova {\n  font-family: \"Proxima Nova\", \"Helvetica Neue\", Arial, Helvetica, sans-serif;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Light-webfont.woff\");\n  font-weight: 200;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Reg-webfont.woff\");\n  font-weight: normal;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Sbold-webfont.woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Bold-webfont.woff\");\n  font-weight: bold;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Black-webfont.woff\");\n  font-weight: 900;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-RegItalic-webfont.woff\");\n  font-weight: normal;\n  font-style: italic;\n}\n.LeftNav {\n  transition-duration: 400ms;\n  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);\n  transition-property: width;\n  display: -ms-flexbox;\n  display: flex;\n  color: #2146bd;\n  background: #fafbfc;\n  font-family: \"Proxima Nova\";\n  height: 100%;\n  -webkit-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  width: 12.0625rem;\n}\n.LeftNav--narrow .NavLink {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.LeftNav--withSubnavOpen {\n  width: 24.125rem;\n}\n.LeftNav--collapsed {\n  width: 3.6875rem;\n}\n.LeftNav--collapsed.LeftNav--withSubnavOpen {\n  width: 15.75rem;\n}\n.LeftNav--topnav,\n.LeftNav--subnav,\n.LeftNav--subnav--content {\n  list-style: none;\n  padding-left: 0;\n  margin: 0;\n  box-sizing: border-box;\n  display: inline-block;\n  height: auto;\n  overflow: hidden;\n}\n.LeftNav--topnav {\n  transition-duration: 400ms;\n  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);\n  transition-property: width;\n  -moz-box-flex-shrink: 0;\n  -ms-flex-negative: 0;\n  -webkit-box-flex-shrink: 0;\n  flex-shrink: 0;\n  overflow: auto;\n  max-width: 12.0625rem;\n  width: 12.0625rem;\n}\n.LeftNav--topnav--collapsed {\n  width: 3.6875rem;\n}\n.LeftNav--subnav {\n  transition-duration: 400ms;\n  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);\n  transition-property: width;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -moz-box-flex-shrink: 0;\n  -ms-flex-negative: 0;\n  -webkit-box-flex-shrink: 0;\n  flex-shrink: 0;\n  background-color: rgba(168, 174, 186, 0.05);\n  width: 0;\n}\n.LeftNav--subnav .NavLink--label--container {\n  width: 11.0625rem;\n}\n.LeftNav--subnav--content {\n  -moz-box-flex-grow: 1;\n  -ms-flex-positive: 1;\n  -webkit-box-flex-grow: 1;\n  flex-grow: 1;\n  height: auto;\n  width: 100%;\n  overflow: scroll;\n  -webkit-overflow-scrolling: touch;\n}\n.LeftNav--subnav--open {\n  max-width: 12.0625rem;\n  width: 12.0625rem;\n}\n.LeftNav--subnav--content--anim-enter {\n  transition-delay: 50ms;\n  transition-duration: 200ms;\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-property: opacity;\n  opacity: 0;\n}\n.LeftNav--subnav--content--anim-enter.LeftNav--subnav--content--anim-enter-active {\n  opacity: 1;\n}\n.LeftNav--subnav--content--anim-leave {\n  transition-delay: 50ms;\n  transition-duration: 200ms;\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n  transition-property: opacity;\n  opacity: 1;\n}\n.LeftNav--subnav--content--anim-leave.LeftNav--subnav--content--anim-leave-active {\n  opacity: 0;\n}\n", ""]);
 
 	// exports
 
 
 /***/ }),
-/* 761 */
+/* 762 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -76937,12 +84179,12 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var react_sticky_1 = __webpack_require__(762);
+	var react_sticky_1 = __webpack_require__(763);
 	var _ = __webpack_require__(436);
-	var WizardStep_1 = __webpack_require__(767);
+	var WizardStep_1 = __webpack_require__(768);
 	var __1 = __webpack_require__(87);
 	var utils_1 = __webpack_require__(465);
-	__webpack_require__(768);
+	__webpack_require__(769);
 	// this is a function so that we get a new array each time
 	var getInitialState = function () { return ({
 	    currentStep: 0,
@@ -77124,7 +84366,7 @@
 
 
 /***/ }),
-/* 762 */
+/* 763 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -77134,11 +84376,11 @@
 	});
 	exports.StickyContainer = exports.Sticky = undefined;
 
-	var _Sticky = __webpack_require__(763);
+	var _Sticky = __webpack_require__(764);
 
 	var _Sticky2 = _interopRequireDefault(_Sticky);
 
-	var _Container = __webpack_require__(764);
+	var _Container = __webpack_require__(765);
 
 	var _Container2 = _interopRequireDefault(_Container);
 
@@ -77149,7 +84391,7 @@
 	exports.default = _Sticky2.default;
 
 /***/ }),
-/* 763 */
+/* 764 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -77314,7 +84556,7 @@
 	exports.default = Sticky;
 
 /***/ }),
-/* 764 */
+/* 765 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -77335,7 +84577,7 @@
 
 	var _propTypes2 = _interopRequireDefault(_propTypes);
 
-	var _raf = __webpack_require__(765);
+	var _raf = __webpack_require__(766);
 
 	var _raf2 = _interopRequireDefault(_raf);
 
@@ -77454,10 +84696,10 @@
 	exports.default = Container;
 
 /***/ }),
-/* 765 */
+/* 766 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(global) {var now = __webpack_require__(766)
+	/* WEBPACK VAR INJECTION */(function(global) {var now = __webpack_require__(767)
 	  , root = typeof window === 'undefined' ? global : window
 	  , vendors = ['moz', 'webkit']
 	  , suffix = 'AnimationFrame'
@@ -77536,7 +84778,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
 
 /***/ }),
-/* 766 */
+/* 767 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {// Generated by CoffeeScript 1.12.2
@@ -77579,7 +84821,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 767 */
+/* 768 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -77704,13 +84946,13 @@
 
 
 /***/ }),
-/* 768 */
+/* 769 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(769);
+	var content = __webpack_require__(770);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -77730,7 +84972,7 @@
 	}
 
 /***/ }),
-/* 769 */
+/* 770 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -77738,37 +84980,37 @@
 
 
 	// module
-	exports.push([module.id, ".font--ProximaNova {\n  font-family: \"Proxima Nova\", \"Helvetica Neue\", Arial, Helvetica, sans-serif;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Light-webfont.woff\");\n  font-weight: 200;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Reg-webfont.woff\");\n  font-weight: normal;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Sbold-webfont.woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Bold-webfont.woff\");\n  font-weight: bold;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Black-webfont.woff\");\n  font-weight: 900;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-RegItalic-webfont.woff\");\n  font-weight: normal;\n  font-style: italic;\n}\n.Wizard {\n  display: -ms-flexbox;\n  display: flex;\n}\n.Wizard--sidebar {\n  -ms-flex: 0 0 15rem;\n  flex: 0 0 15rem;\n  width: 15rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n  background-color: #fafbfc;\n  border-right: 0.125rem solid #e3e6eb;\n}\n.Wizard--sidebar h2 {\n  font-weight: normal;\n  font-style: normal;\n  padding: 0rem;\n  margin-bottom: 1rem;\n}\n.Wizard--contentGroup {\n  margin-right: 3.5rem;\n  min-width: 37.5rem;\n  max-width: 37.5rem;\n  margin-bottom: 0.75rem;\n  margin-left: 0rem;\n}\n.Wizard--navButtons {\n  text-align: right;\n}\n.Wizard--step {\n  -ms-flex: 1 1 auto;\n  flex: 1 1 auto;\n  padding: 1.5rem;\n}\n.Wizard--WizardStep--title {\n  width: 100%;\n  border-bottom: 0.125rem solid #e3e6eb;\n}\n.Wizard--stepContainer {\n  display: none;\n}\n.Wizard--stepContainer.Wizard--stepContainer--current {\n  display: block;\n}\n.Wizard--stepsDisplay {\n  list-style-type: none;\n  padding: 0rem;\n  margin-top: 1rem;\n}\n.Wizard--stepsDisplay li:not(:last-child)::after {\n  display: block;\n  content: \"\";\n  border-left: 0.0625rem solid #a8aeba;\n  margin-left: 0.75rem;\n  height: 1.5rem;\n}\n.Wizard--controls {\n  margin-top: 3rem;\n}\n.Wizard--stepsDisplay--stepButton.Button {\n  padding: 0rem;\n  text-align: left;\n  line-height: 1.25;\n}\n.Wizard--stepsDisplay--step {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.Wizard--stepsDisplay--step:not(.Wizard--stepsDisplay--visited):not(.Wizard--stepsDisplay--stepLink) {\n  color: #8f949e;\n}\n.Wizard--stepsDisplay--step.Wizard--stepsDisplay--visited .Wizard--stepsDisplay--icon {\n  background-image: url(" + __webpack_require__(770) + ");\n}\n.Wizard--stepsDisplay--step.Wizard--stepsDisplay--valid .Wizard--stepsDisplay--icon {\n  background-image: url(" + __webpack_require__(771) + ");\n}\n.Wizard--stepsDisplay--step.Wizard--stepsDisplay--currentStep .Wizard--stepsDisplay--icon {\n  background-image: url(" + __webpack_require__(772) + ");\n}\n.Wizard--stepsDisplay--stepTitle {\n  display: block;\n  overflow: hidden;\n  -ms-flex: 0 1 auto;\n}\n.Wizard--stepsDisplay--icon {\n  display: inline-block;\n  -moz-box-flex-shrink: 0;\n  -ms-flex-negative: 0;\n  -webkit-box-flex-shrink: 0;\n  flex-shrink: 0;\n  width: 1.5rem;\n  height: 1.5rem;\n  background-image: url(" + __webpack_require__(773) + ");\n  background-repeat: no-repeat;\n  background-size: contain;\n  margin-right: 0.75rem;\n}\n.Wizard--WizardStep--component {\n  -ms-flex: 1 0 37.5rem;\n  flex: 1 0 37.5rem;\n  margin-bottom: 2.5rem;\n}\n.Wizard--WizardStep--topInfo {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -ms-flex-align: flex-start;\n  -ms-flex-align: start;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n  margin-bottom: 1rem;\n}\n.Wizard--WizardStep--help {\n  min-width: 18.75rem;\n  -ms-flex: 1 0 18.75rem;\n  flex: 1 0 18.75rem;\n}\n.Wizard--WizardStep--help:not(.Wizard--WizardStep--helpCollapsed) {\n  height: 0;\n  overflow: visible;\n}\n", ""]);
+	exports.push([module.id, ".font--ProximaNova {\n  font-family: \"Proxima Nova\", \"Helvetica Neue\", Arial, Helvetica, sans-serif;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Light-webfont.woff\");\n  font-weight: 200;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Reg-webfont.woff\");\n  font-weight: normal;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Sbold-webfont.woff\");\n  font-weight: 600;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Bold-webfont.woff\");\n  font-weight: bold;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-Black-webfont.woff\");\n  font-weight: 900;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Proxima Nova\";\n  src: url(\"https://assets.clever.com/fonts/ProximaNova-RegItalic-webfont.woff\");\n  font-weight: normal;\n  font-style: italic;\n}\n.Wizard {\n  display: -ms-flexbox;\n  display: flex;\n}\n.Wizard--sidebar {\n  -ms-flex: 0 0 15rem;\n  flex: 0 0 15rem;\n  width: 15rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n  background-color: #fafbfc;\n  border-right: 0.125rem solid #e3e6eb;\n}\n.Wizard--sidebar h2 {\n  font-weight: normal;\n  font-style: normal;\n  padding: 0rem;\n  margin-bottom: 1rem;\n}\n.Wizard--contentGroup {\n  margin-right: 3.5rem;\n  min-width: 37.5rem;\n  max-width: 37.5rem;\n  margin-bottom: 0.75rem;\n  margin-left: 0rem;\n}\n.Wizard--navButtons {\n  text-align: right;\n}\n.Wizard--step {\n  -ms-flex: 1 1 auto;\n  flex: 1 1 auto;\n  padding: 1.5rem;\n}\n.Wizard--WizardStep--title {\n  width: 100%;\n  border-bottom: 0.125rem solid #e3e6eb;\n}\n.Wizard--stepContainer {\n  display: none;\n}\n.Wizard--stepContainer.Wizard--stepContainer--current {\n  display: block;\n}\n.Wizard--stepsDisplay {\n  list-style-type: none;\n  padding: 0rem;\n  margin-top: 1rem;\n}\n.Wizard--stepsDisplay li:not(:last-child)::after {\n  display: block;\n  content: \"\";\n  border-left: 0.0625rem solid #a8aeba;\n  margin-left: 0.75rem;\n  height: 1.5rem;\n}\n.Wizard--controls {\n  margin-top: 3rem;\n}\n.Wizard--stepsDisplay--stepButton.Button {\n  padding: 0rem;\n  text-align: left;\n  line-height: 1.25;\n}\n.Wizard--stepsDisplay--step {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  width: 100%;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.Wizard--stepsDisplay--step:not(.Wizard--stepsDisplay--visited):not(.Wizard--stepsDisplay--stepLink) {\n  color: #8f949e;\n}\n.Wizard--stepsDisplay--step.Wizard--stepsDisplay--visited .Wizard--stepsDisplay--icon {\n  background-image: url(" + __webpack_require__(771) + ");\n}\n.Wizard--stepsDisplay--step.Wizard--stepsDisplay--valid .Wizard--stepsDisplay--icon {\n  background-image: url(" + __webpack_require__(772) + ");\n}\n.Wizard--stepsDisplay--step.Wizard--stepsDisplay--currentStep .Wizard--stepsDisplay--icon {\n  background-image: url(" + __webpack_require__(773) + ");\n}\n.Wizard--stepsDisplay--stepTitle {\n  display: block;\n  overflow: hidden;\n  -ms-flex: 0 1 auto;\n}\n.Wizard--stepsDisplay--icon {\n  display: inline-block;\n  -moz-box-flex-shrink: 0;\n  -ms-flex-negative: 0;\n  -webkit-box-flex-shrink: 0;\n  flex-shrink: 0;\n  width: 1.5rem;\n  height: 1.5rem;\n  background-image: url(" + __webpack_require__(774) + ");\n  background-repeat: no-repeat;\n  background-size: contain;\n  margin-right: 0.75rem;\n}\n.Wizard--WizardStep--component {\n  -ms-flex: 1 0 37.5rem;\n  flex: 1 0 37.5rem;\n  margin-bottom: 2.5rem;\n}\n.Wizard--WizardStep--topInfo {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -ms-flex-align: flex-start;\n  -ms-flex-align: start;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n  margin-bottom: 1rem;\n}\n.Wizard--WizardStep--help {\n  min-width: 18.75rem;\n  -ms-flex: 1 0 18.75rem;\n  flex: 1 0 18.75rem;\n}\n.Wizard--WizardStep--help:not(.Wizard--WizardStep--helpCollapsed) {\n  height: 0;\n  overflow: visible;\n}\n", ""]);
 
 	// exports
 
 
 /***/ }),
-/* 770 */
+/* 771 */
 /***/ (function(module, exports) {
 
 	module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQxICgzNTMyNikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+cHJvZ3Jlc3Nfbm90RmluaXNoZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMS4wMDAwMDAsIC01My4wMDAwMDApIiBmaWxsPSIjNzE3MzhhIj4KICAgICAgICAgICAgPGcgaWQ9InByb2dyZXNzX25vdEZpbmlzaGVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS4wMDAwMDAsIDUzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC00LUNvcHktMiIgY3g9IjkiIGN5PSI5IiByPSI5Ij48L2NpcmNsZT4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg=="
 
 /***/ }),
-/* 771 */
+/* 772 */
 /***/ (function(module, exports) {
 
 	module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQxICgzNTMyNikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+cHJvZ3Jlc3NfZG9uZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJBcnRib2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExLjAwMDAwMCwgLTkuMDAwMDAwKSIgZmlsbD0iIzAwOWU3OCI+CiAgICAgICAgICAgIDxnIGlkPSJwcm9ncmVzc19kb25lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS4wMDAwMDAsIDkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOSwxOCBDMTMuMDExNTY4MSwxOCAxNi40MTAxMzAyLDE1LjM3NTQwOTEgMTcuNTcyMjA2MSwxMS43NDk3MDczIEMxNy44NTAwMDg5LDEwLjg4Mjk1NjkgMTgsOS45NTg5OTQ2MSAxOCw5IEMxOCw4LjAzNDgyMzM4IDE3Ljg0ODA2ODgsNy4xMDUxMzIxOSAxNy41NjY4MTc4LDYuMjMzNTM3NjggQzE2LjM5OTY1NDEsMi42MTY1MDc5MyAxMy4wMDUzODYxLDAgOSwwIEM0LjAyOTQzNzI1LDAgMCw0LjAyOTQzNzI1IDAsOSBDMCwxMy45NzA1NjI3IDQuMDI5NDM3MjUsMTggOSwxOCBaIE0xNC43NjIyODMzLDYuNTgwOTYzMTMgTDcuNzE3OTkzMTgsMTMuNDM0MzU0NSBDNy42NTUwMTcwOSwxMy40NzgxMTg0IDcuNTk2NTQwMTcsMTMuNSA3LjU0MjU2MDY2LDEzLjUgQzcuNDg4NTgxMTYsMTMuNSA3LjQzMDEwNDI0LDEzLjQ3ODExODQgNy4zNjcxMjgxNSwxMy40MzQzNTQ1IEwzLjIzNzcxNjY5LDkuNDE2ODQ5MjEgQzMuMTIwNzYxMSw5LjMwMzA2MzA5IDMuMTIwNzYxMSw5LjE4OTI3ODY3IDMuMjM3NzE2NjksOS4wNzU0OTI1NSBMNC45MzgwNjI1OSw3LjQyMTIyNTY3IEM1LjA1NTAxODE4LDcuMzA3NDM5NTUgNS4xNzE5NzIwMiw3LjMwNzQzOTU1IDUuMjg4OTI3NjEsNy40MjEyMjU2NyBMNy41NDI1NjA2Niw5LjYyNjkxNDg0IEwxMi43MTEwNzI0LDQuNTg1MzM5NTkgQzEyLjgyODAyOCw0LjQ3MTU1MzQ3IDEyLjk0NDk4MTgsNC40NzE1NTM0NyAxMy4wNjE5Mzc0LDQuNTg1MzM5NTkgTDE0Ljc2MjI4MzMsNi4yMzk2MDY0NyBDMTQuODc5MjM4OSw2LjM1MzM5MjU5IDE0Ljg3OTIzODksNi40NjcxNzcwMSAxNC43NjIyODMzLDYuNTgwOTYzMTMgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlLUNvcHkiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg=="
 
 /***/ }),
-/* 772 */
+/* 773 */
 /***/ (function(module, exports) {
 
 	module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQxICgzNTMyNikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+cHJvZ3Jlc3NfaGVyZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJBcnRib2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjAwMDAwMCwgLTk2LjAwMDAwMCkiIGZpbGw9IiMyZTAwZDkiPgogICAgICAgICAgICA8ZyBpZD0icHJvZ3Jlc3NfaGVyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMCwyMCBDMTQuNDU3Mjk3OSwyMCAxOC4yMzM0NzgsMTcuMDgzNzg3OSAxOS41MjQ2NzM1LDEzLjA1NTIzMDQgQzE5LjgzMzM0MzIsMTIuMDkyMTc0MyAyMCwxMS4wNjU1NDk2IDIwLDEwIEMyMCw4LjkyNzU4MTU0IDE5LjgzMTE4NzYsNy44OTQ1OTEzMiAxOS41MTg2ODY0LDYuOTI2MTUyOTggQzE4LjIyMTgzNzksMi45MDcyMzEwMyAxNC40NTA0MjksMCAxMCwwIEM0LjQ3NzE1MjUsMCAwLDQuNDc3MTUyNSAwLDEwIEMwLDE1LjUyMjg0NzUgNC40NzcxNTI1LDIwIDEwLDIwIFogTTguNzU5MDY3NTUsNC41IEM4LjgwNzQyNzAzLDQuNSA4Ljg1OTgxNTY4LDQuNTIxMTgyMTUgOC45MTYyMzUwNyw0LjU2MzU0NzA4IEwxMy45MjE0MTU5LDkuODI1MjQ1MzIgQzE0LjAyNjE5NDcsOS45MzUzOTQxNSAxNC4wMjYxOTQ3LDEwLjA0NTU0MTMgMTMuOTIxNDE1OSwxMC4xNTU2OTAxIEw4LjkxNjIzNTA3LDE1LjQxNzM4ODQgQzguODExNDU2MiwxNS41Mjc1MzcyIDguNzA2Njc4OTEsMTUuNTI3NTM3MiA4LjYwMTkwMDA0LDE1LjQxNzM4ODQgTDcuMDc4NTg0MTUsMTMuODE2MDAyIEM2Ljk3MzgwNTI4LDEzLjcwNTg1MzEgNi45NzM4MDUyOCwxMy41OTU3MDYgNy4wNzg1ODQxNSwxMy40ODU1NTcxIEwxMC40MDMyODE1LDkuOTkwNDY3NzMgTDcuMDc4NTg0MTUsNi40OTUzNzgzMiBDNi45NzM4MDUyOCw2LjM4NTIyOTUgNi45NzM4MDUyOCw2LjI3NTA4MjMzIDcuMDc4NTg0MTUsNi4xNjQ5MzM1IEw4LjYwMTkwMDA0LDQuNTYzNTQ3MDggQzguNjU4MzE5NDMsNC41MjExODIxNSA4LjcxMDcwODA4LDQuNSA4Ljc1OTA2NzU1LDQuNSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg=="
 
 /***/ }),
-/* 773 */
+/* 774 */
 /***/ (function(module, exports) {
 
 	module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQxICgzNTMyNikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+cHJvZ3Jlc3Nfbm90U3RhcnRlZDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJBcnRib2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExLjAwMDAwMCwgLTE0MS4wMDAwMDApIiBmaWxsPSIjZDZkN2RlIj4KICAgICAgICAgICAgPGcgaWQ9InByb2dyZXNzX25vdFN0YXJ0ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjAwMDAwMCwgMTQxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC00IiBjeD0iOSIgY3k9IjkiIHI9IjkiPjwvY2lyY2xlPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K"
 
 /***/ }),
-/* 774 */
+/* 775 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -77797,14 +85039,14 @@
 	    return __assign.apply(this, arguments);
 	};
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var FontAwesome = __webpack_require__(471);
+	var FontAwesome = __webpack_require__(473);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
 	var classnames = __webpack_require__(86);
-	var react_autosize_textarea_1 = __webpack_require__(775);
+	var react_autosize_textarea_1 = __webpack_require__(776);
 	var Forms_1 = __webpack_require__(453);
-	__webpack_require__(780);
-	__webpack_require__(475);
+	__webpack_require__(781);
+	__webpack_require__(476);
 	var propTypes = {
 	    disabled: PropTypes.bool,
 	    error: PropTypes.string,
@@ -77961,17 +85203,17 @@
 
 
 /***/ }),
-/* 775 */
+/* 776 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	exports.__esModule = true;
-	var TextareaAutosize_1 = __webpack_require__(776);
+	var TextareaAutosize_1 = __webpack_require__(777);
 	exports["default"] = TextareaAutosize_1.TextareaAutosize;
 
 
 /***/ }),
-/* 776 */
+/* 777 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -78005,8 +85247,8 @@
 	exports.__esModule = true;
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var autosize = __webpack_require__(777);
-	var _getLineHeight = __webpack_require__(778);
+	var autosize = __webpack_require__(778);
+	var _getLineHeight = __webpack_require__(779);
 	var getLineHeight = _getLineHeight;
 	var RESIZED = "autosize:resized";
 	/**
@@ -78094,7 +85336,7 @@
 
 
 /***/ }),
-/* 777 */
+/* 778 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -78387,11 +85629,11 @@
 	});
 
 /***/ }),
-/* 778 */
+/* 779 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// Load in dependencies
-	var computedStyle = __webpack_require__(779);
+	var computedStyle = __webpack_require__(780);
 
 	/**
 	 * Calculate the `line-height` of a given node
@@ -78490,7 +85732,7 @@
 
 
 /***/ }),
-/* 779 */
+/* 780 */
 /***/ (function(module, exports) {
 
 	// This code has been refactored for 140 bytes
@@ -78523,13 +85765,13 @@
 
 
 /***/ }),
-/* 780 */
+/* 781 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(781);
+	var content = __webpack_require__(782);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -78549,7 +85791,7 @@
 	}
 
 /***/ }),
-/* 781 */
+/* 782 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -78563,17 +85805,17 @@
 
 
 /***/ }),
-/* 782 */
+/* 783 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var Label_1 = __webpack_require__(783);
+	var Label_1 = __webpack_require__(784);
 	exports.Label = Label_1.default;
 
 
 /***/ }),
-/* 783 */
+/* 784 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -78595,8 +85837,8 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var Tooltip_1 = __webpack_require__(625);
-	__webpack_require__(784);
+	var Tooltip_1 = __webpack_require__(626);
+	__webpack_require__(785);
 	var Color = {
 	    // Primary:
 	    BLUE: "blue",
@@ -78663,13 +85905,13 @@
 
 
 /***/ }),
-/* 784 */
+/* 785 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(785);
+	var content = __webpack_require__(786);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -78689,7 +85931,7 @@
 	}
 
 /***/ }),
-/* 785 */
+/* 786 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -78703,7 +85945,7 @@
 
 
 /***/ }),
-/* 786 */
+/* 787 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -78723,12 +85965,12 @@
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var Dropzone = __webpack_require__(787);
+	var Dropzone = __webpack_require__(788);
 	var classnames = __webpack_require__(86);
 	var flex_1 = __webpack_require__(433);
 	var Forms_1 = __webpack_require__(453);
-	__webpack_require__(788);
-	__webpack_require__(475);
+	__webpack_require__(789);
+	__webpack_require__(476);
 	function DefaultIcon() {
 	    return (React.createElement("svg", { className: "FileInput--Icon", width: "42px", height: "24px", viewBox: "0 0 42 24" },
 	        React.createElement("g", null,
@@ -78874,7 +86116,7 @@
 
 
 /***/ }),
-/* 787 */
+/* 788 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	(function webpackUniversalModuleDefinition(root, factory) {
@@ -79776,13 +87018,13 @@
 	//# sourceMappingURL=index.js.map
 
 /***/ }),
-/* 788 */
+/* 789 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(789);
+	var content = __webpack_require__(790);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -79802,7 +87044,7 @@
 	}
 
 /***/ }),
-/* 789 */
+/* 790 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -79816,19 +87058,19 @@
 
 
 /***/ }),
-/* 790 */
+/* 791 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var InfoPanel_1 = __webpack_require__(791);
+	var InfoPanel_1 = __webpack_require__(792);
 	exports.InfoPanel = InfoPanel_1.default;
-	var InfoPanelColumn_1 = __webpack_require__(801);
+	var InfoPanelColumn_1 = __webpack_require__(802);
 	exports.InfoPanelColumn = InfoPanelColumn_1.default;
 
 
 /***/ }),
-/* 791 */
+/* 792 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -79849,9 +87091,9 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var FontAwesome = __webpack_require__(471);
-	var react_accessible_accordion_1 = __webpack_require__(792);
-	__webpack_require__(799);
+	var FontAwesome = __webpack_require__(473);
+	var react_accessible_accordion_1 = __webpack_require__(793);
+	__webpack_require__(800);
 	var propTypes = {
 	    children: PropTypes.node,
 	    className: PropTypes.string,
@@ -79923,7 +87165,7 @@
 
 
 /***/ }),
-/* 792 */
+/* 793 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -79933,19 +87175,19 @@
 	});
 	exports.AccordionItemBody = exports.AccordionItemTitle = exports.AccordionItem = exports.Accordion = undefined;
 
-	var _accordion = __webpack_require__(793);
+	var _accordion = __webpack_require__(794);
 
 	var _accordion2 = _interopRequireDefault(_accordion);
 
-	var _accordionItem = __webpack_require__(795);
+	var _accordionItem = __webpack_require__(796);
 
 	var _accordionItem2 = _interopRequireDefault(_accordionItem);
 
-	var _accordionItemTitle = __webpack_require__(797);
+	var _accordionItemTitle = __webpack_require__(798);
 
 	var _accordionItemTitle2 = _interopRequireDefault(_accordionItemTitle);
 
-	var _accordionItemBody = __webpack_require__(798);
+	var _accordionItemBody = __webpack_require__(799);
 
 	var _accordionItemBody2 = _interopRequireDefault(_accordionItemBody);
 
@@ -79957,7 +87199,7 @@
 	exports.AccordionItemBody = _accordionItemBody2.default;
 
 /***/ }),
-/* 793 */
+/* 794 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -79972,7 +87214,7 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _utils = __webpack_require__(794);
+	var _utils = __webpack_require__(795);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -80114,7 +87356,7 @@
 	exports.default = Accordion;
 
 /***/ }),
-/* 794 */
+/* 795 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -80145,7 +87387,7 @@
 	};
 
 /***/ }),
-/* 795 */
+/* 796 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -80160,7 +87402,7 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _consecutive = __webpack_require__(796);
+	var _consecutive = __webpack_require__(797);
 
 	var _consecutive2 = _interopRequireDefault(_consecutive);
 
@@ -80266,7 +87508,7 @@
 	exports.default = AccordionItem;
 
 /***/ }),
-/* 796 */
+/* 797 */
 /***/ (function(module, exports) {
 
 	/*!
@@ -80288,7 +87530,7 @@
 	      res = number;
 	      number += inc;
 	    } else {
-	      res = number.toString();
+	      res = (number === begin) ? (parseInt(number, base)).toString(base) : number.toString();
 	      number = (parseInt(number, base) + inc).toString(base);
 	    }
 
@@ -80298,7 +87540,7 @@
 
 
 /***/ }),
-/* 797 */
+/* 798 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -80417,7 +87659,7 @@
 	exports.default = AccordionItemTitle;
 
 /***/ }),
-/* 798 */
+/* 799 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -80477,13 +87719,13 @@
 	exports.default = AccordionItemBody;
 
 /***/ }),
-/* 799 */
+/* 800 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(800);
+	var content = __webpack_require__(801);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -80503,7 +87745,7 @@
 	}
 
 /***/ }),
-/* 800 */
+/* 801 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -80517,7 +87759,7 @@
 
 
 /***/ }),
-/* 801 */
+/* 802 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -80540,7 +87782,7 @@
 
 
 /***/ }),
-/* 802 */
+/* 803 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -80564,7 +87806,7 @@
 
 
 /***/ }),
-/* 803 */
+/* 804 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -80585,10 +87827,10 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var FontAwesome = __webpack_require__(471);
-	var CloseIcon_1 = __webpack_require__(804);
+	var FontAwesome = __webpack_require__(473);
+	var CloseIcon_1 = __webpack_require__(805);
 	var flex_1 = __webpack_require__(433);
-	__webpack_require__(805);
+	__webpack_require__(806);
 	var cssClass = {
 	    CONTAINER: "AlertBox--container",
 	    HEADER: "AlertBox--header",
@@ -80652,7 +87894,7 @@
 
 
 /***/ }),
-/* 804 */
+/* 805 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -80674,13 +87916,13 @@
 
 
 /***/ }),
-/* 805 */
+/* 806 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(806);
+	var content = __webpack_require__(807);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -80700,7 +87942,7 @@
 	}
 
 /***/ }),
-/* 806 */
+/* 807 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -80714,17 +87956,17 @@
 
 
 /***/ }),
-/* 807 */
+/* 808 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var Count_1 = __webpack_require__(808);
+	var Count_1 = __webpack_require__(809);
 	exports.default = Count_1.default;
 
 
 /***/ }),
-/* 808 */
+/* 809 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -80745,7 +87987,7 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var Number_1 = __webpack_require__(809);
+	var Number_1 = __webpack_require__(810);
 	var propTypes = {
 	    children: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 	    className: PropTypes.string,
@@ -80800,17 +88042,17 @@
 
 
 /***/ }),
-/* 809 */
+/* 810 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var Number_1 = __webpack_require__(810);
+	var Number_1 = __webpack_require__(811);
 	exports.default = Number_1.default;
 
 
 /***/ }),
-/* 810 */
+/* 811 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -80829,10 +88071,10 @@
 	})();
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var classnames = __webpack_require__(86);
-	var numeral = __webpack_require__(811);
+	var numeral = __webpack_require__(812);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var shortNumber = __webpack_require__(812);
+	var shortNumber = __webpack_require__(813);
 	var propTypes = {
 	    children: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 	    className: PropTypes.string,
@@ -80870,7 +88112,7 @@
 
 
 /***/ }),
-/* 811 */
+/* 812 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! @preserve
@@ -81889,7 +89131,7 @@
 
 
 /***/ }),
-/* 812 */
+/* 813 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	(function (global, factory) {
@@ -81946,7 +89188,7 @@
 
 
 /***/ }),
-/* 813 */
+/* 814 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -81964,15 +89206,15 @@
 	    };
 	})();
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var moment = __webpack_require__(814);
+	var moment = __webpack_require__(815);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
 	var classnames = __webpack_require__(86);
-	var react_datepicker_1 = __webpack_require__(943);
-	var ReactDateTime = __webpack_require__(947);
+	var react_datepicker_1 = __webpack_require__(944);
+	var ReactDateTime = __webpack_require__(948);
 	var Forms_1 = __webpack_require__(453);
-	__webpack_require__(954);
-	__webpack_require__(475);
+	__webpack_require__(955);
+	__webpack_require__(476);
 	var popperPlacementPositions = {
 	    BOTTOM: "bottom",
 	    BOTTOM_END: "bottom-end",
@@ -82080,7 +89322,7 @@
 
 
 /***/ }),
-/* 814 */
+/* 815 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	var require;/* WEBPACK VAR INJECTION */(function(module) {//! moment.js
@@ -83935,7 +91177,7 @@
 	            try {
 	                oldLocale = globalLocale._abbr;
 	                var aliasedRequire = require;
-	                __webpack_require__(815)("./" + name);
+	                __webpack_require__(816)("./" + name);
 	                getSetGlobalLocale(oldLocale);
 	            } catch (e) {}
 	        }
@@ -86689,264 +93931,264 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(437)(module)))
 
 /***/ }),
-/* 815 */
+/* 816 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	var map = {
-		"./af": 816,
-		"./af.js": 816,
-		"./ar": 817,
-		"./ar-dz": 818,
-		"./ar-dz.js": 818,
-		"./ar-kw": 819,
-		"./ar-kw.js": 819,
-		"./ar-ly": 820,
-		"./ar-ly.js": 820,
-		"./ar-ma": 821,
-		"./ar-ma.js": 821,
-		"./ar-sa": 822,
-		"./ar-sa.js": 822,
-		"./ar-tn": 823,
-		"./ar-tn.js": 823,
-		"./ar.js": 817,
-		"./az": 824,
-		"./az.js": 824,
-		"./be": 825,
-		"./be.js": 825,
-		"./bg": 826,
-		"./bg.js": 826,
-		"./bm": 827,
-		"./bm.js": 827,
-		"./bn": 828,
-		"./bn.js": 828,
-		"./bo": 829,
-		"./bo.js": 829,
-		"./br": 830,
-		"./br.js": 830,
-		"./bs": 831,
-		"./bs.js": 831,
-		"./ca": 832,
-		"./ca.js": 832,
-		"./cs": 833,
-		"./cs.js": 833,
-		"./cv": 834,
-		"./cv.js": 834,
-		"./cy": 835,
-		"./cy.js": 835,
-		"./da": 836,
-		"./da.js": 836,
-		"./de": 837,
-		"./de-at": 838,
-		"./de-at.js": 838,
-		"./de-ch": 839,
-		"./de-ch.js": 839,
-		"./de.js": 837,
-		"./dv": 840,
-		"./dv.js": 840,
-		"./el": 841,
-		"./el.js": 841,
-		"./en-SG": 842,
-		"./en-SG.js": 842,
-		"./en-au": 843,
-		"./en-au.js": 843,
-		"./en-ca": 844,
-		"./en-ca.js": 844,
-		"./en-gb": 845,
-		"./en-gb.js": 845,
-		"./en-ie": 846,
-		"./en-ie.js": 846,
-		"./en-il": 847,
-		"./en-il.js": 847,
-		"./en-nz": 848,
-		"./en-nz.js": 848,
-		"./eo": 849,
-		"./eo.js": 849,
-		"./es": 850,
-		"./es-do": 851,
-		"./es-do.js": 851,
-		"./es-us": 852,
-		"./es-us.js": 852,
-		"./es.js": 850,
-		"./et": 853,
-		"./et.js": 853,
-		"./eu": 854,
-		"./eu.js": 854,
-		"./fa": 855,
-		"./fa.js": 855,
-		"./fi": 856,
-		"./fi.js": 856,
-		"./fo": 857,
-		"./fo.js": 857,
-		"./fr": 858,
-		"./fr-ca": 859,
-		"./fr-ca.js": 859,
-		"./fr-ch": 860,
-		"./fr-ch.js": 860,
-		"./fr.js": 858,
-		"./fy": 861,
-		"./fy.js": 861,
-		"./ga": 862,
-		"./ga.js": 862,
-		"./gd": 863,
-		"./gd.js": 863,
-		"./gl": 864,
-		"./gl.js": 864,
-		"./gom-latn": 865,
-		"./gom-latn.js": 865,
-		"./gu": 866,
-		"./gu.js": 866,
-		"./he": 867,
-		"./he.js": 867,
-		"./hi": 868,
-		"./hi.js": 868,
-		"./hr": 869,
-		"./hr.js": 869,
-		"./hu": 870,
-		"./hu.js": 870,
-		"./hy-am": 871,
-		"./hy-am.js": 871,
-		"./id": 872,
-		"./id.js": 872,
-		"./is": 873,
-		"./is.js": 873,
-		"./it": 874,
-		"./it-ch": 875,
-		"./it-ch.js": 875,
-		"./it.js": 874,
-		"./ja": 876,
-		"./ja.js": 876,
-		"./jv": 877,
-		"./jv.js": 877,
-		"./ka": 878,
-		"./ka.js": 878,
-		"./kk": 879,
-		"./kk.js": 879,
-		"./km": 880,
-		"./km.js": 880,
-		"./kn": 881,
-		"./kn.js": 881,
-		"./ko": 882,
-		"./ko.js": 882,
-		"./ku": 883,
-		"./ku.js": 883,
-		"./ky": 884,
-		"./ky.js": 884,
-		"./lb": 885,
-		"./lb.js": 885,
-		"./lo": 886,
-		"./lo.js": 886,
-		"./lt": 887,
-		"./lt.js": 887,
-		"./lv": 888,
-		"./lv.js": 888,
-		"./me": 889,
-		"./me.js": 889,
-		"./mi": 890,
-		"./mi.js": 890,
-		"./mk": 891,
-		"./mk.js": 891,
-		"./ml": 892,
-		"./ml.js": 892,
-		"./mn": 893,
-		"./mn.js": 893,
-		"./mr": 894,
-		"./mr.js": 894,
-		"./ms": 895,
-		"./ms-my": 896,
-		"./ms-my.js": 896,
-		"./ms.js": 895,
-		"./mt": 897,
-		"./mt.js": 897,
-		"./my": 898,
-		"./my.js": 898,
-		"./nb": 899,
-		"./nb.js": 899,
-		"./ne": 900,
-		"./ne.js": 900,
-		"./nl": 901,
-		"./nl-be": 902,
-		"./nl-be.js": 902,
-		"./nl.js": 901,
-		"./nn": 903,
-		"./nn.js": 903,
-		"./pa-in": 904,
-		"./pa-in.js": 904,
-		"./pl": 905,
-		"./pl.js": 905,
-		"./pt": 906,
-		"./pt-br": 907,
-		"./pt-br.js": 907,
-		"./pt.js": 906,
-		"./ro": 908,
-		"./ro.js": 908,
-		"./ru": 909,
-		"./ru.js": 909,
-		"./sd": 910,
-		"./sd.js": 910,
-		"./se": 911,
-		"./se.js": 911,
-		"./si": 912,
-		"./si.js": 912,
-		"./sk": 913,
-		"./sk.js": 913,
-		"./sl": 914,
-		"./sl.js": 914,
-		"./sq": 915,
-		"./sq.js": 915,
-		"./sr": 916,
-		"./sr-cyrl": 917,
-		"./sr-cyrl.js": 917,
-		"./sr.js": 916,
-		"./ss": 918,
-		"./ss.js": 918,
-		"./sv": 919,
-		"./sv.js": 919,
-		"./sw": 920,
-		"./sw.js": 920,
-		"./ta": 921,
-		"./ta.js": 921,
-		"./te": 922,
-		"./te.js": 922,
-		"./tet": 923,
-		"./tet.js": 923,
-		"./tg": 924,
-		"./tg.js": 924,
-		"./th": 925,
-		"./th.js": 925,
-		"./tl-ph": 926,
-		"./tl-ph.js": 926,
-		"./tlh": 927,
-		"./tlh.js": 927,
-		"./tr": 928,
-		"./tr.js": 928,
-		"./tzl": 929,
-		"./tzl.js": 929,
-		"./tzm": 930,
-		"./tzm-latn": 931,
-		"./tzm-latn.js": 931,
-		"./tzm.js": 930,
-		"./ug-cn": 932,
-		"./ug-cn.js": 932,
-		"./uk": 933,
-		"./uk.js": 933,
-		"./ur": 934,
-		"./ur.js": 934,
-		"./uz": 935,
-		"./uz-latn": 936,
-		"./uz-latn.js": 936,
-		"./uz.js": 935,
-		"./vi": 937,
-		"./vi.js": 937,
-		"./x-pseudo": 938,
-		"./x-pseudo.js": 938,
-		"./yo": 939,
-		"./yo.js": 939,
-		"./zh-cn": 940,
-		"./zh-cn.js": 940,
-		"./zh-hk": 941,
-		"./zh-hk.js": 941,
-		"./zh-tw": 942,
-		"./zh-tw.js": 942
+		"./af": 817,
+		"./af.js": 817,
+		"./ar": 818,
+		"./ar-dz": 819,
+		"./ar-dz.js": 819,
+		"./ar-kw": 820,
+		"./ar-kw.js": 820,
+		"./ar-ly": 821,
+		"./ar-ly.js": 821,
+		"./ar-ma": 822,
+		"./ar-ma.js": 822,
+		"./ar-sa": 823,
+		"./ar-sa.js": 823,
+		"./ar-tn": 824,
+		"./ar-tn.js": 824,
+		"./ar.js": 818,
+		"./az": 825,
+		"./az.js": 825,
+		"./be": 826,
+		"./be.js": 826,
+		"./bg": 827,
+		"./bg.js": 827,
+		"./bm": 828,
+		"./bm.js": 828,
+		"./bn": 829,
+		"./bn.js": 829,
+		"./bo": 830,
+		"./bo.js": 830,
+		"./br": 831,
+		"./br.js": 831,
+		"./bs": 832,
+		"./bs.js": 832,
+		"./ca": 833,
+		"./ca.js": 833,
+		"./cs": 834,
+		"./cs.js": 834,
+		"./cv": 835,
+		"./cv.js": 835,
+		"./cy": 836,
+		"./cy.js": 836,
+		"./da": 837,
+		"./da.js": 837,
+		"./de": 838,
+		"./de-at": 839,
+		"./de-at.js": 839,
+		"./de-ch": 840,
+		"./de-ch.js": 840,
+		"./de.js": 838,
+		"./dv": 841,
+		"./dv.js": 841,
+		"./el": 842,
+		"./el.js": 842,
+		"./en-SG": 843,
+		"./en-SG.js": 843,
+		"./en-au": 844,
+		"./en-au.js": 844,
+		"./en-ca": 845,
+		"./en-ca.js": 845,
+		"./en-gb": 846,
+		"./en-gb.js": 846,
+		"./en-ie": 847,
+		"./en-ie.js": 847,
+		"./en-il": 848,
+		"./en-il.js": 848,
+		"./en-nz": 849,
+		"./en-nz.js": 849,
+		"./eo": 850,
+		"./eo.js": 850,
+		"./es": 851,
+		"./es-do": 852,
+		"./es-do.js": 852,
+		"./es-us": 853,
+		"./es-us.js": 853,
+		"./es.js": 851,
+		"./et": 854,
+		"./et.js": 854,
+		"./eu": 855,
+		"./eu.js": 855,
+		"./fa": 856,
+		"./fa.js": 856,
+		"./fi": 857,
+		"./fi.js": 857,
+		"./fo": 858,
+		"./fo.js": 858,
+		"./fr": 859,
+		"./fr-ca": 860,
+		"./fr-ca.js": 860,
+		"./fr-ch": 861,
+		"./fr-ch.js": 861,
+		"./fr.js": 859,
+		"./fy": 862,
+		"./fy.js": 862,
+		"./ga": 863,
+		"./ga.js": 863,
+		"./gd": 864,
+		"./gd.js": 864,
+		"./gl": 865,
+		"./gl.js": 865,
+		"./gom-latn": 866,
+		"./gom-latn.js": 866,
+		"./gu": 867,
+		"./gu.js": 867,
+		"./he": 868,
+		"./he.js": 868,
+		"./hi": 869,
+		"./hi.js": 869,
+		"./hr": 870,
+		"./hr.js": 870,
+		"./hu": 871,
+		"./hu.js": 871,
+		"./hy-am": 872,
+		"./hy-am.js": 872,
+		"./id": 873,
+		"./id.js": 873,
+		"./is": 874,
+		"./is.js": 874,
+		"./it": 875,
+		"./it-ch": 876,
+		"./it-ch.js": 876,
+		"./it.js": 875,
+		"./ja": 877,
+		"./ja.js": 877,
+		"./jv": 878,
+		"./jv.js": 878,
+		"./ka": 879,
+		"./ka.js": 879,
+		"./kk": 880,
+		"./kk.js": 880,
+		"./km": 881,
+		"./km.js": 881,
+		"./kn": 882,
+		"./kn.js": 882,
+		"./ko": 883,
+		"./ko.js": 883,
+		"./ku": 884,
+		"./ku.js": 884,
+		"./ky": 885,
+		"./ky.js": 885,
+		"./lb": 886,
+		"./lb.js": 886,
+		"./lo": 887,
+		"./lo.js": 887,
+		"./lt": 888,
+		"./lt.js": 888,
+		"./lv": 889,
+		"./lv.js": 889,
+		"./me": 890,
+		"./me.js": 890,
+		"./mi": 891,
+		"./mi.js": 891,
+		"./mk": 892,
+		"./mk.js": 892,
+		"./ml": 893,
+		"./ml.js": 893,
+		"./mn": 894,
+		"./mn.js": 894,
+		"./mr": 895,
+		"./mr.js": 895,
+		"./ms": 896,
+		"./ms-my": 897,
+		"./ms-my.js": 897,
+		"./ms.js": 896,
+		"./mt": 898,
+		"./mt.js": 898,
+		"./my": 899,
+		"./my.js": 899,
+		"./nb": 900,
+		"./nb.js": 900,
+		"./ne": 901,
+		"./ne.js": 901,
+		"./nl": 902,
+		"./nl-be": 903,
+		"./nl-be.js": 903,
+		"./nl.js": 902,
+		"./nn": 904,
+		"./nn.js": 904,
+		"./pa-in": 905,
+		"./pa-in.js": 905,
+		"./pl": 906,
+		"./pl.js": 906,
+		"./pt": 907,
+		"./pt-br": 908,
+		"./pt-br.js": 908,
+		"./pt.js": 907,
+		"./ro": 909,
+		"./ro.js": 909,
+		"./ru": 910,
+		"./ru.js": 910,
+		"./sd": 911,
+		"./sd.js": 911,
+		"./se": 912,
+		"./se.js": 912,
+		"./si": 913,
+		"./si.js": 913,
+		"./sk": 914,
+		"./sk.js": 914,
+		"./sl": 915,
+		"./sl.js": 915,
+		"./sq": 916,
+		"./sq.js": 916,
+		"./sr": 917,
+		"./sr-cyrl": 918,
+		"./sr-cyrl.js": 918,
+		"./sr.js": 917,
+		"./ss": 919,
+		"./ss.js": 919,
+		"./sv": 920,
+		"./sv.js": 920,
+		"./sw": 921,
+		"./sw.js": 921,
+		"./ta": 922,
+		"./ta.js": 922,
+		"./te": 923,
+		"./te.js": 923,
+		"./tet": 924,
+		"./tet.js": 924,
+		"./tg": 925,
+		"./tg.js": 925,
+		"./th": 926,
+		"./th.js": 926,
+		"./tl-ph": 927,
+		"./tl-ph.js": 927,
+		"./tlh": 928,
+		"./tlh.js": 928,
+		"./tr": 929,
+		"./tr.js": 929,
+		"./tzl": 930,
+		"./tzl.js": 930,
+		"./tzm": 931,
+		"./tzm-latn": 932,
+		"./tzm-latn.js": 932,
+		"./tzm.js": 931,
+		"./ug-cn": 933,
+		"./ug-cn.js": 933,
+		"./uk": 934,
+		"./uk.js": 934,
+		"./ur": 935,
+		"./ur.js": 935,
+		"./uz": 936,
+		"./uz-latn": 937,
+		"./uz-latn.js": 937,
+		"./uz.js": 936,
+		"./vi": 938,
+		"./vi.js": 938,
+		"./x-pseudo": 939,
+		"./x-pseudo.js": 939,
+		"./yo": 940,
+		"./yo.js": 940,
+		"./zh-cn": 941,
+		"./zh-cn.js": 941,
+		"./zh-hk": 942,
+		"./zh-hk.js": 942,
+		"./zh-tw": 943,
+		"./zh-tw.js": 943
 	};
 	function webpackContext(req) {
 		return __webpack_require__(webpackContextResolve(req));
@@ -86959,17 +94201,17 @@
 	};
 	webpackContext.resolve = webpackContextResolve;
 	module.exports = webpackContext;
-	webpackContext.id = 815;
+	webpackContext.id = 816;
 
 
 /***/ }),
-/* 816 */
+/* 817 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -87040,13 +94282,13 @@
 
 
 /***/ }),
-/* 817 */
+/* 818 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -87179,13 +94421,13 @@
 
 
 /***/ }),
-/* 818 */
+/* 819 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -87242,13 +94484,13 @@
 
 
 /***/ }),
-/* 819 */
+/* 820 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -87305,13 +94547,13 @@
 
 
 /***/ }),
-/* 820 */
+/* 821 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -87431,13 +94673,13 @@
 
 
 /***/ }),
-/* 821 */
+/* 822 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -87494,13 +94736,13 @@
 
 
 /***/ }),
-/* 822 */
+/* 823 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -87602,13 +94844,13 @@
 
 
 /***/ }),
-/* 823 */
+/* 824 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -87665,13 +94907,13 @@
 
 
 /***/ }),
-/* 824 */
+/* 825 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -87774,13 +95016,13 @@
 
 
 /***/ }),
-/* 825 */
+/* 826 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -87910,13 +95152,13 @@
 
 
 /***/ }),
-/* 826 */
+/* 827 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -88004,13 +95246,13 @@
 
 
 /***/ }),
-/* 827 */
+/* 828 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -88066,13 +95308,13 @@
 
 
 /***/ }),
-/* 828 */
+/* 829 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -88189,13 +95431,13 @@
 
 
 /***/ }),
-/* 829 */
+/* 830 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -88312,13 +95554,13 @@
 
 
 /***/ }),
-/* 830 */
+/* 831 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -88424,13 +95666,13 @@
 
 
 /***/ }),
-/* 831 */
+/* 832 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -88579,13 +95821,13 @@
 
 
 /***/ }),
-/* 832 */
+/* 833 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -88671,13 +95913,13 @@
 
 
 /***/ }),
-/* 833 */
+/* 834 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -88847,13 +96089,13 @@
 
 
 /***/ }),
-/* 834 */
+/* 835 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -88914,13 +96156,13 @@
 
 
 /***/ }),
-/* 835 */
+/* 836 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -88998,13 +96240,13 @@
 
 
 /***/ }),
-/* 836 */
+/* 837 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89062,13 +96304,13 @@
 
 
 /***/ }),
-/* 837 */
+/* 838 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89142,13 +96384,13 @@
 
 
 /***/ }),
-/* 838 */
+/* 839 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89222,13 +96464,13 @@
 
 
 /***/ }),
-/* 839 */
+/* 840 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89302,13 +96544,13 @@
 
 
 /***/ }),
-/* 840 */
+/* 841 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89405,13 +96647,13 @@
 
 
 /***/ }),
-/* 841 */
+/* 842 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89509,13 +96751,13 @@
 
 
 /***/ }),
-/* 842 */
+/* 843 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89580,13 +96822,13 @@
 
 
 /***/ }),
-/* 843 */
+/* 844 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89651,13 +96893,13 @@
 
 
 /***/ }),
-/* 844 */
+/* 845 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89718,13 +96960,13 @@
 
 
 /***/ }),
-/* 845 */
+/* 846 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89789,13 +97031,13 @@
 
 
 /***/ }),
-/* 846 */
+/* 847 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89860,13 +97102,13 @@
 
 
 /***/ }),
-/* 847 */
+/* 848 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89926,13 +97168,13 @@
 
 
 /***/ }),
-/* 848 */
+/* 849 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -89997,13 +97239,13 @@
 
 
 /***/ }),
-/* 849 */
+/* 850 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -90072,13 +97314,13 @@
 
 
 /***/ }),
-/* 850 */
+/* 851 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -90168,13 +97410,13 @@
 
 
 /***/ }),
-/* 851 */
+/* 852 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -90264,13 +97506,13 @@
 
 
 /***/ }),
-/* 852 */
+/* 853 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -90360,13 +97602,13 @@
 
 
 /***/ }),
-/* 853 */
+/* 854 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -90444,13 +97686,13 @@
 
 
 /***/ }),
-/* 854 */
+/* 855 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -90514,13 +97756,13 @@
 
 
 /***/ }),
-/* 855 */
+/* 856 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -90624,13 +97866,13 @@
 
 
 /***/ }),
-/* 856 */
+/* 857 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -90737,13 +97979,13 @@
 
 
 /***/ }),
-/* 857 */
+/* 858 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -90801,13 +98043,13 @@
 
 
 /***/ }),
-/* 858 */
+/* 859 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -90888,13 +98130,13 @@
 
 
 /***/ }),
-/* 859 */
+/* 860 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -90966,13 +98208,13 @@
 
 
 /***/ }),
-/* 860 */
+/* 861 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -91048,13 +98290,13 @@
 
 
 /***/ }),
-/* 861 */
+/* 862 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -91127,13 +98369,13 @@
 
 
 /***/ }),
-/* 862 */
+/* 863 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -91208,13 +98450,13 @@
 
 
 /***/ }),
-/* 863 */
+/* 864 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -91288,13 +98530,13 @@
 
 
 /***/ }),
-/* 864 */
+/* 865 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -91369,13 +98611,13 @@
 
 
 /***/ }),
-/* 865 */
+/* 866 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -91496,13 +98738,13 @@
 
 
 /***/ }),
-/* 866 */
+/* 867 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -91624,13 +98866,13 @@
 
 
 /***/ }),
-/* 867 */
+/* 868 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -91725,13 +98967,13 @@
 
 
 /***/ }),
-/* 868 */
+/* 869 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -91853,13 +99095,13 @@
 
 
 /***/ }),
-/* 869 */
+/* 870 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -92011,13 +99253,13 @@
 
 
 /***/ }),
-/* 870 */
+/* 871 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -92125,13 +99367,13 @@
 
 
 /***/ }),
-/* 871 */
+/* 872 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -92224,13 +99466,13 @@
 
 
 /***/ }),
-/* 872 */
+/* 873 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -92310,13 +99552,13 @@
 
 
 /***/ }),
-/* 873 */
+/* 874 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -92446,13 +99688,13 @@
 
 
 /***/ }),
-/* 874 */
+/* 875 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -92519,13 +99761,13 @@
 
 
 /***/ }),
-/* 875 */
+/* 876 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -92592,13 +99834,13 @@
 
 
 /***/ }),
-/* 876 */
+/* 877 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -92688,13 +99930,13 @@
 
 
 /***/ }),
-/* 877 */
+/* 878 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -92774,13 +100016,13 @@
 
 
 /***/ }),
-/* 878 */
+/* 879 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -92867,13 +100109,13 @@
 
 
 /***/ }),
-/* 879 */
+/* 880 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -92958,13 +100200,13 @@
 
 
 /***/ }),
-/* 880 */
+/* 881 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -93072,13 +100314,13 @@
 
 
 /***/ }),
-/* 881 */
+/* 882 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -93202,13 +100444,13 @@
 
 
 /***/ }),
-/* 882 */
+/* 883 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -93287,13 +100529,13 @@
 
 
 /***/ }),
-/* 883 */
+/* 884 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -93410,13 +100652,13 @@
 
 
 /***/ }),
-/* 884 */
+/* 885 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -93501,13 +100743,13 @@
 
 
 /***/ }),
-/* 885 */
+/* 886 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -93641,13 +100883,13 @@
 
 
 /***/ }),
-/* 886 */
+/* 887 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -93715,13 +100957,13 @@
 
 
 /***/ }),
-/* 887 */
+/* 888 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -93837,13 +101079,13 @@
 
 
 /***/ }),
-/* 888 */
+/* 889 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -93938,13 +101180,13 @@
 
 
 /***/ }),
-/* 889 */
+/* 890 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -94054,13 +101296,13 @@
 
 
 /***/ }),
-/* 890 */
+/* 891 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -94122,13 +101364,13 @@
 
 
 /***/ }),
-/* 891 */
+/* 892 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -94216,13 +101458,13 @@
 
 
 /***/ }),
-/* 892 */
+/* 893 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -94301,13 +101543,13 @@
 
 
 /***/ }),
-/* 893 */
+/* 894 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -94409,13 +101651,13 @@
 
 
 /***/ }),
-/* 894 */
+/* 895 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -94573,13 +101815,13 @@
 
 
 /***/ }),
-/* 895 */
+/* 896 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -94659,13 +101901,13 @@
 
 
 /***/ }),
-/* 896 */
+/* 897 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -94745,13 +101987,13 @@
 
 
 /***/ }),
-/* 897 */
+/* 898 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -94809,13 +102051,13 @@
 
 
 /***/ }),
-/* 898 */
+/* 899 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -94906,13 +102148,13 @@
 
 
 /***/ }),
-/* 899 */
+/* 900 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -94972,13 +102214,13 @@
 
 
 /***/ }),
-/* 900 */
+/* 901 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -95099,13 +102341,13 @@
 
 
 /***/ }),
-/* 901 */
+/* 902 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -95190,13 +102432,13 @@
 
 
 /***/ }),
-/* 902 */
+/* 903 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -95281,13 +102523,13 @@
 
 
 /***/ }),
-/* 903 */
+/* 904 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -95345,13 +102587,13 @@
 
 
 /***/ }),
-/* 904 */
+/* 905 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -95473,13 +102715,13 @@
 
 
 /***/ }),
-/* 905 */
+/* 906 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -95603,13 +102845,13 @@
 
 
 /***/ }),
-/* 906 */
+/* 907 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -95672,13 +102914,13 @@
 
 
 /***/ }),
-/* 907 */
+/* 908 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -95737,13 +102979,13 @@
 
 
 /***/ }),
-/* 908 */
+/* 909 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -95816,13 +103058,13 @@
 
 
 /***/ }),
-/* 909 */
+/* 910 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -96002,13 +103244,13 @@
 
 
 /***/ }),
-/* 910 */
+/* 911 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -96104,13 +103346,13 @@
 
 
 /***/ }),
-/* 911 */
+/* 912 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -96168,13 +103410,13 @@
 
 
 /***/ }),
-/* 912 */
+/* 913 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -96243,13 +103485,13 @@
 
 
 /***/ }),
-/* 913 */
+/* 914 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -96403,13 +103645,13 @@
 
 
 /***/ }),
-/* 914 */
+/* 915 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -96580,13 +103822,13 @@
 
 
 /***/ }),
-/* 915 */
+/* 916 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -96652,13 +103894,13 @@
 
 
 /***/ }),
-/* 916 */
+/* 917 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -96767,13 +104009,13 @@
 
 
 /***/ }),
-/* 917 */
+/* 918 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -96882,13 +104124,13 @@
 
 
 /***/ }),
-/* 918 */
+/* 919 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -96974,13 +104216,13 @@
 
 
 /***/ }),
-/* 919 */
+/* 920 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -97047,13 +104289,13 @@
 
 
 /***/ }),
-/* 920 */
+/* 921 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -97110,13 +104352,13 @@
 
 
 /***/ }),
-/* 921 */
+/* 922 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -97243,13 +104485,13 @@
 
 
 /***/ }),
-/* 922 */
+/* 923 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -97336,13 +104578,13 @@
 
 
 /***/ }),
-/* 923 */
+/* 924 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -97407,13 +104649,13 @@
 
 
 /***/ }),
-/* 924 */
+/* 925 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -97527,13 +104769,13 @@
 
 
 /***/ }),
-/* 925 */
+/* 926 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -97598,13 +104840,13 @@
 
 
 /***/ }),
-/* 926 */
+/* 927 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -97664,13 +104906,13 @@
 
 
 /***/ }),
-/* 927 */
+/* 928 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -97790,12 +105032,12 @@
 
 
 /***/ }),
-/* 928 */
+/* 929 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -97888,13 +105130,13 @@
 
 
 /***/ }),
-/* 929 */
+/* 930 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -97983,13 +105225,13 @@
 
 
 /***/ }),
-/* 930 */
+/* 931 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -98045,13 +105287,13 @@
 
 
 /***/ }),
-/* 931 */
+/* 932 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -98107,13 +105349,13 @@
 
 
 /***/ }),
-/* 932 */
+/* 933 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js language configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -98230,13 +105472,13 @@
 
 
 /***/ }),
-/* 933 */
+/* 934 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -98388,13 +105630,13 @@
 
 
 /***/ }),
-/* 934 */
+/* 935 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -98490,13 +105732,13 @@
 
 
 /***/ }),
-/* 935 */
+/* 936 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -98552,13 +105794,13 @@
 
 
 /***/ }),
-/* 936 */
+/* 937 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -98614,13 +105856,13 @@
 
 
 /***/ }),
-/* 937 */
+/* 938 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -98697,13 +105939,13 @@
 
 
 /***/ }),
-/* 938 */
+/* 939 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -98769,13 +106011,13 @@
 
 
 /***/ }),
-/* 939 */
+/* 940 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -98833,13 +106075,13 @@
 
 
 /***/ }),
-/* 940 */
+/* 941 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -98947,13 +106189,13 @@
 
 
 /***/ }),
-/* 941 */
+/* 942 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -99054,13 +106296,13 @@
 
 
 /***/ }),
-/* 942 */
+/* 943 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	//! moment.js locale configuration
 
 	;(function (global, factory) {
-	    true ? factory(__webpack_require__(814)) :
+	    true ? factory(__webpack_require__(815)) :
 	   typeof define === 'function' && define.amd ? define(['../moment'], factory) :
 	   factory(global.moment)
 	}(this, (function (moment) { 'use strict';
@@ -99161,7 +106403,7 @@
 
 
 /***/ }),
-/* 943 */
+/* 944 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -99173,9 +106415,9 @@
 	var React = _interopDefault(__webpack_require__(1));
 	var PropTypes = _interopDefault(__webpack_require__(20));
 	var classnames = _interopDefault(__webpack_require__(86));
-	var onClickOutside = _interopDefault(__webpack_require__(944));
-	var moment = _interopDefault(__webpack_require__(814));
-	var reactPopper = __webpack_require__(945);
+	var onClickOutside = _interopDefault(__webpack_require__(945));
+	var moment = _interopDefault(__webpack_require__(815));
+	var reactPopper = __webpack_require__(946);
 
 	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
 	  return typeof obj;
@@ -102263,7 +109505,7 @@
 
 
 /***/ }),
-/* 944 */
+/* 945 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -102457,6 +109699,20 @@
 	        throw new Error("WrappedComponent: " + componentName + " lacks a handleClickOutside(event) function for processing outside click events.");
 	      };
 
+	      _this.__getComponentNode = function () {
+	        var instance = _this.getInstance();
+
+	        if (config && typeof config.setClickOutsideRef === 'function') {
+	          return config.setClickOutsideRef()(instance);
+	        }
+
+	        if (typeof instance.setClickOutsideRef === 'function') {
+	          return instance.setClickOutsideRef();
+	        }
+
+	        return reactDom.findDOMNode(instance);
+	      };
+
 	      _this.enableOnClickOutside = function () {
 	        if (typeof document === 'undefined' || enabledInstances[_this._uid]) {
 	          return;
@@ -102562,14 +109818,14 @@
 	        }
 	      }
 
-	      this.componentNode = reactDom.findDOMNode(this.getInstance()); // return early so we dont initiate onClickOutside
+	      this.componentNode = this.__getComponentNode(); // return early so we dont initiate onClickOutside
 
 	      if (this.props.disableOnClickOutside) return;
 	      this.enableOnClickOutside();
 	    };
 
 	    _proto.componentDidUpdate = function componentDidUpdate() {
-	      this.componentNode = reactDom.findDOMNode(this.getInstance());
+	      this.componentNode = this.__getComponentNode();
 	    };
 	    /**
 	     * Remove all document's event listeners for this component
@@ -102622,7 +109878,7 @@
 
 
 /***/ }),
-/* 945 */
+/* 946 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -102633,7 +109889,7 @@
 
 	var react = __webpack_require__(1);
 	var PropTypes = _interopDefault(__webpack_require__(20));
-	var PopperJS = _interopDefault(__webpack_require__(946));
+	var PopperJS = _interopDefault(__webpack_require__(947));
 
 	var classCallCheck = function (instance, Constructor) {
 	  if (!(instance instanceof Constructor)) {
@@ -103093,12 +110349,12 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 946 */
+/* 947 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(global) {/**!
 	 * @fileOverview Kickass library to create and place poppers near their reference elements.
-	 * @version 1.15.0
+	 * @version 1.16.1
 	 * @license
 	 * Copyright (c) 2016 Federico Zivolo and contributors
 	 *
@@ -103126,16 +110382,17 @@
 		(global.Popper = factory());
 	}(this, (function () { 'use strict';
 
-	var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+	var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && typeof navigator !== 'undefined';
 
-	var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
-	var timeoutDuration = 0;
-	for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
-	  if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
-	    timeoutDuration = 1;
-	    break;
+	var timeoutDuration = function () {
+	  var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
+	  for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
+	    if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
+	      return 1;
+	    }
 	  }
-	}
+	  return 0;
+	}();
 
 	function microtaskDebounce(fn) {
 	  var called = false;
@@ -103255,6 +110512,17 @@
 	  return getScrollParent(getParentNode(element));
 	}
 
+	/**
+	 * Returns the reference node of the reference object, or the reference object itself.
+	 * @method
+	 * @memberof Popper.Utils
+	 * @param {Element|Object} reference - the reference element (the popper will be relative to this)
+	 * @returns {Element} parent
+	 */
+	function getReferenceNode(reference) {
+	  return reference && reference.referenceNode ? reference.referenceNode : reference;
+	}
+
 	var isIE11 = isBrowser && !!(window.MSInputMethodContext && document.documentMode);
 	var isIE10 = isBrowser && /MSIE 10/.test(navigator.userAgent);
 
@@ -103438,7 +110706,7 @@
 	  var sideA = axis === 'x' ? 'Left' : 'Top';
 	  var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
 
-	  return parseFloat(styles['border' + sideA + 'Width'], 10) + parseFloat(styles['border' + sideB + 'Width'], 10);
+	  return parseFloat(styles['border' + sideA + 'Width']) + parseFloat(styles['border' + sideB + 'Width']);
 	}
 
 	function getSize(axis, body, html, computedStyle) {
@@ -103563,8 +110831,8 @@
 
 	  // subtract scrollbar size from sizes
 	  var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};
-	  var width = sizes.width || element.clientWidth || result.right - result.left;
-	  var height = sizes.height || element.clientHeight || result.bottom - result.top;
+	  var width = sizes.width || element.clientWidth || result.width;
+	  var height = sizes.height || element.clientHeight || result.height;
 
 	  var horizScrollbar = element.offsetWidth - width;
 	  var vertScrollbar = element.offsetHeight - height;
@@ -103593,8 +110861,8 @@
 	  var scrollParent = getScrollParent(children);
 
 	  var styles = getStyleComputedProperty(parent);
-	  var borderTopWidth = parseFloat(styles.borderTopWidth, 10);
-	  var borderLeftWidth = parseFloat(styles.borderLeftWidth, 10);
+	  var borderTopWidth = parseFloat(styles.borderTopWidth);
+	  var borderLeftWidth = parseFloat(styles.borderLeftWidth);
 
 	  // In cases where the parent is fixed, we must ignore negative scroll in offset calc
 	  if (fixedPosition && isHTML) {
@@ -103615,8 +110883,8 @@
 	  // differently when margins are applied to it. The margins are included in
 	  // the box of the documentElement, in the other cases not.
 	  if (!isIE10 && isHTML) {
-	    var marginTop = parseFloat(styles.marginTop, 10);
-	    var marginLeft = parseFloat(styles.marginLeft, 10);
+	    var marginTop = parseFloat(styles.marginTop);
+	    var marginLeft = parseFloat(styles.marginLeft);
 
 	    offsets.top -= borderTopWidth - marginTop;
 	    offsets.bottom -= borderTopWidth - marginTop;
@@ -103716,7 +110984,7 @@
 	  // NOTE: 1 DOM access here
 
 	  var boundaries = { top: 0, left: 0 };
-	  var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, reference);
+	  var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference));
 
 	  // Handle viewport case
 	  if (boundariesElement === 'viewport') {
@@ -103844,7 +111112,7 @@
 	function getReferenceOffsets(state, popper, reference) {
 	  var fixedPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
 
-	  var commonOffsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, reference);
+	  var commonOffsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference));
 	  return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent, fixedPosition);
 	}
 
@@ -104106,7 +111374,7 @@
 
 	  this.disableEventListeners();
 
-	  // remove the popper if user explicity asked for the deletion on destroy
+	  // remove the popper if user explicitly asked for the deletion on destroy
 	  // do not use `remove` because IE11 doesn't support it
 	  if (this.options.removeOnDestroy) {
 	    this.popper.parentNode.removeChild(this.popper);
@@ -104555,8 +111823,8 @@
 	  // Compute the sideValue using the updated popper offsets
 	  // take popper margin in account because we don't have this info available
 	  var css = getStyleComputedProperty(data.instance.popper);
-	  var popperMarginSide = parseFloat(css['margin' + sideCapitalized], 10);
-	  var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width'], 10);
+	  var popperMarginSide = parseFloat(css['margin' + sideCapitalized]);
+	  var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width']);
 	  var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;
 
 	  // prevent arrowElement from being placed not contiguously to its popper
@@ -105712,18 +112980,18 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
 
 /***/ }),
-/* 947 */
+/* 948 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 
-	var assign = __webpack_require__(948),
+	var assign = __webpack_require__(949),
 		PropTypes = __webpack_require__(20),
 		createClass = __webpack_require__(29),
-		moment = __webpack_require__(814),
+		moment = __webpack_require__(815),
 		React = __webpack_require__(1),
-		CalendarContainer = __webpack_require__(949),
-		onClickOutside = __webpack_require__(944).default
+		CalendarContainer = __webpack_require__(950),
+		onClickOutside = __webpack_require__(945).default
 		;
 
 	var viewModes = Object.freeze({
@@ -106255,7 +113523,7 @@
 
 
 /***/ }),
-/* 948 */
+/* 949 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -106300,17 +113568,17 @@
 
 
 /***/ }),
-/* 949 */
+/* 950 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 
 	var React = __webpack_require__(1),
 		createClass = __webpack_require__(29),
-		DaysView = __webpack_require__(950),
-		MonthsView = __webpack_require__(951),
-		YearsView = __webpack_require__(952),
-		TimeView = __webpack_require__(953)
+		DaysView = __webpack_require__(951),
+		MonthsView = __webpack_require__(952),
+		YearsView = __webpack_require__(953),
+		TimeView = __webpack_require__(954)
 		;
 
 	var CalendarContainer = createClass({
@@ -106330,14 +113598,14 @@
 
 
 /***/ }),
-/* 950 */
+/* 951 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 
 	var React = __webpack_require__(1),
 		createClass = __webpack_require__(29),
-		moment = __webpack_require__(814)
+		moment = __webpack_require__(815)
 		;
 
 	var DateTimePickerDays = createClass({
@@ -106475,7 +113743,7 @@
 
 
 /***/ }),
-/* 951 */
+/* 952 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -106583,7 +113851,7 @@
 
 
 /***/ }),
-/* 952 */
+/* 953 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -106689,14 +113957,14 @@
 
 
 /***/ }),
-/* 953 */
+/* 954 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
 
 	var React = __webpack_require__(1),
 		createClass = __webpack_require__(29),
-		assign = __webpack_require__(948)
+		assign = __webpack_require__(949)
 		;
 
 	var DateTimePickerTime = createClass({
@@ -106927,13 +114195,13 @@
 
 
 /***/ }),
-/* 954 */
+/* 955 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(955);
+	var content = __webpack_require__(956);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -106953,12 +114221,12 @@
 	}
 
 /***/ }),
-/* 955 */
+/* 956 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
 	// imports
-	exports.i(__webpack_require__(956), "");
+	exports.i(__webpack_require__(957), "");
 
 	// module
 	exports.push([module.id, ".DateInput {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.125rem;\n  font-weight: normal;\n  font-style: normal;\n  border: 0.0625rem solid #e3e6eb;\n  position: relative;\n  color: #15131c;\n  background: #fff;\n  box-sizing: border-box;\n  height: 3.5rem;\n  width: 100%;\n}\n.DateInput .DateInput--infoRow {\n  font-size: 0.625rem;\n  text-transform: uppercase;\n  position: absolute;\n  top: 0.5rem;\n  width: 100%;\n  color: #474c5e;\n}\n.DateInput .DateInput--infoRow .DateInput--label {\n  left: 0.75rem;\n  opacity: 1;\n}\n.DateInput .DateInput--infoRow .DateInput--required {\n  position: absolute;\n  right: 1.5rem;\n}\n.DateInput .DateInput--infoRow .DateInput--error {\n  color: #e02b3a;\n  position: absolute;\n  right: 1.5rem;\n}\n.DateInput .react-datepicker-wrapper {\n  width: 100%;\n}\n.DateInput .react-datepicker__input-container {\n  width: 100%;\n}\n.DateInput .DateInput--input {\n  font-size: 1rem;\n  display: block;\n  border: none;\n  width: 100%;\n  line-height: 2.5rem;\n  min-height: 2.5rem;\n  padding-top: 0.75rem;\n  background-color: transparent;\n  outline: none;\n}\n.DateInput.DateInput--placeholder-shown label {\n  opacity: 0 !important;\n}\n.DateInput.DateInput--placeholder-shown .DateInput--input {\n  font-size: 0.75rem;\n  padding-top: 0.5rem;\n  line-height: 2.5rem;\n  min-height: 2.5rem;\n  color: #474c5e;\n}\n.DateInput.DateInput--hasError {\n  box-shadow: inset 0.25rem 0 #e02b3a;\n  transition: box-shadow 0.25s ease-out;\n}\n.DateInput.DateInput--inFocus {\n  box-shadow: inset 0.25rem 0 #436cf2;\n  transition: box-shadow 0.25s ease-out;\n}\n.DateInput.DateInput--disabled {\n  border: 0.0625rem solid #e3e6eb;\n  color: #474c5e;\n  background: #e3e6eb;\n}\n.DateInput.DateInput--disabled .DateInput--input {\n  background: transparent;\n}\n.DateInput.DateInput--readonly {\n  border: 0.0625rem solid transparent;\n  color: #15131c;\n  background: transparent;\n}\n.DatePicker--Popper.react-datepicker-popper {\n  z-index: 300;\n}\n", ""]);
@@ -106967,7 +114235,7 @@
 
 
 /***/ }),
-/* 956 */
+/* 957 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -106981,14 +114249,14 @@
 
 
 /***/ }),
-/* 957 */
+/* 958 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var react_linkify_1 = __webpack_require__(958);
+	var react_linkify_1 = __webpack_require__(959);
 	function RichText(props) {
 	    var lines = props.text.split("\n");
 	    return (React.createElement(react_linkify_1.default, { properties: { target: "_blank" } }, lines.map(function (item, index) { return (React.createElement("span", { key: index },
@@ -107002,7 +114270,7 @@
 
 
 /***/ }),
-/* 958 */
+/* 959 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -107018,11 +114286,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _linkifyIt = __webpack_require__(959);
+	var _linkifyIt = __webpack_require__(960);
 
 	var _linkifyIt2 = _interopRequireDefault(_linkifyIt);
 
-	var _tlds = __webpack_require__(965);
+	var _tlds = __webpack_require__(966);
 
 	var _tlds2 = _interopRequireDefault(_tlds);
 
@@ -107157,7 +114425,7 @@
 
 
 /***/ }),
-/* 959 */
+/* 960 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -107312,7 +114580,7 @@
 	function compile(self) {
 
 	  // Load & clone RE patterns.
-	  var re = self.re = __webpack_require__(960)(self.__opts__);
+	  var re = self.re = __webpack_require__(961)(self.__opts__);
 
 	  // Define dynamic patterns
 	  var tlds = self.__tlds__.slice();
@@ -107799,7 +115067,7 @@
 
 
 /***/ }),
-/* 960 */
+/* 961 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -107809,10 +115077,10 @@
 	  var re = {};
 
 	  // Use direct extract instead of `regenerate` to reduse browserified size
-	  re.src_Any = __webpack_require__(961).source;
-	  re.src_Cc  = __webpack_require__(962).source;
-	  re.src_Z   = __webpack_require__(963).source;
-	  re.src_P   = __webpack_require__(964).source;
+	  re.src_Any = __webpack_require__(962).source;
+	  re.src_Cc  = __webpack_require__(963).source;
+	  re.src_Z   = __webpack_require__(964).source;
+	  re.src_P   = __webpack_require__(965).source;
 
 	  // \p{\Z\P\Cc\CF} (white spaces + control + format + punctuation)
 	  re.src_ZPCc = [ re.src_Z, re.src_P, re.src_Cc ].join('|');
@@ -107860,7 +115128,9 @@
 	          '\\"(?:(?!' + re.src_ZCc + '|["]).)+\\"|' +
 	          "\\'(?:(?!" + re.src_ZCc + "|[']).)+\\'|" +
 	          "\\'(?=" + re.src_pseudo_letter + '|[-]).|' +  // allow `I'm_king` if no pair found
-	          '\\.{2,3}[a-zA-Z0-9%/]|' + // github has ... in commit range links. Restrict to
+	          '\\.{2,4}[a-zA-Z0-9%/]|' + // github has ... in commit range links,
+	                                     // google has .... in links (issue #66)
+	                                     // Restrict to
 	                                     // - english
 	                                     // - percent-encoded
 	                                     // - parts of file path
@@ -107878,9 +115148,11 @@
 	      '|\\/' +
 	    ')?';
 
+	  // Allow anything in markdown spec, forbid quote (") at the first position
+	  // because emails enclosed in quotes are far more common
 	  re.src_email_name =
 
-	    '[\\-;:&=\\+\\$,\\"\\.a-zA-Z0-9_]+';
+	    '[\\-;:&=\\+\\$,\\.a-zA-Z0-9_][\\-;:&=\\+\\$,\\"\\.a-zA-Z0-9_]*';
 
 	  re.src_xn =
 
@@ -107960,7 +115232,8 @@
 
 	  re.tpl_email_fuzzy =
 
-	      '(^|' + text_separators + '|\\(|' + re.src_ZCc + ')(' + re.src_email_name + '@' + re.tpl_host_fuzzy_strict + ')';
+	      '(^|' + text_separators + '|"|\\(|' + re.src_ZCc + ')' +
+	      '(' + re.src_email_name + '@' + re.tpl_host_fuzzy_strict + ')';
 
 	  re.tpl_link_fuzzy =
 	      // Fuzzy link can't be prepended with .:/\- and non punctuation.
@@ -107979,31 +115252,31 @@
 
 
 /***/ }),
-/* 961 */
+/* 962 */
 /***/ (function(module, exports) {
 
 	module.exports=/[\0-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/
 
 /***/ }),
-/* 962 */
+/* 963 */
 /***/ (function(module, exports) {
 
 	module.exports=/[\0-\x1F\x7F-\x9F]/
 
 /***/ }),
-/* 963 */
+/* 964 */
 /***/ (function(module, exports) {
 
 	module.exports=/[ \xA0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000]/
 
 /***/ }),
-/* 964 */
+/* 965 */
 /***/ (function(module, exports) {
 
 	module.exports=/[!-#%-\*,-\/:;\?@\[-\]_\{\}\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u09FD\u0A76\u0AF0\u0C84\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E4E\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD803[\uDF55-\uDF59]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDC4B-\uDC4F\uDC5B\uDC5D\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDE60-\uDE6C\uDF3C-\uDF3E]|\uD806[\uDC3B\uDE3F-\uDE46\uDE9A-\uDE9C\uDE9E-\uDEA2]|\uD807[\uDC41-\uDC45\uDC70\uDC71\uDEF7\uDEF8]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD81B[\uDE97-\uDE9A]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B]|\uD83A[\uDD5E\uDD5F]/
 
 /***/ }),
-/* 965 */
+/* 966 */
 /***/ (function(module, exports) {
 
 	module.exports = [
@@ -108023,7 +115296,6 @@
 	  "accountant",
 	  "accountants",
 	  "aco",
-	  "active",
 	  "actor",
 	  "ad",
 	  "adac",
@@ -108153,7 +115425,6 @@
 	  "bj",
 	  "black",
 	  "blackfriday",
-	  "blanco",
 	  "blockbuster",
 	  "blog",
 	  "bloomberg",
@@ -108162,7 +115433,6 @@
 	  "bms",
 	  "bmw",
 	  "bn",
-	  "bnl",
 	  "bnpparibas",
 	  "bo",
 	  "boats",
@@ -108221,7 +115491,6 @@
 	  "career",
 	  "careers",
 	  "cars",
-	  "cartier",
 	  "casa",
 	  "case",
 	  "caseih",
@@ -108247,13 +115516,13 @@
 	  "ch",
 	  "chanel",
 	  "channel",
+	  "charity",
 	  "chase",
 	  "chat",
 	  "cheap",
 	  "chintai",
 	  "christmas",
 	  "chrome",
-	  "chrysler",
 	  "church",
 	  "ci",
 	  "cipriani",
@@ -108305,6 +115574,7 @@
 	  "coupon",
 	  "coupons",
 	  "courses",
+	  "cpa",
 	  "cr",
 	  "credit",
 	  "creditcard",
@@ -108366,9 +115636,7 @@
 	  "do",
 	  "docs",
 	  "doctor",
-	  "dodge",
 	  "dog",
-	  "doha",
 	  "domains",
 	  "dot",
 	  "download",
@@ -108377,7 +115645,6 @@
 	  "dubai",
 	  "duck",
 	  "dunlop",
-	  "duns",
 	  "dupont",
 	  "durban",
 	  "dvag",
@@ -108398,7 +115665,6 @@
 	  "engineer",
 	  "engineering",
 	  "enterprises",
-	  "epost",
 	  "epson",
 	  "equipment",
 	  "er",
@@ -108414,7 +115680,6 @@
 	  "eurovision",
 	  "eus",
 	  "events",
-	  "everbank",
 	  "exchange",
 	  "expert",
 	  "exposed",
@@ -108494,6 +115759,7 @@
 	  "games",
 	  "gap",
 	  "garden",
+	  "gay",
 	  "gb",
 	  "gbiz",
 	  "gd",
@@ -108529,7 +115795,6 @@
 	  "goldpoint",
 	  "golf",
 	  "goo",
-	  "goodhands",
 	  "goodyear",
 	  "goog",
 	  "google",
@@ -108587,7 +115852,6 @@
 	  "homes",
 	  "homesense",
 	  "honda",
-	  "honeywell",
 	  "horse",
 	  "hospital",
 	  "host",
@@ -108621,6 +115885,7 @@
 	  "immo",
 	  "immobilien",
 	  "in",
+	  "inc",
 	  "industries",
 	  "infiniti",
 	  "info",
@@ -108640,7 +115905,6 @@
 	  "ir",
 	  "irish",
 	  "is",
-	  "iselect",
 	  "ismaili",
 	  "ist",
 	  "istanbul",
@@ -108648,7 +115912,6 @@
 	  "itau",
 	  "itv",
 	  "iveco",
-	  "iwc",
 	  "jaguar",
 	  "java",
 	  "jcb",
@@ -108658,7 +115921,6 @@
 	  "jetzt",
 	  "jewelry",
 	  "jio",
-	  "jlc",
 	  "jll",
 	  "jm",
 	  "jmp",
@@ -108707,12 +115969,10 @@
 	  "kz",
 	  "la",
 	  "lacaixa",
-	  "ladbrokes",
 	  "lamborghini",
 	  "lamer",
 	  "lancaster",
 	  "lancia",
-	  "lancome",
 	  "land",
 	  "landrover",
 	  "lanxess",
@@ -108806,7 +116066,6 @@
 	  "memorial",
 	  "men",
 	  "menu",
-	  "meo",
 	  "merckmsd",
 	  "metlife",
 	  "mg",
@@ -108828,7 +116087,6 @@
 	  "mo",
 	  "mobi",
 	  "mobile",
-	  "mobily",
 	  "moda",
 	  "moe",
 	  "moi",
@@ -108836,7 +116094,6 @@
 	  "monash",
 	  "money",
 	  "monster",
-	  "mopar",
 	  "mormon",
 	  "mortgage",
 	  "moscow",
@@ -108942,7 +116199,6 @@
 	  "pa",
 	  "page",
 	  "panasonic",
-	  "panerai",
 	  "paris",
 	  "pars",
 	  "partners",
@@ -108965,7 +116221,6 @@
 	  "photography",
 	  "photos",
 	  "physio",
-	  "piaget",
 	  "pics",
 	  "pictet",
 	  "pictures",
@@ -109081,7 +116336,6 @@
 	  "sandvikcoromant",
 	  "sanofi",
 	  "sap",
-	  "sapo",
 	  "sarl",
 	  "sas",
 	  "save",
@@ -109163,21 +116417,18 @@
 	  "sony",
 	  "soy",
 	  "space",
-	  "spiegel",
 	  "sport",
 	  "spot",
 	  "spreadbetting",
 	  "sr",
 	  "srl",
-	  "srt",
+	  "ss",
 	  "st",
 	  "stada",
 	  "staples",
 	  "star",
-	  "starhub",
 	  "statebank",
 	  "statefarm",
-	  "statoil",
 	  "stc",
 	  "stcgroup",
 	  "stockholm",
@@ -109223,7 +116474,6 @@
 	  "tech",
 	  "technology",
 	  "tel",
-	  "telecity",
 	  "telefonica",
 	  "temasek",
 	  "tennis",
@@ -109284,7 +116534,6 @@
 	  "ua",
 	  "ubank",
 	  "ubs",
-	  "uconnect",
 	  "ug",
 	  "uk",
 	  "unicom",
@@ -109318,7 +116567,6 @@
 	  "virgin",
 	  "visa",
 	  "vision",
-	  "vista",
 	  "vistaprint",
 	  "viva",
 	  "vivo",
@@ -109338,7 +116586,6 @@
 	  "walter",
 	  "wang",
 	  "wanggou",
-	  "warman",
 	  "watch",
 	  "watches",
 	  "weather",
@@ -109466,9 +116713,9 @@
 	  "اتصالات", // xn--mgbaakc7dvf
 	  "امارات", // xn--mgbaam7a8h
 	  "بازار", // xn--mgbab2bd
+	  "موريتانيا", // xn--mgbah1a3hjkrd
 	  "پاکستان", // xn--mgbai9azgqp6j
 	  "الاردن", // xn--mgbayh7gpa
-	  "موبايلي", // xn--mgbb9fbpob
 	  "بارت", // xn--mgbbh1a
 	  "بھارت", // xn--mgbbh1a71e
 	  "المغرب", // xn--mgbc0a9azcg
@@ -109500,6 +116747,7 @@
 	  "大拿", // xn--pssy2u
 	  "みんな", // xn--q9jyb4c
 	  "グーグル", // xn--qcka1pmc
+	  "ευ", // xn--qxa6a
 	  "ελ", // xn--qxam
 	  "世界", // xn--rhqv96g
 	  "書籍", // xn--rovu88b
@@ -109525,7 +116773,6 @@
 	  "新加坡", // xn--yfro4i67o
 	  "فلسطين", // xn--ygbi2ammx
 	  "政务", // xn--zfr164b
-	  "xperia",
 	  "xxx",
 	  "xyz",
 	  "yachts",
@@ -109545,7 +116792,6 @@
 	  "zara",
 	  "zero",
 	  "zip",
-	  "zippo",
 	  "zm",
 	  "zone",
 	  "zuerich",
@@ -109554,17 +116800,17 @@
 
 
 /***/ }),
-/* 966 */
+/* 967 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var DatePicker_1 = __webpack_require__(967);
+	var DatePicker_1 = __webpack_require__(968);
 	exports.default = DatePicker_1.default;
 
 
 /***/ }),
-/* 967 */
+/* 968 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -109583,25 +116829,25 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var react_datepicker_1 = __webpack_require__(943);
-	__webpack_require__(968);
+	var react_datepicker_1 = __webpack_require__(944);
+	__webpack_require__(969);
 	function DatePicker(props) {
 	    return (React.createElement(react_datepicker_1.default, __assign({}, props, { inline: true, calendarClassName: classnames("DatePicker", props.className) })));
 	}
 	exports.default = DatePicker;
-	DatePicker.propTypes = __assign({}, react_datepicker_1.default.propTypes, { 
+	DatePicker.propTypes = __assign(__assign({}, react_datepicker_1.default.propTypes), { 
 	    // This is incorrectly marked as required in ReactDatePicker.propTypes.
 	    dropdownMode: PropTypes.oneOf(["scroll", "select"]) });
 
 
 /***/ }),
-/* 968 */
+/* 969 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(969);
+	var content = __webpack_require__(970);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -109621,12 +116867,12 @@
 	}
 
 /***/ }),
-/* 969 */
+/* 970 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
 	// imports
-	exports.i(__webpack_require__(970), "");
+	exports.i(__webpack_require__(971), "");
 
 	// module
 	exports.push([module.id, ".DatePicker {\n  border-radius: 0rem;\n  border: 0.0625rem solid #e3e6eb;\n  background-color: #fafbfc;\n  font-family: inherit;\n}\n.DatePicker .react-datepicker__current-month {\n  color: #15131c;\n}\n.DatePicker .react-datepicker__navigation--previous {\n  border-right-color: #15131c;\n}\n.DatePicker .react-datepicker__navigation--previous:hover {\n  border-right-color: #15131c;\n}\n.DatePicker .react-datepicker__navigation--next {\n  border-left-color: #15131c;\n}\n.DatePicker .react-datepicker__navigation--next:hover {\n  border-left-color: #15131c;\n}\n.DatePicker .react-datepicker__header {\n  background: none;\n  border: none;\n}\n.DatePicker .react-datepicker__day--today {\n  font-weight: normal;\n  font-style: normal;\n}\n.DatePicker .react-datepicker__day--keyboard-selected,\n.DatePicker .react-datepicker__day:hover {\n  background-color: #d5d5d6;\n  border-radius: 50%;\n}\n.DatePicker .react-datepicker__day--selected {\n  border-radius: 50%;\n  background-color: #436cf2;\n}\n.DatePicker .react-datepicker__day--selected:hover {\n  background-color: #436cf2;\n}\n.DatePicker .react-datepicker__day--outside-month {\n  color: #a8aeba;\n}\n.DatePicker .react-datepicker__day--disabled {\n  color: #e3e6eb;\n}\n.DatePicker .react-datepicker__triangle {\n  display: none;\n}\n", ""]);
@@ -109635,7 +116881,7 @@
 
 
 /***/ }),
-/* 970 */
+/* 971 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -109649,17 +116895,17 @@
 
 
 /***/ }),
-/* 971 */
+/* 972 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var DollarAmount_1 = __webpack_require__(972);
+	var DollarAmount_1 = __webpack_require__(973);
 	exports.default = DollarAmount_1.default;
 
 
 /***/ }),
-/* 972 */
+/* 973 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -109678,7 +116924,7 @@
 	})();
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var classnames = __webpack_require__(86);
-	var numeral = __webpack_require__(811);
+	var numeral = __webpack_require__(812);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
 	var propTypes = {
@@ -109723,19 +116969,19 @@
 
 
 /***/ }),
-/* 973 */
+/* 974 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var DropdownButton_1 = __webpack_require__(974);
-	var Option_1 = __webpack_require__(976);
+	var DropdownButton_1 = __webpack_require__(975);
+	var Option_1 = __webpack_require__(977);
 	exports.Option = Option_1.default;
 	exports.default = DropdownButton_1.default;
 
 
 /***/ }),
-/* 974 */
+/* 975 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -109767,17 +117013,17 @@
 	var _ = __webpack_require__(436);
 	var classnames = __webpack_require__(86);
 	var MorePropTypes_1 = __webpack_require__(450);
-	var Overlay = __webpack_require__(719);
+	var Overlay = __webpack_require__(720);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
 	var FlexBox_1 = __webpack_require__(435);
 	var FlexItem_1 = __webpack_require__(438);
-	var Menu_1 = __webpack_require__(975);
-	var Option_1 = __webpack_require__(976);
-	var Type_1 = __webpack_require__(977);
+	var Menu_1 = __webpack_require__(976);
+	var Option_1 = __webpack_require__(977);
+	var Type_1 = __webpack_require__(978);
 	var Button_1 = __webpack_require__(461);
-	__webpack_require__(980);
-	__webpack_require__(982);
+	__webpack_require__(981);
+	__webpack_require__(983);
 	var propTypes = {
 	    children: MorePropTypes_1.default.oneOrManyOf(MorePropTypes_1.default.instanceOfComponent(Option_1.default)),
 	    className: PropTypes.string,
@@ -109843,7 +117089,7 @@
 
 
 /***/ }),
-/* 975 */
+/* 976 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -109868,9 +117114,9 @@
 	var PropTypes = __webpack_require__(20);
 	var Button_1 = __webpack_require__(461);
 	var FlexBox_1 = __webpack_require__(435);
-	var Option_1 = __webpack_require__(976);
-	var Type_1 = __webpack_require__(977);
-	__webpack_require__(978);
+	var Option_1 = __webpack_require__(977);
+	var Type_1 = __webpack_require__(978);
+	__webpack_require__(979);
 	var propTypes = {
 	    children: MorePropTypes_1.default.oneOrManyOf(MorePropTypes_1.default.instanceOfComponent(Option_1.default)),
 	    className: PropTypes.string,
@@ -109909,7 +117155,7 @@
 
 
 /***/ }),
-/* 976 */
+/* 977 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -109952,7 +117198,7 @@
 
 
 /***/ }),
-/* 977 */
+/* 978 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -109967,13 +117213,13 @@
 
 
 /***/ }),
-/* 978 */
+/* 979 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(979);
+	var content = __webpack_require__(980);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -109993,7 +117239,7 @@
 	}
 
 /***/ }),
-/* 979 */
+/* 980 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -110007,13 +117253,13 @@
 
 
 /***/ }),
-/* 980 */
+/* 981 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(981);
+	var content = __webpack_require__(982);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -110033,7 +117279,7 @@
 	}
 
 /***/ }),
-/* 981 */
+/* 982 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -110047,13 +117293,13 @@
 
 
 /***/ }),
-/* 982 */
+/* 983 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(983);
+	var content = __webpack_require__(984);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -110073,7 +117319,7 @@
 	}
 
 /***/ }),
-/* 983 */
+/* 984 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -110087,17 +117333,17 @@
 
 
 /***/ }),
-/* 984 */
+/* 985 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var List_1 = __webpack_require__(985);
+	var List_1 = __webpack_require__(986);
 	exports.default = List_1.default;
 
 
 /***/ }),
-/* 985 */
+/* 986 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -110119,9 +117365,9 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	var Item_1 = __webpack_require__(986);
+	var Item_1 = __webpack_require__(987);
 	var MorePropTypes_1 = __webpack_require__(450);
-	__webpack_require__(989);
+	__webpack_require__(990);
 	var RowType = {
 	    PLAIN: "plain",
 	    BORDERED: "bordered",
@@ -110168,7 +117414,7 @@
 
 
 /***/ }),
-/* 986 */
+/* 987 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -110189,7 +117435,7 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	__webpack_require__(987);
+	__webpack_require__(988);
 	var cssClass = {
 	    CONTAINER: "List--Item",
 	    CONTENT_WRAPPER: "List--Item--ContentWrapper",
@@ -110221,13 +117467,13 @@
 
 
 /***/ }),
-/* 987 */
+/* 988 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(988);
+	var content = __webpack_require__(989);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -110247,7 +117493,7 @@
 	}
 
 /***/ }),
-/* 988 */
+/* 989 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -110261,13 +117507,13 @@
 
 
 /***/ }),
-/* 989 */
+/* 990 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(990);
+	var content = __webpack_require__(991);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -110287,7 +117533,7 @@
 	}
 
 /***/ }),
-/* 990 */
+/* 991 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -110301,17 +117547,17 @@
 
 
 /***/ }),
-/* 991 */
+/* 992 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var GoalsLogo_1 = __webpack_require__(992);
+	var GoalsLogo_1 = __webpack_require__(993);
 	exports.default = GoalsLogo_1.default;
 
 
 /***/ }),
-/* 992 */
+/* 993 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -110333,7 +117579,7 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	__webpack_require__(993);
+	__webpack_require__(994);
 	var Size = {
 	    S: "small",
 	    M: "medium",
@@ -110418,13 +117664,13 @@
 
 
 /***/ }),
-/* 993 */
+/* 994 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(994);
+	var content = __webpack_require__(995);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -110444,7 +117690,7 @@
 	}
 
 /***/ }),
-/* 994 */
+/* 995 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -110458,7 +117704,7 @@
 
 
 /***/ }),
-/* 995 */
+/* 996 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -110479,8 +117725,8 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	var Colors_1 = __webpack_require__(996);
-	__webpack_require__(997);
+	var Colors_1 = __webpack_require__(997);
+	__webpack_require__(998);
 	var propTypes = {
 	    className: PropTypes.string,
 	    color: PropTypes.oneOf(Object.values(Colors_1.default)),
@@ -110507,7 +117753,7 @@
 
 
 /***/ }),
-/* 996 */
+/* 997 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -110571,13 +117817,13 @@
 
 
 /***/ }),
-/* 997 */
+/* 998 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(998);
+	var content = __webpack_require__(999);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -110597,7 +117843,7 @@
 	}
 
 /***/ }),
-/* 998 */
+/* 999 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -110611,17 +117857,17 @@
 
 
 /***/ }),
-/* 999 */
+/* 1000 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var Menu_1 = __webpack_require__(1000);
+	var Menu_1 = __webpack_require__(1001);
 	exports.default = Menu_1.default;
 
 
 /***/ }),
-/* 1000 */
+/* 1001 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -110655,10 +117901,10 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	var RootCloseWrapper = __webpack_require__(617);
-	var MenuItem_1 = __webpack_require__(1001);
+	var RootCloseWrapper = __webpack_require__(618);
+	var MenuItem_1 = __webpack_require__(1002);
 	var MorePropTypes_1 = __webpack_require__(450);
-	__webpack_require__(1004);
+	__webpack_require__(1005);
 	var Placement = {
 	    LEFT: "left",
 	    RIGHT: "right",
@@ -110888,7 +118134,7 @@
 
 
 /***/ }),
-/* 1001 */
+/* 1002 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -110922,7 +118168,7 @@
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
 	var ReactDOM = __webpack_require__(8);
-	__webpack_require__(1002);
+	__webpack_require__(1003);
 	var propTypes = {
 	    children: PropTypes.node.isRequired,
 	    className: PropTypes.string,
@@ -110994,13 +118240,13 @@
 
 
 /***/ }),
-/* 1002 */
+/* 1003 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1003);
+	var content = __webpack_require__(1004);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -111020,7 +118266,7 @@
 	}
 
 /***/ }),
-/* 1003 */
+/* 1004 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -111034,13 +118280,13 @@
 
 
 /***/ }),
-/* 1004 */
+/* 1005 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1005);
+	var content = __webpack_require__(1006);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -111060,7 +118306,7 @@
 	}
 
 /***/ }),
-/* 1005 */
+/* 1006 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -111074,7 +118320,7 @@
 
 
 /***/ }),
-/* 1006 */
+/* 1007 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -111094,11 +118340,11 @@
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
-	var Logo_1 = __webpack_require__(995);
+	var Logo_1 = __webpack_require__(996);
 	var flex_1 = __webpack_require__(433);
-	var TopBarButton_1 = __webpack_require__(1007);
-	__webpack_require__(1010);
-	var Menu_1 = __webpack_require__(999);
+	var TopBarButton_1 = __webpack_require__(1008);
+	__webpack_require__(1011);
+	var Menu_1 = __webpack_require__(1000);
 	/**
 	 * Global page-level header component.
 	 */
@@ -111132,7 +118378,7 @@
 
 
 /***/ }),
-/* 1007 */
+/* 1008 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -111165,7 +118411,7 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	__webpack_require__(1008);
+	__webpack_require__(1009);
 	var propTypes = {
 	    active: PropTypes.bool,
 	    children: PropTypes.node.isRequired,
@@ -111213,13 +118459,13 @@
 
 
 /***/ }),
-/* 1008 */
+/* 1009 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1009);
+	var content = __webpack_require__(1010);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -111239,7 +118485,7 @@
 	}
 
 /***/ }),
-/* 1009 */
+/* 1010 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -111253,13 +118499,13 @@
 
 
 /***/ }),
-/* 1010 */
+/* 1011 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1011);
+	var content = __webpack_require__(1012);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -111279,7 +118525,7 @@
 	}
 
 /***/ }),
-/* 1011 */
+/* 1012 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -111293,17 +118539,17 @@
 
 
 /***/ }),
-/* 1012 */
+/* 1013 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var TextTruncate_1 = __webpack_require__(1013);
+	var TextTruncate_1 = __webpack_require__(1014);
 	exports.default = TextTruncate_1.default;
 
 
 /***/ }),
-/* 1013 */
+/* 1014 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -111325,7 +118571,7 @@
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
 	var Button_1 = __webpack_require__(461);
-	var RichText_1 = __webpack_require__(957);
+	var RichText_1 = __webpack_require__(958);
 	var propTypes = {
 	    className: PropTypes.string,
 	    text: PropTypes.string.isRequired,
@@ -111384,17 +118630,17 @@
 
 
 /***/ }),
-/* 1014 */
+/* 1015 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var CopyContainer_1 = __webpack_require__(1015);
+	var CopyContainer_1 = __webpack_require__(1016);
 	exports.default = CopyContainer_1.default;
 
 
 /***/ }),
-/* 1015 */
+/* 1016 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -111415,11 +118661,11 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	var CopyToClipboard = __webpack_require__(478);
+	var CopyToClipboard = __webpack_require__(479);
 	var Button_1 = __webpack_require__(461);
 	var FlexBox_1 = __webpack_require__(435);
 	var ItemAlign_1 = __webpack_require__(439);
-	__webpack_require__(1016);
+	__webpack_require__(1017);
 	var propTypes = {
 	    children: PropTypes.node,
 	    copyText: PropTypes.string,
@@ -111466,13 +118712,13 @@
 
 
 /***/ }),
-/* 1016 */
+/* 1017 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1017);
+	var content = __webpack_require__(1018);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -111492,7 +118738,7 @@
 	}
 
 /***/ }),
-/* 1017 */
+/* 1018 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -111506,17 +118752,17 @@
 
 
 /***/ }),
-/* 1018 */
+/* 1019 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var EditableInfoPanel_1 = __webpack_require__(1019);
+	var EditableInfoPanel_1 = __webpack_require__(1020);
 	exports.default = EditableInfoPanel_1.default;
 
 
 /***/ }),
-/* 1019 */
+/* 1020 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -111540,7 +118786,7 @@
 	var Button_1 = __webpack_require__(461);
 	var FlexBox_1 = __webpack_require__(435);
 	var FlexItem_1 = __webpack_require__(438);
-	__webpack_require__(1020);
+	__webpack_require__(1021);
 	var propTypes = {
 	    children: PropTypes.node.isRequired,
 	    className: PropTypes.string,
@@ -111574,13 +118820,13 @@
 
 
 /***/ }),
-/* 1020 */
+/* 1021 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1021);
+	var content = __webpack_require__(1022);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -111600,7 +118846,7 @@
 	}
 
 /***/ }),
-/* 1021 */
+/* 1022 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -111614,17 +118860,17 @@
 
 
 /***/ }),
-/* 1022 */
+/* 1023 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var WithKeyboardNav_1 = __webpack_require__(1023);
+	var WithKeyboardNav_1 = __webpack_require__(1024);
 	exports.default = WithKeyboardNav_1.default;
 
 
 /***/ }),
-/* 1023 */
+/* 1024 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -111646,7 +118892,7 @@
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
 	var ReactDOM = __webpack_require__(8);
-	var KeyCode_1 = __webpack_require__(1024);
+	var KeyCode_1 = __webpack_require__(1025);
 	var propTypes = {
 	    backKeys: PropTypes.arrayOf(PropTypes.oneOf(Object.values(KeyCode_1.default))),
 	    children: PropTypes.node,
@@ -111737,7 +118983,7 @@
 
 
 /***/ }),
-/* 1024 */
+/* 1025 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -111763,7 +119009,7 @@
 
 
 /***/ }),
-/* 1025 */
+/* 1026 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -111771,13 +119017,13 @@
 	    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
 	}
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var RadioGroup_1 = __webpack_require__(1026);
+	var RadioGroup_1 = __webpack_require__(1027);
 	exports.default = RadioGroup_1.default;
-	__export(__webpack_require__(1026));
+	__export(__webpack_require__(1027));
 
 
 /***/ }),
-/* 1026 */
+/* 1027 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -111799,10 +119045,10 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	var FormError_1 = __webpack_require__(1027);
-	var Radio_1 = __webpack_require__(1034);
-	var WithKeyboardNav_1 = __webpack_require__(1022);
-	__webpack_require__(1037);
+	var FormError_1 = __webpack_require__(1028);
+	var Radio_1 = __webpack_require__(1035);
+	var WithKeyboardNav_1 = __webpack_require__(1023);
+	__webpack_require__(1038);
 	var OPTION_PROP_TYPE = PropTypes.shape({
 	    id: PropTypes.string.isRequired,
 	    disabled: PropTypes.bool,
@@ -111893,17 +119139,17 @@
 
 
 /***/ }),
-/* 1027 */
+/* 1028 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var FormError_1 = __webpack_require__(1028);
+	var FormError_1 = __webpack_require__(1029);
 	exports.default = FormError_1.default;
 
 
 /***/ }),
-/* 1028 */
+/* 1029 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -111925,8 +119171,8 @@
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
 	var flex_1 = __webpack_require__(433);
-	var ErrorIcon_1 = __webpack_require__(1029);
-	__webpack_require__(1032);
+	var ErrorIcon_1 = __webpack_require__(1030);
+	__webpack_require__(1033);
 	var propTypes = {
 	    children: PropTypes.node.isRequired,
 	    className: PropTypes.string,
@@ -111959,7 +119205,7 @@
 
 
 /***/ }),
-/* 1029 */
+/* 1030 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -111979,7 +119225,7 @@
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
-	__webpack_require__(1030);
+	__webpack_require__(1031);
 	var cssClass = {
 	    CONTAINER: "FormError--ErrorIcon",
 	    PATH: "FormError--ErrorIcon--path",
@@ -112000,13 +119246,13 @@
 
 
 /***/ }),
-/* 1030 */
+/* 1031 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1031);
+	var content = __webpack_require__(1032);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -112026,7 +119272,7 @@
 	}
 
 /***/ }),
-/* 1031 */
+/* 1032 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -112040,13 +119286,13 @@
 
 
 /***/ }),
-/* 1032 */
+/* 1033 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1033);
+	var content = __webpack_require__(1034);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -112066,7 +119312,7 @@
 	}
 
 /***/ }),
-/* 1033 */
+/* 1034 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -112080,7 +119326,7 @@
 
 
 /***/ }),
-/* 1034 */
+/* 1035 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -112102,7 +119348,7 @@
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
 	var ReactDOM = __webpack_require__(8);
-	__webpack_require__(1035);
+	__webpack_require__(1036);
 	var propTypes = {
 	    checked: PropTypes.bool,
 	    children: PropTypes.node.isRequired,
@@ -112167,13 +119413,13 @@
 
 
 /***/ }),
-/* 1035 */
+/* 1036 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1036);
+	var content = __webpack_require__(1037);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -112193,7 +119439,7 @@
 	}
 
 /***/ }),
-/* 1036 */
+/* 1037 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -112207,13 +119453,13 @@
 
 
 /***/ }),
-/* 1037 */
+/* 1038 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1038);
+	var content = __webpack_require__(1039);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -112233,7 +119479,7 @@
 	}
 
 /***/ }),
-/* 1038 */
+/* 1039 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -112247,17 +119493,17 @@
 
 
 /***/ }),
-/* 1039 */
+/* 1040 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var Checkbox_1 = __webpack_require__(1040);
+	var Checkbox_1 = __webpack_require__(1041);
 	exports.default = Checkbox_1.default;
 
 
 /***/ }),
-/* 1040 */
+/* 1041 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -112279,9 +119525,9 @@
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
 	var ReactDOM = __webpack_require__(8);
-	var CheckMark_1 = __webpack_require__(1041);
-	var PartialMark_1 = __webpack_require__(1042);
-	__webpack_require__(1043);
+	var CheckMark_1 = __webpack_require__(1042);
+	var PartialMark_1 = __webpack_require__(1043);
+	__webpack_require__(1044);
 	var propTypes = {
 	    checked: PropTypes.bool,
 	    children: PropTypes.node.isRequired,
@@ -112366,7 +119612,7 @@
 
 
 /***/ }),
-/* 1041 */
+/* 1042 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -112407,7 +119653,7 @@
 
 
 /***/ }),
-/* 1042 */
+/* 1043 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -112446,13 +119692,13 @@
 
 
 /***/ }),
-/* 1043 */
+/* 1044 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1044);
+	var content = __webpack_require__(1045);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -112472,7 +119718,7 @@
 	}
 
 /***/ }),
-/* 1044 */
+/* 1045 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -112486,17 +119732,17 @@
 
 
 /***/ }),
-/* 1045 */
+/* 1046 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var CheckboxGroup_1 = __webpack_require__(1046);
+	var CheckboxGroup_1 = __webpack_require__(1047);
 	exports.default = CheckboxGroup_1.default;
 
 
 /***/ }),
-/* 1046 */
+/* 1047 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -112529,9 +119775,9 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	var Checkbox_1 = __webpack_require__(1039);
-	var FormError_1 = __webpack_require__(1027);
-	__webpack_require__(1047);
+	var Checkbox_1 = __webpack_require__(1040);
+	var FormError_1 = __webpack_require__(1028);
+	__webpack_require__(1048);
 	var OPTION_PROP_TYPE = PropTypes.shape({
 	    id: PropTypes.string.isRequired,
 	    checked: PropTypes.bool,
@@ -112577,12 +119823,12 @@
 	        _this._handleGlobalChange = function (_a) {
 	            var checked = _a.checked;
 	            var _b = _this.props, onChange = _b.onChange, options = _b.options;
-	            onChange(_.map(options, function (o) { return (__assign({}, o, { checked: checked })); }));
+	            onChange(_.map(options, function (o) { return (__assign(__assign({}, o), { checked: checked })); }));
 	        };
 	        _this._handleSingleChange = function (_a) {
 	            var id = _a.id, checked = _a.checked;
 	            var _b = _this.props, onChange = _b.onChange, options = _b.options;
-	            onChange(_.map(options, function (o) { return (__assign({}, o, { checked: o.id === id ? checked : o.checked })); }));
+	            onChange(_.map(options, function (o) { return (__assign(__assign({}, o), { checked: o.id === id ? checked : o.checked })); }));
 	        };
 	        return _this;
 	    }
@@ -112604,13 +119850,13 @@
 
 
 /***/ }),
-/* 1047 */
+/* 1048 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1048);
+	var content = __webpack_require__(1049);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -112630,7 +119876,7 @@
 	}
 
 /***/ }),
-/* 1048 */
+/* 1049 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -112644,17 +119890,17 @@
 
 
 /***/ }),
-/* 1049 */
+/* 1050 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var Switch_1 = __webpack_require__(1050);
+	var Switch_1 = __webpack_require__(1051);
 	exports.default = Switch_1.default;
 
 
 /***/ }),
-/* 1050 */
+/* 1051 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -112675,9 +119921,9 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	var CloseIcon_1 = __webpack_require__(802);
-	var CheckMark_1 = __webpack_require__(1041);
-	__webpack_require__(1051);
+	var CloseIcon_1 = __webpack_require__(803);
+	var CheckMark_1 = __webpack_require__(1042);
+	__webpack_require__(1052);
 	var flex_1 = __webpack_require__(433);
 	var propTypes = {
 	    ariaLabelledby: PropTypes.string,
@@ -112746,13 +119992,13 @@
 
 
 /***/ }),
-/* 1051 */
+/* 1052 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1052);
+	var content = __webpack_require__(1053);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -112772,7 +120018,7 @@
 	}
 
 /***/ }),
-/* 1052 */
+/* 1053 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -112780,23 +120026,23 @@
 
 
 	// module
-	exports.push([module.id, ".transition-stroke-fill {\n  transition: stroke 200ms;\n  transition: fill 200ms;\n}\n.Switch {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  width: 4rem;\n  height: 2rem;\n  -ms-touch-action: none;\n      touch-action: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  outline: none;\n  font-size: initial;\n  padding: 0;\n  text-align: justify;\n  background-color: #a8aeba;\n  border: 0.125rem solid #a8aeba;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  transition: background-color 200ms;\n  transition: box-shadow 200ms;\n}\n.Switch:focus {\n  box-shadow: 0 0 0 0.375rem rgba(128, 157, 255, 0.5);\n}\n.Switch.Switch--checked {\n  background-color: #49d2a2;\n  border: 0.125rem solid #49d2a2;\n}\n.Switch:hover:not([disabled]).Switch--checked {\n  border: 0.125rem solid #139668;\n}\n.Switch:hover:not([disabled]) {\n  border: 0.125rem solid #474c5e;\n}\n.Switch--checkedIcon {\n  transition: stroke 200ms;\n  transition: fill 200ms;\n  width: 0.875rem;\n  height: 0.688rem;\n  pointer-events: none;\n  position: relative;\n  left: 0.375rem;\n  overflow: visible;\n}\n.Switch--checkedIcon path {\n  stroke: transparent;\n  fill: #018657;\n}\n.Switch--uncheckedIcon {\n  transition: stroke 200ms;\n  transition: fill 200ms;\n  width: 0.625rem;\n  height: 0.625rem;\n  pointer-events: none;\n  position: relative;\n  right: 0.438rem;\n  overflow: visible;\n}\n.Switch--uncheckedIcon path {\n  stroke: transparent;\n  fill: #474c5e;\n}\n.Switch[disabled] {\n  cursor: not-allowed;\n  background-color: #e3e6eb;\n  border: 0.125rem solid #e3e6eb;\n}\n.Switch[disabled] .Switch--checkedIcon path {\n  stroke: transparent;\n  fill: #a8aeba;\n}\n.Switch[disabled] .Switch--uncheckedIcon path {\n  stroke: transparent;\n  fill: #a8aeba;\n}\n.Switch--handle {\n  outline: none;\n  width: 1.813rem;\n  height: 1.375rem;\n  -ms-transform: translateX(0.125rem);\n      transform: translateX(0.125rem);\n  background-color: transparent;\n  background-color: #fff;\n  cursor: pointer;\n  display: inline-block;\n  border-radius: 0.125rem;\n  position: absolute;\n  top: 0.188em;\n  transition: background-color 0.25s, transform 0.25s, box-shadow 0.15s;\n}\n.Switch--handle.Switch--checked {\n  -ms-transform: translateX(1.813em);\n      transform: translateX(1.813em);\n}\n.Switch--handle.Switch--disabled {\n  cursor: not-allowed;\n}\n.Switch--handleGripLeft {\n  margin-left: 0.5rem;\n  margin-top: 0.32rem;\n  width: 0.32rem;\n  height: 0.75rem;\n  display: inline-block;\n  border-left: 0.0625rem solid #d6d7de;\n  border-right: 0.0625rem solid #d6d7de;\n}\n.Switch--handleGripRight {\n  width: 0.32rem;\n  height: 0.75rem;\n  display: inline-block;\n  border-right: 0.0625rem solid #d6d7de;\n}\n", ""]);
+	exports.push([module.id, ".transition-stroke-fill {\n  transition: stroke 200ms;\n  transition: fill 200ms;\n}\n.Switch {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  width: 4rem;\n  height: 2rem;\n  -ms-touch-action: none;\n      touch-action: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  outline: none;\n  font-size: initial;\n  padding: 0;\n  text-align: justify;\n  background-color: #a8aeba;\n  border: 0.125rem solid #a8aeba;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  transition: background-color 200ms;\n  transition: box-shadow 200ms;\n}\n.Switch:focus {\n  box-shadow: 0 0 0 0.375rem rgba(128, 157, 255, 0.5);\n}\n.Switch.Switch--checked {\n  background-color: #49d2a2;\n  border: 0.125rem solid #49d2a2;\n}\n.Switch:hover:not([disabled]).Switch--checked {\n  border: 0.125rem solid #139668;\n}\n.Switch:hover:not([disabled]) {\n  border: 0.125rem solid #474c5e;\n}\n.Switch--checkedIcon {\n  transition: stroke 200ms;\n  transition: fill 200ms;\n  width: 0.875rem;\n  height: 0.688rem;\n  pointer-events: none;\n  position: relative;\n  left: 0.375rem;\n  overflow: visible;\n}\n.Switch--checkedIcon path {\n  stroke: transparent;\n  fill: #018657;\n}\n.Switch--uncheckedIcon {\n  transition: stroke 200ms;\n  transition: fill 200ms;\n  width: 0.625rem;\n  height: 0.625rem;\n  pointer-events: none;\n  position: relative;\n  right: 0.438rem;\n  overflow: visible;\n}\n.Switch--uncheckedIcon path {\n  stroke: transparent;\n  fill: #474c5e;\n}\n.Switch[disabled] {\n  cursor: not-allowed;\n  background-color: #e3e6eb;\n  border: 0.125rem solid #e3e6eb;\n}\n.Switch[disabled] .Switch--checkedIcon path {\n  stroke: transparent;\n  fill: #a8aeba;\n}\n.Switch[disabled] .Switch--uncheckedIcon path {\n  stroke: transparent;\n  fill: #a8aeba;\n}\n.Switch--handle {\n  outline: none;\n  width: 1.813rem;\n  height: 1.375rem;\n  -ms-transform: translateX(0.125rem);\n      transform: translateX(0.125rem);\n  background-color: transparent;\n  background-color: #fff;\n  cursor: pointer;\n  display: inline-block;\n  border-radius: 0.125rem;\n  position: absolute;\n  top: 0.188em;\n  transition: background-color 0.25s, transform 0.25s, box-shadow 0.15s;\n}\n.Switch--handle.Switch--checked {\n  -ms-transform: translateX(1.813em);\n      transform: translateX(1.813em);\n}\n.Switch--handle.Switch--disabled {\n  cursor: not-allowed;\n}\n.Switch--handleGripLeft {\n  margin-left: 0.5rem;\n  margin-top: 0.32rem;\n  width: 0.32rem;\n  height: 0.75rem;\n  display: inline-block;\n  border-left: 0.0625rem solid #d6d7de;\n  border-right: 0.0625rem solid #d6d7de;\n}\n.Switch--handleGripRight {\n  width: 0.32rem;\n  height: 0.75rem;\n  display: inline-block;\n  border-right: 0.0625rem solid #d6d7de;\n}\n", ""]);
 
 	// exports
 
 
 /***/ }),
-/* 1053 */
+/* 1054 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var ProgressBar_1 = __webpack_require__(1054);
+	var ProgressBar_1 = __webpack_require__(1055);
 	exports.default = ProgressBar_1.default;
 
 
 /***/ }),
-/* 1054 */
+/* 1055 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -112830,8 +120076,8 @@
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
 	var flex_1 = __webpack_require__(433);
-	var Progress_1 = __webpack_require__(1055);
-	__webpack_require__(1058);
+	var Progress_1 = __webpack_require__(1056);
+	__webpack_require__(1059);
 	var Size = {
 	    THIN: "thin",
 	    MEDIUM: "medium",
@@ -112924,7 +120170,7 @@
 	                } },
 	                topLabel,
 	                React.createElement(flex_1.FlexItem, { grow: true },
-	                    React.createElement("div", { className: classnames(cssClass.BAR_CONTAINER, cssClass.containerSize(size)), style: __assign({}, style, { height: sizePX + "px" }) },
+	                    React.createElement("div", { className: classnames(cssClass.BAR_CONTAINER, cssClass.containerSize(size)), style: __assign(__assign({}, style), { height: sizePX + "px" }) },
 	                        React.createElement("div", { className: classnames(cssClass.BAR_BORDER, cssClass.borderSize(size)) }),
 	                        React.createElement(Progress_1.default, { fill: fill > 100 ? 100 : fill, color: color, size: size, striped: striped }))),
 	                bottomLabel)));
@@ -112943,7 +120189,7 @@
 
 
 /***/ }),
-/* 1055 */
+/* 1056 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -112975,7 +120221,7 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	__webpack_require__(1056);
+	__webpack_require__(1057);
 	var propTypes = {
 	    className: PropTypes.string,
 	    style: PropTypes.object,
@@ -113017,7 +120263,7 @@
 	            colorStyle = cssClass.color("none");
 	            colorBorderStyle = cssClass.border("none", size);
 	        }
-	        return (React.createElement("div", { className: classnames(cssClass.CONTAINER, striped ? cssClass.STRIPED : null, colorStyle, colorBorderStyle, className), style: __assign({}, style, { width: (fill === 0 ? 100 : fill) + "%" }) }));
+	        return (React.createElement("div", { className: classnames(cssClass.CONTAINER, striped ? cssClass.STRIPED : null, colorStyle, colorBorderStyle, className), style: __assign(__assign({}, style), { width: (fill === 0 ? 100 : fill) + "%" }) }));
 	    };
 	    Progress.propTypes = propTypes;
 	    return Progress;
@@ -113026,13 +120272,13 @@
 
 
 /***/ }),
-/* 1056 */
+/* 1057 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1057);
+	var content = __webpack_require__(1058);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -113052,7 +120298,7 @@
 	}
 
 /***/ }),
-/* 1057 */
+/* 1058 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -113066,13 +120312,13 @@
 
 
 /***/ }),
-/* 1058 */
+/* 1059 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1059);
+	var content = __webpack_require__(1060);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -113092,7 +120338,7 @@
 	}
 
 /***/ }),
-/* 1059 */
+/* 1060 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -113106,20 +120352,20 @@
 
 
 /***/ }),
-/* 1060 */
+/* 1061 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var ToastStack_1 = __webpack_require__(1061);
+	var ToastStack_1 = __webpack_require__(1062);
 	exports.ToastStack = ToastStack_1.ToastStack;
-	var ToastType_1 = __webpack_require__(1063);
+	var ToastType_1 = __webpack_require__(1064);
 	exports.ToastType = ToastType_1.ToastType;
 	exports.default = ToastStack_1.ToastStack;
 
 
 /***/ }),
-/* 1061 */
+/* 1062 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -113141,11 +120387,11 @@
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
 	var _ = __webpack_require__(436);
-	var react_transition_group_1 = __webpack_require__(603);
-	var ToastNotification_1 = __webpack_require__(1062);
-	var ToastNotification_2 = __webpack_require__(1062);
-	var ToastType_1 = __webpack_require__(1063);
-	__webpack_require__(1066);
+	var react_transition_group_1 = __webpack_require__(604);
+	var ToastNotification_1 = __webpack_require__(1063);
+	var ToastNotification_2 = __webpack_require__(1063);
+	var ToastType_1 = __webpack_require__(1064);
+	__webpack_require__(1067);
 	var propTypes = {
 	    className: PropTypes.string,
 	    clearNotification: PropTypes.func.isRequired,
@@ -113212,7 +120458,7 @@
 
 
 /***/ }),
-/* 1062 */
+/* 1063 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -113232,13 +120478,13 @@
 	var _a;
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var classnames = __webpack_require__(86);
-	var FontAwesome = __webpack_require__(471);
+	var FontAwesome = __webpack_require__(473);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
 	var Button_1 = __webpack_require__(461);
 	var flex_1 = __webpack_require__(433);
-	var ToastType_1 = __webpack_require__(1063);
-	__webpack_require__(1064);
+	var ToastType_1 = __webpack_require__(1064);
+	__webpack_require__(1065);
 	exports.actionPropType = PropTypes.shape({
 	    href: PropTypes.string,
 	    onClick: PropTypes.func,
@@ -113295,7 +120541,7 @@
 
 
 /***/ }),
-/* 1063 */
+/* 1064 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -113310,13 +120556,13 @@
 
 
 /***/ }),
-/* 1064 */
+/* 1065 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1065);
+	var content = __webpack_require__(1066);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -113336,7 +120582,7 @@
 	}
 
 /***/ }),
-/* 1065 */
+/* 1066 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -113350,13 +120596,13 @@
 
 
 /***/ }),
-/* 1066 */
+/* 1067 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1067);
+	var content = __webpack_require__(1068);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -113376,7 +120622,7 @@
 	}
 
 /***/ }),
-/* 1067 */
+/* 1068 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -113390,17 +120636,17 @@
 
 
 /***/ }),
-/* 1068 */
+/* 1069 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var Stepper_1 = __webpack_require__(1069);
+	var Stepper_1 = __webpack_require__(1070);
 	exports.default = Stepper_1.default;
 
 
 /***/ }),
-/* 1069 */
+/* 1070 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -113420,8 +120666,8 @@
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	var Step_1 = __webpack_require__(1070);
-	__webpack_require__(1075);
+	var Step_1 = __webpack_require__(1071);
+	__webpack_require__(1076);
 	var propTypes = {
 	    className: PropTypes.string,
 	    steps: PropTypes.arrayOf(PropTypes.shape({
@@ -113458,7 +120704,7 @@
 
 
 /***/ }),
-/* 1070 */
+/* 1071 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -113479,10 +120725,10 @@
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
 	var PropTypes = __webpack_require__(20);
-	__webpack_require__(1071);
-	var CheckMark_1 = __webpack_require__(1073);
+	__webpack_require__(1072);
+	var CheckMark_1 = __webpack_require__(1074);
 	var flex_1 = __webpack_require__(433);
-	var Exclamation_1 = __webpack_require__(1074);
+	var Exclamation_1 = __webpack_require__(1075);
 	var propTypes = {
 	    className: PropTypes.string,
 	    title: PropTypes.string,
@@ -113559,13 +120805,13 @@
 
 
 /***/ }),
-/* 1071 */
+/* 1072 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1072);
+	var content = __webpack_require__(1073);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -113585,7 +120831,7 @@
 	}
 
 /***/ }),
-/* 1072 */
+/* 1073 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -113599,7 +120845,7 @@
 
 
 /***/ }),
-/* 1073 */
+/* 1074 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -113638,7 +120884,7 @@
 
 
 /***/ }),
-/* 1074 */
+/* 1075 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -113677,13 +120923,13 @@
 
 
 /***/ }),
-/* 1075 */
+/* 1076 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1076);
+	var content = __webpack_require__(1077);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -113703,7 +120949,7 @@
 	}
 
 /***/ }),
-/* 1076 */
+/* 1077 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -113717,17 +120963,17 @@
 
 
 /***/ }),
-/* 1077 */
+/* 1078 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var WizardLayout_1 = __webpack_require__(1078);
+	var WizardLayout_1 = __webpack_require__(1079);
 	exports.default = WizardLayout_1.default;
 
 
 /***/ }),
-/* 1078 */
+/* 1079 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -113750,8 +120996,8 @@
 	var React = __webpack_require__(1);
 	var Button_1 = __webpack_require__(461);
 	var flex_1 = __webpack_require__(433);
-	var LifeFloat_1 = __webpack_require__(1079);
-	__webpack_require__(1080);
+	var LifeFloat_1 = __webpack_require__(1080);
+	__webpack_require__(1081);
 	var SECTION_PROP_TYPE = PropTypes.shape({
 	    title: PropTypes.string,
 	    subtitle: PropTypes.string,
@@ -113766,6 +121012,7 @@
 	    hidePreviousStepButton: PropTypes.bool,
 	    nextStepButtonDisabled: PropTypes.bool,
 	    nextStepButtonText: PropTypes.string,
+	    nextStepButtonType: PropTypes.string,
 	    prevStepButtonDisabled: PropTypes.bool,
 	    prevStepButtonText: PropTypes.string,
 	    hideSaveAndExit: PropTypes.bool,
@@ -113815,7 +121062,7 @@
 	        return _this;
 	    }
 	    WizardLayout.prototype.render = function () {
-	        var _a = this.props, className = _a.className, exitButtonText = _a.exitButtonText, sections = _a.sections, headerImg = _a.headerImg, helpContent = _a.helpContent, nextStepButtonDisabled = _a.nextStepButtonDisabled, nextStepButtonText = _a.nextStepButtonText, hidePreviousStepButton = _a.hidePreviousStepButton, hideSaveAndExit = _a.hideSaveAndExit, onSaveAndExit = _a.onSaveAndExit, prevStepButtonDisabled = _a.prevStepButtonDisabled, prevStepButtonText = _a.prevStepButtonText, stepper = _a.stepper, subtitle = _a.subtitle, title = _a.title, fullscreen = _a.fullscreen;
+	        var _a = this.props, className = _a.className, exitButtonText = _a.exitButtonText, sections = _a.sections, headerImg = _a.headerImg, helpContent = _a.helpContent, nextStepButtonDisabled = _a.nextStepButtonDisabled, nextStepButtonText = _a.nextStepButtonText, nextStepButtonType = _a.nextStepButtonType, hidePreviousStepButton = _a.hidePreviousStepButton, hideSaveAndExit = _a.hideSaveAndExit, onSaveAndExit = _a.onSaveAndExit, prevStepButtonDisabled = _a.prevStepButtonDisabled, prevStepButtonText = _a.prevStepButtonText, stepper = _a.stepper, subtitle = _a.subtitle, title = _a.title, fullscreen = _a.fullscreen;
 	        return (React.createElement(flex_1.FlexBox, { column: true, grow: true, className: classnames(cssClass.CONTAINER, className, fullscreen && cssClass.CONTAINER_FULLSCREEN) },
 	            React.createElement(flex_1.FlexBox, { className: cssClass.HEADER },
 	                headerImg && React.createElement("div", { className: cssClass.HEADER_IMG }, headerImg),
@@ -113838,7 +121085,7 @@
 	                !hideSaveAndExit && onSaveAndExit && (React.createElement(Button_1.Button, { type: "link", value: exitButtonText || "Save & exit", onClick: function () { return onSaveAndExit(); } })),
 	                React.createElement(flex_1.FlexBox, { grow: true }),
 	                !hidePreviousStepButton && (React.createElement(Button_1.Button, { type: "link", value: prevStepButtonText || "Previous step", className: cssClass.PREVIOUS_BUTTON, onClick: this._onPrevStep, disabled: prevStepButtonDisabled })),
-	                React.createElement(Button_1.Button, { type: "primary", value: nextStepButtonText || "Next step", className: cssClass.NEXT_BUTTON, onClick: this._onNextStep, disabled: nextStepButtonDisabled }))));
+	                React.createElement(Button_1.Button, { type: nextStepButtonType || "primary", value: nextStepButtonText || "Next step", className: cssClass.NEXT_BUTTON, onClick: this._onNextStep, disabled: nextStepButtonDisabled }))));
 	    };
 	    WizardLayout.propTypes = propTypes;
 	    return WizardLayout;
@@ -113847,7 +121094,7 @@
 
 
 /***/ }),
-/* 1079 */
+/* 1080 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -113886,13 +121133,13 @@
 
 
 /***/ }),
-/* 1080 */
+/* 1081 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1081);
+	var content = __webpack_require__(1082);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -113912,7 +121159,7 @@
 	}
 
 /***/ }),
-/* 1081 */
+/* 1082 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -113926,17 +121173,17 @@
 
 
 /***/ }),
-/* 1082 */
+/* 1083 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var FloatingButton_1 = __webpack_require__(1083);
+	var FloatingButton_1 = __webpack_require__(1084);
 	exports.default = FloatingButton_1.default;
 
 
 /***/ }),
-/* 1083 */
+/* 1084 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -113970,12 +121217,12 @@
 	var classnames = __webpack_require__(86);
 	var PropTypes = __webpack_require__(20);
 	var React = __webpack_require__(1);
-	var RootCloseWrapper = __webpack_require__(617);
+	var RootCloseWrapper = __webpack_require__(618);
 	var Button_1 = __webpack_require__(461);
 	var FlexBox_1 = __webpack_require__(435);
-	var Icon_1 = __webpack_require__(530);
-	var Constants_1 = __webpack_require__(1084);
-	__webpack_require__(1085);
+	var Icon_1 = __webpack_require__(531);
+	var Constants_1 = __webpack_require__(1085);
+	__webpack_require__(1086);
 	var cssClass = {
 	    ACTIVE: "FloatingButton--active",
 	    ANIMATE: "FloatingButton--animate",
@@ -114102,7 +121349,7 @@
 	        var _b = this.state, active = _b.active, positionX = _b.positionX;
 	        var additionalProps = _.omit(this.props, Object.keys(propTypes));
 	        return (React.createElement(RootCloseWrapper, { onRootClose: this.onRootClose },
-	            React.createElement(FlexBox_1.default, __assign({}, additionalProps, { className: classnames(cssClass.CONTAINER, cssClass.propStyle(positionX), cssClass.propStyle(positionY), className), style: __assign({}, this.horizontalStyle(), this.verticalStyle()) }),
+	            React.createElement(FlexBox_1.default, __assign({}, additionalProps, { className: classnames(cssClass.CONTAINER, cssClass.propStyle(positionX), cssClass.propStyle(positionY), className), style: __assign(__assign({}, this.horizontalStyle()), this.verticalStyle()) }),
 	                React.createElement("div", { className: classnames(cssClass.SUB_ELEMENT) },
 	                    React.createElement(Button_1.Button, { className: classnames(cssClass.BUTTON, colorGroup && cssClass.propStyle(colorGroup), active && cssClass.propStyle("gray")), onClick: this.mainButtonHandler, value: active
 	                            ? closeLabel || (React.createElement(FlexBox_1.default, { alignItems: "center" },
@@ -114125,7 +121372,7 @@
 
 
 /***/ }),
-/* 1084 */
+/* 1085 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -114135,13 +121382,13 @@
 
 
 /***/ }),
-/* 1085 */
+/* 1086 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1086);
+	var content = __webpack_require__(1087);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -114161,7 +121408,7 @@
 	}
 
 /***/ }),
-/* 1086 */
+/* 1087 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -114175,17 +121422,17 @@
 
 
 /***/ }),
-/* 1087 */
+/* 1088 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
 	Object.defineProperty(exports, "__esModule", { value: true });
-	var Badge_1 = __webpack_require__(1088);
+	var Badge_1 = __webpack_require__(1089);
 	exports.Badge = Badge_1.Badge;
 
 
 /***/ }),
-/* 1088 */
+/* 1089 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -114205,7 +121452,7 @@
 	Object.defineProperty(exports, "__esModule", { value: true });
 	var classnames = __webpack_require__(86);
 	var React = __webpack_require__(1);
-	__webpack_require__(1089);
+	__webpack_require__(1090);
 	exports.cssClass = {
 	    CONTAINER: "Badge",
 	    SUPER: "Badge--super",
@@ -114245,13 +121492,13 @@
 
 
 /***/ }),
-/* 1089 */
+/* 1090 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1090);
+	var content = __webpack_require__(1091);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -114271,7 +121518,7 @@
 	}
 
 /***/ }),
-/* 1090 */
+/* 1091 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -114285,13 +121532,13 @@
 
 
 /***/ }),
-/* 1091 */
+/* 1092 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1092);
+	var content = __webpack_require__(1093);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -114311,7 +121558,7 @@
 	}
 
 /***/ }),
-/* 1092 */
+/* 1093 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -114325,7 +121572,7 @@
 
 
 /***/ }),
-/* 1093 */
+/* 1094 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -114346,7 +121593,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1094);
+	__webpack_require__(1095);
 
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
@@ -114424,13 +121671,13 @@
 	};
 
 /***/ }),
-/* 1094 */
+/* 1095 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1095);
+	var content = __webpack_require__(1096);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -114450,7 +121697,7 @@
 	}
 
 /***/ }),
-/* 1095 */
+/* 1096 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -114464,7 +121711,7 @@
 
 
 /***/ }),
-/* 1096 */
+/* 1097 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -114485,11 +121732,11 @@
 
 	var _src = __webpack_require__(87);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -114659,7 +121906,7 @@
 	};
 
 /***/ }),
-/* 1097 */
+/* 1098 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -114669,15 +121916,15 @@
 	});
 	exports.ExampleCode = exports.CodeSample = undefined;
 
-	var _Example = __webpack_require__(1098);
+	var _Example = __webpack_require__(1099);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _ExampleCode = __webpack_require__(1112);
+	var _ExampleCode = __webpack_require__(1113);
 
 	var _ExampleCode2 = _interopRequireDefault(_ExampleCode);
 
-	var _CodeSample = __webpack_require__(1099);
+	var _CodeSample = __webpack_require__(1100);
 
 	var _CodeSample2 = _interopRequireDefault(_CodeSample);
 
@@ -114688,7 +121935,7 @@
 	exports.ExampleCode = _ExampleCode2.default;
 
 /***/ }),
-/* 1098 */
+/* 1099 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -114710,15 +121957,15 @@
 
 	var PropTypes = _interopRequireWildcard(_propTypes);
 
-	var _CodeSample = __webpack_require__(1099);
+	var _CodeSample = __webpack_require__(1100);
 
 	var _CodeSample2 = _interopRequireDefault(_CodeSample);
 
-	var _Demo = __webpack_require__(1107);
+	var _Demo = __webpack_require__(1108);
 
 	var _Demo2 = _interopRequireDefault(_Demo);
 
-	__webpack_require__(1110);
+	__webpack_require__(1111);
 
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
@@ -114766,7 +122013,7 @@
 	};
 
 /***/ }),
-/* 1099 */
+/* 1100 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -114781,7 +122028,7 @@
 
 	var _classnames2 = _interopRequireDefault(_classnames);
 
-	var _prismjs = __webpack_require__(1100);
+	var _prismjs = __webpack_require__(1101);
 
 	var _prismjs2 = _interopRequireDefault(_prismjs);
 
@@ -114793,13 +122040,13 @@
 
 	var PropTypes = _interopRequireWildcard(_propTypes);
 
-	__webpack_require__(1101);
-
 	__webpack_require__(1102);
 
 	__webpack_require__(1103);
 
-	__webpack_require__(1105);
+	__webpack_require__(1104);
+
+	__webpack_require__(1106);
 
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
@@ -114888,7 +122135,7 @@
 	};
 
 /***/ }),
-/* 1100 */
+/* 1101 */
 /***/ (function(module, exports) {
 
 	/* WEBPACK VAR INJECTION */(function(global) {
@@ -114916,6 +122163,7 @@
 	var lang = /\blang(?:uage)?-([\w-]+)\b/i;
 	var uniqueId = 0;
 
+
 	var _ = {
 		manual: _self.Prism && _self.Prism.manual,
 		disableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler,
@@ -114980,6 +122228,66 @@
 					default:
 						return o;
 				}
+			},
+
+			/**
+			 * Returns the Prism language of the given element set by a `language-xxxx` or `lang-xxxx` class.
+			 *
+			 * If no language is set for the element or the element is `null` or `undefined`, `none` will be returned.
+			 *
+			 * @param {Element} element
+			 * @returns {string}
+			 */
+			getLanguage: function (element) {
+				while (element && !lang.test(element.className)) {
+					element = element.parentElement;
+				}
+				if (element) {
+					return (element.className.match(lang) || [, 'none'])[1].toLowerCase();
+				}
+				return 'none';
+			},
+
+			/**
+			 * Returns the script element that is currently executing.
+			 *
+			 * This does __not__ work for line script element.
+			 *
+			 * @returns {HTMLScriptElement | null}
+			 */
+			currentScript: function () {
+				if (typeof document === 'undefined') {
+					return null;
+				}
+				if ('currentScript' in document) {
+					return document.currentScript;
+				}
+
+				// IE11 workaround
+				// we'll get the src of the current script by parsing IE11's error stack trace
+				// this will not work for inline scripts
+
+				try {
+					throw new Error();
+				} catch (err) {
+					// Get file src url from stack. Specifically works with the format of stack traces in IE.
+					// A stack will look like this:
+					//
+					// Error
+					//    at _.util.currentScript (http://localhost/components/prism-core.js:119:5)
+					//    at Global code (http://localhost/components/prism-core.js:606:1)
+
+					var src = (/at [^(\r\n]*\((.*):.+:.+\)$/i.exec(err.stack) || [])[1];
+					if (src) {
+						var scripts = document.getElementsByTagName('script');
+						for (var i in scripts) {
+							if (scripts[i].src == src) {
+								return scripts[i];
+							}
+						}
+					}
+					return null;
+				}
 			}
 		},
 
@@ -115073,41 +122381,33 @@
 		highlightAllUnder: function(container, async, callback) {
 			var env = {
 				callback: callback,
+				container: container,
 				selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
 			};
 
-			_.hooks.run("before-highlightall", env);
+			_.hooks.run('before-highlightall', env);
+
+			env.elements = Array.prototype.slice.apply(env.container.querySelectorAll(env.selector));
 
-			var elements = env.elements || container.querySelectorAll(env.selector);
+			_.hooks.run('before-all-elements-highlight', env);
 
-			for (var i=0, element; element = elements[i++];) {
+			for (var i = 0, element; element = env.elements[i++];) {
 				_.highlightElement(element, async === true, env.callback);
 			}
 		},
 
 		highlightElement: function(element, async, callback) {
 			// Find language
-			var language, grammar, parent = element;
-
-			while (parent && !lang.test(parent.className)) {
-				parent = parent.parentNode;
-			}
-
-			if (parent) {
-				language = (parent.className.match(lang) || [,''])[1].toLowerCase();
-				grammar = _.languages[language];
-			}
+			var language = _.util.getLanguage(element);
+			var grammar = _.languages[language];
 
 			// Set language on the element, if not present
 			element.className = element.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
 
-			if (element.parentNode) {
-				// Set language on the parent, for styling
-				parent = element.parentNode;
-
-				if (/pre/i.test(parent.nodeName)) {
-					parent.className = parent.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
-				}
+			// Set language on the parent, for styling
+			var parent = element.parentNode;
+			if (parent && parent.nodeName.toLowerCase() === 'pre') {
+				parent.className = parent.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
 			}
 
 			var code = element.textContent;
@@ -115119,7 +122419,7 @@
 				code: code
 			};
 
-			var insertHighlightedCode = function (highlightedCode) {
+			function insertHighlightedCode(highlightedCode) {
 				env.highlightedCode = highlightedCode;
 
 				_.hooks.run('before-insert', env);
@@ -115135,6 +122435,7 @@
 
 			if (!env.code) {
 				_.hooks.run('complete', env);
+				callback && callback.call(env.element);
 				return;
 			}
 
@@ -115177,18 +122478,18 @@
 
 		matchGrammar: function (text, strarr, grammar, index, startPos, oneshot, target) {
 			for (var token in grammar) {
-				if(!grammar.hasOwnProperty(token) || !grammar[token]) {
+				if (!grammar.hasOwnProperty(token) || !grammar[token]) {
 					continue;
 				}
 
-				if (token == target) {
-					return;
-				}
-
 				var patterns = grammar[token];
-				patterns = (_.util.type(patterns) === "Array") ? patterns : [patterns];
+				patterns = Array.isArray(patterns) ? patterns : [patterns];
 
 				for (var j = 0; j < patterns.length; ++j) {
+					if (target && target == token + ',' + j) {
+						return;
+					}
+
 					var pattern = patterns[j],
 						inside = pattern.inside,
 						lookbehind = !!pattern.lookbehind,
@@ -115198,8 +122499,8 @@
 
 					if (greedy && !pattern.pattern.global) {
 						// Without the global flag, lastIndex won't work
-						var flags = pattern.pattern.toString().match(/[imuy]*$/)[0];
-						pattern.pattern = RegExp(pattern.pattern.source, flags + "g");
+						var flags = pattern.pattern.toString().match(/[imsuy]*$/)[0];
+						pattern.pattern = RegExp(pattern.pattern.source, flags + 'g');
 					}
 
 					pattern = pattern.pattern || pattern;
@@ -115225,7 +122526,7 @@
 								break;
 							}
 
-							var from = match.index + (lookbehind ? match[1].length : 0),
+							var from = match.index + (lookbehind && match[1] ? match[1].length : 0),
 							    to = match.index + match[0].length,
 							    k = i,
 							    p = pos;
@@ -115292,7 +122593,7 @@
 						Array.prototype.splice.apply(strarr, args);
 
 						if (delNum != 1)
-							_.matchGrammar(text, strarr, grammar, i, pos, true, token);
+							_.matchGrammar(text, strarr, grammar, i, pos, true, token + ',' + j);
 
 						if (oneshot)
 							break;
@@ -115353,29 +122654,28 @@
 		this.content = content;
 		this.alias = alias;
 		// Copy of the full string this token was created from
-		this.length = (matchedStr || "").length|0;
+		this.length = (matchedStr || '').length|0;
 		this.greedy = !!greedy;
 	}
 
-	Token.stringify = function(o, language, parent) {
+	Token.stringify = function(o, language) {
 		if (typeof o == 'string') {
 			return o;
 		}
 
 		if (Array.isArray(o)) {
 			return o.map(function(element) {
-				return Token.stringify(element, language, o);
+				return Token.stringify(element, language);
 			}).join('');
 		}
 
 		var env = {
 			type: o.type,
-			content: Token.stringify(o.content, language, parent),
+			content: Token.stringify(o.content, language),
 			tag: 'span',
 			classes: ['token', o.type],
 			attributes: {},
-			language: language,
-			parent: parent
+			language: language
 		};
 
 		if (o.alias) {
@@ -115390,7 +122690,6 @@
 		}).join(' ');
 
 		return '<' + env.tag + ' class="' + env.classes.join(' ') + '"' + (attributes ? ' ' + attributes : '') + '>' + env.content + '</' + env.tag + '>';
-
 	};
 
 	if (!_self.document) {
@@ -115418,21 +122717,37 @@
 	}
 
 	//Get current script and highlight
-	var script = document.currentScript || [].slice.call(document.getElementsByTagName("script")).pop();
+	var script = _.util.currentScript();
 
 	if (script) {
 		_.filename = script.src;
 
-		if (!_.manual && !script.hasAttribute('data-manual')) {
-			if(document.readyState !== "loading") {
-				if (window.requestAnimationFrame) {
-					window.requestAnimationFrame(_.highlightAll);
-				} else {
-					window.setTimeout(_.highlightAll, 16);
-				}
+		if (script.hasAttribute('data-manual')) {
+			_.manual = true;
+		}
+	}
+
+	if (!_.manual) {
+		function highlightAutomaticallyCallback() {
+			if (!_.manual) {
+				_.highlightAll();
 			}
-			else {
-				document.addEventListener('DOMContentLoaded', _.highlightAll);
+		}
+
+		// If the document state is "loading", then we'll use DOMContentLoaded.
+		// If the document state is "interactive" and the prism.js script is deferred, then we'll also use the
+		// DOMContentLoaded event because there might be some plugins or languages which have also been deferred and they
+		// might take longer one animation frame to execute which can create a race condition where only some plugins have
+		// been loaded when Prism.highlightAll() is executed, depending on how fast resources are loaded.
+		// See https://github.com/PrismJS/prism/issues/2102
+		var readyState = document.readyState;
+		if (readyState === 'loading' || readyState === 'interactive' && script && script.defer) {
+			document.addEventListener('DOMContentLoaded', highlightAutomaticallyCallback);
+		} else {
+			if (window.requestAnimationFrame) {
+				window.requestAnimationFrame(highlightAutomaticallyCallback);
+			} else {
+				window.setTimeout(highlightAutomaticallyCallback, 16);
 			}
 		}
 	}
@@ -115458,7 +122773,10 @@
 	Prism.languages.markup = {
 		'comment': /<!--[\s\S]*?-->/,
 		'prolog': /<\?[\s\S]+?\?>/,
-		'doctype': /<!DOCTYPE[\s\S]+?>/i,
+		'doctype': {
+			pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:(?!<!--)[^"'\]]|"[^"]*"|'[^']*'|<!--[\s\S]*?-->)*\]\s*)?>/i,
+			greedy: true
+		},
 		'cdata': /<!\[CDATA\[[\s\S]*?]]>/i,
 		'tag': {
 			pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/i,
@@ -115568,13 +122886,19 @@
 		Prism.languages.css = {
 			'comment': /\/\*[\s\S]*?\*\//,
 			'atrule': {
-				pattern: /@[\w-]+?[\s\S]*?(?:;|(?=\s*\{))/i,
+				pattern: /@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,
 				inside: {
 					'rule': /@[\w-]+/
 					// See rest below
 				}
 			},
-			'url': RegExp('url\\((?:' + string.source + '|.*?)\\)', 'i'),
+			'url': {
+				pattern: RegExp('url\\((?:' + string.source + '|[^\n\r()]*)\\)', 'i'),
+				inside: {
+					'function': /^url/i,
+					'punctuation': /^\(|\)$/
+				}
+			},
 			'selector': RegExp('[^{}\\s](?:[^{};"\']|' + string.source + ')*?(?=\\s*\\{)'),
 			'string': {
 				pattern: string,
@@ -115635,17 +122959,17 @@
 			greedy: true
 		},
 		'class-name': {
-			pattern: /((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[\w.\\]+/i,
+			pattern: /(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,
 			lookbehind: true,
 			inside: {
-				punctuation: /[.\\]/
+				'punctuation': /[.\\]/
 			}
 		},
 		'keyword': /\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,
 		'boolean': /\b(?:true|false)\b/,
 		'function': /\w+(?=\()/,
 		'number': /\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,
-		'operator': /--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,
+		'operator': /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
 		'punctuation': /[{}[\];(),.:]/
 	};
 
@@ -115668,27 +122992,27 @@
 				lookbehind: true
 			},
 			{
-				pattern: /(^|[^.])\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
+				pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
 				lookbehind: true
 			},
 		],
-		'number': /\b(?:(?:0[xX][\dA-Fa-f]+|0[bB][01]+|0[oO][0-7]+)n?|\d+n|NaN|Infinity)\b|(?:\b\d+\.?\d*|\B\.\d+)(?:[Ee][+-]?\d+)?/,
+		'number': /\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,
 		// Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
-		'function': /[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
-		'operator': /-[-=]?|\+[+=]?|!=?=?|<<?=?|>>?>?=?|=(?:==?|>)?|&[&=]?|\|[|=]?|\*\*?=?|\/=?|~|\^=?|%=?|\?|\.{3}/
+		'function': /#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
+		'operator': /--|\+\+|\*\*=?|=>|&&|\|\||[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?[.?]?|[~:]/
 	});
 
-	Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/
+	Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/;
 
 	Prism.languages.insertBefore('javascript', 'keyword', {
 		'regex': {
-			pattern: /((?:^|[^$\w\xA0-\uFFFF."'\])\s])\s*)\/(\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})\]]))/,
+			pattern: /((?:^|[^$\w\xA0-\uFFFF."'\])\s])\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*[\s\S]*?\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,
 			lookbehind: true,
 			greedy: true
 		},
 		// This must be declared before keyword because we use "function" inside the look-forward
 		'function-variable': {
-			pattern: /[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,
+			pattern: /#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,
 			alias: 'function'
 		},
 		'parameter': [
@@ -115717,11 +123041,16 @@
 
 	Prism.languages.insertBefore('javascript', 'string', {
 		'template-string': {
-			pattern: /`(?:\\[\s\S]|\${[^}]+}|[^\\`])*`/,
+			pattern: /`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,
 			greedy: true,
 			inside: {
+				'template-punctuation': {
+					pattern: /^`|`$/,
+					alias: 'string'
+				},
 				'interpolation': {
-					pattern: /\${[^}]+}/,
+					pattern: /((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,
+					lookbehind: true,
 					inside: {
 						'interpolation-punctuation': {
 							pattern: /^\${|}$/,
@@ -115827,22 +123156,6 @@
 
 				xhr.send(null);
 			});
-
-			if (Prism.plugins.toolbar) {
-				Prism.plugins.toolbar.registerButton('download-file', function (env) {
-					var pre = env.element.parentNode;
-					if (!pre || !/pre/i.test(pre.nodeName) || !pre.hasAttribute('data-src') || !pre.hasAttribute('data-download-link')) {
-						return;
-					}
-					var src = pre.getAttribute('data-src');
-					var a = document.createElement('a');
-					a.textContent = pre.getAttribute('data-download-link-label') || 'Download';
-					a.setAttribute('download', '');
-					a.href = src;
-					return a;
-				});
-			}
-
 		};
 
 		document.addEventListener('DOMContentLoaded', function () {
@@ -115855,7 +123168,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
 
 /***/ }),
-/* 1101 */
+/* 1102 */
 /***/ (function(module, exports) {
 
 	(function(Prism) {
@@ -115863,7 +123176,7 @@
 	var javascript = Prism.util.clone(Prism.languages.javascript);
 
 	Prism.languages.jsx = Prism.languages.extend('markup', javascript);
-	Prism.languages.jsx.tag.pattern= /<\/?(?:[\w.:-]+\s*(?:\s+(?:[\w.:-]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s{'">=]+|\{(?:\{(?:\{[^}]*\}|[^{}])*\}|[^{}])+\}))?|\{\.{3}[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\}))*\s*\/?)?>/i;
+	Prism.languages.jsx.tag.pattern= /<\/?(?:[\w.:-]+\s*(?:\s+(?:[\w.:$-]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s{'">=]+|\{(?:\{(?:\{[^}]*\}|[^{}])*\}|[^{}])+\}))?|\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}))*\s*\/?)?>/i;
 
 	Prism.languages.jsx.tag.inside['tag'].pattern = /^<\/?[^\s>\/]*/i;
 	Prism.languages.jsx.tag.inside['attr-value'].pattern = /=(?!\{)(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">]+)/i;
@@ -115871,7 +123184,7 @@
 
 	Prism.languages.insertBefore('inside', 'attr-name', {
 		'spread': {
-			pattern: /\{\.{3}[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\}/,
+			pattern: /\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}/,
 			inside: {
 				'punctuation': /\.{3}|[{}.]/,
 				'attr-value': /\w+/
@@ -115882,7 +123195,7 @@
 	Prism.languages.insertBefore('inside', 'attr-value',{
 		'script': {
 			// Allow for two levels of nesting
-			pattern: /=(\{(?:\{(?:\{[^}]*\}|[^}])*\}|[^}])+\})/i,
+			pattern: /=(?:\{(?:\{(?:\{[^}]*\}|[^}])*\}|[^}])+\})/i,
 			inside: {
 				'script-punctuation': {
 					pattern: /^=(?={)/,
@@ -115987,7 +123300,7 @@
 
 
 /***/ }),
-/* 1102 */
+/* 1103 */
 /***/ (function(module, exports) {
 
 	/* FIXME :
@@ -116007,14 +123320,14 @@
 			}
 		],
 		'atrule': {
-			pattern: /@[\w-]+?(?:\([^{}]+\)|[^(){};])*?(?=\s*\{)/i,
+			pattern: /@[\w-]+?(?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};])*?(?=\s*\{)/,
 			inside: {
 				'punctuation': /[:()]/
 			}
 		},
 		// selectors and mixins are considered the same
 		'selector': {
-			pattern: /(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\([^{}]*\)|[^{};@])*?(?=\s*\{)/,
+			pattern: /(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@])*?(?=\s*\{)/,
 			inside: {
 				// mixin parameters
 				'variable': /@+[\w-]+/
@@ -116047,13 +123360,13 @@
 
 
 /***/ }),
-/* 1103 */
+/* 1104 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1104);
+	var content = __webpack_require__(1105);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -116073,7 +123386,7 @@
 	}
 
 /***/ }),
-/* 1104 */
+/* 1105 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -116081,19 +123394,19 @@
 
 
 	// module
-	exports.push([module.id, "/*\n Solarized Color Schemes originally by Ethan Schoonover\n http://ethanschoonover.com/solarized\n\n Ported for PrismJS by Hector Matos\n Website: https://krakendev.io\n Twitter Handle: https://twitter.com/allonsykraken)\n*/\n\n/*\nSOLARIZED HEX\n--------- -------\nbase03    #002b36\nbase02    #073642\nbase01    #586e75\nbase00    #657b83\nbase0     #839496\nbase1     #93a1a1\nbase2     #eee8d5\nbase3     #fdf6e3\nyellow    #b58900\norange    #cb4b16\nred       #dc322f\nmagenta   #d33682\nviolet    #6c71c4\nblue      #268bd2\ncyan      #2aa198\ngreen     #859900\n*/\n\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: #657b83; /* base00 */\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\tfont-size: 1em;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\n\tline-height: 1.5;\n\n\t-moz-tab-size: 4;\n\t-o-tab-size: 4;\n\ttab-size: 4;\n\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n}\n\npre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\ncode[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n\tbackground: #073642; /* base02 */\n}\n\npre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\ncode[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n\tbackground: #073642; /* base02 */\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 1em;\n\tmargin: .5em 0;\n\toverflow: auto;\n\tborder-radius: 0.3em;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground-color: #fdf6e3; /* base3 */\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: .1em;\n\tborder-radius: .3em;\n}\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: #93a1a1; /* base1 */\n}\n\n.token.punctuation {\n\tcolor: #586e75; /* base01 */\n}\n\n.namespace {\n\topacity: .7;\n}\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n\tcolor: #268bd2; /* blue */\n}\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n\tcolor: #2aa198; /* cyan */\n}\n\n.token.entity {\n\tcolor: #657b83; /* base00 */\n\tbackground: #eee8d5; /* base2 */\n}\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n\tcolor: #859900; /* green */\n}\n\n.token.function,\n.token.class-name {\n\tcolor: #b58900; /* yellow */\n}\n\n.token.regex,\n.token.important,\n.token.variable {\n\tcolor: #cb4b16; /* orange */\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n", ""]);
+	exports.push([module.id, "/*\n Solarized Color Schemes originally by Ethan Schoonover\n http://ethanschoonover.com/solarized\n\n Ported for PrismJS by Hector Matos\n Website: https://krakendev.io\n Twitter Handle: https://twitter.com/allonsykraken)\n*/\n\n/*\nSOLARIZED HEX\n--------- -------\nbase03    #002b36\nbase02    #073642\nbase01    #586e75\nbase00    #657b83\nbase0     #839496\nbase1     #93a1a1\nbase2     #eee8d5\nbase3     #fdf6e3\nyellow    #b58900\norange    #cb4b16\nred       #dc322f\nmagenta   #d33682\nviolet    #6c71c4\nblue      #268bd2\ncyan      #2aa198\ngreen     #859900\n*/\n\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: #657b83; /* base00 */\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\tfont-size: 1em;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\n\tline-height: 1.5;\n\n\t-moz-tab-size: 4;\n\t-o-tab-size: 4;\n\ttab-size: 4;\n\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n}\n\npre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\ncode[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n\tbackground: #073642; /* base02 */\n}\n\npre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\ncode[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n\tbackground: #073642; /* base02 */\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 1em;\n\tmargin: .5em 0;\n\toverflow: auto;\n\tborder-radius: 0.3em;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground-color: #fdf6e3; /* base3 */\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: .1em;\n\tborder-radius: .3em;\n}\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: #93a1a1; /* base1 */\n}\n\n.token.punctuation {\n\tcolor: #586e75; /* base01 */\n}\n\n.token.namespace {\n\topacity: .7;\n}\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n\tcolor: #268bd2; /* blue */\n}\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n\tcolor: #2aa198; /* cyan */\n}\n\n.token.entity {\n\tcolor: #657b83; /* base00 */\n\tbackground: #eee8d5; /* base2 */\n}\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n\tcolor: #859900; /* green */\n}\n\n.token.function,\n.token.class-name {\n\tcolor: #b58900; /* yellow */\n}\n\n.token.regex,\n.token.important,\n.token.variable {\n\tcolor: #cb4b16; /* orange */\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n", ""]);
 
 	// exports
 
 
 /***/ }),
-/* 1105 */
+/* 1106 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1106);
+	var content = __webpack_require__(1107);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -116113,7 +123426,7 @@
 	}
 
 /***/ }),
-/* 1106 */
+/* 1107 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -116127,7 +123440,7 @@
 
 
 /***/ }),
-/* 1107 */
+/* 1108 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -116149,7 +123462,7 @@
 
 	var PropTypes = _interopRequireWildcard(_propTypes);
 
-	__webpack_require__(1108);
+	__webpack_require__(1109);
 
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
@@ -116178,13 +123491,13 @@
 	};
 
 /***/ }),
-/* 1108 */
+/* 1109 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1109);
+	var content = __webpack_require__(1110);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -116204,7 +123517,7 @@
 	}
 
 /***/ }),
-/* 1109 */
+/* 1110 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -116218,13 +123531,13 @@
 
 
 /***/ }),
-/* 1110 */
+/* 1111 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1111);
+	var content = __webpack_require__(1112);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -116244,7 +123557,7 @@
 	}
 
 /***/ }),
-/* 1111 */
+/* 1112 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -116258,7 +123571,7 @@
 
 
 /***/ }),
-/* 1112 */
+/* 1113 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -116301,7 +123614,7 @@
 	};
 
 /***/ }),
-/* 1113 */
+/* 1114 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -116326,7 +123639,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1114);
+	__webpack_require__(1115);
 
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
@@ -116469,13 +123782,13 @@
 	};
 
 /***/ }),
-/* 1114 */
+/* 1115 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1115);
+	var content = __webpack_require__(1116);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -116495,7 +123808,7 @@
 	}
 
 /***/ }),
-/* 1115 */
+/* 1116 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -116509,7 +123822,7 @@
 
 
 /***/ }),
-/* 1116 */
+/* 1117 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -116524,11 +123837,11 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -116538,7 +123851,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1117);
+	__webpack_require__(1118);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -116743,13 +124056,13 @@
 	exports.default = BadgeView;
 
 /***/ }),
-/* 1117 */
+/* 1118 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1118);
+	var content = __webpack_require__(1119);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -116769,7 +124082,7 @@
 	}
 
 /***/ }),
-/* 1118 */
+/* 1119 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -116783,7 +124096,7 @@
 
 
 /***/ }),
-/* 1119 */
+/* 1120 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -116799,11 +124112,11 @@
 
 	var _reactRouter = __webpack_require__(17);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -116813,7 +124126,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1120);
+	__webpack_require__(1121);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -117061,13 +124374,13 @@
 	};
 
 /***/ }),
-/* 1120 */
+/* 1121 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1121);
+	var content = __webpack_require__(1122);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -117087,7 +124400,7 @@
 	}
 
 /***/ }),
-/* 1121 */
+/* 1122 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -117101,7 +124414,7 @@
 
 
 /***/ }),
-/* 1122 */
+/* 1123 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -117116,11 +124429,11 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -117130,7 +124443,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1123);
+	__webpack_require__(1124);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -117434,13 +124747,13 @@
 	exports.default = CheckboxGroupView;
 
 /***/ }),
-/* 1123 */
+/* 1124 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1124);
+	var content = __webpack_require__(1125);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -117460,7 +124773,7 @@
 	}
 
 /***/ }),
-/* 1124 */
+/* 1125 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -117474,7 +124787,7 @@
 
 
 /***/ }),
-/* 1125 */
+/* 1126 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -117489,11 +124802,11 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -117503,7 +124816,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1126);
+	__webpack_require__(1127);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -117816,13 +125129,13 @@
 	exports.default = CheckboxView;
 
 /***/ }),
-/* 1126 */
+/* 1127 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1127);
+	var content = __webpack_require__(1128);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -117842,7 +125155,7 @@
 	}
 
 /***/ }),
-/* 1127 */
+/* 1128 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -117856,7 +125169,7 @@
 
 
 /***/ }),
-/* 1128 */
+/* 1129 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -117871,11 +125184,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Colors = __webpack_require__(996);
+	var _Colors = __webpack_require__(997);
 
 	var _Colors2 = _interopRequireDefault(_Colors);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
@@ -117885,7 +125198,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1129);
+	__webpack_require__(1130);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -118744,13 +126057,13 @@
 	};
 
 /***/ }),
-/* 1129 */
+/* 1130 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1130);
+	var content = __webpack_require__(1131);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -118770,7 +126083,7 @@
 	}
 
 /***/ }),
-/* 1130 */
+/* 1131 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -118784,7 +126097,7 @@
 
 
 /***/ }),
-/* 1131 */
+/* 1132 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -118799,11 +126112,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -119061,7 +126374,7 @@
 	};
 
 /***/ }),
-/* 1132 */
+/* 1133 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -119076,11 +126389,11 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -119090,7 +126403,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1133);
+	__webpack_require__(1134);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -119225,13 +126538,13 @@
 	exports.default = CopyContainerView;
 
 /***/ }),
-/* 1133 */
+/* 1134 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1134);
+	var content = __webpack_require__(1135);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -119251,7 +126564,7 @@
 	}
 
 /***/ }),
-/* 1134 */
+/* 1135 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -119265,7 +126578,7 @@
 
 
 /***/ }),
-/* 1135 */
+/* 1136 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -119280,11 +126593,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -119294,7 +126607,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1136);
+	__webpack_require__(1137);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -119596,13 +126909,13 @@
 	};
 
 /***/ }),
-/* 1136 */
+/* 1137 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1137);
+	var content = __webpack_require__(1138);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -119622,7 +126935,7 @@
 	}
 
 /***/ }),
-/* 1137 */
+/* 1138 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -119636,7 +126949,7 @@
 
 
 /***/ }),
-/* 1138 */
+/* 1139 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -119653,11 +126966,11 @@
 
 	var _reactRouter = __webpack_require__(17);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -119667,7 +126980,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1139);
+	__webpack_require__(1140);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -119887,13 +127200,13 @@
 	};
 
 /***/ }),
-/* 1139 */
+/* 1140 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1140);
+	var content = __webpack_require__(1141);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -119913,7 +127226,7 @@
 	}
 
 /***/ }),
-/* 1140 */
+/* 1141 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -119927,7 +127240,7 @@
 
 
 /***/ }),
-/* 1141 */
+/* 1142 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -119942,11 +127255,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -119956,7 +127269,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1142);
+	__webpack_require__(1143);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -120233,13 +127546,13 @@
 	};
 
 /***/ }),
-/* 1142 */
+/* 1143 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1143);
+	var content = __webpack_require__(1144);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -120259,7 +127572,7 @@
 	}
 
 /***/ }),
-/* 1143 */
+/* 1144 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -120273,7 +127586,7 @@
 
 
 /***/ }),
-/* 1144 */
+/* 1145 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -120288,11 +127601,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -120391,7 +127704,7 @@
 	exports.default = DatePickerView;
 
 /***/ }),
-/* 1145 */
+/* 1146 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -120406,11 +127719,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -120420,7 +127733,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1146);
+	__webpack_require__(1147);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -120618,13 +127931,13 @@
 	};
 
 /***/ }),
-/* 1146 */
+/* 1147 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1147);
+	var content = __webpack_require__(1148);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -120644,7 +127957,7 @@
 	}
 
 /***/ }),
-/* 1147 */
+/* 1148 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -120658,7 +127971,7 @@
 
 
 /***/ }),
-/* 1148 */
+/* 1149 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -120673,7 +127986,7 @@
 
 	var _lodash2 = _interopRequireDefault(_lodash);
 
-	var _Fade = __webpack_require__(744);
+	var _Fade = __webpack_require__(745);
 
 	var _Fade2 = _interopRequireDefault(_Fade);
 
@@ -120683,15 +127996,15 @@
 
 	var _reactRouter = __webpack_require__(17);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _DropdownButtonViewData = __webpack_require__(1149);
+	var _DropdownButtonViewData = __webpack_require__(1150);
 
 	var _DropdownButtonViewData2 = _interopRequireDefault(_DropdownButtonViewData);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -120701,7 +128014,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1150);
+	__webpack_require__(1151);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -121184,7 +128497,7 @@
 	};
 
 /***/ }),
-/* 1149 */
+/* 1150 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -121499,13 +128812,13 @@
 	exports.default = Hello;
 
 /***/ }),
-/* 1150 */
+/* 1151 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1151);
+	var content = __webpack_require__(1152);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -121525,7 +128838,7 @@
 	}
 
 /***/ }),
-/* 1151 */
+/* 1152 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -121539,7 +128852,7 @@
 
 
 /***/ }),
-/* 1152 */
+/* 1153 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -121554,11 +128867,11 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -121568,7 +128881,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1153);
+	__webpack_require__(1154);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -121754,13 +129067,13 @@
 	exports.default = EditableInfoPanelView;
 
 /***/ }),
-/* 1153 */
+/* 1154 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1154);
+	var content = __webpack_require__(1155);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -121780,7 +129093,7 @@
 	}
 
 /***/ }),
-/* 1154 */
+/* 1155 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -121794,7 +129107,7 @@
 
 
 /***/ }),
-/* 1155 */
+/* 1156 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -121809,11 +129122,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -121823,7 +129136,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1156);
+	__webpack_require__(1157);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -122095,13 +129408,13 @@
 	exports.default = FileInputView;
 
 /***/ }),
-/* 1156 */
+/* 1157 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1157);
+	var content = __webpack_require__(1158);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -122121,7 +129434,7 @@
 	}
 
 /***/ }),
-/* 1157 */
+/* 1158 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -122135,7 +129448,7 @@
 
 
 /***/ }),
-/* 1158 */
+/* 1159 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -122150,11 +129463,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
-	var _FlexExample = __webpack_require__(1159);
+	var _FlexExample = __webpack_require__(1160);
 
 	var _FlexExample2 = _interopRequireDefault(_FlexExample);
 
@@ -122379,7 +129692,7 @@
 	};
 
 /***/ }),
-/* 1159 */
+/* 1160 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -122401,9 +129714,9 @@
 
 	var _flex = __webpack_require__(433);
 
-	__webpack_require__(1160);
+	__webpack_require__(1161);
 
-	__webpack_require__(1162);
+	__webpack_require__(1163);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -122664,13 +129977,13 @@
 	};
 
 /***/ }),
-/* 1160 */
+/* 1161 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1161);
+	var content = __webpack_require__(1162);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -122690,7 +130003,7 @@
 	}
 
 /***/ }),
-/* 1161 */
+/* 1162 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -122704,13 +130017,13 @@
 
 
 /***/ }),
-/* 1162 */
+/* 1163 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1163);
+	var content = __webpack_require__(1164);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -122730,7 +130043,7 @@
 	}
 
 /***/ }),
-/* 1163 */
+/* 1164 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -122744,7 +130057,7 @@
 
 
 /***/ }),
-/* 1164 */
+/* 1165 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -122759,11 +130072,11 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -122773,7 +130086,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1165);
+	__webpack_require__(1166);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -123139,13 +130452,13 @@
 	exports.default = FloatingButtonView;
 
 /***/ }),
-/* 1165 */
+/* 1166 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1166);
+	var content = __webpack_require__(1167);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -123165,7 +130478,7 @@
 	}
 
 /***/ }),
-/* 1166 */
+/* 1167 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -123179,7 +130492,7 @@
 
 
 /***/ }),
-/* 1167 */
+/* 1168 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -123198,11 +130511,11 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -123212,7 +130525,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1168);
+	__webpack_require__(1169);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -123325,13 +130638,13 @@
 	exports.default = FormErrorView;
 
 /***/ }),
-/* 1168 */
+/* 1169 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1169);
+	var content = __webpack_require__(1170);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -123351,7 +130664,7 @@
 	}
 
 /***/ }),
-/* 1169 */
+/* 1170 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -123365,7 +130678,7 @@
 
 
 /***/ }),
-/* 1170 */
+/* 1171 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -123379,7 +130692,7 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _CodeSample = __webpack_require__(1099);
+	var _CodeSample = __webpack_require__(1100);
 
 	var _CodeSample2 = _interopRequireDefault(_CodeSample);
 
@@ -123791,7 +131104,7 @@
 	};
 
 /***/ }),
-/* 1171 */
+/* 1172 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -123810,11 +131123,11 @@
 
 	var _classnames2 = _interopRequireDefault(_classnames);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -123824,7 +131137,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1172);
+	__webpack_require__(1173);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -123982,13 +131295,13 @@
 	exports.default = GoalsLogoView;
 
 /***/ }),
-/* 1172 */
+/* 1173 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1173);
+	var content = __webpack_require__(1174);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -124008,7 +131321,7 @@
 	}
 
 /***/ }),
-/* 1173 */
+/* 1174 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -124022,7 +131335,7 @@
 
 
 /***/ }),
-/* 1174 */
+/* 1175 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -124045,11 +131358,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -124059,7 +131372,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1175);
+	__webpack_require__(1176);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -124444,13 +131757,13 @@
 	};
 
 /***/ }),
-/* 1175 */
+/* 1176 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1176);
+	var content = __webpack_require__(1177);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -124470,7 +131783,7 @@
 	}
 
 /***/ }),
-/* 1176 */
+/* 1177 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -124484,7 +131797,7 @@
 
 
 /***/ }),
-/* 1177 */
+/* 1178 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -124503,11 +131816,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
@@ -124517,7 +131830,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1178);
+	__webpack_require__(1179);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -124618,13 +131931,13 @@
 	};
 
 /***/ }),
-/* 1178 */
+/* 1179 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1179);
+	var content = __webpack_require__(1180);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -124644,7 +131957,7 @@
 	}
 
 /***/ }),
-/* 1179 */
+/* 1180 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -124658,7 +131971,7 @@
 
 
 /***/ }),
-/* 1180 */
+/* 1181 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -124673,11 +131986,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -124687,7 +132000,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1181);
+	__webpack_require__(1182);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -124872,13 +132185,13 @@
 	};
 
 /***/ }),
-/* 1181 */
+/* 1182 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1182);
+	var content = __webpack_require__(1183);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -124898,7 +132211,7 @@
 	}
 
 /***/ }),
-/* 1182 */
+/* 1183 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -124912,7 +132225,7 @@
 
 
 /***/ }),
-/* 1183 */
+/* 1184 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -125169,7 +132482,7 @@
 	};
 
 /***/ }),
-/* 1184 */
+/* 1185 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -125184,7 +132497,7 @@
 
 	var _lodash2 = _interopRequireDefault(_lodash);
 
-	var _loremIpsum = __webpack_require__(1185);
+	var _loremIpsum = __webpack_require__(1186);
 
 	var _loremIpsum2 = _interopRequireDefault(_loremIpsum);
 
@@ -125192,11 +132505,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -125206,7 +132519,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1187);
+	__webpack_require__(1188);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -125449,7 +132762,7 @@
 	};
 
 /***/ }),
-/* 1185 */
+/* 1186 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {function generator() {
@@ -125461,7 +132774,7 @@
 	    , paragraphLowerBound = options.paragraphLowerBound || 3
 	    , paragraphUpperBound = options.paragraphUpperBound || 7
 	    , format = options.format || 'plain'
-	    , words = options.words || __webpack_require__(1186).words
+	    , words = options.words || __webpack_require__(1187).words
 	    , random = options.random || Math.random
 	    , suffix = options.suffix;
 
@@ -125592,7 +132905,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2)))
 
 /***/ }),
-/* 1186 */
+/* 1187 */
 /***/ (function(module, exports) {
 
 	var dictionary = {
@@ -125666,13 +132979,13 @@
 
 
 /***/ }),
-/* 1187 */
+/* 1188 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1188);
+	var content = __webpack_require__(1189);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -125692,7 +133005,7 @@
 	}
 
 /***/ }),
-/* 1188 */
+/* 1189 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -125706,7 +133019,7 @@
 
 
 /***/ }),
-/* 1189 */
+/* 1190 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -125725,17 +133038,17 @@
 
 	var PropTypes = _interopRequireWildcard(_propTypes);
 
-	var _SideBar = __webpack_require__(1190);
+	var _SideBar = __webpack_require__(1191);
 
 	var _SideBar2 = _interopRequireDefault(_SideBar);
 
-	var _TopBar = __webpack_require__(1194);
+	var _TopBar = __webpack_require__(1195);
 
 	var _TopBar2 = _interopRequireDefault(_TopBar);
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1198);
+	__webpack_require__(1199);
 
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
@@ -125822,7 +133135,7 @@
 	};
 
 /***/ }),
-/* 1190 */
+/* 1191 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -125831,7 +133144,7 @@
 	  value: true
 	});
 
-	var _SideBar = __webpack_require__(1191);
+	var _SideBar = __webpack_require__(1192);
 
 	var _SideBar2 = _interopRequireDefault(_SideBar);
 
@@ -125840,7 +133153,7 @@
 	exports.default = _SideBar2.default;
 
 /***/ }),
-/* 1191 */
+/* 1192 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -125867,7 +133180,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1192);
+	__webpack_require__(1193);
 
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
@@ -126037,13 +133350,13 @@
 	};
 
 /***/ }),
-/* 1192 */
+/* 1193 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1193);
+	var content = __webpack_require__(1194);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -126063,7 +133376,7 @@
 	}
 
 /***/ }),
-/* 1193 */
+/* 1194 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -126077,7 +133390,7 @@
 
 
 /***/ }),
-/* 1194 */
+/* 1195 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -126086,7 +133399,7 @@
 	  value: true
 	});
 
-	var _TopBar = __webpack_require__(1195);
+	var _TopBar = __webpack_require__(1196);
 
 	var _TopBar2 = _interopRequireDefault(_TopBar);
 
@@ -126095,7 +133408,7 @@
 	exports.default = _TopBar2.default;
 
 /***/ }),
-/* 1195 */
+/* 1196 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -126119,9 +133432,9 @@
 
 	var _src = __webpack_require__(87);
 
-	var _TopBar = __webpack_require__(1006);
+	var _TopBar = __webpack_require__(1007);
 
-	__webpack_require__(1196);
+	__webpack_require__(1197);
 
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
@@ -126167,13 +133480,13 @@
 	};
 
 /***/ }),
-/* 1196 */
+/* 1197 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1197);
+	var content = __webpack_require__(1198);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -126193,7 +133506,7 @@
 	}
 
 /***/ }),
-/* 1197 */
+/* 1198 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -126207,13 +133520,13 @@
 
 
 /***/ }),
-/* 1198 */
+/* 1199 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1199);
+	var content = __webpack_require__(1200);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -126233,7 +133546,7 @@
 	}
 
 /***/ }),
-/* 1199 */
+/* 1200 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -126247,7 +133560,7 @@
 
 
 /***/ }),
-/* 1200 */
+/* 1201 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -126268,7 +133581,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1201);
+	__webpack_require__(1202);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -126955,13 +134268,13 @@
 	};
 
 /***/ }),
-/* 1201 */
+/* 1202 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1202);
+	var content = __webpack_require__(1203);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -126981,7 +134294,7 @@
 	}
 
 /***/ }),
-/* 1202 */
+/* 1203 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -126995,7 +134308,7 @@
 
 
 /***/ }),
-/* 1203 */
+/* 1204 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -127014,11 +134327,11 @@
 
 	var _View2 = _interopRequireDefault(_View);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
-	var _LeftNavExample = __webpack_require__(1204);
+	var _LeftNavExample = __webpack_require__(1205);
 
 	var _LeftNavExample2 = _interopRequireDefault(_LeftNavExample);
 
@@ -127188,7 +134501,7 @@
 	};
 
 /***/ }),
-/* 1204 */
+/* 1205 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -127203,13 +134516,13 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1205);
+	__webpack_require__(1206);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -127398,13 +134711,13 @@
 	};
 
 /***/ }),
-/* 1205 */
+/* 1206 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1206);
+	var content = __webpack_require__(1207);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -127424,7 +134737,7 @@
 	}
 
 /***/ }),
-/* 1206 */
+/* 1207 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -127438,7 +134751,7 @@
 
 
 /***/ }),
-/* 1207 */
+/* 1208 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -127452,7 +134765,7 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
@@ -127774,7 +135087,7 @@
 	};
 
 /***/ }),
-/* 1208 */
+/* 1209 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -127795,11 +135108,11 @@
 
 	var _reactRouter = __webpack_require__(17);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -127809,7 +135122,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1209);
+	__webpack_require__(1210);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -128152,13 +135465,13 @@
 	exports.default = ListView;
 
 /***/ }),
-/* 1209 */
+/* 1210 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1210);
+	var content = __webpack_require__(1211);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -128178,7 +135491,7 @@
 	}
 
 /***/ }),
-/* 1210 */
+/* 1211 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -128192,7 +135505,7 @@
 
 
 /***/ }),
-/* 1211 */
+/* 1212 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -128211,15 +135524,15 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Colors = __webpack_require__(996);
+	var _Colors = __webpack_require__(997);
 
 	var _Colors2 = _interopRequireDefault(_Colors);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -128229,7 +135542,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1212);
+	__webpack_require__(1213);
 
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
@@ -128432,13 +135745,13 @@
 	exports.default = LogoView;
 
 /***/ }),
-/* 1212 */
+/* 1213 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1213);
+	var content = __webpack_require__(1214);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -128458,7 +135771,7 @@
 	}
 
 /***/ }),
-/* 1213 */
+/* 1214 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -128472,7 +135785,7 @@
 
 
 /***/ }),
-/* 1214 */
+/* 1215 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -128491,11 +135804,11 @@
 
 	var ReactRouter = _interopRequireWildcard(_reactRouter);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -128505,7 +135818,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1215);
+	__webpack_require__(1216);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -129155,13 +136468,13 @@
 	exports.default = MenuView;
 
 /***/ }),
-/* 1215 */
+/* 1216 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1216);
+	var content = __webpack_require__(1217);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -129181,7 +136494,7 @@
 	}
 
 /***/ }),
-/* 1216 */
+/* 1217 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -129195,7 +136508,7 @@
 
 
 /***/ }),
-/* 1217 */
+/* 1218 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -129206,7 +136519,7 @@
 
 	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-	var _loremIpsum = __webpack_require__(1185);
+	var _loremIpsum = __webpack_require__(1186);
 
 	var _loremIpsum2 = _interopRequireDefault(_loremIpsum);
 
@@ -129214,11 +136527,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -129388,7 +136701,7 @@
 	};
 
 /***/ }),
-/* 1218 */
+/* 1219 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -129399,7 +136712,7 @@
 
 	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-	var _loremIpsum = __webpack_require__(1185);
+	var _loremIpsum = __webpack_require__(1186);
 
 	var _loremIpsum2 = _interopRequireDefault(_loremIpsum);
 
@@ -129407,11 +136720,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -129553,7 +136866,7 @@
 	};
 
 /***/ }),
-/* 1219 */
+/* 1220 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -129568,11 +136881,11 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -129582,7 +136895,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1220);
+	__webpack_require__(1221);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -129921,13 +137234,13 @@
 	exports.default = MultiplePanelModalsView;
 
 /***/ }),
-/* 1220 */
+/* 1221 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1221);
+	var content = __webpack_require__(1222);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -129947,7 +137260,7 @@
 	}
 
 /***/ }),
-/* 1221 */
+/* 1222 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -129955,13 +137268,13 @@
 
 
 	// module
-	exports.push([module.id, ".MultiplePanelModalsView--intro {\n  margin-bottom: 2rem;\n}\n.MultiplePanelModalsView--configContainer {\n  border-top: 0.1875rem solid #e3e6eb;\n  margin-top: 2rem;\n  padding-top: 1.5rem;\n}\n.MultiplePanelModalsView--config {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  margin-bottom: 1rem;\n  text-transform: uppercase;\n  font-size: 0.75rem;\n}\n.MultiplePanelModalsView--config:not(:last-child) {\n  margin-right: 1rem;\n}\nlabel.MultiplePanelModalsView--config {\n  cursor: pointer;\n}\n.MultiplePanelModalsView--configOptions {\n  margin-left: 0.25rem;\n  display: inline-block;\n}\n.MultiplePanelModalsView--configToggle {\n  cursor: pointer;\n}\n.MultiplePanelModalsView--configToggle[disabled] {\n  cursor: not-allowed;\n}\n.MultiplePanelModalsView--props {\n  margin-top: 1.5rem;\n}\n.MultiplePanelModals--stepNumber {\n  margin-right: 1rem;\n}\n", ""]);
+	exports.push([module.id, ".MultiplePanelModalsView--intro {\n  margin-bottom: 2rem;\n}\n.MultiplePanelModalsView--configContainer {\n  border-top: 0.1875rem solid #e3e6eb;\n  margin-top: 2rem;\n  padding-top: 1.5rem;\n}\n.MultiplePanelModalsView--config {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  margin-bottom: 1rem;\n  text-transform: uppercase;\n  font-size: 0.75rem;\n}\n.MultiplePanelModalsView--config:not(:last-child) {\n  margin-right: 1rem;\n}\nlabel.MultiplePanelModalsView--config {\n  cursor: pointer;\n}\n.MultiplePanelModalsView--configOptions {\n  margin-left: 0.25rem;\n  display: inline-block;\n}\n.MultiplePanelModalsView--configToggle {\n  cursor: pointer;\n}\n.MultiplePanelModalsView--configToggle[disabled] {\n  cursor: not-allowed;\n}\n.MultiplePanelModalsView--props {\n  margin-top: 1.5rem;\n}\n", ""]);
 
 	// exports
 
 
 /***/ }),
-/* 1222 */
+/* 1223 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -129976,11 +137289,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -129990,7 +137303,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1223);
+	__webpack_require__(1224);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -130304,13 +137617,13 @@
 	};
 
 /***/ }),
-/* 1223 */
+/* 1224 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1224);
+	var content = __webpack_require__(1225);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -130330,7 +137643,7 @@
 	}
 
 /***/ }),
-/* 1224 */
+/* 1225 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -130344,7 +137657,7 @@
 
 
 /***/ }),
-/* 1225 */
+/* 1226 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -130488,7 +137801,7 @@
 	};
 
 /***/ }),
-/* 1226 */
+/* 1227 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -130507,11 +137820,11 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -130521,7 +137834,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1227);
+	__webpack_require__(1228);
 
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
@@ -130902,13 +138215,13 @@
 	};
 
 /***/ }),
-/* 1227 */
+/* 1228 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1228);
+	var content = __webpack_require__(1229);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -130928,7 +138241,7 @@
 	}
 
 /***/ }),
-/* 1228 */
+/* 1229 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -130942,7 +138255,7 @@
 
 
 /***/ }),
-/* 1229 */
+/* 1230 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -130957,11 +138270,11 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -130971,7 +138284,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1230);
+	__webpack_require__(1231);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -131275,13 +138588,13 @@
 	exports.default = RadioGroupView;
 
 /***/ }),
-/* 1230 */
+/* 1231 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1231);
+	var content = __webpack_require__(1232);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -131301,7 +138614,7 @@
 	}
 
 /***/ }),
-/* 1231 */
+/* 1232 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -131315,7 +138628,7 @@
 
 
 /***/ }),
-/* 1232 */
+/* 1233 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -131329,11 +138642,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -131401,7 +138714,7 @@
 	}
 
 /***/ }),
-/* 1233 */
+/* 1234 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -131416,11 +138729,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -131594,7 +138907,7 @@
 	};
 
 /***/ }),
-/* 1234 */
+/* 1235 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -131603,7 +138916,7 @@
 	  value: true
 	});
 
-	var _regenerator = __webpack_require__(1235);
+	var _regenerator = __webpack_require__(1236);
 
 	var _regenerator2 = _interopRequireDefault(_regenerator);
 
@@ -131617,11 +138930,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -131631,7 +138944,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1238);
+	__webpack_require__(1239);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -132111,14 +139424,14 @@
 	};
 
 /***/ }),
-/* 1235 */
+/* 1236 */
 /***/ (function(module, exports, __webpack_require__) {
 
-	module.exports = __webpack_require__(1236);
+	module.exports = __webpack_require__(1237);
 
 
 /***/ }),
-/* 1236 */
+/* 1237 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/**
@@ -132143,7 +139456,7 @@
 	// Force reevalutation of runtime.js.
 	g.regeneratorRuntime = undefined;
 
-	module.exports = __webpack_require__(1237);
+	module.exports = __webpack_require__(1238);
 
 	if (hadRuntime) {
 	  // Restore the original runtime.
@@ -132159,7 +139472,7 @@
 
 
 /***/ }),
-/* 1237 */
+/* 1238 */
 /***/ (function(module, exports) {
 
 	/**
@@ -132892,13 +140205,13 @@
 
 
 /***/ }),
-/* 1238 */
+/* 1239 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1239);
+	var content = __webpack_require__(1240);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -132918,7 +140231,7 @@
 	}
 
 /***/ }),
-/* 1239 */
+/* 1240 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -132932,7 +140245,7 @@
 
 
 /***/ }),
-/* 1240 */
+/* 1241 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -132947,7 +140260,7 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
@@ -132957,7 +140270,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1241);
+	__webpack_require__(1242);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -133095,13 +140408,13 @@
 	};
 
 /***/ }),
-/* 1241 */
+/* 1242 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1242);
+	var content = __webpack_require__(1243);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -133121,7 +140434,7 @@
 	}
 
 /***/ }),
-/* 1242 */
+/* 1243 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -133135,7 +140448,7 @@
 
 
 /***/ }),
-/* 1243 */
+/* 1244 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -133196,7 +140509,7 @@
 	};
 
 /***/ }),
-/* 1244 */
+/* 1245 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -133211,7 +140524,7 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
@@ -133219,13 +140532,13 @@
 
 	var _View2 = _interopRequireDefault(_View);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1245);
+	__webpack_require__(1246);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -133618,13 +140931,13 @@
 	exports.default = StepperView;
 
 /***/ }),
-/* 1245 */
+/* 1246 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1246);
+	var content = __webpack_require__(1247);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -133644,7 +140957,7 @@
 	}
 
 /***/ }),
-/* 1246 */
+/* 1247 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -133658,7 +140971,7 @@
 
 
 /***/ }),
-/* 1247 */
+/* 1248 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -133673,11 +140986,11 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -133687,7 +141000,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1248);
+	__webpack_require__(1249);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -133871,13 +141184,13 @@
 	exports.default = SwitchView;
 
 /***/ }),
-/* 1248 */
+/* 1249 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1249);
+	var content = __webpack_require__(1250);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -133897,7 +141210,7 @@
 	}
 
 /***/ }),
-/* 1249 */
+/* 1250 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -133911,7 +141224,7 @@
 
 
 /***/ }),
-/* 1250 */
+/* 1251 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -133930,11 +141243,11 @@
 
 	var _View2 = _interopRequireDefault(_View);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
-	var _TabBarExample = __webpack_require__(1251);
+	var _TabBarExample = __webpack_require__(1252);
 
 	var _TabBarExample2 = _interopRequireDefault(_TabBarExample);
 
@@ -134118,7 +141431,7 @@
 	};
 
 /***/ }),
-/* 1251 */
+/* 1252 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -134145,11 +141458,11 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1162);
+	__webpack_require__(1163);
 
-	__webpack_require__(1252);
+	__webpack_require__(1253);
 
-	__webpack_require__(1254);
+	__webpack_require__(1255);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -134372,13 +141685,13 @@
 	};
 
 /***/ }),
-/* 1252 */
+/* 1253 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1253);
+	var content = __webpack_require__(1254);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -134398,7 +141711,7 @@
 	}
 
 /***/ }),
-/* 1253 */
+/* 1254 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -134412,13 +141725,13 @@
 
 
 /***/ }),
-/* 1254 */
+/* 1255 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1255);
+	var content = __webpack_require__(1256);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -134438,7 +141751,7 @@
 	}
 
 /***/ }),
-/* 1255 */
+/* 1256 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -134452,7 +141765,7 @@
 
 
 /***/ }),
-/* 1256 */
+/* 1257 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -134461,7 +141774,7 @@
 	  value: true
 	});
 
-	var _regenerator = __webpack_require__(1235);
+	var _regenerator = __webpack_require__(1236);
 
 	var _regenerator2 = _interopRequireDefault(_regenerator);
 
@@ -134475,7 +141788,7 @@
 
 	var _classnames2 = _interopRequireDefault(_classnames);
 
-	var _loremIpsum = __webpack_require__(1185);
+	var _loremIpsum = __webpack_require__(1186);
 
 	var _loremIpsum2 = _interopRequireDefault(_loremIpsum);
 
@@ -134483,11 +141796,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -134497,7 +141810,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1257);
+	__webpack_require__(1258);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -135109,13 +142422,13 @@
 	};
 
 /***/ }),
-/* 1257 */
+/* 1258 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1258);
+	var content = __webpack_require__(1259);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -135135,7 +142448,7 @@
 	}
 
 /***/ }),
-/* 1258 */
+/* 1259 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -135149,7 +142462,7 @@
 
 
 /***/ }),
-/* 1259 */
+/* 1260 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -135164,7 +142477,7 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
@@ -135174,11 +142487,11 @@
 
 	var _src = __webpack_require__(87);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
-	__webpack_require__(1181);
+	__webpack_require__(1182);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -135516,7 +142829,7 @@
 	};
 
 /***/ }),
-/* 1260 */
+/* 1261 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -135531,11 +142844,11 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -135545,7 +142858,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1261);
+	__webpack_require__(1262);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -135884,13 +143197,13 @@
 	};
 
 /***/ }),
-/* 1261 */
+/* 1262 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1262);
+	var content = __webpack_require__(1263);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -135910,7 +143223,7 @@
 	}
 
 /***/ }),
-/* 1262 */
+/* 1263 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -135924,7 +143237,7 @@
 
 
 /***/ }),
-/* 1263 */
+/* 1264 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -135943,15 +143256,15 @@
 
 	var _classnames2 = _interopRequireDefault(_classnames);
 
-	var _loremIpsum = __webpack_require__(1185);
+	var _loremIpsum = __webpack_require__(1186);
 
 	var _loremIpsum2 = _interopRequireDefault(_loremIpsum);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -135961,7 +143274,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1264);
+	__webpack_require__(1265);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -136196,13 +143509,13 @@
 	exports.default = TextTruncateView;
 
 /***/ }),
-/* 1264 */
+/* 1265 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1265);
+	var content = __webpack_require__(1266);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -136222,7 +143535,7 @@
 	}
 
 /***/ }),
-/* 1265 */
+/* 1266 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -136236,7 +143549,7 @@
 
 
 /***/ }),
-/* 1266 */
+/* 1267 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -136255,11 +143568,11 @@
 
 	var _src = __webpack_require__(87);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -136267,7 +143580,7 @@
 
 	var _View2 = _interopRequireDefault(_View);
 
-	__webpack_require__(1267);
+	__webpack_require__(1268);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -136631,13 +143944,13 @@
 	exports.default = ToastStackView;
 
 /***/ }),
-/* 1267 */
+/* 1268 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1268);
+	var content = __webpack_require__(1269);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -136657,7 +143970,7 @@
 	}
 
 /***/ }),
-/* 1268 */
+/* 1269 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -136671,7 +143984,7 @@
 
 
 /***/ }),
-/* 1269 */
+/* 1270 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -136690,7 +144003,7 @@
 
 	var _classnames2 = _interopRequireDefault(_classnames);
 
-	var _loremIpsum = __webpack_require__(1185);
+	var _loremIpsum = __webpack_require__(1186);
 
 	var _loremIpsum2 = _interopRequireDefault(_loremIpsum);
 
@@ -136698,15 +144011,15 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _reactFontawesome = __webpack_require__(471);
+	var _reactFontawesome = __webpack_require__(473);
 
 	var _reactFontawesome2 = _interopRequireDefault(_reactFontawesome);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -136716,7 +144029,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1270);
+	__webpack_require__(1271);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -136956,13 +144269,13 @@
 	};
 
 /***/ }),
-/* 1270 */
+/* 1271 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1271);
+	var content = __webpack_require__(1272);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -136982,7 +144295,7 @@
 	}
 
 /***/ }),
-/* 1271 */
+/* 1272 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -136996,7 +144309,7 @@
 
 
 /***/ }),
-/* 1272 */
+/* 1273 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -137021,15 +144334,15 @@
 
 	var _classnames2 = _interopRequireDefault(_classnames);
 
-	var _reactFontawesome = __webpack_require__(471);
+	var _reactFontawesome = __webpack_require__(473);
 
 	var _reactFontawesome2 = _interopRequireDefault(_reactFontawesome);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -137039,9 +144352,9 @@
 
 	var _src = __webpack_require__(87);
 
-	var _TopBar = __webpack_require__(1006);
+	var _TopBar = __webpack_require__(1007);
 
-	__webpack_require__(1273);
+	__webpack_require__(1274);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -137452,13 +144765,13 @@
 	}(React.PureComponent);
 
 /***/ }),
-/* 1273 */
+/* 1274 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1274);
+	var content = __webpack_require__(1275);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -137478,7 +144791,7 @@
 	}
 
 /***/ }),
-/* 1274 */
+/* 1275 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -137492,7 +144805,7 @@
 
 
 /***/ }),
-/* 1275 */
+/* 1276 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -137507,7 +144820,7 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
@@ -137735,7 +145048,7 @@
 	};
 
 /***/ }),
-/* 1276 */
+/* 1277 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -137756,7 +145069,7 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1277);
+	__webpack_require__(1278);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -137951,13 +145264,13 @@
 	};
 
 /***/ }),
-/* 1277 */
+/* 1278 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1278);
+	var content = __webpack_require__(1279);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -137977,7 +145290,7 @@
 	}
 
 /***/ }),
-/* 1278 */
+/* 1279 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -137991,7 +145304,7 @@
 
 
 /***/ }),
-/* 1279 */
+/* 1280 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -138010,11 +145323,11 @@
 
 	var React = _interopRequireWildcard(_react);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -138024,9 +145337,9 @@
 
 	var _src = __webpack_require__(87);
 
-	__webpack_require__(1280);
+	__webpack_require__(1281);
 
-	var _KeyCode = __webpack_require__(1024);
+	var _KeyCode = __webpack_require__(1025);
 
 	var _KeyCode2 = _interopRequireDefault(_KeyCode);
 
@@ -138266,13 +145579,13 @@
 	exports.default = WithKeyboardNavView;
 
 /***/ }),
-/* 1280 */
+/* 1281 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1281);
+	var content = __webpack_require__(1282);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -138292,7 +145605,7 @@
 	}
 
 /***/ }),
-/* 1281 */
+/* 1282 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -138306,7 +145619,7 @@
 
 
 /***/ }),
-/* 1282 */
+/* 1283 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -138327,11 +145640,11 @@
 
 	var PropTypes = _interopRequireWildcard(_propTypes);
 
-	var _Example = __webpack_require__(1097);
+	var _Example = __webpack_require__(1098);
 
 	var _Example2 = _interopRequireDefault(_Example);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
@@ -138341,9 +145654,9 @@
 
 	var _src = __webpack_require__(87);
 
-	var _WizardLayoutContent = __webpack_require__(1283);
+	var _WizardLayoutContent = __webpack_require__(1284);
 
-	__webpack_require__(1284);
+	__webpack_require__(1285);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -138665,6 +145978,12 @@
 	          description: "Optional next button text, 'Next step' by default",
 	          defaultValue: "Next step",
 	          optional: true
+	        }, {
+	          name: "nextStepButtonType",
+	          type: "String",
+	          description: "One of primary, secondary, destructive, link, linkPlain, plain",
+	          defaultValue: "primary",
+	          optional: true
 	        }, {
 	          name: "onNextStep",
 	          type: "Function",
@@ -138734,7 +146053,7 @@
 	exports.default = WizardLayoutView;
 
 /***/ }),
-/* 1283 */
+/* 1284 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -139170,13 +146489,13 @@
 	};
 
 /***/ }),
-/* 1284 */
+/* 1285 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 
 	// load the styles
-	var content = __webpack_require__(1285);
+	var content = __webpack_require__(1286);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
 	var update = __webpack_require__(443)(content, {});
@@ -139196,7 +146515,7 @@
 	}
 
 /***/ }),
-/* 1285 */
+/* 1286 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	exports = module.exports = __webpack_require__(442)();
@@ -139210,7 +146529,7 @@
 
 
 /***/ }),
-/* 1286 */
+/* 1287 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
@@ -139229,11 +146548,11 @@
 
 	var _View2 = _interopRequireDefault(_View);
 
-	var _PropDocumentation = __webpack_require__(1113);
+	var _PropDocumentation = __webpack_require__(1114);
 
 	var _PropDocumentation2 = _interopRequireDefault(_PropDocumentation);
 
-	var _WizardExample = __webpack_require__(1287);
+	var _WizardExample = __webpack_require__(1288);
 
 	var _WizardExample2 = _interopRequireDefault(_WizardExample);
 
@@ -139525,7 +146844,7 @@
 	};
 
 /***/ }),
-/* 1287 */
+/* 1288 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	"use strict";
diff --git a/docs/components/WizardLayoutView.jsx b/docs/components/WizardLayoutView.jsx
index f8ef647b0..a7294ecec 100644
--- a/docs/components/WizardLayoutView.jsx
+++ b/docs/components/WizardLayoutView.jsx
@@ -292,6 +292,13 @@ export default class WizardLayoutView extends React.PureComponent {
             defaultValue: "Next step",
             optional: true,
           },
+          {
+            name: "nextStepButtonType",
+            type: "String",
+            description: "One of primary, secondary, destructive, link, linkPlain, plain",
+            defaultValue: "primary",
+            optional: true,
+          },
           {
             name: "onNextStep",
             type: "Function",
diff --git a/package.json b/package.json
index 9196a736a..68201e91d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "clever-components",
-  "version": "2.30.1",
+  "version": "2.31.0",
   "description": "A library of helpful React components and less styles",
   "repository": {
     "type": "git",
diff --git a/src/WizardLayout/WizardLayout.tsx b/src/WizardLayout/WizardLayout.tsx
index 083b6b0fa..f14f8b422 100644
--- a/src/WizardLayout/WizardLayout.tsx
+++ b/src/WizardLayout/WizardLayout.tsx
@@ -19,6 +19,7 @@ export interface Props {
   hideSaveAndExit?: boolean;
   nextStepButtonDisabled?: boolean;
   nextStepButtonText?: string;
+  nextStepButtonType?: "primary" | "secondary" | "destructive" | "link" | "linkPlain" | "plain";
   onNextStep: () => void;
   onPrevStep: () => void;
   onSaveAndExit?: () => void;
@@ -44,6 +45,7 @@ const propTypes = {
   hidePreviousStepButton: PropTypes.bool,
   nextStepButtonDisabled: PropTypes.bool,
   nextStepButtonText: PropTypes.string,
+  nextStepButtonType: PropTypes.string,
   prevStepButtonDisabled: PropTypes.bool,
   prevStepButtonText: PropTypes.string,
   hideSaveAndExit: PropTypes.bool,
@@ -95,6 +97,7 @@ export default class WizardLayout extends React.PureComponent<Props> {
       helpContent,
       nextStepButtonDisabled,
       nextStepButtonText,
+      nextStepButtonType,
       hidePreviousStepButton,
       hideSaveAndExit,
       onSaveAndExit,
@@ -165,7 +168,7 @@ export default class WizardLayout extends React.PureComponent<Props> {
             />
           )}
           <Button
-            type="primary"
+            type={nextStepButtonType || "primary"}
             value={nextStepButtonText || "Next step"}
             className={cssClass.NEXT_BUTTON}
             onClick={this._onNextStep}