react-markup 0.0.0-experimental-526dd340-20250602 → 0.0.0-experimental-37054867-20250604

package/cjs/react-markup.react-server.production.js

@@ -252,13 +252,7 @@ function useId$1() {
   if (null === currentRequest$1)
     throw Error("useId can only be used while React is rendering");
   var id = currentRequest$1.identifierCount++;
-  return (
-    "\u00ab" +
-    currentRequest$1.identifierPrefix +
-    "S" +
-    id.toString(32) +
-    "\u00bb"
-  );
+  return "_" + currentRequest$1.identifierPrefix + "S_" + id.toString(32) + "_";
 }
 function use$1(usable) {
   if (
@@ -717,8 +711,8 @@ function serializeReadableStream(request, task, stream) {
             tryStreamTask(request, streamTask),
             enqueueFlush(request),
             reader.read().then(progress, error);
-        } catch (x$12) {
-          error(x$12);
+        } catch (x$11) {
+          error(x$11);
         }
   }
   function error(reason) {
@@ -792,8 +786,8 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
             tryStreamTask(request, streamTask),
             enqueueFlush(request),
             iterator.next().then(progress, error);
-        } catch (x$13) {
-          error(x$13);
+        } catch (x$12) {
+          error(x$12);
         }
   }
   function error(reason) {
@@ -1756,12 +1750,12 @@ function abort$1(request, reason) {
                 ? Error("The render was aborted by the server with a promise.")
                 : reason,
           digest = logRecoverableError$1(request, error, null),
-          errorId$30 = request.nextChunkId++;
-        request.fatalError = errorId$30;
+          errorId$29 = request.nextChunkId++;
+        request.fatalError = errorId$29;
         request.pendingChunks++;
-        emitErrorChunk(request, errorId$30, digest, error);
+        emitErrorChunk(request, errorId$29, digest, error);
         abortableTasks.forEach(function (task) {
-          return abortTask$1(task, request, errorId$30);
+          return abortTask$1(task, request, errorId$29);
         });
       }
       abortableTasks.clear();
@@ -1769,7 +1763,7 @@ function abort$1(request, reason) {
     }
     var abortListeners = request.abortListeners;
     if (0 < abortListeners.size) {
-      var error$31 =
+      var error$30 =
         "object" === typeof reason &&
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
@@ -1782,16 +1776,16 @@ function abort$1(request, reason) {
               ? Error("The render was aborted by the server with a promise.")
               : reason;
       abortListeners.forEach(function (callback) {
-        return callback(error$31);
+        return callback(error$30);
       });
       abortListeners.clear();
       callOnAllReadyIfReady(request);
     }
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
-  } catch (error$32) {
-    logRecoverableError$1(request, error$32, null),
-      fatalError$1(request, error$32);
+  } catch (error$31) {
+    logRecoverableError$1(request, error$31, null),
+      fatalError$1(request, error$31);
   }
 }
 var bind$1 = Function.prototype.bind,
@@ -1898,11 +1892,11 @@ function processReply(
         0 === pendingParts && resolve(data);
       } else
         try {
-          var partJSON$33 = JSON.stringify(entry.value, resolveToJSON);
-          data.append(formFieldPrefix + streamId, partJSON$33);
+          var partJSON$32 = JSON.stringify(entry.value, resolveToJSON);
+          data.append(formFieldPrefix + streamId, partJSON$32);
           iterator.next().then(progress, reject);
-        } catch (x$34) {
-          reject(x$34);
+        } catch (x$33) {
+          reject(x$33);
         }
     }
     null === formData && (formData = new FormData());
@@ -1947,20 +1941,20 @@ function processReply(
               "function" === typeof x.then
             ) {
               pendingParts++;
-              var lazyId$35 = nextPartId++;
+              var lazyId$34 = nextPartId++;
               parentReference = function () {
                 try {
-                  var partJSON$36 = serializeModel(value, lazyId$35),
-                    data$37 = formData;
-                  data$37.append(formFieldPrefix + lazyId$35, partJSON$36);
+                  var partJSON$35 = serializeModel(value, lazyId$34),
+                    data$36 = formData;
+                  data$36.append(formFieldPrefix + lazyId$34, partJSON$35);
                   pendingParts--;
-                  0 === pendingParts && resolve(data$37);
+                  0 === pendingParts && resolve(data$36);
                 } catch (reason) {
                   reject(reason);
                 }
               };
               x.then(parentReference, parentReference);
-              return "$" + lazyId$35.toString(16);
+              return "$" + lazyId$34.toString(16);
             }
             reject(x);
             return null;
@@ -1974,9 +1968,9 @@ function processReply(
         var promiseId = nextPartId++;
         value.then(function (partValue) {
           try {
-            var partJSON$39 = serializeModel(partValue, promiseId);
+            var partJSON$38 = serializeModel(partValue, promiseId);
             partValue = formData;
-            partValue.append(formFieldPrefix + promiseId, partJSON$39);
+            partValue.append(formFieldPrefix + promiseId, partJSON$38);
             pendingParts--;
             0 === pendingParts && resolve(partValue);
           } catch (reason) {
@@ -2000,11 +1994,11 @@ function processReply(
       if (isArrayImpl(value)) return value;
       if (value instanceof FormData) {
         null === formData && (formData = new FormData());
-        var data$43 = formData;
+        var data$42 = formData;
         key = nextPartId++;
-        var prefix$44 = formFieldPrefix + key + "_";
+        var prefix$43 = formFieldPrefix + key + "_";
         value.forEach(function (originalValue, originalKey) {
-          data$43.append(prefix$44 + originalKey, originalValue);
+          data$42.append(prefix$43 + originalKey, originalValue);
         });
         return "$K" + key.toString(16);
       }
@@ -2893,8 +2887,8 @@ function startReadableStream(response, id, type) {
             (previousBlockedChunk = chunk));
       } else {
         chunk = previousBlockedChunk;
-        var chunk$64 = createPendingChunk(response);
-        chunk$64.then(
+        var chunk$63 = createPendingChunk(response);
+        chunk$63.then(
           function (v) {
             return controller.enqueue(v);
           },
@@ -2902,10 +2896,10 @@ function startReadableStream(response, id, type) {
             return controller.error(e);
           }
         );
-        previousBlockedChunk = chunk$64;
+        previousBlockedChunk = chunk$63;
         chunk.then(function () {
-          previousBlockedChunk === chunk$64 && (previousBlockedChunk = null);
-          resolveModelChunk(chunk$64, json);
+          previousBlockedChunk === chunk$63 && (previousBlockedChunk = null);
+          resolveModelChunk(chunk$63, json);
         });
       }
     },
@@ -3586,9 +3580,9 @@ function getSuspenseContentFormatContext(resumableState, parentContext) {
   );
 }
 function makeId(resumableState, treeId, localId) {
-  resumableState = "\u00ab" + resumableState.idPrefix + "R" + treeId;
+  resumableState = "_" + resumableState.idPrefix + "R_" + treeId;
   0 < localId && (resumableState += "H" + localId.toString(32));
-  return resumableState + "\u00bb";
+  return resumableState + "_";
 }
 function pushViewTransitionAttributes(target, formatContext) {
   formatContext = formatContext.viewTransition;
@@ -3921,8 +3915,8 @@ function pushAttribute(target, name, value) {
             case "symbol":
               return;
             case "boolean":
-              var prefix$74 = name.toLowerCase().slice(0, 5);
-              if ("data-" !== prefix$74 && "aria-" !== prefix$74) return;
+              var prefix$73 = name.toLowerCase().slice(0, 5);
+              if ("data-" !== prefix$73 && "aria-" !== prefix$73) return;
           }
           target.push(" ", name, '="', escapeTextForBrowser(value), '"');
         }
@@ -4709,10 +4703,10 @@ function pushStartInstance$1(
             styleQueue.sheets.set(href, resource);
             hoistableState && hoistableState.stylesheets.add(resource);
           } else if (styleQueue) {
-            var resource$75 = styleQueue.sheets.get(href);
-            resource$75 &&
+            var resource$74 = styleQueue.sheets.get(href);
+            resource$74 &&
               hoistableState &&
-              hoistableState.stylesheets.add(resource$75);
+              hoistableState.stylesheets.add(resource$74);
           }
           textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
           JSCompiler_inline_result$jscomp$4 = null;
@@ -5473,7 +5467,7 @@ function pushCompletedShellIdAttribute(target, resumableState) {
     ((resumableState.instructions |= 32),
     target.push(
       ' id="',
-      escapeTextForBrowser("\u00ab" + resumableState.idPrefix + "R\u00bb"),
+      escapeTextForBrowser("_" + resumableState.idPrefix + "R_"),
       '"'
     ));
 }
@@ -6022,10 +6016,10 @@ function useActionState(action, initialState, permalink) {
     var nextPostbackStateKey = null,
       componentKeyPath = currentlyRenderingKeyPath;
     request = request.formState;
-    var isSignatureEqual$78 = action.$$IS_SIGNATURE_EQUAL;
-    if (null !== request && "function" === typeof isSignatureEqual$78) {
+    var isSignatureEqual$77 = action.$$IS_SIGNATURE_EQUAL;
+    if (null !== request && "function" === typeof isSignatureEqual$77) {
       var postbackKey = request[1];
-      isSignatureEqual$78.call(action, request[2], request[3]) &&
+      isSignatureEqual$77.call(action, request[2], request[3]) &&
         ((nextPostbackStateKey =
           void 0 !== permalink
             ? "p" + permalink
@@ -6067,11 +6061,11 @@ function useActionState(action, initialState, permalink) {
       });
     return [initialState, action, !1];
   }
-  var boundAction$79 = action.bind(null, initialState);
+  var boundAction$78 = action.bind(null, initialState);
   return [
     initialState,
     function (payload) {
-      boundAction$79(payload);
+      boundAction$78(payload);
     },
     !1
   ];
@@ -6607,7 +6601,11 @@ function renderSuspenseListRows(request, task, keyPath, rows, revealOrder) {
     var resumeSlots = task.replay.slots;
     if (null !== resumeSlots && "object" === typeof resumeSlots)
       for (var n = 0; n < keyPath; n++) {
-        var i = "backwards" !== revealOrder ? n : keyPath - 1 - n,
+        var i =
+            "backwards" !== revealOrder &&
+            "unstable_legacy-backwards" !== revealOrder
+              ? n
+              : keyPath - 1 - n,
           node = rows[i];
         task.row = previousSuspenseListRow = createSuspenseListRow(
           previousSuspenseListRow
@@ -6624,7 +6622,8 @@ function renderSuspenseListRows(request, task, keyPath, rows, revealOrder) {
     else
       for (resumeSlots = 0; resumeSlots < keyPath; resumeSlots++)
         (n =
-          "backwards" !== revealOrder
+          "backwards" !== revealOrder &&
+          "unstable_legacy-backwards" !== revealOrder
             ? resumeSlots
             : keyPath - 1 - resumeSlots),
           (i = rows[n]),
@@ -6634,7 +6633,10 @@ function renderSuspenseListRows(request, task, keyPath, rows, revealOrder) {
           renderNode(request, task, i, n),
           0 === --previousSuspenseListRow.pendingTasks &&
             finishSuspenseListRow(request, previousSuspenseListRow);
-  } else if ("backwards" !== revealOrder)
+  } else if (
+    "backwards" !== revealOrder &&
+    "unstable_legacy-backwards" !== revealOrder
+  )
     for (revealOrder = 0; revealOrder < keyPath; revealOrder++)
       (resumeSlots = rows[revealOrder]),
         (task.row = previousSuspenseListRow =
@@ -6757,9 +6759,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
       var defaultProps = type.defaultProps;
       if (defaultProps) {
         newProps === props && (newProps = assign({}, newProps, props));
-        for (var propName$101 in defaultProps)
-          void 0 === newProps[propName$101] &&
-            (newProps[propName$101] = defaultProps[propName$101]);
+        for (var propName$100 in defaultProps)
+          void 0 === newProps[propName$100] &&
+            (newProps[propName$100] = defaultProps[propName$100]);
       }
       var JSCompiler_inline_result = newProps;
       var context = emptyContextObject,
@@ -6926,13 +6928,13 @@ function renderElement(request, task, keyPath, type, props, ref) {
         textEmbedded
       );
       segment.lastPushedText = !1;
-      var prevContext$99 = task.formatContext,
-        prevKeyPath$100 = task.keyPath;
+      var prevContext$98 = task.formatContext,
+        prevKeyPath$99 = task.keyPath;
       task.keyPath = keyPath;
       if (
         3 ===
         (task.formatContext = getChildFormatContext(
-          prevContext$99,
+          prevContext$98,
           type,
           props
         )).insertionMode
@@ -6966,8 +6968,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
         pushComponentStack(preambleTask);
         request.pingedTasks.push(preambleTask);
       } else renderNode(request, task, JSCompiler_inline_result$jscomp$2, -1);
-      task.formatContext = prevContext$99;
-      task.keyPath = prevKeyPath$100;
+      task.formatContext = prevContext$98;
+      task.keyPath = prevKeyPath$99;
       a: {
         var target$jscomp$0 = segment.chunks,
           resumableState$jscomp$0 = request.resumableState;
@@ -6992,19 +6994,19 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= prevContext$99.insertionMode) {
+            if (1 >= prevContext$98.insertionMode) {
               resumableState$jscomp$0.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === prevContext$99.insertionMode) {
+            if (0 === prevContext$98.insertionMode) {
               resumableState$jscomp$0.hasHtml = !0;
               break a;
             }
             break;
           case "head":
-            if (1 >= prevContext$99.insertionMode) break a;
+            if (1 >= prevContext$98.insertionMode) break a;
         }
         target$jscomp$0.push(endChunkForTag(type));
       }
@@ -7032,10 +7034,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           }
         } else if ("hidden" !== props.mode) {
           segment$jscomp$0.lastPushedText = !1;
-          var prevKeyPath$103 = task.keyPath;
+          var prevKeyPath$102 = task.keyPath;
           task.keyPath = keyPath;
           renderNode(request, task, props.children, -1);
-          task.keyPath = prevKeyPath$103;
+          task.keyPath = prevKeyPath$102;
           segment$jscomp$0.lastPushedText = !1;
         }
         return;
@@ -7043,7 +7045,11 @@ function renderElement(request, task, keyPath, type, props, ref) {
         a: {
           var children$jscomp$0 = props.children,
             revealOrder = props.revealOrder;
-          if ("forwards" === revealOrder || "backwards" === revealOrder) {
+          if (
+            "forwards" === revealOrder ||
+            "backwards" === revealOrder ||
+            "unstable_legacy-backwards" === revealOrder
+          ) {
             if (isArrayImpl(children$jscomp$0)) {
               renderSuspenseListRows(
                 request,
@@ -7074,35 +7080,35 @@ function renderElement(request, task, keyPath, type, props, ref) {
               }
             }
             if ("function" === typeof children$jscomp$0[ASYNC_ITERATOR]) {
-              var iterator$94 = children$jscomp$0[ASYNC_ITERATOR]();
-              if (iterator$94) {
+              var iterator$93 = children$jscomp$0[ASYNC_ITERATOR]();
+              if (iterator$93) {
                 var prevThenableState = task.thenableState;
                 task.thenableState = null;
                 thenableIndexCounter = 0;
                 thenableState = prevThenableState;
                 var rows = [],
                   done = !1;
-                if (iterator$94 === children$jscomp$0)
+                if (iterator$93 === children$jscomp$0)
                   for (
-                    var step$95 = readPreviousThenableFromState();
-                    void 0 !== step$95;
+                    var step$94 = readPreviousThenableFromState();
+                    void 0 !== step$94;
 
                   ) {
-                    if (step$95.done) {
+                    if (step$94.done) {
                       done = !0;
                       break;
                     }
-                    rows.push(step$95.value);
-                    step$95 = readPreviousThenableFromState();
+                    rows.push(step$94.value);
+                    step$94 = readPreviousThenableFromState();
                   }
                 if (!done)
                   for (
-                    var step$96 = unwrapThenable(iterator$94.next());
-                    !step$96.done;
+                    var step$95 = unwrapThenable(iterator$93.next());
+                    !step$95.done;
 
                   )
-                    rows.push(step$96.value),
-                      (step$96 = unwrapThenable(iterator$94.next()));
+                    rows.push(step$95.value),
+                      (step$95 = unwrapThenable(iterator$93.next()));
                 renderSuspenseListRows(
                   request,
                   task,
@@ -7115,7 +7121,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             }
           }
           if ("together" === revealOrder) {
-            var prevKeyPath$97 = task.keyPath,
+            var prevKeyPath$96 = task.keyPath,
               prevRow = task.row,
               newRow = (task.row = createSuspenseListRow(null));
             newRow.boundaries = [];
@@ -7124,7 +7130,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             renderNodeDestructive(request, task, children$jscomp$0, -1);
             0 === --newRow.pendingTasks &&
               finishSuspenseListRow(request, newRow);
-            task.keyPath = prevKeyPath$97;
+            task.keyPath = prevKeyPath$96;
             task.row = prevRow;
             null !== prevRow &&
               0 < newRow.pendingTasks &&
@@ -7162,22 +7168,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
         throw Error("ReactDOMServer does not yet support scope components.");
       case REACT_SUSPENSE_TYPE:
         a: if (null !== task.replay) {
-          var prevKeyPath$81 = task.keyPath,
-            prevContext$82 = task.formatContext,
-            prevRow$83 = task.row;
+          var prevKeyPath$80 = task.keyPath,
+            prevContext$81 = task.formatContext,
+            prevRow$82 = task.row;
           task.keyPath = keyPath;
           task.formatContext = getSuspenseContentFormatContext(
             request.resumableState,
-            prevContext$82
+            prevContext$81
           );
           task.row = null;
-          var content$84 = props.children;
+          var content$83 = props.children;
           try {
-            renderNode(request, task, content$84, -1);
+            renderNode(request, task, content$83, -1);
           } finally {
-            (task.keyPath = prevKeyPath$81),
-              (task.formatContext = prevContext$82),
-              (task.row = prevRow$83);
+            (task.keyPath = prevKeyPath$80),
+              (task.formatContext = prevContext$81),
+              (task.row = prevRow$82);
           }
         } else {
           var prevKeyPath$jscomp$5 = task.keyPath,
@@ -7316,12 +7322,12 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 null !== prevRow$jscomp$0 &&
                   prevRow$jscomp$0.together &&
                   tryToResolveTogetherRow(request, prevRow$jscomp$0);
-            } catch (thrownValue$85) {
+            } catch (thrownValue$84) {
               newBoundary.status = 4;
               if (12 === request.status) {
                 contentRootSegment.status = 3;
                 var error = request.fatalError;
-              } else (contentRootSegment.status = 4), (error = thrownValue$85);
+              } else (contentRootSegment.status = 4), (error = thrownValue$84);
               var thrownInfo = getThrownInfo(task.componentStack);
               if (
                 "object" === typeof error &&
@@ -8055,15 +8061,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$124) {
+    } catch (thrownValue$123) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (childIndex =
-          thrownValue$124 === SuspenseException
+          thrownValue$123 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$124),
+            : thrownValue$123),
         "object" === typeof childIndex && null !== childIndex)
       ) {
         if ("function" === typeof childIndex.then) {
@@ -8265,16 +8271,16 @@ function abortTask(task, request, error) {
       0 === request.pendingRootTasks && completeShell(request);
     }
   } else {
-    var trackedPostpones$127 = request.trackedPostpones;
+    var trackedPostpones$126 = request.trackedPostpones;
     if (4 !== boundary.status) {
-      if (null !== trackedPostpones$127 && null !== segment)
+      if (null !== trackedPostpones$126 && null !== segment)
         return (
           "object" === typeof error &&
           null !== error &&
           error.$$typeof === REACT_POSTPONE_TYPE
             ? logPostpone(request, error.message, errorInfo)
             : logRecoverableError(request, error, errorInfo),
-          trackPostpone(request, trackedPostpones$127, task, segment),
+          trackPostpone(request, trackedPostpones$126, task, segment),
           boundary.fallbackAbortableTasks.forEach(function (fallbackTask) {
             return abortTask(fallbackTask, request, error);
           }),
@@ -8643,13 +8649,13 @@ function performWork(request$jscomp$1) {
                       null !== request.trackedPostpones &&
                       x$jscomp$0.$$typeof === REACT_POSTPONE_TYPE
                     ) {
-                      var trackedPostpones$133 = request.trackedPostpones;
+                      var trackedPostpones$132 = request.trackedPostpones;
                       task.abortSet.delete(task);
                       var postponeInfo = getThrownInfo(task.componentStack);
                       logPostpone(request, x$jscomp$0.message, postponeInfo);
                       trackPostpone(
                         request,
-                        trackedPostpones$133,
+                        trackedPostpones$132,
                         task,
                         segment$jscomp$0
                       );
@@ -8959,7 +8965,7 @@ function flushCompletedBoundary(request, destination, boundary) {
             0 === (completedSegments.instructions & 256) &&
             ((completedSegments.instructions |= 256),
             destination.push(
-              '$RV=function(w,f){function h(a,d){var k=a.getAttribute(d);k&&(d=a.style,l.push(a,d.viewTransitionName,d.viewTransitionClass),"auto"!==k&&(d.viewTransitionClass=k),(a=a.getAttribute("vt-name"))||(a="\\u00abT"+F++ +"\\u00bb"),d.viewTransitionName=a,x=!0)}var x=!1,F=0,l=[];try{var e=document.__reactViewTransition;if(e){e.finished.finally($RV.bind(null,f));return}var m=new Map;for(e=1;e<f.length;e+=2)for(var g=f[e].querySelectorAll("[vt-share]"),c=0;c<g.length;c++){var b=g[c];m.set(b.getAttribute("vt-name"),b)}for(g=0;g<f.length;g+=2){var y=f[g],t=y.parentNode;if(t){var r=t.getBoundingClientRect();if(r.left||r.top||r.width||r.height){b=y;for(e=0;b;){if(8===b.nodeType){var p=b.data;if("/$"===p)if(0===e)break;else e--;else"$"!==p&&"$?"!==p&&"$~"!==p&&"$!"!==p||e++}else if(1===b.nodeType){c=b;var z=c.getAttribute("vt-name"),u=m.get(z);h(c,u?"vt-share":"vt-exit");u&&(h(u,"vt-share"),m.set(z,null));var A=c.querySelectorAll("[vt-share]");for(c=0;c<A.length;c++){var B=A[c],C=B.getAttribute("vt-name"),D=m.get(C);\nD&&(h(B,"vt-share"),h(D,"vt-share"),m.set(C,null))}}b=b.nextSibling}for(var q=f[g+1].firstElementChild;q;)null!==m.get(q.getAttribute("vt-name"))&&h(q,"vt-enter"),q=q.nextElementSibling;b=t;do for(var n=b.firstElementChild;n;){var E=n.getAttribute("vt-update");E&&"none"!==E&&!l.includes(n)&&h(n,"vt-update");n=n.nextElementSibling}while((b=b.parentNode)&&1===b.nodeType&&"none"!==b.getAttribute("vt-update"))}}}if(x){var v=document.__reactViewTransition=document.startViewTransition({update:function(){w(f,\ndocument.documentElement.clientHeight);return Promise.race([document.fonts.ready,new Promise(function(a){return setTimeout(a,500)})])},types:[]});v.ready.finally(function(){for(var a=l.length-3;0<=a;a-=3){var d=l[a],k=d.style;k.viewTransitionName=l[a+1];k.viewTransitionClass=l[a+1];""===d.getAttribute("style")&&d.removeAttribute("style")}});v.finished.finally(function(){document.__reactViewTransition===v&&(document.__reactViewTransition=null)});$RB=[];return}}catch(a){}w(f)}.bind(null,$RV);'
+              '$RV=function(w,f){function h(a,d){var k=a.getAttribute(d);k&&(d=a.style,l.push(a,d.viewTransitionName,d.viewTransitionClass),"auto"!==k&&(d.viewTransitionClass=k),(a=a.getAttribute("vt-name"))||(a="_T_"+F++ +"_"),d.viewTransitionName=a,x=!0)}var x=!1,F=0,l=[];try{var e=document.__reactViewTransition;if(e){e.finished.finally($RV.bind(null,f));return}var m=new Map;for(e=1;e<f.length;e+=2)for(var g=f[e].querySelectorAll("[vt-share]"),c=0;c<g.length;c++){var b=g[c];m.set(b.getAttribute("vt-name"),b)}for(g=0;g<f.length;g+=2){var y=f[g],t=y.parentNode;if(t){var r=t.getBoundingClientRect();if(r.left||r.top||r.width||r.height){b=y;for(e=0;b;){if(8===b.nodeType){var p=b.data;if("/$"===p)if(0===e)break;else e--;else"$"!==p&&"$?"!==p&&"$~"!==p&&"$!"!==p||e++}else if(1===b.nodeType){c=b;var z=c.getAttribute("vt-name"),u=m.get(z);h(c,u?"vt-share":"vt-exit");u&&(h(u,"vt-share"),m.set(z,null));var A=c.querySelectorAll("[vt-share]");for(c=0;c<A.length;c++){var B=A[c],C=B.getAttribute("vt-name"),D=m.get(C);\nD&&(h(B,"vt-share"),h(D,"vt-share"),m.set(C,null))}}b=b.nextSibling}for(var q=f[g+1].firstElementChild;q;)null!==m.get(q.getAttribute("vt-name"))&&h(q,"vt-enter"),q=q.nextElementSibling;b=t;do for(var n=b.firstElementChild;n;){var E=n.getAttribute("vt-update");E&&"none"!==E&&!l.includes(n)&&h(n,"vt-update");n=n.nextElementSibling}while((b=b.parentNode)&&1===b.nodeType&&"none"!==b.getAttribute("vt-update"))}}}if(x){var v=document.__reactViewTransition=document.startViewTransition({update:function(){w(f,\ndocument.documentElement.clientHeight);return Promise.race([document.fonts.ready,new Promise(function(a){return setTimeout(a,500)})])},types:[]});v.ready.finally(function(){for(var a=l.length-3;0<=a;a-=3){var d=l[a],k=d.style;k.viewTransitionName=l[a+1];k.viewTransitionClass=l[a+1];""===d.getAttribute("style")&&d.removeAttribute("style")}});v.finished.finally(function(){document.__reactViewTransition===v&&(document.__reactViewTransition=null)});$RB=[];return}}catch(a){}w(f)}.bind(null,$RV);'
             )),
           0 === (completedSegments.instructions & 8)
             ? ((completedSegments.instructions |= 8),
@@ -8976,7 +8982,7 @@ function flushCompletedBoundary(request, destination, boundary) {
             0 === (completedSegments.instructions & 256) &&
             ((completedSegments.instructions |= 256),
             destination.push(
-              '$RV=function(w,f){function h(a,d){var k=a.getAttribute(d);k&&(d=a.style,l.push(a,d.viewTransitionName,d.viewTransitionClass),"auto"!==k&&(d.viewTransitionClass=k),(a=a.getAttribute("vt-name"))||(a="\\u00abT"+F++ +"\\u00bb"),d.viewTransitionName=a,x=!0)}var x=!1,F=0,l=[];try{var e=document.__reactViewTransition;if(e){e.finished.finally($RV.bind(null,f));return}var m=new Map;for(e=1;e<f.length;e+=2)for(var g=f[e].querySelectorAll("[vt-share]"),c=0;c<g.length;c++){var b=g[c];m.set(b.getAttribute("vt-name"),b)}for(g=0;g<f.length;g+=2){var y=f[g],t=y.parentNode;if(t){var r=t.getBoundingClientRect();if(r.left||r.top||r.width||r.height){b=y;for(e=0;b;){if(8===b.nodeType){var p=b.data;if("/$"===p)if(0===e)break;else e--;else"$"!==p&&"$?"!==p&&"$~"!==p&&"$!"!==p||e++}else if(1===b.nodeType){c=b;var z=c.getAttribute("vt-name"),u=m.get(z);h(c,u?"vt-share":"vt-exit");u&&(h(u,"vt-share"),m.set(z,null));var A=c.querySelectorAll("[vt-share]");for(c=0;c<A.length;c++){var B=A[c],C=B.getAttribute("vt-name"),D=m.get(C);\nD&&(h(B,"vt-share"),h(D,"vt-share"),m.set(C,null))}}b=b.nextSibling}for(var q=f[g+1].firstElementChild;q;)null!==m.get(q.getAttribute("vt-name"))&&h(q,"vt-enter"),q=q.nextElementSibling;b=t;do for(var n=b.firstElementChild;n;){var E=n.getAttribute("vt-update");E&&"none"!==E&&!l.includes(n)&&h(n,"vt-update");n=n.nextElementSibling}while((b=b.parentNode)&&1===b.nodeType&&"none"!==b.getAttribute("vt-update"))}}}if(x){var v=document.__reactViewTransition=document.startViewTransition({update:function(){w(f,\ndocument.documentElement.clientHeight);return Promise.race([document.fonts.ready,new Promise(function(a){return setTimeout(a,500)})])},types:[]});v.ready.finally(function(){for(var a=l.length-3;0<=a;a-=3){var d=l[a],k=d.style;k.viewTransitionName=l[a+1];k.viewTransitionClass=l[a+1];""===d.getAttribute("style")&&d.removeAttribute("style")}});v.finished.finally(function(){document.__reactViewTransition===v&&(document.__reactViewTransition=null)});$RB=[];return}}catch(a){}w(f)}.bind(null,$RV);'
+              '$RV=function(w,f){function h(a,d){var k=a.getAttribute(d);k&&(d=a.style,l.push(a,d.viewTransitionName,d.viewTransitionClass),"auto"!==k&&(d.viewTransitionClass=k),(a=a.getAttribute("vt-name"))||(a="_T_"+F++ +"_"),d.viewTransitionName=a,x=!0)}var x=!1,F=0,l=[];try{var e=document.__reactViewTransition;if(e){e.finished.finally($RV.bind(null,f));return}var m=new Map;for(e=1;e<f.length;e+=2)for(var g=f[e].querySelectorAll("[vt-share]"),c=0;c<g.length;c++){var b=g[c];m.set(b.getAttribute("vt-name"),b)}for(g=0;g<f.length;g+=2){var y=f[g],t=y.parentNode;if(t){var r=t.getBoundingClientRect();if(r.left||r.top||r.width||r.height){b=y;for(e=0;b;){if(8===b.nodeType){var p=b.data;if("/$"===p)if(0===e)break;else e--;else"$"!==p&&"$?"!==p&&"$~"!==p&&"$!"!==p||e++}else if(1===b.nodeType){c=b;var z=c.getAttribute("vt-name"),u=m.get(z);h(c,u?"vt-share":"vt-exit");u&&(h(u,"vt-share"),m.set(z,null));var A=c.querySelectorAll("[vt-share]");for(c=0;c<A.length;c++){var B=A[c],C=B.getAttribute("vt-name"),D=m.get(C);\nD&&(h(B,"vt-share"),h(D,"vt-share"),m.set(C,null))}}b=b.nextSibling}for(var q=f[g+1].firstElementChild;q;)null!==m.get(q.getAttribute("vt-name"))&&h(q,"vt-enter"),q=q.nextElementSibling;b=t;do for(var n=b.firstElementChild;n;){var E=n.getAttribute("vt-update");E&&"none"!==E&&!l.includes(n)&&h(n,"vt-update");n=n.nextElementSibling}while((b=b.parentNode)&&1===b.nodeType&&"none"!==b.getAttribute("vt-update"))}}}if(x){var v=document.__reactViewTransition=document.startViewTransition({update:function(){w(f,\ndocument.documentElement.clientHeight);return Promise.race([document.fonts.ready,new Promise(function(a){return setTimeout(a,500)})])},types:[]});v.ready.finally(function(){for(var a=l.length-3;0<=a;a-=3){var d=l[a],k=d.style;k.viewTransitionName=l[a+1];k.viewTransitionClass=l[a+1];""===d.getAttribute("style")&&d.removeAttribute("style")}});v.finished.finally(function(){document.__reactViewTransition===v&&(document.__reactViewTransition=null)});$RB=[];return}}catch(a){}w(f)}.bind(null,$RV);'
             )),
           destination.push('$RC("')))
     : requiresStyleInsertion
@@ -9234,12 +9240,12 @@ function flushCompletedQueues(request, destination) {
       completedBoundaries.splice(0, i);
       var partialBoundaries = request.partialBoundaries;
       for (i = 0; i < partialBoundaries.length; i++) {
-        var boundary$137 = partialBoundaries[i];
+        var boundary$136 = partialBoundaries[i];
         a: {
           clientRenderedBoundaries = request;
           boundary = destination;
-          flushedByteSize = boundary$137.byteSize;
-          var completedSegments = boundary$137.completedSegments;
+          flushedByteSize = boundary$136.byteSize;
+          var completedSegments = boundary$136.completedSegments;
           for (
             JSCompiler_inline_result = 0;
             JSCompiler_inline_result < completedSegments.length;
@@ -9249,7 +9255,7 @@ function flushCompletedQueues(request, destination) {
               !flushPartiallyCompletedSegment(
                 clientRenderedBoundaries,
                 boundary,
-                boundary$137,
+                boundary$136,
                 completedSegments[JSCompiler_inline_result]
               )
             ) {
@@ -9259,10 +9265,10 @@ function flushCompletedQueues(request, destination) {
               break a;
             }
           completedSegments.splice(0, JSCompiler_inline_result);
-          var row = boundary$137.row;
+          var row = boundary$136.row;
           null !== row &&
             row.together &&
-            1 === boundary$137.pendingTasks &&
+            1 === boundary$136.pendingTasks &&
             (1 === row.pendingTasks
               ? unblockSuspenseListRow(
                   clientRenderedBoundaries,
@@ -9272,7 +9278,7 @@ function flushCompletedQueues(request, destination) {
               : row.pendingTasks--);
           JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
             boundary,
-            boundary$137.contentState,
+            boundary$136.contentState,
             clientRenderedBoundaries.renderState
           );
         }
@@ -9343,8 +9349,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$139) {
-    logRecoverableError(request, error$139, {}), fatalError(request, error$139);
+  } catch (error$138) {
+    logRecoverableError(request, error$138, {}), fatalError(request, error$138);
   }
 }
 function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -9475,6 +9481,7 @@ exports.experimental_renderToHTML = function (children, options) {
                     break;
                   case 78:
                   case 68:
+                  case 74:
                   case 87:
                     throw Error(
                       "Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client."
@@ -9655,4 +9662,4 @@ exports.experimental_renderToHTML = function (children, options) {
     });
   });
 };
-exports.version = "19.2.0-experimental-526dd340-20250602";
+exports.version = "19.2.0-experimental-37054867-20250604";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-markup",
-  "version": "0.0.0-experimental-526dd340-20250602",
+  "version": "0.0.0-experimental-37054867-20250604",
   "description": "React package generating embedded markup such as e-mails with support for Server Components.",
   "main": "index.js",
   "repository": {
@@ -17,7 +17,7 @@
   },
   "homepage": "https://react.dev/",
   "peerDependencies": {
-    "react": "0.0.0-experimental-526dd340-20250602"
+    "react": "0.0.0-experimental-37054867-20250604"
   },
   "files": [
     "LICENSE",