@shelf/global-renderer 1.0.3-beta.1 → 1.0.4-beta.0

package/lib/node_modules/react-dom/cjs/react-dom.development.js

@@ -149,6 +149,9 @@ function OO() {
     var ze = {}, Ob = [
       "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",
@@ -161,9 +164,13 @@ function OO() {
         e,
         _u,
         !1,
+        // mustUseProperty
         e,
+        // attributeName
         null,
+        // attributeNamespace
         !1,
+        // sanitizeURL
         !1
       );
     }), [["acceptCharset", "accept-charset"], ["className", "class"], ["htmlFor", "for"], ["httpEquiv", "http-equiv"]].forEach(function(e) {
@@ -172,9 +179,13 @@ function OO() {
         t,
         va,
         !1,
+        // mustUseProperty
         n,
+        // attributeName
         null,
+        // attributeNamespace
         !1,
+        // sanitizeURL
         !1
       );
     }), ["contentEditable", "draggable", "spellCheck", "value"].forEach(function(e) {
@@ -182,9 +193,13 @@ function OO() {
         e,
         Zo,
         !1,
+        // mustUseProperty
         e.toLowerCase(),
+        // attributeName
         null,
+        // attributeNamespace
         !1,
+        // sanitizeURL
         !1
       );
     }), ["autoReverse", "externalResourcesRequired", "focusable", "preserveAlpha"].forEach(function(e) {
@@ -192,14 +207,20 @@ function OO() {
         e,
         Zo,
         !1,
+        // mustUseProperty
         e,
+        // attributeName
         null,
+        // attributeNamespace
         !1,
+        // sanitizeURL
         !1
       );
     }), [
       "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",
@@ -220,43 +241,64 @@ function OO() {
       "reversed",
       "scoped",
       "seamless",
+      // Microdata
       "itemScope"
     ].forEach(function(e) {
       ze[e] = new Ke(
         e,
         Hn,
         !1,
+        // mustUseProperty
         e.toLowerCase(),
+        // attributeName
         null,
+        // attributeNamespace
         !1,
+        // sanitizeURL
         !1
       );
     }), [
       "checked",
+      // Note: `option.selected` is not updated if `select.multiple` is
+      // disabled with `removeAttribute`. We have special logic for handling this.
       "multiple",
       "muted",
       "selected"
+      // NOTE: if you add a camelCased prop to this list,
+      // you'll need to set attributeName to name.toLowerCase()
+      // instead in the assignment below.
     ].forEach(function(e) {
       ze[e] = new Ke(
         e,
         Hn,
         !0,
+        // mustUseProperty
         e,
+        // attributeName
         null,
+        // attributeNamespace
         !1,
+        // sanitizeURL
         !1
       );
     }), [
       "capture",
       "download"
+      // NOTE: if you add a camelCased prop to this list,
+      // you'll need to set attributeName to name.toLowerCase()
+      // instead in the assignment below.
     ].forEach(function(e) {
       ze[e] = new Ke(
         e,
         Ir,
         !1,
+        // mustUseProperty
         e,
+        // attributeName
         null,
+        // attributeNamespace
         !1,
+        // sanitizeURL
         !1
       );
     }), [
@@ -264,14 +306,21 @@ function OO() {
       "rows",
       "size",
       "span"
+      // NOTE: if you add a camelCased prop to this list,
+      // you'll need to set attributeName to name.toLowerCase()
+      // instead in the assignment below.
     ].forEach(function(e) {
       ze[e] = new Ke(
         e,
         Rv,
         !1,
+        // mustUseProperty
         e,
+        // attributeName
         null,
+        // attributeNamespace
         !1,
+        // sanitizeURL
         !1
       );
     }), ["rowSpan", "start"].forEach(function(e) {
@@ -279,9 +328,13 @@ function OO() {
         e,
         Ev,
         !1,
+        // mustUseProperty
         e.toLowerCase(),
+        // attributeName
         null,
+        // attributeNamespace
         !1,
+        // sanitizeURL
         !1
       );
     });
@@ -362,15 +415,21 @@ function OO() {
       "writing-mode",
       "xmlns:xlink",
       "x-height"
+      // NOTE: if you add a camelCased prop to this list,
+      // you'll need to set attributeName to name.toLowerCase()
+      // instead in the assignment below.
     ].forEach(function(e) {
       var t = e.replace(Wo, Io);
       ze[t] = new Ke(
         t,
         va,
         !1,
+        // mustUseProperty
         e,
         null,
+        // attributeNamespace
         !1,
+        // sanitizeURL
         !1
       );
     }), [
@@ -380,30 +439,40 @@ function OO() {
       "xlink:show",
       "xlink:title",
       "xlink:type"
+      // NOTE: if you add a camelCased prop to this list,
+      // you'll need to set attributeName to name.toLowerCase()
+      // instead in the assignment below.
     ].forEach(function(e) {
       var t = e.replace(Wo, Io);
       ze[t] = new Ke(
         t,
         va,
         !1,
+        // mustUseProperty
         e,
         "http://www.w3.org/1999/xlink",
         !1,
+        // sanitizeURL
         !1
       );
     }), [
       "xml:base",
       "xml:lang",
       "xml:space"
+      // NOTE: if you add a camelCased prop to this list,
+      // you'll need to set attributeName to name.toLowerCase()
+      // instead in the assignment below.
     ].forEach(function(e) {
       var t = e.replace(Wo, Io);
       ze[t] = new Ke(
         t,
         va,
         !1,
+        // mustUseProperty
         e,
         "http://www.w3.org/XML/1998/namespace",
         !1,
+        // sanitizeURL
         !1
       );
     }), ["tabIndex", "crossOrigin"].forEach(function(e) {
@@ -411,9 +480,13 @@ function OO() {
         e,
         va,
         !1,
+        // mustUseProperty
         e.toLowerCase(),
+        // attributeName
         null,
+        // attributeNamespace
         !1,
+        // sanitizeURL
         !1
       );
     });
@@ -422,18 +495,24 @@ function OO() {
       "xlinkHref",
       va,
       !1,
+      // mustUseProperty
       "xlink:href",
       "http://www.w3.org/1999/xlink",
       !0,
+      // sanitizeURL
       !1
     ), ["src", "href", "action", "formAction"].forEach(function(e) {
       ze[e] = new Ke(
         e,
         va,
         !1,
+        // mustUseProperty
         e.toLowerCase(),
+        // attributeName
         null,
+        // attributeNamespace
         !0,
+        // sanitizeURL
         !0
       );
     });
@@ -1008,7 +1087,9 @@ Error generating stack: ` + a.message + `
       tp(e, t);
       var r = Fn(t.value), i = t.type;
       if (r != null)
-        i === "number" ? (r === 0 && n.value === "" || n.value != r) && (n.value = xt(r)) : n.value !== xt(r) && (n.value = xt(r));
+        i === "number" ? (r === 0 && n.value === "" || // We explicitly want to coerce to number here if possible.
+        // eslint-disable-next-line
+        n.value != r) && (n.value = xt(r)) : n.value !== xt(r) && (n.value = xt(r));
       else if (i === "submit" || i === "reset") {
         n.removeAttribute("value");
         return;
@@ -1049,6 +1130,7 @@ Error generating stack: ` + a.message + `
       }
     }
     function vs(e, t, n) {
+      // Focused number inputs synchronize on blur. See ChangeEventPlugin.js
       (t !== "number" || Bu(e.ownerDocument) !== e) && (n == null ? e.defaultValue = xt(e._wrapperState.initialValue) : e.defaultValue !== xt(n) && (e.defaultValue = xt(n)));
     }
     var ap = !1, rp = !1, ip = !1;
@@ -1307,6 +1389,7 @@ Check the render method of \`` + e + "`." : "";
       widows: !0,
       zIndex: !0,
       zoom: !0,
+      // SVG-related properties
       fillOpacity: !0,
       floodOpacity: !0,
       stopOpacity: !0,
@@ -1344,6 +1427,9 @@ Check the render method of \`` + e + "`." : "";
         nr.hasOwnProperty(e) && nr[e] || (nr[e] = !0, f(
           "Unsupported style property %s. Did you mean %s?",
           e,
+          // As Andi Smith suggests
+          // (http://www.andismith.com/blog/2012/02/modernizr-prefixed/), an `-ms` prefix
+          // is converted to lowercase `ms`.
           gS(e.replace(mS, "ms-"))
         ));
       }, SS = function(e) {
@@ -1364,7 +1450,7 @@ Check the render method of \`` + e + "`." : "";
       {
         var t = "", n = "";
         for (var a in e)
-          if (!!e.hasOwnProperty(a)) {
+          if (e.hasOwnProperty(a)) {
             var r = e[a];
             if (r != null) {
               var i = a.indexOf("--") === 0;
@@ -1377,7 +1463,7 @@ Check the render method of \`` + e + "`." : "";
     function bp(e, t) {
       var n = e.style;
       for (var a in t)
-        if (!!t.hasOwnProperty(a)) {
+        if (t.hasOwnProperty(a)) {
           var r = a.indexOf("--") === 0;
           r || TS(a, t[a]);
           var i = Cs(a, t[a], r);
@@ -1426,11 +1512,12 @@ Check the render method of \`` + e + "`." : "";
       source: !0,
       track: !0,
       wbr: !0
+      // NOTE: menuitem's close tag should be omitted, but that causes problems.
     }, US = X({
       menuitem: !0
     }, OS), LS = "__html";
     function Rs(e, t) {
-      if (!!t) {
+      if (t) {
         if (US[e] && (t.children != null || t.dangerouslySetInnerHTML != null))
           throw new Error(e + " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
         if (t.dangerouslySetInnerHTML != null) {
@@ -1461,6 +1548,7 @@ Check the render method of \`` + e + "`." : "";
       }
     }
     var $u = {
+      // HTML
       accept: "accept",
       acceptcharset: "acceptCharset",
       "accept-charset": "acceptCharset",
@@ -1610,6 +1698,7 @@ Check the render method of \`` + e + "`." : "";
       width: "width",
       wmode: "wmode",
       wrap: "wrap",
+      // SVG
       about: "about",
       accentheight: "accentHeight",
       "accent-height": "accentHeight",
@@ -1948,14 +2037,19 @@ Check the render method of \`` + e + "`." : "";
       zoomandpan: "zoomAndPan"
     }, Cp = {
       "aria-current": 0,
+      // state
       "aria-description": 0,
       "aria-details": 0,
       "aria-disabled": 0,
+      // state
       "aria-hidden": 0,
+      // state
       "aria-invalid": 0,
+      // state
       "aria-keyshortcuts": 0,
       "aria-label": 0,
       "aria-roledescription": 0,
+      // Widget Attributes
       "aria-autocomplete": 0,
       "aria-checked": 0,
       "aria-expanded": 0,
@@ -1975,12 +2069,15 @@ Check the render method of \`` + e + "`." : "";
       "aria-valuemin": 0,
       "aria-valuenow": 0,
       "aria-valuetext": 0,
+      // Live Region Attributes
       "aria-atomic": 0,
       "aria-busy": 0,
       "aria-live": 0,
       "aria-relevant": 0,
+      // Drag-and-Drop Attributes
       "aria-dropeffect": 0,
       "aria-grabbed": 0,
+      // Relationship Attributes
       "aria-activedescendant": 0,
       "aria-colcount": 0,
       "aria-colindex": 0,
@@ -2099,7 +2196,7 @@ Check the render method of \`` + e + "`." : "";
     function jS(e, t, n) {
       ma(e, t) || BS(e, t, n);
     }
-    var xp = 1, Ts = 1 << 1, ui = 1 << 2, YS = xp | Ts | ui, li = null;
+    var xp = 1, Ts = 2, ui = 4, YS = xp | Ts | ui, li = null;
     function $S(e) {
       li !== null && f("Expected currently replaying event to be null. This error is likely caused by a bug in React. Please file an issue."), li = e;
     }
@@ -2116,7 +2213,7 @@ Check the render method of \`` + e + "`." : "";
     var Ds = null, rr = null, ir = null;
     function Dp(e) {
       var t = Qn(e);
-      if (!!t) {
+      if (t) {
         if (typeof Ds != "function")
           throw new 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 n = t.stateNode;
@@ -2136,7 +2233,7 @@ Check the render method of \`` + e + "`." : "";
       return rr !== null || ir !== null;
     }
     function Op() {
-      if (!!rr) {
+      if (rr) {
         var e = rr, t = ir;
         if (rr = null, ir = null, Dp(e), t)
           for (var n = 0; n < t.length; n++)
@@ -2285,7 +2382,86 @@ Check the render method of \`` + e + "`." : "";
     function rC(e, t) {
       e._reactInternals = t;
     }
-    var A = 0, or = 1, ye = 2, Z = 4, ya = 16, ci = 32, zs = 64, W = 128, hn = 256, Vn = 512, ga = 1024, Ht = 2048, mn = 4096, ba = 8192, Qu = 16384, iC = Ht | Z | zs | Vn | ga | Qu, uC = 32767, fi = 32768, tt = 65536, Ns = 131072, Np = 1048576, _s = 2097152, Sa = 4194304, Hs = 8388608, yn = 16777216, Xu = 33554432, ks = Z | ga | 0, Fs = ye | Z | ya | ci | Vn | mn | ba, di = Z | zs | Vn | ba, sr = Ht | ya, gn = Sa | Hs | _s, lC = Ae.ReactCurrentOwner;
+    var A = (
+      /*                      */
+      0
+    ), or = (
+      /*                */
+      1
+    ), ye = (
+      /*                    */
+      2
+    ), Z = (
+      /*                       */
+      4
+    ), ya = (
+      /*                */
+      16
+    ), ci = (
+      /*                 */
+      32
+    ), zs = (
+      /*                     */
+      64
+    ), W = (
+      /*                   */
+      128
+    ), hn = (
+      /*            */
+      256
+    ), Vn = (
+      /*                          */
+      512
+    ), ga = (
+      /*                     */
+      1024
+    ), Ht = (
+      /*                      */
+      2048
+    ), mn = (
+      /*                    */
+      4096
+    ), ba = (
+      /*                   */
+      8192
+    ), Qu = (
+      /*             */
+      16384
+    ), iC = Ht | Z | zs | Vn | ga | Qu, uC = (
+      /*               */
+      32767
+    ), fi = (
+      /*                   */
+      32768
+    ), tt = (
+      /*                */
+      65536
+    ), Ns = (
+      /* */
+      131072
+    ), Np = (
+      /*                       */
+      1048576
+    ), _s = (
+      /*                    */
+      2097152
+    ), Sa = (
+      /*                 */
+      4194304
+    ), Hs = (
+      /*                */
+      8388608
+    ), yn = (
+      /*               */
+      16777216
+    ), Xu = (
+      /*              */
+      33554432
+    ), ks = (
+      // TODO: Remove Update flag from before mutation phase by re-landing Visibility
+      // flag logic (see #20043)
+      Z | ga | 0
+    ), Fs = ye | Z | ya | ci | Vn | mn | ba, di = Z | zs | Vn | ba, sr = Ht | ya, gn = Sa | Hs | _s, lC = Ae.ReactCurrentOwner;
     function Ca(e) {
       var t = e, n = e;
       if (e.alternate)
@@ -2596,12 +2772,135 @@ Check the render method of \`` + e + "`." : "";
     function js(e, t) {
       x !== null && typeof x.markStateUpdateScheduled == "function" && x.markStateUpdateScheduled(e, t);
     }
-    var z = 0, q = 1, P = 2, ge = 8, It = 16, Zp = Math.clz32 ? Math.clz32 : $C, jC = Math.log, YC = Math.LN2;
+    var z = (
+      /*                         */
+      0
+    ), q = (
+      /*                 */
+      1
+    ), P = (
+      /*                    */
+      2
+    ), ge = (
+      /*               */
+      8
+    ), It = (
+      /*              */
+      16
+    ), Zp = Math.clz32 ? Math.clz32 : $C, jC = Math.log, YC = Math.LN2;
     function $C(e) {
       var t = e >>> 0;
       return t === 0 ? 32 : 31 - (jC(t) / YC | 0) | 0;
     }
-    var Ys = 31, C = 0, Le = 0, H = 1, dr = 2, bn = 4, Ra = 8, Pt = 16, pi = 32, vr = 4194240, hi = 64, $s = 128, qs = 256, Gs = 512, Qs = 1024, Xs = 2048, Zs = 4096, Js = 8192, Ks = 16384, Ws = 32768, Is = 65536, Ps = 131072, ec = 262144, tc = 524288, nc = 1048576, ac = 2097152, Ju = 130023424, pr = 4194304, rc = 8388608, ic = 16777216, uc = 33554432, lc = 67108864, Jp = pr, mi = 134217728, Kp = 268435455, yi = 268435456, Ta = 536870912, yt = 1073741824;
+    var Ys = 31, C = (
+      /*                        */
+      0
+    ), Le = (
+      /*                          */
+      0
+    ), H = (
+      /*                        */
+      1
+    ), dr = (
+      /*    */
+      2
+    ), bn = (
+      /*             */
+      4
+    ), Ra = (
+      /*            */
+      8
+    ), Pt = (
+      /*                     */
+      16
+    ), pi = (
+      /*                */
+      32
+    ), vr = (
+      /*                       */
+      4194240
+    ), hi = (
+      /*                        */
+      64
+    ), $s = (
+      /*                        */
+      128
+    ), qs = (
+      /*                        */
+      256
+    ), Gs = (
+      /*                        */
+      512
+    ), Qs = (
+      /*                        */
+      1024
+    ), Xs = (
+      /*                        */
+      2048
+    ), Zs = (
+      /*                        */
+      4096
+    ), Js = (
+      /*                        */
+      8192
+    ), Ks = (
+      /*                        */
+      16384
+    ), Ws = (
+      /*                       */
+      32768
+    ), Is = (
+      /*                       */
+      65536
+    ), Ps = (
+      /*                       */
+      131072
+    ), ec = (
+      /*                       */
+      262144
+    ), tc = (
+      /*                       */
+      524288
+    ), nc = (
+      /*                       */
+      1048576
+    ), ac = (
+      /*                       */
+      2097152
+    ), Ju = (
+      /*                            */
+      130023424
+    ), pr = (
+      /*                             */
+      4194304
+    ), rc = (
+      /*                             */
+      8388608
+    ), ic = (
+      /*                             */
+      16777216
+    ), uc = (
+      /*                             */
+      33554432
+    ), lc = (
+      /*                             */
+      67108864
+    ), Jp = pr, mi = (
+      /*          */
+      134217728
+    ), Kp = (
+      /*                          */
+      268435455
+    ), yi = (
+      /*               */
+      268435456
+    ), Ta = (
+      /*                        */
+      536870912
+    ), yt = (
+      /*                   */
+      1073741824
+    );
     function qC(e) {
       {
         if (e & H)
@@ -2699,9 +2998,18 @@ Check the render method of \`` + e + "`." : "";
       }
       if (a === C)
         return C;
-      if (t !== C && t !== a && (t & r) === C) {
+      if (t !== C && t !== a && // If we already suspended with a delay, then interrupting is fine. Don't
+      // bother waiting until the root is complete.
+      (t & r) === C) {
         var c = xa(a), v = xa(t);
-        if (c >= v || c === Pt && (v & vr) !== C)
+        if (
+          // Tests whether the next lane is equal or lower priority than the wip
+          // one. This works because the bits decrease in priority as you go left.
+          c >= v || // Default priority updates should not interrupt transition updates. The
+          // only difference between default updates and transition updates is that
+          // default updates do not support refresh transitions.
+          c === Pt && (v & vr) !== C
+        )
           return t;
       }
       (a & bn) !== C && (a |= n & Pt);
@@ -2872,7 +3180,9 @@ Check the render method of \`` + e + "`." : "";
     function dc(e, t) {
       for (var n = e.entangledLanes |= t, a = e.entanglements, r = n; r; ) {
         var i = Da(r), u = 1 << i;
-        u & t | a[i] & t && (a[i] |= t), r &= ~u;
+        // Is this one of the newly entangled lanes?
+        u & t | // Is this lane transitively entangled with the newly entangled lanes?
+        a[i] & t && (a[i] |= t), r &= ~u;
       }
     }
     function aE(e, t) {
@@ -2917,14 +3227,14 @@ Check the render method of \`` + e + "`." : "";
       return (a & (e.suspendedLanes | t)) !== Le ? Le : a;
     }
     function nh(e, t, n) {
-      if (!!kt)
+      if (kt)
         for (var a = e.pendingUpdatersLaneMap; n > 0; ) {
           var r = cc(n), i = 1 << r, u = a[r];
           u.add(t), n &= ~i;
         }
     }
     function ah(e, t) {
-      if (!!kt)
+      if (kt)
         for (var n = e.pendingUpdatersLaneMap, a = e.memoizedUpdaters; t > 0; ) {
           var r = cc(t), i = 1 << r, u = n[r];
           u.size > 0 && (u.forEach(function(l) {
@@ -3012,6 +3322,7 @@ Check the render method of \`` + e + "`." : "";
       "keyup",
       "input",
       "textInput",
+      // Intentionally camelCase
       "copy",
       "cut",
       "paste",
@@ -3224,7 +3535,7 @@ Check the render method of \`` + e + "`." : "";
       }
     }
     function yc(e, t, n, a) {
-      !mc || RE(e, t, n, a);
+      mc && RE(e, t, n, a);
     }
     function RE(e, t, n, a) {
       var r = gc(e, t, n, a);
@@ -3423,7 +3734,7 @@ Check the render method of \`` + e + "`." : "";
       function t(n, a, r, i, u) {
         this._reactName = n, this._targetInst = r, this.type = a, this.nativeEvent = i, this.target = u, this.currentTarget = null;
         for (var l in e)
-          if (!!e.hasOwnProperty(l)) {
+          if (e.hasOwnProperty(l)) {
             var o = e[l];
             o ? this[l] = o(i) : this[l] = i[l];
           }
@@ -3434,14 +3745,24 @@ Check the render method of \`` + e + "`." : "";
         preventDefault: function() {
           this.defaultPrevented = !0;
           var n = this.nativeEvent;
-          !n || (n.preventDefault ? n.preventDefault() : typeof n.returnValue != "unknown" && (n.returnValue = !1), this.isDefaultPrevented = ll);
+          n && (n.preventDefault ? n.preventDefault() : typeof n.returnValue != "unknown" && (n.returnValue = !1), this.isDefaultPrevented = ll);
         },
         stopPropagation: function() {
           var n = this.nativeEvent;
-          !n || (n.stopPropagation ? n.stopPropagation() : typeof n.cancelBubble != "unknown" && (n.cancelBubble = !0), this.isPropagationStopped = ll);
+          n && (n.stopPropagation ? n.stopPropagation() : typeof n.cancelBubble != "unknown" && (n.cancelBubble = !0), this.isPropagationStopped = ll);
         },
+        /**
+         * 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() {
         },
+        /**
+         * Checks if this event should be released back into the pool.
+         *
+         * @return {boolean} True if this should not be released, false otherwise.
+         */
         isPersistent: ll
       }), t;
     }
@@ -3588,6 +3909,7 @@ Check the render method of \`` + e + "`." : "";
       repeat: 0,
       locale: 0,
       getModifierState: Tc,
+      // Legacy Interface
       charCode: function(e) {
         return e.type === "keypress" ? ul(e) : 0;
       },
@@ -3623,12 +3945,25 @@ Check the render method of \`` + e + "`." : "";
       pseudoElement: 0
     }), IE = St(WE), PE = X({}, ol, {
       deltaX: function(e) {
-        return "deltaX" in e ? e.deltaX : "wheelDeltaX" in e ? -e.wheelDeltaX : 0;
+        return "deltaX" in e ? e.deltaX : (
+          // Fallback to `wheelDeltaX` for Webkit and normalize (right is positive).
+          "wheelDeltaX" in e ? -e.wheelDeltaX : 0
+        );
       },
       deltaY: function(e) {
-        return "deltaY" in e ? e.deltaY : "wheelDeltaY" in e ? -e.wheelDeltaY : "wheelDelta" in e ? -e.wheelDelta : 0;
+        return "deltaY" in e ? e.deltaY : (
+          // Fallback to `wheelDeltaY` for Webkit and normalize (down is positive).
+          "wheelDeltaY" in e ? -e.wheelDeltaY : (
+            // Fallback to `wheelDelta` for IE<9 and normalize (down is positive).
+            "wheelDelta" in e ? -e.wheelDelta : 0
+          )
+        );
       },
       deltaZ: 0,
+      // 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: 0
     }), eR = St(PE), tR = [9, 13, 27, 32], Ch = 229, xc = _t && "CompositionEvent" in window, wi = null;
     _t && "documentMode" in document && (wi = document.documentMode);
@@ -3638,7 +3973,8 @@ Check the render method of \`` + e + "`." : "";
     }
     var xh = !1;
     function rR(e) {
-      return (e.ctrlKey || e.altKey || e.metaKey) && !(e.ctrlKey && e.altKey);
+      return (e.ctrlKey || e.altKey || e.metaKey) && // ctrlKey && altKey is equivalent to AltGr, and is not a command.
+      !(e.ctrlKey && e.altKey);
     }
     function iR(e) {
       switch (e) {
@@ -3834,7 +4170,7 @@ Check the render method of \`` + e + "`." : "";
       Ai = e, zi = t, Ai.attachEvent("onpropertychange", zh);
     }
     function Ah() {
-      !Ai || (Ai.detachEvent("onpropertychange", zh), Ai = null, zi = null);
+      Ai && (Ai.detachEvent("onpropertychange", zh), Ai = null, zi = null);
     }
     function zh(e) {
       e.propertyName === "value" && sl(zi) && mR(e);
@@ -3992,7 +4328,7 @@ Check the render method of \`` + e + "`." : "";
     }
     function zR(e, t) {
       var n = e.ownerDocument || document, a = n && n.defaultView || window;
-      if (!!a.getSelection) {
+      if (a.getSelection) {
         var r = a.getSelection(), i = e.textContent.length, u = Math.min(t.start, i), l = t.end === void 0 ? u : Math.min(t.end, i);
         if (!r.extend && u > l) {
           var o = l;
@@ -4255,7 +4591,11 @@ Check the render method of \`` + e + "`." : "";
         }
         var c = (i & ui) !== 0;
         {
-          var v = !c && t === "scroll", d = KR(n, l, a.type, c, v);
+          var v = !c && // TODO: ideally, we'd eventually add all events from
+          // nonDelegatedEvents list in DOMPluginEventSystem.
+          // Then we can remove this special list.
+          // This is a breaking change that can wait until React 18.
+          t === "scroll", d = KR(n, l, a.type, c, v);
           if (d.length > 0) {
             var m = new o(l, s, null, a, r);
             e.push({
@@ -4334,7 +4674,7 @@ Check the render method of \`` + e + "`." : "";
     }
     function Ac(e, t, n, a, r) {
       var i = a;
-      if ((t & xp) === 0 && (t & Ts) === 0) {
+      if (!(t & xp) && !(t & Ts)) {
         var u = r;
         if (a !== null) {
           var l = a;
@@ -4465,7 +4805,13 @@ Check the render method of \`` + e + "`." : "";
     }
     var st = !1, Vi = "dangerouslySetInnerHTML", pl = "suppressContentEditableWarning", Gn = "suppressHydrationWarning", Ih = "autoFocus", Ma = "children", Oa = "style", hl = "__html", zc, ml, Bi, Ph, yl, em, tm;
     zc = {
+      // There are working polyfills for <dialog>. Let people use it.
       dialog: !0,
+      // Electron ships a custom <webview> tag to display external web content in
+      // an isolated frame and process.
+      // This tag is not present in non Electron environments such as JSDom which
+      // is often used for testing purposes.
+      // @see https://electronjs.org/docs/api/webview-tag
       webview: !0
     }, ml = function(e, t) {
       _S(e, t), HS(e, t), jS(e, t, {
@@ -4513,7 +4859,7 @@ Check the render method of \`` + e + "`." : "";
     }
     function aT(e, t, n, a, r) {
       for (var i in a)
-        if (!!a.hasOwnProperty(i)) {
+        if (a.hasOwnProperty(i)) {
           var u = a[i];
           if (i === Oa)
             u && Object.freeze(u), bp(t, u);
@@ -4748,16 +5094,19 @@ Check the render method of \`` + e + "`." : "";
       }
       var m = null;
       for (var y in n)
-        if (!!n.hasOwnProperty(y)) {
+        if (n.hasOwnProperty(y)) {
           var g = n[y];
           if (y === Ma)
             typeof g == "string" ? e.textContent !== g && (n[Gn] !== !0 && bl(e.textContent, g, i, u), m = [Ma, g]) : typeof g == "number" && e.textContent !== "" + g && (n[Gn] !== !0 && bl(e.textContent, g, i, u), m = [Ma, "" + g]);
           else if (sa.hasOwnProperty(y))
             g != null && (typeof g != "function" && yl(y, g), y === "onScroll" && fe("scroll", e));
-          else if (u && !0 && typeof l == "boolean") {
+          else if (u && // Convince Flow we've calculated it (it's DEV-only in this method.)
+          typeof l == "boolean") {
             var M = void 0, w = l && Go ? null : Ko(y);
             if (n[Gn] !== !0) {
-              if (!(y === pl || y === Gn || y === "value" || y === "checked" || y === "selected")) {
+              if (!(y === pl || y === Gn || // Controlled attributes are not validated
+              // TODO: Only ignore them on controlled tags.
+              y === "value" || y === "checked" || y === "selected")) {
                 if (y === Vi) {
                   var L = e.innerHTML, Q = g ? g[hl] : void 0;
                   if (Q != null) {
@@ -4792,7 +5141,8 @@ Check the render method of \`` + e + "`." : "";
             }
           }
         }
-      switch (u && o.size > 0 && n[Gn] !== !0 && Ph(o), t) {
+      switch (u && // $FlowFixMe - Should be inferred as not undefined.
+      o.size > 0 && n[Gn] !== !0 && Ph(o), t) {
         case "input":
           Vu(e), np(e, n, !0);
           break;
@@ -4867,6 +5217,9 @@ Check the render method of \`` + e + "`." : "";
         "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"
@@ -5000,7 +5353,7 @@ Check the render method of \`` + e + "`." : "";
         var a = n.current, r = a && a.tag;
         t != null && (e != null && f("validateDOMNesting: when childText is passed, childTag should be null"), e = "#text");
         var i = yT(e, r) ? null : a, u = i ? null : gT(e, n), l = i || u;
-        if (!!l) {
+        if (l) {
           var o = l.tag, s = !!i + "|" + e + "|" + o;
           if (!im[s]) {
             im[s] = !0;
@@ -5698,6 +6051,7 @@ Check the render method of \`` + e + "`." : "";
             e.memoizedProps,
             e.stateNode,
             t,
+            // TODO: Delete this argument when we remove the legacy root API.
             n
           );
           break;
@@ -5746,6 +6100,7 @@ Check the render method of \`` + e + "`." : "";
                   l,
                   o,
                   s,
+                  // TODO: Delete this argument when we remove the legacy root API.
                   c
                 );
                 break;
@@ -5757,6 +6112,7 @@ Check the render method of \`` + e + "`." : "";
                   u,
                   l,
                   v,
+                  // TODO: Delete this argument when we remove the legacy root API.
                   d
                 );
                 break;
@@ -5824,7 +6180,7 @@ Check the render method of \`` + e + "`." : "";
       throw new Error("Hydration failed because the initial UI does not match what was rendered on the server.");
     }
     function uf(e) {
-      if (!!Bt) {
+      if (Bt) {
         var t = Ot;
         if (!t) {
           af(e) && (nf(Ne, e), rf()), Rm(Ne, e), Bt = !1, Ne = e;
@@ -5858,6 +6214,7 @@ Check the render method of \`` + e + "`." : "";
                 i,
                 t,
                 n,
+                // TODO: Delete this argument when we remove the legacy root API.
                 u
               );
               break;
@@ -5870,6 +6227,7 @@ Check the render method of \`` + e + "`." : "";
                 s,
                 t,
                 n,
+                // TODO: Delete this argument when we remove the legacy root API.
                 c
               );
               break;
@@ -5958,7 +6316,8 @@ Check the render method of \`` + e + "`." : "";
         }), t.sort().join(", ");
       }, Ji = [], Ki = [], Wi = [], Ii = [], Pi = [], eu = [], _a = /* @__PURE__ */ new Set();
       jt.recordUnsafeLifecycleWarnings = function(e, t) {
-        _a.has(e.type) || (typeof t.componentWillMount == "function" && t.componentWillMount.__suppressDeprecationWarning !== !0 && Ji.push(e), e.mode & ge && typeof t.UNSAFE_componentWillMount == "function" && Ki.push(e), typeof t.componentWillReceiveProps == "function" && t.componentWillReceiveProps.__suppressDeprecationWarning !== !0 && Wi.push(e), e.mode & ge && typeof t.UNSAFE_componentWillReceiveProps == "function" && Ii.push(e), typeof t.componentWillUpdate == "function" && t.componentWillUpdate.__suppressDeprecationWarning !== !0 && Pi.push(e), e.mode & ge && typeof t.UNSAFE_componentWillUpdate == "function" && eu.push(e));
+        _a.has(e.type) || (typeof t.componentWillMount == "function" && // Don't warn about react-lifecycles-compat polyfilled components.
+        t.componentWillMount.__suppressDeprecationWarning !== !0 && Ji.push(e), e.mode & ge && typeof t.UNSAFE_componentWillMount == "function" && Ki.push(e), typeof t.componentWillReceiveProps == "function" && t.componentWillReceiveProps.__suppressDeprecationWarning !== !0 && Wi.push(e), e.mode & ge && typeof t.UNSAFE_componentWillReceiveProps == "function" && Ii.push(e), typeof t.componentWillUpdate == "function" && t.componentWillUpdate.__suppressDeprecationWarning !== !0 && Pi.push(e), e.mode & ge && typeof t.UNSAFE_componentWillUpdate == "function" && eu.push(e));
       }, jt.flushPendingUnsafeLifecycleWarnings = function() {
         var e = /* @__PURE__ */ new Set();
         Ji.length > 0 && (Ji.forEach(function(d) {
@@ -6412,6 +6771,9 @@ Learn more about this warning here: https://reactjs.org/link/legacy-context`, r)
             if (w !== null) {
               var b = {
                 eventTime: Y,
+                // This update is going to be committed so we never want uncommit
+                // it. Using NoLane works because 0 is a subset of all bitmasks, so
+                // this will never be skipped by the check above.
                 lane: Le,
                 tag: L.tag,
                 payload: L.payload,
@@ -6422,7 +6784,9 @@ Learn more about this warning here: https://reactjs.org/link/legacy-context`, r)
             }
             m = Px(e, r, L, m, t, n);
             var h = L.callback;
-            if (h !== null && L.lane !== Le) {
+            if (h !== null && // If the update was already committed, we should not queue its
+            // callback again.
+            L.lane !== Le) {
               e.flags |= zs;
               var E = r.effects;
               E === null ? r.effects = [L] : E.push(L);
@@ -6574,7 +6938,10 @@ Learn more about this warning here: https://reactjs.org/link/legacy-context`, r)
     function $m(e, t, n) {
       var a = !1, r = Et, i = Et, u = t.contextType;
       if ("contextType" in t) {
-        var l = u === null || u !== void 0 && u.$$typeof === as && u._context === void 0;
+        var l = (
+          // Allow null for conditional declaration
+          u === null || u !== void 0 && u.$$typeof === as && u._context === void 0
+        );
         if (!l && !Df.has(t)) {
           Df.add(t);
           var o = "";
@@ -6715,7 +7082,11 @@ https://reactjs.org/link/unsafe-component-lifecycles`, M, w, m !== null ? `
       if (Ql(t, a, i, r), M = t.memoizedState, u === o && g === M && !Ul() && !Xl() && !gv)
         return typeof i.componentDidUpdate == "function" && (u !== e.memoizedProps || g !== e.memoizedState) && (t.flags |= Z), typeof i.getSnapshotBeforeUpdate == "function" && (u !== e.memoizedProps || g !== e.memoizedState) && (t.flags |= ga), !1;
       typeof m == "function" && (Mf(t, n, m, a), M = t.memoizedState);
-      var w = Xl() || jm(t, n, l, a, g, M, v) || gv;
+      var w = Xl() || jm(t, n, l, a, g, M, v) || // TODO: In some cases, we'll end up checking if context has changed twice,
+      // both before and after `shouldComponentUpdate` has been called. Not ideal,
+      // but I'm loath to refactor this function. This only happens for memoized
+      // components so it's not that common.
+      gv;
       return w ? (!y && (typeof i.UNSAFE_componentWillUpdate == "function" || typeof i.componentWillUpdate == "function") && (typeof i.componentWillUpdate == "function" && i.componentWillUpdate(a, M, v), typeof i.UNSAFE_componentWillUpdate == "function" && i.UNSAFE_componentWillUpdate(a, M, v)), typeof i.componentDidUpdate == "function" && (t.flags |= Z), typeof i.getSnapshotBeforeUpdate == "function" && (t.flags |= ga)) : (typeof i.componentDidUpdate == "function" && (u !== e.memoizedProps || g !== e.memoizedState) && (t.flags |= Z), typeof i.getSnapshotBeforeUpdate == "function" && (u !== e.memoizedProps || g !== e.memoizedState) && (t.flags |= ga), t.memoizedProps = a, t.memoizedState = M), i.props = a, i.state = M, i.context = v, w;
     }
     var Lf, wf, Af, zf, Nf, Gm = function(e, t) {
@@ -6732,7 +7103,10 @@ https://reactjs.org/link/unsafe-component-lifecycles`, M, w, m !== null ? `
     function tu(e, t, n) {
       var a = n.ref;
       if (a !== null && typeof a != "function" && typeof a != "object") {
-        if ((e.mode & ge || Cb) && !(n._owner && n._self && n._owner.stateNode !== n._self)) {
+        if ((e.mode & ge || Cb) && // We warn in ReactElement.js if owner and self are equal for string refs
+        // because these cannot be automatically converted to an arrow function
+        // using a codemod. Therefore, we don't have to warn about string refs again.
+        !(n._owner && n._self && n._owner.stateNode !== n._self)) {
           var r = V(e) || "Component";
           Af[r] || (f('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://reactjs.org/link/strict-mode-string-ref', a), Af[r] = !0);
         }
@@ -6787,7 +7161,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
     }
     function Xm(e) {
       function t(p, b) {
-        if (!!e) {
+        if (e) {
           var h = p.deletions;
           h === null ? (p.deletions = [b], p.flags |= ya) : h.push(b);
         }
@@ -6834,7 +7208,12 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
         var O = h.type;
         if (O === Pa)
           return c(p, b, h.props.children, E, h.key);
-        if (b !== null && (b.elementType === O || kg(b, h) || typeof O == "object" && O !== null && O.$$typeof === We && Qm(O) === b.type)) {
+        if (b !== null && (b.elementType === O || // Keep this check inline so it only runs on the false path:
+        kg(b, h) || // Lazy types should reconcile their resolved type.
+        // We need to do this after the Hot Reloading check above,
+        // because hot reloading has different semantics than prod because
+        // it doesn't resuspend. So we can't let the call below suspend.
+        typeof O == "object" && O !== null && O.$$typeof === We && Qm(O) === b.type)) {
           var T = r(b, h.props);
           return T.ref = tu(p, b, h), T.return = p, T._debugSource = h._source, T._debugOwner = h._owner, T;
         }
@@ -6954,7 +7333,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
                 b.add(E);
                 break;
               }
-              f("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 \u2014 the behavior is unsupported and could change in a future version.", E);
+              f("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.", E);
               break;
             case We:
               var O = p._payload, T = p._init;
@@ -7013,7 +7392,8 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
         if (typeof O != "function")
           throw new Error("An object is not an iterable. This error is likely caused by a bug in React. Please file an issue.");
         {
-          typeof Symbol == "function" && h[Symbol.toStringTag] === "Generator" && (wf || f("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."), wf = !0), h.entries === O && (Lf || f("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), Lf = !0);
+          typeof Symbol == "function" && // $FlowFixMe Flow doesn't know about toStringTag
+          h[Symbol.toStringTag] === "Generator" && (wf || f("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."), wf = !0), h.entries === O && (Lf || f("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), Lf = !0);
           var T = O.call(h);
           if (T)
             for (var N = null, F = T.next(); !F.done; F = T.next()) {
@@ -7083,7 +7463,12 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
                 var F = r(T, h.props.children);
                 return F.return = p, F._debugSource = h._source, F._debugOwner = h._owner, F;
               }
-            } else if (T.elementType === N || kg(T, h) || typeof N == "object" && N !== null && N.$$typeof === We && Qm(N) === T.type) {
+            } else if (T.elementType === N || // Keep this check inline so it only runs on the false path:
+            kg(T, h) || // Lazy types should reconcile their resolved type.
+            // We need to do this after the Hot Reloading check above,
+            // because hot reloading has different semantics than prod because
+            // it doesn't resuspend. So we can't let the call below suspend.
+            typeof N == "object" && N !== null && N.$$typeof === We && Qm(N) === T.type) {
               n(p, T.sibling);
               var te = r(T, h.props);
               return te.ref = tu(p, T, h), te.return = p, te._debugSource = h._source, te._debugOwner = h._owner, te;
@@ -7219,7 +7604,9 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
             if (a === null || om(a) || qc(a))
               return t;
           }
-        } else if (t.tag === ht && t.memoizedProps.revealOrder !== void 0) {
+        } else if (t.tag === ht && // revealOrder undefined can't be trusted because it don't
+        // keep track of whether it suspended or not.
+        t.memoizedProps.revealOrder !== void 0) {
           var r = (t.flags & W) !== A;
           if (r)
             return t;
@@ -7238,7 +7625,22 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
       }
       return null;
     }
-    var ft = 0, Se = 1, nn = 2, Ce = 4, He = 8, Bf = [];
+    var ft = (
+      /*   */
+      0
+    ), Se = (
+      /* */
+      1
+    ), nn = (
+      /*  */
+      2
+    ), Ce = (
+      /*    */
+      4
+    ), He = (
+      /*   */
+      8
+    ), Bf = [];
     function jf() {
       for (var e = 0; e < Bf.length; e++) {
         var t = Bf[e];
@@ -7321,7 +7723,12 @@ Incoming: %s`, S, "[" + t.join(", ") + "]", "[" + e.join(", ") + "]");
       }
       D.current = po, t._debugHookTypes = Ut;
       var o = Ee !== null && Ee.next !== null;
-      if (ka = C, ee = null, Ee = null, Re = null, S = null, Ut = null, ea = -1, e !== null && (e.flags & gn) !== (t.flags & gn) && (e.mode & q) !== z && f("Internal React error: Expected static flag was missing. Please notify the React team."), eo = !1, o)
+      if (ka = C, ee = null, Ee = null, Re = null, S = null, Ut = null, ea = -1, e !== null && (e.flags & gn) !== (t.flags & gn) && // Disable this warning in legacy mode, because legacy Suspense is weird
+      // and creates false positives. To make this work in legacy mode, we'd
+      // need to mark fibers that commit in an incomplete state, somehow. For
+      // now I'll disable the warning that most of the bugs that would trigger
+      // it are either exclusive to concurrent mode or exist in both.
+      (e.mode & q) !== z && f("Internal React error: Expected static flag was missing. Please notify the React team."), eo = !1, o)
         throw new Error("Rendered fewer hooks than expected. This may be caused by an accidental early return statement.");
       return u;
     }
@@ -7421,6 +7828,9 @@ Incoming: %s`, S, "[" + t.join(", ") + "]", "[" + e.join(", ") + "]");
           if (hr(ka, M)) {
             if (y !== null) {
               var L = {
+                // This update is going to be committed so we never want uncommit
+                // it. Using NoLane works because 0 is a subset of all bitmasks, so
+                // this will never be skipped by the check above.
                 lane: Le,
                 action: g.action,
                 hasEagerState: g.hasEagerState,
@@ -7514,7 +7924,9 @@ Incoming: %s`, S, "[" + t.join(", ") + "]", "[" + e.join(", ") + "]");
       var l = r.memoizedState, o = !Ct(l, i);
       o && (r.memoizedState = i, pu());
       var s = r.queue;
-      if (cu(ry.bind(null, a, s, e), [e]), s.getSnapshot !== t || o || Re !== null && Re.memoizedState.tag & Se) {
+      if (cu(ry.bind(null, a, s, e), [e]), s.getSnapshot !== t || o || // Check if the susbcribe function changed. We can save some memory by
+      // checking whether we scheduled a subscription effect above.
+      Re !== null && Re.memoizedState.tag & Se) {
         a.flags |= Ht, ou(Se | He, ay.bind(null, a, s, i, t), void 0, null);
         var c = Ao();
         if (c === null)
@@ -7585,6 +7997,7 @@ Incoming: %s`, S, "[" + t.join(", ") + "]", "[" + e.join(", ") + "]");
         create: t,
         destroy: n,
         deps: a,
+        // Circular
         next: null
       }, i = ee.updateQueue;
       if (i === null)
@@ -8685,6 +9098,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
         i && Vt(
           i,
           a,
+          // Resolved props
           "prop",
           le(n)
         );
@@ -8707,7 +9121,8 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
     function Ay(e, t, n, a, r) {
       if (e === null) {
         var i = n.type;
-        if (z0(i) && n.compare === null && n.defaultProps === void 0) {
+        if (z0(i) && n.compare === null && // SimpleMemoComponent codepath doesn't resolve outer props either.
+        n.defaultProps === void 0) {
           var u = i;
           return u = Xr(i), t.tag = ue, t.type = u, Rd(t, i), zy(e, t, u, a, r);
         }
@@ -8716,6 +9131,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
           l && Vt(
             l,
             a,
+            // Resolved props
             "prop",
             le(i)
           );
@@ -8728,6 +9144,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
         c && Vt(
           c,
           a,
+          // Resolved props
           "prop",
           le(s)
         );
@@ -8756,6 +9173,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
           s && Vt(
             s,
             a,
+            // Resolved (SimpleMemoComponent has no defaultProps)
             "prop",
             le(i)
           );
@@ -8763,7 +9181,8 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
       }
       if (e !== null) {
         var c = e.memoizedProps;
-        if (Ni(c, a) && e.ref === t.ref && t.type === e.type)
+        if (Ni(c, a) && e.ref === t.ref && // Prevent bailout if the implementation changed due to hot reload.
+        t.type === e.type)
           if (Gt = !1, t.pendingProps = a = c, Ud(e, r))
             (e.flags & Ns) !== A && (Gt = !0);
           else
@@ -8840,6 +9259,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
         i && Vt(
           i,
           a,
+          // Resolved props
           "prop",
           le(n)
         );
@@ -8886,6 +9306,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
           d && Vt(
             d,
             a,
+            // Resolved props
             "prop",
             le(n)
           );
@@ -8998,6 +9419,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
             d && Vt(
               d,
               c,
+              // Resolved for outer only
               "prop",
               le(o)
             );
@@ -9007,6 +9429,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
             t,
             o,
             Yt(o.type, c),
+            // The inner type can have defaults too
             a
           ), v;
         }
@@ -9040,7 +9463,11 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
         var c = le(n) || "Unknown";
         vu[c] || (f("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.", c, c, c), vu[c] = !0);
       }
-      if (typeof l == "object" && l !== null && typeof l.render == "function" && l.$$typeof === void 0) {
+      if (
+        // Run these checks in production only if the flag is off.
+        // Eventually we'll delete this branch altogether.
+        typeof l == "object" && l !== null && typeof l.render == "function" && l.$$typeof === void 0
+      ) {
         {
           var v = le(n) || "Unknown";
           vu[v] || (f("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.", v, v, v), vu[v] = !0);
@@ -9181,7 +9608,17 @@ Check the render method of \`` + a + "`.");
         mode: "hidden",
         children: n
       }, s;
-      if ((i & q) === z && t.child !== u) {
+      if (
+        // In legacy mode, we commit the primary tree as if it successfully
+        // completed, even though it's in an inconsistent state.
+        (i & q) === z && // Make sure we're on the second pass, i.e. the primary child fragment was
+        // already cloned. In legacy mode, the only case where this isn't true is
+        // when DevTools forces us to display a fallback; we skip the first render
+        // pass entirely and go straight to rendering the fallback. (In Concurrent
+        // Mode, SuspenseList can also trigger this scenario, but this is a legacy-
+        // only codepath.)
+        t.child !== u
+      ) {
         var c = t.child;
         s = c, s.childLanes = C, s.pendingProps = o, t.mode & P && (s.actualDuration = 0, s.actualStartTime = -1, s.selfBaseDuration = u.selfBaseDuration, s.treeBaseDuration = u.treeBaseDuration), t.deletions = null;
       } else
@@ -9222,6 +9659,9 @@ Check the render method of \`` + a + "`.");
             e,
             t,
             u,
+            // TODO: When we delete legacy mode, we should make this error argument
+            // required — every concurrent mode path that causes hydration to
+            // de-opt to client rendering should have an error message.
             null
           );
         if (qc(r)) {
@@ -9378,6 +9818,7 @@ Check the render method of \`` + a + "`.");
             c === null ? (v = t.child, t.child = null) : (v = c.sibling, c.sibling = null), Od(
               t,
               !1,
+              // isBackwards
               v,
               c,
               i
@@ -9398,8 +9839,10 @@ Check the render method of \`` + a + "`.");
             Od(
               t,
               !0,
+              // isBackwards
               d,
               null,
+              // last
               i
             );
             break;
@@ -9408,8 +9851,11 @@ Check the render method of \`` + a + "`.");
             Od(
               t,
               !1,
+              // isBackwards
               null,
+              // tail
               null,
+              // last
               void 0
             );
             break;
@@ -9556,11 +10002,14 @@ Check the render method of \`` + a + "`.");
         return tM(e, t, iv(t.type, t.key, t.pendingProps, t._debugOwner || null, t.mode, t.lanes));
       if (e !== null) {
         var a = e.memoizedProps, r = t.pendingProps;
-        if (a !== r || Ul() || t.type !== e.type)
+        if (a !== r || Ul() || // Force a re-render if the implementation changed due to hot reload:
+        t.type !== e.type)
           Gt = !0;
         else {
           var i = Ud(e, n);
-          if (!i && (t.flags & W) === A)
+          if (!i && // If this is the second pass of an error or suspense boundary, there
+          // may not be work scheduled on `current`, so we check for this flag.
+          (t.flags & W) === A)
             return Gt = !1, nM(e, t, n);
           (e.flags & Ns) !== A ? Gt = !0 : Gt = !1;
         }
@@ -9614,6 +10063,7 @@ Check the render method of \`` + a + "`.");
             p && Vt(
               p,
               Y,
+              // Resolved for outer only
               "prop",
               le(L)
             );
@@ -9766,7 +10216,9 @@ Check the render method of \`` + a + "`.");
               Br(t);
             else if (e !== null) {
               var l = e.memoizedState;
-              (!l.isDehydrated || (t.flags & hn) !== A) && (t.flags |= ga, Mm());
+              // Check if this is a client root
+              (!l.isDehydrated || // Check if we reverted to client rendering (e.g. due to an error)
+              (t.flags & hn) !== A) && (t.flags |= ga, Mm());
             }
           }
           return Ld(e, t), ke(t), null;
@@ -9872,6 +10324,9 @@ Check the render method of \`` + a + "`.");
                 if (Tt !== null && (t.updateQueue = Tt, t.flags |= Z), hu(F, !0), F.tail === null && F.tailMode === "hidden" && !J.alternate && !_e())
                   return ke(t), null;
               } else
+                // The time it took to render last row is greater than the remaining
+                // time we have to render. So rendering one more row would likely
+                // exceed it.
                 Oe() * 2 - F.renderingStartTime > gg() && n !== yt && (t.flags |= W, te = !0, hu(F, !1), t.lanes = Jp);
             }
             if (F.isBackwards)
@@ -9897,7 +10352,8 @@ Check the render method of \`` + a + "`.");
           var zn = t.memoizedState, Zr = zn !== null;
           if (e !== null) {
             var wu = e.memoizedState, cn = wu !== null;
-            cn !== Zr && !bv && (t.flags |= ba);
+            cn !== Zr && // LegacyHidden doesn't do any hiding — it only pre-renders.
+            !bv && (t.flags |= ba);
           }
           return !Zr || (t.mode & q) === z ? ke(t) : gt(sn, yt) && (ke(t), t.subtreeFlags & (ye | Z) && (t.flags |= ba)), null;
         }
@@ -10583,7 +11039,10 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
           return;
         }
         case lt: {
-          if (n.mode & q) {
+          if (
+            // TODO: Remove this dead flag
+            n.mode & q
+          ) {
             var g = Fe;
             Fe = g || n.memoizedState !== null, aa(e, t, n), Fe = g;
           } else
@@ -10760,7 +11219,10 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
         }
         case lt: {
           var Y = a !== null && a.memoizedState !== null;
-          if (e.mode & q) {
+          if (
+            // TODO: Remove this dead flag
+            e.mode & q
+          ) {
             var p = Fe;
             Fe = p || Y, Zt(t, e), Fe = p;
           } else
@@ -10817,6 +11279,7 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
             for (var m = i; m !== null; )
               U = m, cg(
                 m,
+                // New root; bubble back up to here and stop.
                 t,
                 n
               ), m = m.sibling;
@@ -11159,17 +11622,35 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
     var qM = Ae.ReactCurrentActQueue;
     function GM(e) {
       {
-        var t = typeof IS_REACT_ACT_ENVIRONMENT < "u" ? IS_REACT_ACT_ENVIRONMENT : void 0, n = typeof jest < "u";
+        var t = (
+          // $FlowExpectedError – Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
+          typeof IS_REACT_ACT_ENVIRONMENT < "u" ? IS_REACT_ACT_ENVIRONMENT : void 0
+        ), n = typeof jest < "u";
         return n && t !== !1;
       }
     }
     function vg() {
       {
-        var e = typeof IS_REACT_ACT_ENVIRONMENT < "u" ? IS_REACT_ACT_ENVIRONMENT : void 0;
+        var e = (
+          // $FlowExpectedError – Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
+          typeof IS_REACT_ACT_ENVIRONMENT < "u" ? IS_REACT_ACT_ENVIRONMENT : void 0
+        );
         return !e && qM.current !== null && f("The current testing environment is not configured to support act(...)"), e;
       }
     }
-    var QM = Math.ceil, _d = Ae.ReactCurrentDispatcher, Hd = Ae.ReactCurrentOwner, Be = Ae.ReactCurrentBatchConfig, Jt = Ae.ReactCurrentActQueue, Te = 0, pg = 1, je = 2, wt = 4, Un = 0, yu = 1, Ba = 2, xo = 3, gu = 4, hg = 5, kd = 6, G = Te, at = null, de = null, xe = C, sn = C, Fd = Xn(C), De = Un, bu = null, Do = C, Su = C, Mo = C, Cu = null, dt = null, Vd = 0, mg = 500, yg = 1 / 0, XM = 500, Ln = null;
+    var QM = Math.ceil, _d = Ae.ReactCurrentDispatcher, Hd = Ae.ReactCurrentOwner, Be = Ae.ReactCurrentBatchConfig, Jt = Ae.ReactCurrentActQueue, Te = (
+      /*             */
+      0
+    ), pg = (
+      /*               */
+      1
+    ), je = (
+      /*                */
+      2
+    ), wt = (
+      /*                */
+      4
+    ), Un = 0, yu = 1, Ba = 2, xo = 3, gu = 4, hg = 5, kd = 6, G = Te, at = null, de = null, xe = C, sn = C, Fd = Xn(C), De = Un, bu = null, Do = C, Su = C, Mo = C, Cu = null, dt = null, Vd = 0, mg = 500, yg = 1 / 0, XM = 500, Ln = null;
     function Eu() {
       yg = Oe() + XM;
     }
@@ -11208,14 +11689,19 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
       return (t & q) === z ? H : PC();
     }
     function Me(e, t, n, a) {
-      S0(), bg && f("useInsertionEffect must not schedule updates."), qd && (Uo = !0), Si(e, n, a), (G & je) !== C && e === at ? R0(t) : (kt && nh(e, t, n), T0(t), e === at && ((G & je) === Te && (Su = B(Su, n)), De === gu && ua(e, xe)), vt(e, a), n === H && G === Te && (t.mode & q) === z && !Jt.isBatchingLegacy && (Eu(), gm()));
+      S0(), bg && f("useInsertionEffect must not schedule updates."), qd && (Uo = !0), Si(e, n, a), (G & je) !== C && e === at ? R0(t) : (kt && nh(e, t, n), T0(t), e === at && ((G & je) === Te && (Su = B(Su, n)), De === gu && ua(e, xe)), vt(e, a), n === H && G === Te && (t.mode & q) === z && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
+      !Jt.isBatchingLegacy && (Eu(), gm()));
     }
     function WM(e, t, n) {
       var a = e.current;
       a.lanes = t, Si(e, t, n), vt(e, n);
     }
     function IM(e) {
-      return (G & je) !== Te;
+      return (
+        // TODO: Remove outdated deferRenderPhaseUpdateToNextBatch experiment. We
+        // decided not to enable it.
+        (G & je) !== Te
+      );
     }
     function vt(e, t) {
       var n = e.callbackNode;
@@ -11226,7 +11712,10 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
         return;
       }
       var r = xa(a), i = e.callbackPriority;
-      if (i === r && !(Jt.current !== null && n !== Wd)) {
+      if (i === r && // Special case related to `act`. If the currently scheduled task is a
+      // Scheduler task, rather than an `act` task, cancel it and re-scheduled
+      // on the `act` queue.
+      !(Jt.current !== null && n !== Wd)) {
         n == null && i !== H && f("Expected scheduled callback to exist. This error is likely caused by a bug in React. Please file an issue.");
         return;
       }
@@ -11323,7 +11812,8 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
           break;
         }
         case xo: {
-          if (ua(e, n), Wp(n) && !Hg()) {
+          if (ua(e, n), Wp(n) && // do not delay if we're inside an act() scope
+          !Hg()) {
             var a = Vd + mg - Oe();
             if (a > 10) {
               var r = Iu(e, C);
@@ -11429,7 +11919,8 @@ Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-f
       try {
         return e(t);
       } finally {
-        G = n, G === Te && !Jt.isBatchingLegacy && (Eu(), gm());
+        G = n, G === Te && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
+        !Jt.isBatchingLegacy && (Eu(), gm());
       }
     }
     function n0(e, t, n, a, r) {
@@ -12197,7 +12688,7 @@ This ensures that you're testing the behavior the user would see in the browser.
         rv(e) ? (u = $, l = Pd(l)) : l = Xr(l);
       else if (typeof e == "string")
         u = _;
-      else {
+      else
         e:
           switch (e) {
             case Pa:
@@ -12248,7 +12739,6 @@ Check the render method of \`` + s + "`.");
               throw new Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) " + ("but got: " + (e == null ? e : typeof e) + "." + o));
             }
           }
-      }
       var c = Rt(u, n, t, r);
       return c.elementType = e, c.type = l, c.lanes = i, c._debugOwner = a, c;
     }
@@ -12303,6 +12793,7 @@ Check the render method of \`` + s + "`.");
       return r.lanes = n, r.stateNode = {
         containerInfo: e.containerInfo,
         pendingChildren: null,
+        // Used by persistent updates
         implementation: e.implementation
       }, r;
     }
@@ -12333,6 +12824,7 @@ Check the render method of \`` + s + "`.");
           element: a,
           isDehydrated: n,
           cache: null,
+          // not enabled yet
           transitions: null,
           pendingSuspenseBoundaries: null
         };
@@ -12344,6 +12836,7 @@ Check the render method of \`` + s + "`.");
     function $0(e, t, n) {
       var a = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : null;
       return Rb(a), {
+        // This tag allow us to uniquely identify this as a React Portal
         $$typeof: pa,
         key: a == null ? null : "" + a,
         children: e,
@@ -12510,6 +13003,7 @@ Check the render method of %s.`, V(mt) || "Unknown"));
           i[u] = i[r], Pe(i) ? i.splice(r, 1) : delete i[r];
         } else
           i[r] = lb(
+            // $FlowFixMe number or string is fine here
             e[r],
             t,
             n,
@@ -12613,15 +13107,23 @@ Check the render method of %s.`, V(mt) || "Unknown"));
         currentDispatcherRef: n,
         findHostInstanceByFiber: K0,
         findFiberByHostInstance: t || W0,
+        // React Refresh
         findHostInstancesForRefresh: U0,
         scheduleRefresh: M0,
         scheduleRoot: O0,
         setRefreshHandler: D0,
+        // Enables DevTools to append owner stacks to error messages in DEV mode.
         getCurrentFiber: I0,
+        // Enables DevTools to detect reconciler version rather than renderer version
+        // which may not match for third party renderers.
         reconcilerVersion: sv
       });
     }
-    var fb = typeof reportError == "function" ? reportError : function(e) {
+    var fb = typeof reportError == "function" ? (
+      // In modern browsers, reportError will dispatch an error event,
+      // emulating an uncaught JavaScript error.
+      reportError
+    ) : function(e) {
       console.error(e);
     };
     function pv(e) {
@@ -12724,9 +13226,13 @@ Check the render method of %s.`, V(mt) || "Unknown"));
           e,
           Zn,
           null,
+          // hydrationCallbacks
           !1,
+          // isStrictMode
           !1,
+          // concurrentUpdatesByDefaultOverride,
           "",
+          // identifierPrefix
           pb
         );
         e._reactRootContainer = u, xl(u.current, e);
@@ -12746,9 +13252,13 @@ Check the render method of %s.`, V(mt) || "Unknown"));
           e,
           Zn,
           null,
+          // hydrationCallbacks
           !1,
+          // isStrictMode
           !1,
+          // concurrentUpdatesByDefaultOverride,
           "",
+          // identifierPrefix
           pb
         );
         e._reactRootContainer = c, xl(c.current, e);
@@ -12838,7 +13348,9 @@ Check the render method of %s.`, V(mt) || "Unknown"));
         return !1;
       }
     }
-    lE(G0), sE(Q0), cE(X0), fE(Ft), dE(rE), (typeof Map != "function" || Map.prototype == null || typeof Map.prototype.forEach != "function" || typeof Set != "function" || Set.prototype == null || typeof Set.prototype.clear != "function" || typeof Set.prototype.forEach != "function") && f("React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"), QS(vT), JS(Qd, n0, wn);
+    lE(G0), sE(Q0), cE(X0), fE(Ft), dE(rE), (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") && f("React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"), QS(vT), JS(Qd, n0, wn);
     function fO(e, t) {
       var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null;
       if (!Vo(t))
@@ -12850,6 +13362,8 @@ Check the render method of %s.`, V(mt) || "Unknown"));
     }
     var mv = {
       usingClientEntryPoint: !1,
+      // Keep in sync with ReactTestUtils.js.
+      // This is an array for better minification.
       Events: [Qn, Tr, Dl, Mp, Op, Qd]
     };
     function vO(e, t) {