react-dom 19.3.0-canary-c7862584-20251006 → 19.3.0-canary-a4eb2dfa-20251006

package/cjs/react-dom-server.bun.development.js

@@ -76,6 +76,8 @@ function describeElementType(type) {
       return "Suspense";
     case REACT_SUSPENSE_LIST_TYPE:
       return "SuspenseList";
+    case REACT_VIEW_TRANSITION_TYPE:
+      return "ViewTransition";
   }
   if ("object" === typeof type)
     switch (type.$$typeof) {
@@ -1383,6 +1385,8 @@ var NothingSent = 0,
   SentStyleInsertionFunction = 8,
   SentCompletedShellId = 32,
   SentMarkShellTime = 64,
+  NeedUpgradeToViewTransitions = 128,
+  SentUpgradeToViewTransitions = 256,
   EXISTS = null,
   PRELOAD_NO_CREDS = [];
 Object.freeze(PRELOAD_NO_CREDS);
@@ -1714,7 +1718,8 @@ function getChildFormatContext(parentContext, type, props) {
   return parentContext.insertionMode >= HTML_TABLE_MODE ||
     parentContext.insertionMode < HTML_MODE
     ? createFormatContext(HTML_MODE, null, subtreeScope, null)
-    : parentContext.tagScope !== subtreeScope
+    : null !== parentContext.viewTransition ||
+        parentContext.tagScope !== subtreeScope
       ? createFormatContext(
           parentContext.insertionMode,
           parentContext.selectedValue,
@@ -1737,7 +1742,8 @@ function getSuspenseViewTransition(parentViewTransition) {
       };
 }
 function getSuspenseFallbackFormatContext(resumableState, parentContext) {
-  parentContext.tagScope & 32 && (resumableState.instructions |= 128);
+  parentContext.tagScope & 32 &&
+    (resumableState.instructions |= NeedUpgradeToViewTransitions);
   return createFormatContext(
     parentContext.insertionMode,
     parentContext.selectedValue,
@@ -1758,6 +1764,11 @@ function getSuspenseContentFormatContext(resumableState, parentContext) {
     resumableState
   );
 }
+function makeId(resumableState, treeId, localId) {
+  resumableState = "_" + resumableState.idPrefix + "R_" + treeId;
+  0 < localId && (resumableState += "H" + localId.toString(32));
+  return resumableState + "_";
+}
 function pushTextInstance(target, text, renderState, textEmbedded) {
   if ("" === text) return textEmbedded;
   textEmbedded && target.push("\x3c!-- --\x3e");
@@ -1767,6 +1778,26 @@ function pushTextInstance(target, text, renderState, textEmbedded) {
 function pushSegmentFinale(target, renderState, lastPushedText, textEmbedded) {
   lastPushedText && textEmbedded && target.push("\x3c!-- --\x3e");
 }
+function pushViewTransitionAttributes(target, formatContext) {
+  formatContext = formatContext.viewTransition;
+  null !== formatContext &&
+    ("auto" !== formatContext.name &&
+      (pushStringAttribute(
+        target,
+        "vt-name",
+        0 === formatContext.nameIdx
+          ? formatContext.name
+          : formatContext.name + "_" + formatContext.nameIdx
+      ),
+      formatContext.nameIdx++),
+    pushStringAttribute(target, "vt-update", formatContext.update),
+    "none" !== formatContext.enter &&
+      pushStringAttribute(target, "vt-enter", formatContext.enter),
+    "none" !== formatContext.exit &&
+      pushStringAttribute(target, "vt-exit", formatContext.exit),
+    "none" !== formatContext.share &&
+      pushStringAttribute(target, "vt-share", formatContext.share));
+}
 var styleNameCache = new Map(),
   styleAttributeStart = ' style="',
   styleAssign = ":",
@@ -2329,7 +2360,7 @@ var styleRegex = /(<\/|<)(s)(tyle)/gi;
 function styleReplacer(match, prefix, s, suffix) {
   return "" + prefix + ("s" === s ? "\\73 " : "\\53 ") + suffix;
 }
-function pushSelfClosing(target, props, tag) {
+function pushSelfClosing(target, props, tag, formatContext) {
   target.push(startChunkForTag(tag));
   for (var propKey in props)
     if (hasOwnProperty.call(props, propKey)) {
@@ -2346,6 +2377,7 @@ function pushSelfClosing(target, props, tag) {
             pushAttribute(target, propKey, propValue);
         }
     }
+  pushViewTransitionAttributes(target, formatContext);
   target.push(endOfStartTagSelfClosing);
   return null;
 }
@@ -2423,7 +2455,7 @@ function pushScriptImpl(target, props) {
   target.push(endChunkForTag("script"));
   return null;
 }
-function pushStartSingletonElement(target, props, tag) {
+function pushStartSingletonElement(target, props, tag, formatContext) {
   target.push(startChunkForTag(tag));
   var innerHTML = (tag = null),
     propKey;
@@ -2442,11 +2474,12 @@ function pushStartSingletonElement(target, props, tag) {
             pushAttribute(target, propKey, propValue);
         }
     }
+  pushViewTransitionAttributes(target, formatContext);
   target.push(endOfStartTag);
   pushInnerHTML(target, innerHTML, tag);
   return tag;
 }
-function pushStartGenericElement(target, props, tag) {
+function pushStartGenericElement(target, props, tag, formatContext) {
   target.push(startChunkForTag(tag));
   var innerHTML = (tag = null),
     propKey;
@@ -2465,6 +2498,7 @@ function pushStartGenericElement(target, props, tag) {
             pushAttribute(target, propKey, propValue);
         }
     }
+  pushViewTransitionAttributes(target, formatContext);
   target.push(endOfStartTag);
   pushInnerHTML(target, innerHTML, tag);
   return "string" === typeof tag
@@ -2572,6 +2606,7 @@ function pushStartInstance(
                 pushAttribute(target$jscomp$0, propKey, propValue);
             }
         }
+      pushViewTransitionAttributes(target$jscomp$0, formatContext);
       target$jscomp$0.push(endOfStartTag);
       pushInnerHTML(target$jscomp$0, innerHTML, children);
       if ("string" === typeof children) {
@@ -2620,6 +2655,7 @@ function pushStartInstance(
                 );
             }
         }
+      pushViewTransitionAttributes(target$jscomp$0, formatContext);
       target$jscomp$0.push(endOfStartTag);
       pushInnerHTML(target$jscomp$0, innerHTML$jscomp$0, children$jscomp$0);
       return children$jscomp$0;
@@ -2733,6 +2769,7 @@ function pushStartInstance(
       null === value$jscomp$0 &&
         null !== defaultValue &&
         (value$jscomp$0 = defaultValue);
+      pushViewTransitionAttributes(target$jscomp$0, formatContext);
       target$jscomp$0.push(endOfStartTag);
       if (null != children$jscomp$2) {
         console.error(
@@ -2860,6 +2897,7 @@ function pushStartInstance(
         ? pushAttribute(target$jscomp$0, "value", value$jscomp$1)
         : null !== defaultValue$jscomp$0 &&
           pushAttribute(target$jscomp$0, "value", defaultValue$jscomp$0);
+      pushViewTransitionAttributes(target$jscomp$0, formatContext);
       target$jscomp$0.push(endOfStartTagSelfClosing);
       null != formData &&
         formData.forEach(pushAdditionalFormField, target$jscomp$0);
@@ -2926,6 +2964,7 @@ function pushStartInstance(
         formTarget$jscomp$0,
         name$jscomp$0
       );
+      pushViewTransitionAttributes(target$jscomp$0, formatContext);
       target$jscomp$0.push(endOfStartTag);
       null != formData$jscomp$0 &&
         formData$jscomp$0.forEach(pushAdditionalFormField, target$jscomp$0);
@@ -3023,6 +3062,7 @@ function pushStartInstance(
         pushAttribute(target$jscomp$0, "method", formMethod$jscomp$1);
       null != formTarget$jscomp$1 &&
         pushAttribute(target$jscomp$0, "target", formTarget$jscomp$1);
+      pushViewTransitionAttributes(target$jscomp$0, formatContext);
       target$jscomp$0.push(endOfStartTag);
       null !== formActionName &&
         (target$jscomp$0.push('<input type="hidden"'),
@@ -3056,6 +3096,7 @@ function pushStartInstance(
                 );
             }
         }
+      pushViewTransitionAttributes(target$jscomp$0, formatContext);
       target$jscomp$0.push(endOfStartTag);
       return null;
     case "object":
@@ -3101,6 +3142,7 @@ function pushStartInstance(
                 );
             }
         }
+      pushViewTransitionAttributes(target$jscomp$0, formatContext);
       target$jscomp$0.push(endOfStartTag);
       pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
       if ("string" === typeof children$jscomp$5) {
@@ -3471,17 +3513,33 @@ function pushStartInstance(
         var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
           target$jscomp$0,
           props,
-          "meta"
+          "meta",
+          formatContext
         );
       else
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
           (JSCompiler_inline_result$jscomp$8 = isFallback$jscomp$1
             ? null
             : "string" === typeof props.charSet
-              ? pushSelfClosing(renderState.charsetChunks, props, "meta")
+              ? pushSelfClosing(
+                  renderState.charsetChunks,
+                  props,
+                  "meta",
+                  formatContext
+                )
               : "viewport" === props.name
-                ? pushSelfClosing(renderState.viewportChunks, props, "meta")
-                : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
+                ? pushSelfClosing(
+                    renderState.viewportChunks,
+                    props,
+                    "meta",
+                    formatContext
+                  )
+                : pushSelfClosing(
+                    renderState.hoistableChunks,
+                    props,
+                    "meta",
+                    formatContext
+                  ));
       return JSCompiler_inline_result$jscomp$8;
     case "listing":
     case "pre":
@@ -3508,6 +3566,7 @@ function pushStartInstance(
                 );
             }
         }
+      pushViewTransitionAttributes(target$jscomp$0, formatContext);
       target$jscomp$0.push(endOfStartTag);
       if (null != innerHTML$jscomp$7) {
         if (null != children$jscomp$10)
@@ -3624,7 +3683,7 @@ function pushStartInstance(
                   promotablePreloads.set(key$jscomp$0, resource$jscomp$1)));
         }
       }
-      return pushSelfClosing(target$jscomp$0, props, "img");
+      return pushSelfClosing(target$jscomp$0, props, "img", formatContext);
     case "base":
     case "area":
     case "br":
@@ -3636,7 +3695,7 @@ function pushStartInstance(
     case "source":
     case "track":
     case "wbr":
-      return pushSelfClosing(target$jscomp$0, props, type);
+      return pushSelfClosing(target$jscomp$0, props, type, formatContext);
     case "annotation-xml":
     case "color-profile":
     case "font-face":
@@ -3656,13 +3715,15 @@ function pushStartInstance(
         var JSCompiler_inline_result$jscomp$9 = pushStartSingletonElement(
           preamble.headChunks,
           props,
-          "head"
+          "head",
+          formatContext
         );
       } else
         JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
-          "head"
+          "head",
+          formatContext
         );
       return JSCompiler_inline_result$jscomp$9;
     case "body":
@@ -3675,13 +3736,15 @@ function pushStartInstance(
         var JSCompiler_inline_result$jscomp$10 = pushStartSingletonElement(
           preamble$jscomp$0.bodyChunks,
           props,
-          "body"
+          "body",
+          formatContext
         );
       } else
         JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
-          "body"
+          "body",
+          formatContext
         );
       return JSCompiler_inline_result$jscomp$10;
     case "html":
@@ -3694,13 +3757,15 @@ function pushStartInstance(
         var JSCompiler_inline_result$jscomp$11 = pushStartSingletonElement(
           preamble$jscomp$1.htmlChunks,
           props,
-          "html"
+          "html",
+          formatContext
         );
       } else
         JSCompiler_inline_result$jscomp$11 = pushStartGenericElement(
           target$jscomp$0,
           props,
-          "html"
+          "html",
+          formatContext
         );
       return JSCompiler_inline_result$jscomp$11;
     default:
@@ -3750,12 +3815,13 @@ function pushStartInstance(
               }
             }
           }
+        pushViewTransitionAttributes(target$jscomp$0, formatContext);
         target$jscomp$0.push(endOfStartTag);
         pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$11);
         return children$jscomp$11;
       }
   }
-  return pushStartGenericElement(target$jscomp$0, props, type);
+  return pushStartGenericElement(target$jscomp$0, props, type, formatContext);
 }
 var endTagCache = new Map();
 function endChunkForTag(tag) {
@@ -3918,6 +3984,8 @@ var completeSegmentScript1Full =
   completeSegmentScriptEnd = '")\x3c/script>',
   completeBoundaryScriptFunctionOnly =
     '$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};\n$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};',
+  completeBoundaryUpgradeToViewTransitionsInstruction =
+    '$RV=function(A,g){function k(a,b){var e=a.getAttribute(b);e&&(b=a.style,l.push(a,b.viewTransitionName,b.viewTransitionClass),"auto"!==e&&(b.viewTransitionClass=e),(a=a.getAttribute("vt-name"))||(a="_T_"+K++ +"_"),b.viewTransitionName=a,B=!0)}var B=!1,K=0,l=[];try{var f=document.__reactViewTransition;if(f){f.finished.finally($RV.bind(null,g));return}var m=new Map;for(f=1;f<g.length;f+=2)for(var h=g[f].querySelectorAll("[vt-share]"),d=0;d<h.length;d++){var c=h[d];m.set(c.getAttribute("vt-name"),c)}var u=[];for(h=0;h<g.length;h+=2){var C=g[h],x=C.parentNode;if(x){var v=x.getBoundingClientRect();if(v.left||v.top||v.width||v.height){c=C;for(f=0;c;){if(8===c.nodeType){var r=c.data;if("/$"===r)if(0===f)break;else f--;else"$"!==r&&"$?"!==r&&"$~"!==r&&"$!"!==r||f++}else if(1===c.nodeType){d=c;var D=d.getAttribute("vt-name"),y=m.get(D);k(d,y?"vt-share":"vt-exit");y&&(k(y,"vt-share"),m.set(D,null));var E=d.querySelectorAll("[vt-share]");for(d=0;d<E.length;d++){var F=E[d],G=F.getAttribute("vt-name"),\nH=m.get(G);H&&(k(F,"vt-share"),k(H,"vt-share"),m.set(G,null))}}c=c.nextSibling}for(var I=g[h+1],t=I.firstElementChild;t;)null!==m.get(t.getAttribute("vt-name"))&&k(t,"vt-enter"),t=t.nextElementSibling;c=x;do for(var n=c.firstElementChild;n;){var J=n.getAttribute("vt-update");J&&"none"!==J&&!l.includes(n)&&k(n,"vt-update");n=n.nextElementSibling}while((c=c.parentNode)&&1===c.nodeType&&"none"!==c.getAttribute("vt-update"));u.push.apply(u,I.querySelectorAll(\'img[src]:not([loading="lazy"])\'))}}}if(B){var z=\ndocument.__reactViewTransition=document.startViewTransition({update:function(){A(g);for(var a=[document.documentElement.clientHeight,document.fonts.ready],b={},e=0;e<u.length;b={g:b.g},e++)if(b.g=u[e],!b.g.complete){var p=b.g.getBoundingClientRect();0<p.bottom&&0<p.right&&p.top<window.innerHeight&&p.left<window.innerWidth&&(p=new Promise(function(w){return function(q){w.g.addEventListener("load",q);w.g.addEventListener("error",q)}}(b)),a.push(p))}return Promise.race([Promise.all(a),new Promise(function(w){var q=\nperformance.now();setTimeout(w,2300>q&&2E3<q?2300-q:500)})])},types:[]});z.ready.finally(function(){for(var a=l.length-3;0<=a;a-=3){var b=l[a],e=b.style;e.viewTransitionName=l[a+1];e.viewTransitionClass=l[a+1];""===b.getAttribute("style")&&b.removeAttribute("style")}});z.finished.finally(function(){document.__reactViewTransition===z&&(document.__reactViewTransition=null)});$RB=[];return}}catch(a){}A(g)}.bind(null,$RV);',
   completeBoundaryScript1Partial = '$RC("',
   completeBoundaryWithStylesScript1FullPartial =
     '$RM=new Map;$RR=function(n,w,p){function u(q){this._p=null;q()}for(var r=new Map,t=document,h,b,e=t.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=e[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&$RM.set(b.getAttribute("href"),b),r.set(b.dataset.precedence,h=b));e=0;b=[];var l,a;for(k=!0;;){if(k){var f=p[e++];if(!f){k=!1;e=0;continue}var c=!1,m=0;var d=f[m++];if(a=$RM.get(d)){var g=a._p;c=!0}else{a=t.createElement("link");a.href=d;a.rel=\n"stylesheet";for(a.dataset.precedence=l=f[m++];g=f[m++];)a.setAttribute(g,f[m++]);g=a._p=new Promise(function(q,x){a.onload=u.bind(a,q);a.onerror=u.bind(a,x)});$RM.set(d,a)}d=a.getAttribute("media");!g||d&&!matchMedia(d).matches||b.push(g);if(c)continue}else{a=v[e++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=r.get(l)||h;c===h&&(h=a);r.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=t.head,c.insertBefore(a,c.firstChild))}if(p=document.getElementById(n))p.previousSibling.data=\n"$~";Promise.all(b).then($RC.bind(null,n,w),$RX.bind(null,n,"CSS failed to load"))};$RR("',
@@ -4680,6 +4748,8 @@ function getComponentNameFromType(type) {
       return "SuspenseList";
     case REACT_ACTIVITY_TYPE:
       return "Activity";
+    case REACT_VIEW_TRANSITION_TYPE:
+      return "ViewTransition";
   }
   if ("object" === typeof type)
     switch (
@@ -4861,6 +4931,11 @@ var classComponentUpdater = {
     }
   },
   emptyTreeContext = { id: 1, overflow: "" };
+function getTreeId(context) {
+  var overflow = context.overflow;
+  context = context.id;
+  return (context & ~(1 << (32 - clz32(context) - 1))).toString(32) + overflow;
+}
 function pushTreeContext(baseContext, totalChildren, index) {
   var baseIdWithLeadingBit = baseContext.id;
   baseContext = baseContext.overflow;
@@ -5265,20 +5340,14 @@ var HooksDispatcher = {
       return [!1, unsupportedStartTransition];
     },
     useId: function () {
-      var treeId = currentlyRenderingTask.treeContext;
-      var overflow = treeId.overflow;
-      treeId = treeId.id;
-      treeId =
-        (treeId & ~(1 << (32 - clz32(treeId) - 1))).toString(32) + overflow;
-      var resumableState = currentResumableState;
+      var treeId = getTreeId(currentlyRenderingTask.treeContext),
+        resumableState = currentResumableState;
       if (null === resumableState)
         throw Error(
           "Invalid hook call. Hooks can only be called inside of the body of a function component."
         );
-      overflow = localIdCounter++;
-      treeId = "_" + resumableState.idPrefix + "R_" + treeId;
-      0 < overflow && (treeId += "H" + overflow.toString(32));
-      return treeId + "_";
+      var localId = localIdCounter++;
+      return makeId(resumableState, treeId, localId);
     },
     useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) {
       if (void 0 === getServerSnapshot)
@@ -5616,6 +5685,8 @@ function describeComponentStackByType(type) {
       return describeBuiltInComponentFrame("SuspenseList");
     case REACT_SUSPENSE_TYPE:
       return describeBuiltInComponentFrame("Suspense");
+    case REACT_VIEW_TRANSITION_TYPE:
+      return describeBuiltInComponentFrame("ViewTransition");
   }
   return "";
 }
@@ -5638,8 +5709,25 @@ var callComponent = {
       return init(lazy._payload);
     }
   },
-  callLazyInitInDEV = callLazyInit.react_stack_bottom_frame.bind(callLazyInit),
-  lastResetTime = 0,
+  callLazyInitInDEV = callLazyInit.react_stack_bottom_frame.bind(callLazyInit);
+function getViewTransitionClassName(defaultClass, eventClass) {
+  defaultClass =
+    null == defaultClass || "string" === typeof defaultClass
+      ? defaultClass
+      : defaultClass.default;
+  eventClass =
+    null == eventClass || "string" === typeof eventClass
+      ? eventClass
+      : eventClass.default;
+  return null == eventClass
+    ? "auto" === defaultClass
+      ? null
+      : defaultClass
+    : "auto" === eventClass
+      ? null
+      : eventClass;
+}
+var lastResetTime = 0,
   getCurrentTime;
 if ("object" === typeof performance && "function" === typeof performance.now) {
   var localPerformance = performance;
@@ -7019,6 +7107,76 @@ function renderElement(request, task, keyPath, type, props, ref) {
         }
         return;
       case REACT_VIEW_TRANSITION_TYPE:
+        var prevContext$jscomp$0 = task.formatContext,
+          prevKeyPath$jscomp$4 = task.keyPath;
+        var resumableState$jscomp$0 = request.resumableState;
+        if (null != props.name && "auto" !== props.name)
+          var autoName = props.name;
+        else {
+          var treeId = getTreeId(task.treeContext);
+          autoName = makeId(resumableState$jscomp$0, treeId, 0);
+        }
+        var resumableState$jscomp$1 = request.resumableState,
+          update = getViewTransitionClassName(props.default, props.update),
+          enter = getViewTransitionClassName(props.default, props.enter),
+          exit = getViewTransitionClassName(props.default, props.exit),
+          share = getViewTransitionClassName(props.default, props.share),
+          name$jscomp$0 = props.name,
+          autoName$jscomp$0 = autoName;
+        null == update && (update = "auto");
+        null == enter && (enter = "auto");
+        null == exit && (exit = "auto");
+        if (null == name$jscomp$0) {
+          var parentViewTransition = prevContext$jscomp$0.viewTransition;
+          null !== parentViewTransition
+            ? ((name$jscomp$0 = parentViewTransition.name),
+              (share = parentViewTransition.share))
+            : ((name$jscomp$0 = "auto"), (share = "none"));
+        } else
+          null == share && (share = "auto"),
+            prevContext$jscomp$0.tagScope & 4 &&
+              (resumableState$jscomp$1.instructions |=
+                NeedUpgradeToViewTransitions);
+        prevContext$jscomp$0.tagScope & 8
+          ? (resumableState$jscomp$1.instructions |=
+              NeedUpgradeToViewTransitions)
+          : (exit = "none");
+        prevContext$jscomp$0.tagScope & 16
+          ? (resumableState$jscomp$1.instructions |=
+              NeedUpgradeToViewTransitions)
+          : (enter = "none");
+        var viewTransition = {
+            update: update,
+            enter: enter,
+            exit: exit,
+            share: share,
+            name: name$jscomp$0,
+            autoName: autoName$jscomp$0,
+            nameIdx: 0
+          },
+          subtreeScope = prevContext$jscomp$0.tagScope & -25;
+        subtreeScope =
+          "none" !== update ? subtreeScope | 32 : subtreeScope & -33;
+        "none" !== enter && (subtreeScope |= 64);
+        var JSCompiler_inline_result$jscomp$0 = createFormatContext(
+          prevContext$jscomp$0.insertionMode,
+          prevContext$jscomp$0.selectedValue,
+          subtreeScope,
+          viewTransition
+        );
+        task.formatContext = JSCompiler_inline_result$jscomp$0;
+        task.keyPath = keyPath;
+        if (null != props.name && "auto" !== props.name)
+          renderNodeDestructive(request, task, props.children, -1);
+        else {
+          var prevTreeContext = task.treeContext;
+          task.treeContext = pushTreeContext(prevTreeContext, 1, 0);
+          renderNode(request, task, props.children, -1);
+          task.treeContext = prevTreeContext;
+        }
+        task.formatContext = prevContext$jscomp$0;
+        task.keyPath = prevKeyPath$jscomp$4;
+        return;
       case REACT_SCOPE_TYPE:
         throw Error("ReactDOMServer does not yet support scope components.");
       case REACT_SUSPENSE_TYPE:
@@ -7041,8 +7199,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
               (task.row = _prevRow);
           }
         } else {
-          var prevKeyPath$jscomp$4 = task.keyPath,
-            prevContext$jscomp$0 = task.formatContext,
+          var prevKeyPath$jscomp$5 = task.keyPath,
+            prevContext$jscomp$1 = task.formatContext,
             prevRow$jscomp$0 = task.row,
             parentBoundary = task.blockedBoundary,
             parentPreamble = task.blockedPreamble,
@@ -7107,7 +7265,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = fallbackKeyPath;
             task.formatContext = getSuspenseFallbackFormatContext(
               request.resumableState,
-              prevContext$jscomp$0
+              prevContext$jscomp$1
             );
             task.componentStack =
               replaceSuspenseComponentStackWithSuspenseFallbackStack(
@@ -7133,8 +7291,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             } finally {
               (task.blockedSegment = parentSegment),
                 (task.blockedPreamble = parentPreamble),
-                (task.keyPath = prevKeyPath$jscomp$4),
-                (task.formatContext = prevContext$jscomp$0);
+                (task.keyPath = prevKeyPath$jscomp$5),
+                (task.formatContext = prevContext$jscomp$1);
             }
             var suspendedPrimaryTask = createRenderTask(
               request,
@@ -7168,7 +7326,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = keyPath;
             task.formatContext = getSuspenseContentFormatContext(
               request.resumableState,
-              prevContext$jscomp$0
+              prevContext$jscomp$1
             );
             task.row = null;
             contentRootSegment.status = 6;
@@ -7230,8 +7388,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 (task.blockedPreamble = parentPreamble),
                 (task.hoistableState = parentHoistableState),
                 (task.blockedSegment = parentSegment),
-                (task.keyPath = prevKeyPath$jscomp$4),
-                (task.formatContext = prevContext$jscomp$0),
+                (task.keyPath = prevKeyPath$jscomp$5),
+                (task.formatContext = prevContext$jscomp$1),
                 (task.row = prevRow$jscomp$0);
             }
             var suspendedFallbackTask = createRenderTask(
@@ -7297,7 +7455,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           var value$jscomp$0 = props.value,
             children$jscomp$2 = props.children;
           var prevSnapshot = task.context;
-          var prevKeyPath$jscomp$5 = task.keyPath;
+          var prevKeyPath$jscomp$6 = task.keyPath;
           var prevValue = type._currentValue;
           type._currentValue = value$jscomp$0;
           void 0 !== type._currentRenderer &&
@@ -7337,10 +7495,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
               "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
             );
           type._currentRenderer = rendererSigil;
-          var JSCompiler_inline_result$jscomp$0 = (currentActiveSnapshot =
+          var JSCompiler_inline_result$jscomp$1 = (currentActiveSnapshot =
             prevSnapshot$jscomp$0.parent);
-          task.context = JSCompiler_inline_result$jscomp$0;
-          task.keyPath = prevKeyPath$jscomp$5;
+          task.context = JSCompiler_inline_result$jscomp$1;
+          task.keyPath = prevKeyPath$jscomp$6;
           prevSnapshot !== task.context &&
             console.error(
               "Popping the context provider did not return back to the original snapshot. This is a bug in React."
@@ -7354,10 +7512,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
               "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
             );
           var newChildren = render(context$jscomp$0._currentValue),
-            prevKeyPath$jscomp$6 = task.keyPath;
+            prevKeyPath$jscomp$7 = task.keyPath;
           task.keyPath = keyPath;
           renderNodeDestructive(request, task, newChildren, -1);
-          task.keyPath = prevKeyPath$jscomp$6;
+          task.keyPath = prevKeyPath$jscomp$7;
           return;
         case REACT_LAZY_TYPE:
           var Component = callLazyInitInDEV(type);
@@ -9044,7 +9202,10 @@ function flushCompletedBoundary(request, destination, boundary) {
   request = request.renderState;
   i = boundary.rootSegmentID;
   boundary = boundary.contentState;
-  var requiresStyleInsertion = request.stylesToHoist;
+  var requiresStyleInsertion = request.stylesToHoist,
+    requiresViewTransitions =
+      (completedSegments.instructions & NeedUpgradeToViewTransitions) !==
+      NothingSent;
   request.stylesToHoist = !1;
   writeChunk(destination, request.startInlineScript);
   writeChunk(destination, endOfStartTag);
@@ -9057,6 +9218,14 @@ function flushCompletedBoundary(request, destination, boundary) {
         NothingSent &&
         ((completedSegments.instructions |= SentCompleteBoundaryFunction),
         writeChunk(destination, completeBoundaryScriptFunctionOnly)),
+      requiresViewTransitions &&
+        (completedSegments.instructions & SentUpgradeToViewTransitions) ===
+          NothingSent &&
+        ((completedSegments.instructions |= SentUpgradeToViewTransitions),
+        writeChunk(
+          destination,
+          completeBoundaryUpgradeToViewTransitionsInstruction
+        )),
       (completedSegments.instructions & SentStyleInsertionFunction) ===
       NothingSent
         ? ((completedSegments.instructions |= SentStyleInsertionFunction),
@@ -9066,6 +9235,14 @@ function flushCompletedBoundary(request, destination, boundary) {
         NothingSent &&
         ((completedSegments.instructions |= SentCompleteBoundaryFunction),
         writeChunk(destination, completeBoundaryScriptFunctionOnly)),
+      requiresViewTransitions &&
+        (completedSegments.instructions & SentUpgradeToViewTransitions) ===
+          NothingSent &&
+        ((completedSegments.instructions |= SentUpgradeToViewTransitions),
+        writeChunk(
+          destination,
+          completeBoundaryUpgradeToViewTransitionsInstruction
+        )),
       writeChunk(destination, completeBoundaryScript1Partial));
   completedSegments = i.toString(16);
   writeChunk(destination, request.boundaryPrefix);
@@ -9504,13 +9681,13 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) {
 }
 var isomorphicReactPackageVersion$jscomp$inline_766 = React.version;
 if (
-  "19.3.0-canary-c7862584-20251006" !==
+  "19.3.0-canary-a4eb2dfa-20251006" !==
   isomorphicReactPackageVersion$jscomp$inline_766
 )
   throw Error(
     'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
       (isomorphicReactPackageVersion$jscomp$inline_766 +
-        "\n  - react-dom:  19.3.0-canary-c7862584-20251006\nLearn more: https://react.dev/warnings/version-mismatch")
+        "\n  - react-dom:  19.3.0-canary-a4eb2dfa-20251006\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 exports.renderToReadableStream = function (children, options) {
   return new Promise(function (resolve, reject) {
@@ -9603,4 +9780,4 @@ exports.renderToReadableStream = function (children, options) {
     startWork(request$jscomp$0);
   });
 };
-exports.version = "19.3.0-canary-c7862584-20251006";
+exports.version = "19.3.0-canary-a4eb2dfa-20251006";