diff --git a/package.json b/package.json index b3489a377ab90..528b7d83e66aa 100644 --- a/package.json +++ b/package.json @@ -227,16 +227,16 @@ "pretty-ms": "7.0.0", "random-seed": "0.3.0", "react": "19.0.0", - "react-builtin": "npm:react@19.1.0-canary-22e39ea7-20250225", + "react-builtin": "npm:react@19.1.0-canary-d55cc79b-20250228", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.1.0-canary-22e39ea7-20250225", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-22e39ea7-20250225", - "react-experimental-builtin": "npm:react@0.0.0-experimental-22e39ea7-20250225", - "react-is-builtin": "npm:react-is@19.1.0-canary-22e39ea7-20250225", - "react-server-dom-turbopack": "19.1.0-canary-22e39ea7-20250225", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-22e39ea7-20250225", - "react-server-dom-webpack": "19.1.0-canary-22e39ea7-20250225", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-22e39ea7-20250225", + "react-dom-builtin": "npm:react-dom@19.1.0-canary-d55cc79b-20250228", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-d55cc79b-20250228", + "react-experimental-builtin": "npm:react@0.0.0-experimental-d55cc79b-20250228", + "react-is-builtin": "npm:react-is@19.1.0-canary-d55cc79b-20250228", + "react-server-dom-turbopack": "19.1.0-canary-d55cc79b-20250228", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-d55cc79b-20250228", + "react-server-dom-webpack": "19.1.0-canary-d55cc79b-20250228", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-d55cc79b-20250228", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", "relay-compiler": "13.0.2", @@ -246,8 +246,8 @@ "resolve-from": "5.0.0", "sass": "1.54.0", "satori": "0.12.1", - "scheduler-builtin": "npm:scheduler@0.26.0-canary-22e39ea7-20250225", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-22e39ea7-20250225", + "scheduler-builtin": "npm:scheduler@0.26.0-canary-d55cc79b-20250228", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-d55cc79b-20250228", "seedrandom": "3.0.5", "semver": "7.3.7", "shell-quote": "1.7.3", @@ -289,10 +289,10 @@ "@types/react": "19.0.8", "@types/react-dom": "19.0.3", "jest-snapshot": "30.0.0-alpha.6", - "react": "19.1.0-canary-22e39ea7-20250225", - "react-dom": "19.1.0-canary-22e39ea7-20250225", - "react-is": "19.1.0-canary-22e39ea7-20250225", - "scheduler": "0.26.0-canary-22e39ea7-20250225" + "react": "19.1.0-canary-d55cc79b-20250228", + "react-dom": "19.1.0-canary-d55cc79b-20250228", + "react-is": "19.1.0-canary-d55cc79b-20250228", + "scheduler": "0.26.0-canary-d55cc79b-20250228" }, "patchedDependencies": { "webpack-sources@3.2.3": "patches/webpack-sources@3.2.3.patch", diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js index 8d833b32e7d78..7e1555a5ae3a2 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js @@ -5229,7 +5229,7 @@ rangeCurrent, rangeNext ) { - for (var prev = root.gestures; null !== prev; ) { + for (var prev = root.pendingGestures; null !== prev; ) { if (prev.provider === provider) return prev.count++, prev; var next = prev.next; if (null === next) break; @@ -5244,11 +5244,11 @@ gesture.direction !== direction && ((gesture.direction = direction), null === gesture.prev && - root.gestures !== gesture && - ((direction = root.gestures), + root.pendingGestures !== gesture && + ((direction = root.pendingGestures), (gesture.next = direction), null !== direction && (direction.prev = gesture), - (root.gestures = gesture), + (root.pendingGestures = gesture), (root.pendingLanes |= 64), ensureRootIsScheduled(root))); } @@ -5261,23 +5261,36 @@ rangeCurrent: rangeCurrent, rangeNext: rangeNext, cancel: next, + running: null, prev: prev, next: null }; - null === prev ? (root.gestures = gesture) : (prev.next = gesture); + null === prev ? (root.pendingGestures = gesture) : (prev.next = gesture); ensureRootIsScheduled(root); return gesture; } function deleteScheduledGesture(root, gesture) { null === gesture.prev - ? root.gestures === gesture && - ((root.gestures = gesture.next), - null === root.gestures && (root.pendingLanes &= -65)) + ? (root.pendingGestures === gesture && + ((root.pendingGestures = gesture.next), + null === root.pendingGestures && (root.pendingLanes &= -65)), + root.stoppingGestures === gesture && + (root.stoppingGestures = gesture.next)) : ((gesture.prev.next = gesture.next), null !== gesture.next && (gesture.next.prev = gesture.prev), (gesture.prev = null), (gesture.next = null)); } + function stopCompletedGestures(root) { + var gesture = root.stoppingGestures; + for (root.stoppingGestures = null; null !== gesture; ) + null !== gesture.running && + (gesture.running.skipTransition(), (gesture.running = null)), + (root = gesture.next), + (gesture.next = null), + (gesture.prev = null), + (gesture = root); + } function mountHookTypesDev() { var hookName = currentHookNameInDev; null === hookTypesDev @@ -6763,14 +6776,14 @@ identifierPrefix = workInProgressRoot.identifierPrefix; if (isHydrating) { var treeId = getTreeId(); - identifierPrefix = ":" + identifierPrefix + "R" + treeId; + identifierPrefix = "\u00ab" + identifierPrefix + "R" + treeId; treeId = localIdCounter++; 0 < treeId && (identifierPrefix += "H" + treeId.toString(32)); - identifierPrefix += ":"; + identifierPrefix += "\u00bb"; } else (treeId = globalClientIdCounter$1++), (identifierPrefix = - ":" + identifierPrefix + "r" + treeId.toString(32) + ":"); + "\u00ab" + identifierPrefix + "r" + treeId.toString(32) + "\u00bb"); return (hook.memoizedState = identifierPrefix); } function mountRefresh() { @@ -6991,6 +7004,19 @@ var cancelDirectionSubscription = gesture.cancel; cancelDirectionSubscription(); deleteScheduledGesture(root, gesture); + cancelDirectionSubscription = gesture.running; + if (null !== cancelDirectionSubscription) { + var pendingLanesExcludingGestureLane = root.pendingLanes & -65; + 0 !== (pendingLanesExcludingGestureLane & 124) || + 0 !== (pendingLanesExcludingGestureLane & 4194048) + ? ((cancelDirectionSubscription = root.stoppingGestures), + null !== cancelDirectionSubscription && + ((gesture.next = cancelDirectionSubscription), + (cancelDirectionSubscription.prev = gesture)), + (root.stoppingGestures = gesture)) + : ((gesture.running = null), + cancelDirectionSubscription.skipTransition()); + } } }; } @@ -7020,7 +7046,7 @@ throw Error( "Expected a work-in-progress root. This is a bug in React. Please file an issue." ); - rootRenderLanes = rootRenderLanes.gestures; + rootRenderLanes = rootRenderLanes.pendingGestures; if (null !== rootRenderLanes) for (var update = queue.pending; null !== update; ) { if (rootRenderLanes === update.gesture) { @@ -9506,33 +9532,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2583; - var JSCompiler_object_inline_stack_2582 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2625; + var JSCompiler_object_inline_stack_2624 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2580 = !1; + var JSCompiler_object_inline_message_2622 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2583 = didSuspend) || - (JSCompiler_object_inline_componentStack_2583 = + (JSCompiler_object_inline_componentStack_2625 = didSuspend) || + (JSCompiler_object_inline_componentStack_2625 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2583 && - ((JSCompiler_object_inline_message_2580 = !0), + JSCompiler_object_inline_componentStack_2625 && + ((JSCompiler_object_inline_message_2622 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2583 = + JSCompiler_object_inline_componentStack_2625 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2580 + JSCompiler_object_inline_message_2622 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2581 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2623 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2581)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2623)) { c: { - var instance = JSCompiler_object_inline_digest_2581; + var instance = JSCompiler_object_inline_digest_2623; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9574,87 +9600,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2581 + JSCompiler_object_inline_digest_2623 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2581 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2623 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2581 && - ((JSCompiler_object_inline_digest_2581 = - JSCompiler_object_inline_digest_2581.dehydrated), - null !== JSCompiler_object_inline_digest_2581) + null !== JSCompiler_object_inline_digest_2623 && + ((JSCompiler_object_inline_digest_2623 = + JSCompiler_object_inline_digest_2623.dehydrated), + null !== JSCompiler_object_inline_digest_2623) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2581) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2623) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2581 = - JSCompiler_object_inline_stack_2582.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2582.fallback; - if (JSCompiler_object_inline_message_2580) + JSCompiler_object_inline_digest_2623 = + JSCompiler_object_inline_stack_2624.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2624.fallback; + if (JSCompiler_object_inline_message_2622) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2582 = + (JSCompiler_object_inline_stack_2624 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2581, + JSCompiler_object_inline_digest_2623, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2580 = workInProgress.child), - (JSCompiler_object_inline_message_2580.memoizedState = + (JSCompiler_object_inline_message_2622 = workInProgress.child), + (JSCompiler_object_inline_message_2622.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2580.childLanes = + (JSCompiler_object_inline_message_2622.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2583, + JSCompiler_object_inline_componentStack_2625, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2582 + JSCompiler_object_inline_stack_2624 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2582.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2624.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2582 = + (JSCompiler_object_inline_stack_2624 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2581, + JSCompiler_object_inline_digest_2623, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2580 = workInProgress.child), - (JSCompiler_object_inline_message_2580.memoizedState = + (JSCompiler_object_inline_message_2622 = workInProgress.child), + (JSCompiler_object_inline_message_2622.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2580.childLanes = + (JSCompiler_object_inline_message_2622.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2583, + JSCompiler_object_inline_componentStack_2625, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2582 + JSCompiler_object_inline_stack_2624 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2581 + JSCompiler_object_inline_digest_2623 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2581 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2581) + ((JSCompiler_object_inline_digest_2623 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2623) ) { if (didSuspend) workInProgress.flags & 256 @@ -9671,94 +9697,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2580 = - JSCompiler_object_inline_stack_2582.fallback), - (JSCompiler_object_inline_digest_2581 = workInProgress.mode), - (JSCompiler_object_inline_stack_2582 = + (JSCompiler_object_inline_message_2622 = + JSCompiler_object_inline_stack_2624.fallback), + (JSCompiler_object_inline_digest_2623 = workInProgress.mode), + (JSCompiler_object_inline_stack_2624 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2582.children + children: JSCompiler_object_inline_stack_2624.children }, - JSCompiler_object_inline_digest_2581 + JSCompiler_object_inline_digest_2623 )), - (JSCompiler_object_inline_message_2580 = + (JSCompiler_object_inline_message_2622 = createFiberFromFragment( - JSCompiler_object_inline_message_2580, - JSCompiler_object_inline_digest_2581, + JSCompiler_object_inline_message_2622, + JSCompiler_object_inline_digest_2623, renderLanes, null )), - (JSCompiler_object_inline_message_2580.flags |= 2), - (JSCompiler_object_inline_stack_2582.return = workInProgress), - (JSCompiler_object_inline_message_2580.return = workInProgress), - (JSCompiler_object_inline_stack_2582.sibling = - JSCompiler_object_inline_message_2580), - (workInProgress.child = JSCompiler_object_inline_stack_2582), + (JSCompiler_object_inline_message_2622.flags |= 2), + (JSCompiler_object_inline_stack_2624.return = workInProgress), + (JSCompiler_object_inline_message_2622.return = workInProgress), + (JSCompiler_object_inline_stack_2624.sibling = + JSCompiler_object_inline_message_2622), + (workInProgress.child = JSCompiler_object_inline_stack_2624), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2582 = workInProgress.child), - (JSCompiler_object_inline_stack_2582.memoizedState = + (JSCompiler_object_inline_stack_2624 = workInProgress.child), + (JSCompiler_object_inline_stack_2624.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2582.childLanes = + (JSCompiler_object_inline_stack_2624.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2583, + JSCompiler_object_inline_componentStack_2625, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2580)); + (workInProgress = JSCompiler_object_inline_message_2622)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2581)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2623)) ) { - JSCompiler_object_inline_componentStack_2583 = - JSCompiler_object_inline_digest_2581.nextSibling && - JSCompiler_object_inline_digest_2581.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2583) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2583.dgst; - var message = JSCompiler_object_inline_componentStack_2583.msg; - instance = JSCompiler_object_inline_componentStack_2583.stck; + JSCompiler_object_inline_componentStack_2625 = + JSCompiler_object_inline_digest_2623.nextSibling && + JSCompiler_object_inline_digest_2623.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2625) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2625.dgst; + var message = JSCompiler_object_inline_componentStack_2625.msg; + instance = JSCompiler_object_inline_componentStack_2625.stck; var componentStack = - JSCompiler_object_inline_componentStack_2583.cstck; + JSCompiler_object_inline_componentStack_2625.cstck; } - JSCompiler_object_inline_message_2580 = message; - JSCompiler_object_inline_digest_2581 = JSCompiler_temp; - JSCompiler_object_inline_stack_2582 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2583 = + JSCompiler_object_inline_message_2622 = message; + JSCompiler_object_inline_digest_2623 = JSCompiler_temp; + JSCompiler_object_inline_stack_2624 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2625 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2581 && - ((JSCompiler_object_inline_componentStack_2583 = - JSCompiler_object_inline_message_2580 - ? Error(JSCompiler_object_inline_message_2580) + "POSTPONE" !== JSCompiler_object_inline_digest_2623 && + ((JSCompiler_object_inline_componentStack_2625 = + JSCompiler_object_inline_message_2622 + ? Error(JSCompiler_object_inline_message_2622) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_componentStack_2583.stack = - JSCompiler_object_inline_stack_2582 || ""), - (JSCompiler_object_inline_componentStack_2583.digest = - JSCompiler_object_inline_digest_2581), - (JSCompiler_object_inline_stack_2582 = + (JSCompiler_object_inline_componentStack_2625.stack = + JSCompiler_object_inline_stack_2624 || ""), + (JSCompiler_object_inline_componentStack_2625.digest = + JSCompiler_object_inline_digest_2623), + (JSCompiler_object_inline_stack_2624 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2580 = { - value: JSCompiler_object_inline_componentStack_2583, + (JSCompiler_object_inline_message_2622 = { + value: JSCompiler_object_inline_componentStack_2625, source: null, - stack: JSCompiler_object_inline_stack_2582 + stack: JSCompiler_object_inline_stack_2624 }), - "string" === typeof JSCompiler_object_inline_stack_2582 && + "string" === typeof JSCompiler_object_inline_stack_2624 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2583, - JSCompiler_object_inline_message_2580 + JSCompiler_object_inline_componentStack_2625, + JSCompiler_object_inline_message_2622 ), - queueHydrationError(JSCompiler_object_inline_message_2580)); + queueHydrationError(JSCompiler_object_inline_message_2622)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9772,44 +9798,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2583 = + (JSCompiler_object_inline_componentStack_2625 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2583) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2625) ) { - JSCompiler_object_inline_componentStack_2583 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2625 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2583 && - ((JSCompiler_object_inline_stack_2582 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2582 = - 0 !== (JSCompiler_object_inline_stack_2582 & 42) + null !== JSCompiler_object_inline_componentStack_2625 && + ((JSCompiler_object_inline_stack_2624 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2624 = + 0 !== (JSCompiler_object_inline_stack_2624 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2582 + JSCompiler_object_inline_stack_2624 )), - (JSCompiler_object_inline_stack_2582 = + (JSCompiler_object_inline_stack_2624 = 0 !== - (JSCompiler_object_inline_stack_2582 & - (JSCompiler_object_inline_componentStack_2583.suspendedLanes | + (JSCompiler_object_inline_stack_2624 & + (JSCompiler_object_inline_componentStack_2625.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2582), - 0 !== JSCompiler_object_inline_stack_2582 && - JSCompiler_object_inline_stack_2582 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2624), + 0 !== JSCompiler_object_inline_stack_2624 && + JSCompiler_object_inline_stack_2624 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2582), + ((prevState.retryLane = JSCompiler_object_inline_stack_2624), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2582 + JSCompiler_object_inline_stack_2624 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2583, + JSCompiler_object_inline_componentStack_2625, current, - JSCompiler_object_inline_stack_2582 + JSCompiler_object_inline_stack_2624 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2581.data === + JSCompiler_object_inline_digest_2623.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9817,14 +9843,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2581.data === + JSCompiler_object_inline_digest_2623.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2581.nextSibling + JSCompiler_object_inline_digest_2623.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9842,54 +9868,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2582.children + JSCompiler_object_inline_stack_2624.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2580) + if (JSCompiler_object_inline_message_2622) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2580 = - JSCompiler_object_inline_stack_2582.fallback), - (JSCompiler_object_inline_digest_2581 = workInProgress.mode), + (JSCompiler_object_inline_message_2622 = + JSCompiler_object_inline_stack_2624.fallback), + (JSCompiler_object_inline_digest_2623 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2582 = createWorkInProgress( + (JSCompiler_object_inline_stack_2624 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2582.children + children: JSCompiler_object_inline_stack_2624.children } )), - (JSCompiler_object_inline_stack_2582.subtreeFlags = + (JSCompiler_object_inline_stack_2624.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2580 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2622 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2580 + JSCompiler_object_inline_message_2622 )) - : ((JSCompiler_object_inline_message_2580 = createFiberFromFragment( - JSCompiler_object_inline_message_2580, - JSCompiler_object_inline_digest_2581, + : ((JSCompiler_object_inline_message_2622 = createFiberFromFragment( + JSCompiler_object_inline_message_2622, + JSCompiler_object_inline_digest_2623, renderLanes, null )), - (JSCompiler_object_inline_message_2580.flags |= 2)), - (JSCompiler_object_inline_message_2580.return = workInProgress), - (JSCompiler_object_inline_stack_2582.return = workInProgress), - (JSCompiler_object_inline_stack_2582.sibling = - JSCompiler_object_inline_message_2580), - (workInProgress.child = JSCompiler_object_inline_stack_2582), - (JSCompiler_object_inline_stack_2582 = - JSCompiler_object_inline_message_2580), - (JSCompiler_object_inline_message_2580 = workInProgress.child), - (JSCompiler_object_inline_digest_2581 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2581 - ? (JSCompiler_object_inline_digest_2581 = + (JSCompiler_object_inline_message_2622.flags |= 2)), + (JSCompiler_object_inline_message_2622.return = workInProgress), + (JSCompiler_object_inline_stack_2624.return = workInProgress), + (JSCompiler_object_inline_stack_2624.sibling = + JSCompiler_object_inline_message_2622), + (workInProgress.child = JSCompiler_object_inline_stack_2624), + (JSCompiler_object_inline_stack_2624 = + JSCompiler_object_inline_message_2622), + (JSCompiler_object_inline_message_2622 = workInProgress.child), + (JSCompiler_object_inline_digest_2623 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2623 + ? (JSCompiler_object_inline_digest_2623 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2581.cachePool), + JSCompiler_object_inline_digest_2623.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9897,38 +9923,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2581 = { + (JSCompiler_object_inline_digest_2623 = { baseLanes: - JSCompiler_object_inline_digest_2581.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2623.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2580.memoizedState = - JSCompiler_object_inline_digest_2581), - (JSCompiler_object_inline_message_2580.childLanes = + (JSCompiler_object_inline_message_2622.memoizedState = + JSCompiler_object_inline_digest_2623), + (JSCompiler_object_inline_message_2622.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2583, + JSCompiler_object_inline_componentStack_2625, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2582 + JSCompiler_object_inline_stack_2624 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2582.children + children: JSCompiler_object_inline_stack_2624.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2583 = + ((JSCompiler_object_inline_componentStack_2625 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2583 + null === JSCompiler_object_inline_componentStack_2625 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2583.push(current)); + : JSCompiler_object_inline_componentStack_2625.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11614,239 +11640,6 @@ captureCommitPhaseError(finishedWork, finishedWork.return, error); } } - function commitBeforeMutationEffects(root, firstChild, committedLanes) { - root = root.containerInfo; - eventsEnabled = _enabled; - root = getActiveElementDeep(root); - if (hasSelectionCapabilities(root)) { - if ("selectionStart" in root) - var JSCompiler_temp = { - start: root.selectionStart, - end: root.selectionEnd - }; - else - a: { - JSCompiler_temp = - ((JSCompiler_temp = root.ownerDocument) && - JSCompiler_temp.defaultView) || - window; - var selection = - JSCompiler_temp.getSelection && JSCompiler_temp.getSelection(); - if (selection && 0 !== selection.rangeCount) { - JSCompiler_temp = selection.anchorNode; - var anchorOffset = selection.anchorOffset, - focusNode = selection.focusNode; - selection = selection.focusOffset; - try { - JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$2) { - JSCompiler_temp = null; - break a; - } - var length = 0, - start = -1, - end = -1, - indexWithinAnchor = 0, - indexWithinFocus = 0, - node = root, - parentNode = null; - b: for (;;) { - for (var next; ; ) { - node !== JSCompiler_temp || - (0 !== anchorOffset && 3 !== node.nodeType) || - (start = length + anchorOffset); - node !== focusNode || - (0 !== selection && 3 !== node.nodeType) || - (end = length + selection); - 3 === node.nodeType && (length += node.nodeValue.length); - if (null === (next = node.firstChild)) break; - parentNode = node; - node = next; - } - for (;;) { - if (node === root) break b; - parentNode === JSCompiler_temp && - ++indexWithinAnchor === anchorOffset && - (start = length); - parentNode === focusNode && - ++indexWithinFocus === selection && - (end = length); - if (null !== (next = node.nextSibling)) break; - node = parentNode; - parentNode = node.parentNode; - } - node = next; - } - JSCompiler_temp = - -1 === start || -1 === end ? null : { start: start, end: end }; - } else JSCompiler_temp = null; - } - JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; - } else JSCompiler_temp = null; - selectionInformation = { - focusedElem: root, - selectionRange: JSCompiler_temp - }; - shouldStartViewTransition = _enabled = !1; - committedLanes = (committedLanes & 335544064) === committedLanes; - nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { - root = nextEffect; - if ( - committedLanes && - ((JSCompiler_temp = root.deletions), null !== JSCompiler_temp) - ) - for ( - anchorOffset = 0; - anchorOffset < JSCompiler_temp.length; - anchorOffset++ - ) - committedLanes && - commitExitViewTransitions(JSCompiler_temp[anchorOffset]); - if (null === root.alternate && 0 !== (root.flags & 2)) - commitBeforeMutationEffects_complete(committedLanes); - else { - if (22 === root.tag) - if ( - ((JSCompiler_temp = root.alternate), null !== root.memoizedState) - ) { - null !== JSCompiler_temp && - null === JSCompiler_temp.memoizedState && - committedLanes && - commitExitViewTransitions(JSCompiler_temp); - commitBeforeMutationEffects_complete(committedLanes); - continue; - } else if ( - null !== JSCompiler_temp && - null !== JSCompiler_temp.memoizedState - ) { - commitBeforeMutationEffects_complete(committedLanes); - continue; - } - JSCompiler_temp = root.child; - 0 !== (root.subtreeFlags & firstChild) && null !== JSCompiler_temp - ? ((JSCompiler_temp.return = root), (nextEffect = JSCompiler_temp)) - : (committedLanes && commitNestedViewTransitions(root), - commitBeforeMutationEffects_complete(committedLanes)); - } - } - appearingViewTransitions = null; - } - function commitBeforeMutationEffects_complete( - isViewTransitionEligible$jscomp$0 - ) { - for (; null !== nextEffect; ) { - var fiber = nextEffect, - finishedWork = fiber, - isViewTransitionEligible = isViewTransitionEligible$jscomp$0, - current = finishedWork.alternate, - flags = finishedWork.flags; - switch (finishedWork.tag) { - case 0: - if ( - 0 !== (flags & 4) && - ((isViewTransitionEligible = finishedWork.updateQueue), - (isViewTransitionEligible = - null !== isViewTransitionEligible - ? isViewTransitionEligible.events - : null), - null !== isViewTransitionEligible) - ) - for ( - finishedWork = 0; - finishedWork < isViewTransitionEligible.length; - finishedWork++ - ) - (current = isViewTransitionEligible[finishedWork]), - (current.ref.impl = current.nextImpl); - break; - case 11: - case 15: - break; - case 1: - 0 !== (flags & 1024) && - null !== current && - commitClassSnapshot(finishedWork, current); - break; - case 3: - if (0 !== (flags & 1024)) - if ( - ((isViewTransitionEligible = - finishedWork.stateNode.containerInfo), - (finishedWork = isViewTransitionEligible.nodeType), - 9 === finishedWork) - ) - clearContainerSparingly(isViewTransitionEligible); - else if (1 === finishedWork) - switch (isViewTransitionEligible.nodeName) { - case "HEAD": - case "HTML": - case "BODY": - clearContainerSparingly(isViewTransitionEligible); - break; - default: - isViewTransitionEligible.textContent = ""; - } - break; - case 5: - case 26: - case 27: - case 6: - case 4: - case 17: - break; - case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (finishedWork.subtreeFlags & 8246) - ) - a: { - isViewTransitionEligible = current; - current = finishedWork; - finishedWork = getViewTransitionName( - isViewTransitionEligible.memoizedProps, - isViewTransitionEligible.stateNode - ); - current = current.memoizedProps; - flags = getViewTransitionClassName( - current.className, - current.update - ); - if ( - "none" === flags && - ((flags = getViewTransitionClassName( - current.className, - current.layout - )), - "none" === flags) - ) - break a; - viewTransitionHostInstanceIdx = 0; - applyViewTransitionToHostInstances( - isViewTransitionEligible.child, - finishedWork, - flags, - (isViewTransitionEligible.memoizedState = []), - !0 - ); - } - break; - default: - if (0 !== (flags & 1024)) - throw Error( - "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue." - ); - } - isViewTransitionEligible = fiber.sibling; - if (null !== isViewTransitionEligible) { - isViewTransitionEligible.return = fiber.return; - nextEffect = isViewTransitionEligible; - break; - } - nextEffect = fiber.return; - } - } function applyViewTransitionToHostInstances( child, name, @@ -12218,37 +12011,270 @@ ) && (inViewport = !0); child = child.sibling; } - return inViewport; + return inViewport; + } + function measureNestedViewTransitions(changedParent) { + for (changedParent = changedParent.child; null !== changedParent; ) { + if (30 === changedParent.tag) { + var current = changedParent.alternate; + if (null !== current) { + var props = changedParent.memoizedProps, + name = getViewTransitionName(props, changedParent.stateNode), + className = getViewTransitionClassName( + props.className, + props.layout + ); + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstances( + current, + changedParent, + changedParent.child, + name, + className, + changedParent.memoizedState, + !1 + ); + 0 !== (changedParent.flags & 4) && + current && + scheduleViewTransitionEvent(changedParent, props.onLayout); + } + } else + 0 !== (changedParent.subtreeFlags & 33554432) && + measureNestedViewTransitions(changedParent); + changedParent = changedParent.sibling; + } + } + function commitBeforeMutationEffects(root, firstChild, committedLanes) { + root = root.containerInfo; + eventsEnabled = _enabled; + root = getActiveElementDeep(root); + if (hasSelectionCapabilities(root)) { + if ("selectionStart" in root) + var JSCompiler_temp = { + start: root.selectionStart, + end: root.selectionEnd + }; + else + a: { + JSCompiler_temp = + ((JSCompiler_temp = root.ownerDocument) && + JSCompiler_temp.defaultView) || + window; + var selection = + JSCompiler_temp.getSelection && JSCompiler_temp.getSelection(); + if (selection && 0 !== selection.rangeCount) { + JSCompiler_temp = selection.anchorNode; + var anchorOffset = selection.anchorOffset, + focusNode = selection.focusNode; + selection = selection.focusOffset; + try { + JSCompiler_temp.nodeType, focusNode.nodeType; + } catch (e$2) { + JSCompiler_temp = null; + break a; + } + var length = 0, + start = -1, + end = -1, + indexWithinAnchor = 0, + indexWithinFocus = 0, + node = root, + parentNode = null; + b: for (;;) { + for (var next; ; ) { + node !== JSCompiler_temp || + (0 !== anchorOffset && 3 !== node.nodeType) || + (start = length + anchorOffset); + node !== focusNode || + (0 !== selection && 3 !== node.nodeType) || + (end = length + selection); + 3 === node.nodeType && (length += node.nodeValue.length); + if (null === (next = node.firstChild)) break; + parentNode = node; + node = next; + } + for (;;) { + if (node === root) break b; + parentNode === JSCompiler_temp && + ++indexWithinAnchor === anchorOffset && + (start = length); + parentNode === focusNode && + ++indexWithinFocus === selection && + (end = length); + if (null !== (next = node.nextSibling)) break; + node = parentNode; + parentNode = node.parentNode; + } + node = next; + } + JSCompiler_temp = + -1 === start || -1 === end ? null : { start: start, end: end }; + } else JSCompiler_temp = null; + } + JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; + } else JSCompiler_temp = null; + selectionInformation = { + focusedElem: root, + selectionRange: JSCompiler_temp + }; + shouldStartViewTransition = _enabled = !1; + committedLanes = (committedLanes & 335544064) === committedLanes; + nextEffect = firstChild; + for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + root = nextEffect; + if ( + committedLanes && + ((JSCompiler_temp = root.deletions), null !== JSCompiler_temp) + ) + for ( + anchorOffset = 0; + anchorOffset < JSCompiler_temp.length; + anchorOffset++ + ) + committedLanes && + commitExitViewTransitions(JSCompiler_temp[anchorOffset]); + if (null === root.alternate && 0 !== (root.flags & 2)) + commitBeforeMutationEffects_complete(committedLanes); + else { + if (22 === root.tag) + if ( + ((JSCompiler_temp = root.alternate), null !== root.memoizedState) + ) { + null !== JSCompiler_temp && + null === JSCompiler_temp.memoizedState && + committedLanes && + commitExitViewTransitions(JSCompiler_temp); + commitBeforeMutationEffects_complete(committedLanes); + continue; + } else if ( + null !== JSCompiler_temp && + null !== JSCompiler_temp.memoizedState + ) { + commitBeforeMutationEffects_complete(committedLanes); + continue; + } + JSCompiler_temp = root.child; + 0 !== (root.subtreeFlags & firstChild) && null !== JSCompiler_temp + ? ((JSCompiler_temp.return = root), (nextEffect = JSCompiler_temp)) + : (committedLanes && commitNestedViewTransitions(root), + commitBeforeMutationEffects_complete(committedLanes)); + } + } + appearingViewTransitions = null; } - function measureNestedViewTransitions(changedParent) { - for (changedParent = changedParent.child; null !== changedParent; ) { - if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName( - props.className, - props.layout + function commitBeforeMutationEffects_complete( + isViewTransitionEligible$jscomp$0 + ) { + for (; null !== nextEffect; ) { + var fiber = nextEffect, + finishedWork = fiber, + isViewTransitionEligible = isViewTransitionEligible$jscomp$0, + current = finishedWork.alternate, + flags = finishedWork.flags; + switch (finishedWork.tag) { + case 0: + if ( + 0 !== (flags & 4) && + ((isViewTransitionEligible = finishedWork.updateQueue), + (isViewTransitionEligible = + null !== isViewTransitionEligible + ? isViewTransitionEligible.events + : null), + null !== isViewTransitionEligible) + ) + for ( + finishedWork = 0; + finishedWork < isViewTransitionEligible.length; + finishedWork++ + ) + (current = isViewTransitionEligible[finishedWork]), + (current.ref.impl = current.nextImpl); + break; + case 11: + case 15: + break; + case 1: + 0 !== (flags & 1024) && + null !== current && + commitClassSnapshot(finishedWork, current); + break; + case 3: + if (0 !== (flags & 1024)) + if ( + ((isViewTransitionEligible = + finishedWork.stateNode.containerInfo), + (finishedWork = isViewTransitionEligible.nodeType), + 9 === finishedWork) + ) + clearContainerSparingly(isViewTransitionEligible); + else if (1 === finishedWork) + switch (isViewTransitionEligible.nodeName) { + case "HEAD": + case "HTML": + case "BODY": + clearContainerSparingly(isViewTransitionEligible); + break; + default: + isViewTransitionEligible.textContent = ""; + } + break; + case 5: + case 26: + case 27: + case 6: + case 4: + case 17: + break; + case 30: + if ( + isViewTransitionEligible && + null !== current && + 0 !== (finishedWork.subtreeFlags & 8246) + ) + a: { + isViewTransitionEligible = current; + current = finishedWork; + finishedWork = getViewTransitionName( + isViewTransitionEligible.memoizedProps, + isViewTransitionEligible.stateNode + ); + current = current.memoizedProps; + flags = getViewTransitionClassName( + current.className, + current.update + ); + if ( + "none" === flags && + ((flags = getViewTransitionClassName( + current.className, + current.layout + )), + "none" === flags) + ) + break a; + viewTransitionHostInstanceIdx = 0; + applyViewTransitionToHostInstances( + isViewTransitionEligible.child, + finishedWork, + flags, + (isViewTransitionEligible.memoizedState = []), + !0 + ); + } + break; + default: + if (0 !== (flags & 1024)) + throw Error( + "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue." ); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 - ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } - } else - 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); - changedParent = changedParent.sibling; + } + isViewTransitionEligible = fiber.sibling; + if (null !== isViewTransitionEligible) { + isViewTransitionEligible.return = fiber.return; + nextEffect = isViewTransitionEligible; + break; + } + nextEffect = fiber.return; } } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { @@ -13331,30 +13357,7 @@ } ); } - finishedWork = root.containerInfo; - finishedWork = - 9 === finishedWork.nodeType - ? finishedWork.documentElement - : finishedWork.ownerDocument.documentElement; - null !== finishedWork && - "" === finishedWork.style.viewTransitionName && - ((finishedWork.style.viewTransitionName = "none"), - finishedWork.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - finishedWork.animate( - { width: [0, 0], height: [0, 0] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition" - } - )); + cancelRootViewTransitionName(root.containerInfo); } break; case 5: @@ -13823,14 +13826,7 @@ ); inHydratedSubtree = wasInHydratedSubtree; isViewTransitionEligible && - ((committedLanes = finishedRoot.containerInfo), - (committedLanes = - 9 === committedLanes.nodeType - ? committedLanes.documentElement - : committedLanes.ownerDocument.documentElement), - null !== committedLanes && - "none" === committedLanes.style.viewTransitionName && - (committedLanes.style.viewTransitionName = "")); + restoreRootViewTransitionName(finishedRoot.containerInfo); flags & 2048 && ((committedLanes = null), null !== finishedWork.alternate && @@ -13844,7 +13840,7 @@ break; case 12: if (flags & 2048) { - flags = pushNestedEffectDurations(); + isViewTransitionEligible = pushNestedEffectDurations(); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, @@ -13853,8 +13849,9 @@ endTime ); finishedRoot = finishedWork.stateNode; - finishedRoot.passiveEffectDuration += - bubbleNestedEffectDurations(flags); + finishedRoot.passiveEffectDuration += bubbleNestedEffectDurations( + isViewTransitionEligible + ); try { runWithFiberInDEV( finishedWork, @@ -13877,29 +13874,29 @@ ); break; case 13: - flags = inHydratedSubtree; - prevEffectDuration = + isViewTransitionEligible = inHydratedSubtree; + flags = null !== finishedWork.alternate ? finishedWork.alternate.memoizedState : null; - isViewTransitionEligible = finishedWork.memoizedState; - null === prevEffectDuration || - null === prevEffectDuration.dehydrated || - (null !== isViewTransitionEligible && - null !== isViewTransitionEligible.dehydrated) + prevEffectDuration = finishedWork.memoizedState; + null === flags || + null === flags.dehydrated || + (null !== prevEffectDuration && + null !== prevEffectDuration.dehydrated) ? (inHydratedSubtree = !1) - : ((isViewTransitionEligible = finishedWork.deletions), - null !== isViewTransitionEligible && - 0 < isViewTransitionEligible.length && - 18 === isViewTransitionEligible[0].tag + : ((prevEffectDuration = finishedWork.deletions), + null !== prevEffectDuration && + 0 < prevEffectDuration.length && + 18 === prevEffectDuration[0].tag ? ((inHydratedSubtree = !1), - (prevEffectDuration = prevEffectDuration.hydrationErrors), - null !== prevEffectDuration && + (flags = flags.hydrationErrors), + null !== flags && logComponentErrored( finishedWork, finishedWork.actualStartTime, endTime, - prevEffectDuration + flags )) : (inHydratedSubtree = !0)); recursivelyTraversePassiveMountEffects( @@ -13909,7 +13906,7 @@ committedTransitions, endTime ); - inHydratedSubtree = flags; + inHydratedSubtree = isViewTransitionEligible; break; case 23: break; @@ -13977,11 +13974,14 @@ break; case 30: isViewTransitionEligible && - ((flags = finishedWork.alternate), - null !== flags && + ((isViewTransitionEligible = finishedWork.alternate), + null !== isViewTransitionEligible && 0 !== (finishedWork.subtreeFlags & 8246) && ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances(flags.child, !0), + restoreViewTransitionOnHostInstances( + isViewTransitionEligible.child, + !0 + ), restoreViewTransitionOnHostInstances(finishedWork.child, !0))); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -14255,11 +14255,11 @@ ((previousHoistableRoot = fiber.memoizedProps.name), null != previousHoistableRoot && "auto" !== previousHoistableRoot) ) { + var state = fiber.stateNode; + state.paired = null; null === appearingViewTransitions && (appearingViewTransitions = new Map()); - var instance = fiber.stateNode; - instance.paired = null; - appearingViewTransitions.set(previousHoistableRoot, instance); + appearingViewTransitions.set(previousHoistableRoot, state); } recursivelyAccumulateSuspenseyCommit(fiber); break; @@ -16282,16 +16282,21 @@ ) { root.timeoutHandle = noTimeout; var subtreeFlags = finishedWork.subtreeFlags, - isViewTransitionEligible = (lanes & 335544064) === lanes; + isViewTransitionEligible = (lanes & 335544064) === lanes, + isGestureTransition = 64 === lanes; if ( isViewTransitionEligible || subtreeFlags & 8192 || - 16785408 === (subtreeFlags & 16785408) + 16785408 === (subtreeFlags & 16785408) || + isGestureTransition ) { suspendedState = { stylesheets: null, count: 0, unsuspend: noop }; appearingViewTransitions = null; accumulateSuspenseyCommitOnFiber(finishedWork); - if (isViewTransitionEligible) { + if ( + (isViewTransitionEligible || isGestureTransition) && + null === root.stoppingGestures + ) { isViewTransitionEligible = root.containerInfo; if (null === suspendedState) throw Error( @@ -17176,7 +17181,9 @@ completedRenderEndTime, lanes ); - if (null !== finishedWork) { + if (null === finishedWork) + null !== root.stoppingGestures && stopCompletedGestures(root); + else { 0 === lanes && console.error( "finishedLanes should not be empty during a commit. This is a bug in React." @@ -17188,7 +17195,7 @@ didIncludeRenderPhaseUpdate = finishedWork.lanes | finishedWork.childLanes; didIncludeRenderPhaseUpdate |= concurrentlyUpdatedLanes; - null === root.gestures && (didIncludeRenderPhaseUpdate &= -65); + null === root.pendingGestures && (didIncludeRenderPhaseUpdate &= -65); markRootFinished( root, lanes, @@ -17200,16 +17207,16 @@ root === workInProgressRoot && ((workInProgress = workInProgressRoot = null), (workInProgressRootRenderLanes = 0)); - if (64 === lanes) commitGestureOnRoot(root); + pendingFinishedWork = finishedWork; + pendingEffectsRoot = root; + pendingEffectsLanes = lanes; + pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; + pendingPassiveTransitions = transitions; + pendingRecoverableErrors = recoverableErrors; + pendingEffectsRenderEndTime = completedRenderEndTime; + pendingSuspendedCommitReason = suspendedCommitReason; + if (64 === lanes) commitGestureOnRoot(root, finishedWork); else { - pendingFinishedWork = finishedWork; - pendingEffectsRoot = root; - pendingEffectsLanes = lanes; - pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; - pendingPassiveTransitions = transitions; - pendingRecoverableErrors = recoverableErrors; - pendingEffectsRenderEndTime = completedRenderEndTime; - pendingSuspendedCommitReason = suspendedCommitReason; pendingViewTransitionEvents = null; (lanes & 335544064) === lanes ? ((pendingTransitionTypes = ReactSharedInternals.V), @@ -17252,8 +17259,11 @@ (ReactSharedInternals.T = suspendedCommitReason); } } + finishedWork = shouldStartViewTransition; + null !== root.stoppingGestures && + (stopCompletedGestures(root), (finishedWork = !1)); pendingEffectsStatus = PENDING_MUTATION_PHASE; - (shouldStartViewTransition && + (finishedWork && startViewTransition( root.containerInfo, pendingTransitionTypes, @@ -17480,7 +17490,7 @@ 0 !== (finishedWork.flags & completedRenderEndTime)) ? (pendingEffectsStatus = PENDING_PASSIVE_PHASE) : ((pendingEffectsStatus = NO_PENDING_EFFECTS), - (pendingEffectsRoot = null), + (pendingFinishedWork = pendingEffectsRoot = null), releaseRootPooledCache(root, root.pendingLanes), (nestedPassiveUpdateCount = 0), (rootWithPassiveNestedUpdates = null)); @@ -17580,12 +17590,69 @@ } } function commitGestureOnRoot(root) { - var finishedGesture = root.gestures; - if (null === finishedGesture) - throw Error( - "Finished rendering the gesture lane but there were no pending gestures. React should not have started a render in this case. This is a bug in React." + var finishedGesture = root.pendingGestures; + if (null === finishedGesture) ensureRootIsScheduled(root); + else { + deleteScheduledGesture(root, finishedGesture); + var prevTransition = ReactSharedInternals.T, + previousPriority = ReactDOMSharedInternals.p, + prevExecutionContext = executionContext; + executionContext |= CommitContext; + executionContext = prevExecutionContext; + ReactDOMSharedInternals.p = previousPriority; + ReactSharedInternals.T = prevTransition; + pendingTransitionTypes = null; + pendingEffectsStatus = PENDING_GESTURE_MUTATION_PHASE; + finishedGesture.running = startGestureTransition( + root.containerInfo, + pendingTransitionTypes, + flushGestureMutations, + flushGestureAnimations ); - deleteScheduledGesture(root, finishedGesture); + } + } + function flushGestureMutations() { + if (pendingEffectsStatus === PENDING_GESTURE_MUTATION_PHASE) { + pendingEffectsStatus = NO_PENDING_EFFECTS; + var root = pendingEffectsRoot, + prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; + executionContext |= CommitContext; + try { + cancelRootViewTransitionName(root.containerInfo); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + pendingEffectsStatus = PENDING_GESTURE_ANIMATION_PHASE; + } + } + function flushGestureAnimations() { + flushGestureMutations(); + if (pendingEffectsStatus === PENDING_GESTURE_ANIMATION_PHASE) { + pendingEffectsStatus = NO_PENDING_EFFECTS; + var root = pendingEffectsRoot; + pendingFinishedWork = pendingEffectsRoot = null; + pendingEffectsLanes = 0; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; + executionContext |= CommitContext; + try { + restoreRootViewTransitionName(root.containerInfo); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + ensureRootIsScheduled(root); + } } function makeErrorInfo(componentStack) { componentStack = { componentStack: componentStack }; @@ -17605,6 +17672,8 @@ ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + flushGestureMutations(); + flushGestureAnimations(); flushMutationEffects(); flushLayoutEffects(); flushSpawnedWork(); @@ -17630,7 +17699,7 @@ priority = pendingEffectsRoot; var lanes = pendingEffectsLanes; pendingEffectsStatus = NO_PENDING_EFFECTS; - pendingEffectsRoot = null; + pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Cannot flush passive effects while already rendering."); @@ -21448,6 +21517,36 @@ instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } + function cancelRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "" === rootContainer.style.viewTransitionName && + ((rootContainer.style.viewTransitionName = "none"), + rootContainer.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + rootContainer.animate( + { width: [0, 0], height: [0, 0] }, + { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } + )); + } + function restoreRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "none" === rootContainer.style.viewTransitionName && + (rootContainer.style.viewTransitionName = ""); + } function measureInstance(instance) { var ownerWindow = instance.ownerDocument.defaultView, rect = instance.getBoundingClientRect(); @@ -21531,7 +21630,8 @@ }); transition.ready.then(spawnedWorkCallback, spawnedWorkCallback); transition.finished.then(function () { - ownerDocument.__reactViewTransition = null; + ownerDocument.__reactViewTransition === transition && + (ownerDocument.__reactViewTransition = null); passiveCallback(); }); return !0; @@ -21539,6 +21639,42 @@ return !1; } } + function startGestureTransition( + rootContainer, + transitionTypes, + mutationCallback, + animateCallback + ) { + var ownerDocument = + 9 === rootContainer.nodeType + ? rootContainer + : rootContainer.ownerDocument; + try { + var transition = ownerDocument.startViewTransition({ + update: mutationCallback, + types: transitionTypes + }); + ownerDocument.__reactViewTransition = transition; + var blockingAnim = null; + rootContainer = function () { + blockingAnim = ownerDocument.documentElement.animate([{}, {}], { + pseudoElement: "::view-transition", + duration: 1 + }); + blockingAnim.pause(); + animateCallback(); + }; + transition.ready.then(rootContainer, rootContainer); + transition.finished.then(function () { + null !== blockingAnim && blockingAnim.cancel(); + ownerDocument.__reactViewTransition === transition && + (ownerDocument.__reactViewTransition = null); + }); + return transition; + } catch (x) { + return mutationCallback(), animateCallback(), null; + } + } function ViewTransitionPseudoElement(pseudo, name) { this._scope = document.documentElement; this._selector = "::view-transition-" + pseudo + "(" + name + ")"; @@ -22631,7 +22767,7 @@ this.pooledCache = null; this.pooledCacheLanes = 0; this.formState = formState; - this.gestures = null; + this.stoppingGestures = this.pendingGestures = null; this.incompleteTransitions = new Map(); this.passiveEffectDuration = this.effectDuration = -0; this.memoizedUpdaters = new Set(); @@ -26441,18 +26577,18 @@ hasWarnedAboutUsingNoValuePropOnContextProvider = !1, didWarnAboutUndefinedSnapshotBeforeUpdate = null; didWarnAboutUndefinedSnapshotBeforeUpdate = new Set(); - var offscreenSubtreeIsHidden = !1, + var shouldStartViewTransition = !1, + appearingViewTransitions = null, + viewTransitionCancelableChildren = null, + viewTransitionHostInstanceIdx = 0, + offscreenSubtreeIsHidden = !1, offscreenSubtreeWasHidden = !1, needsFormReset = !1, PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, nextEffect = null, inProgressLanes = null, inProgressRoot = null, - shouldStartViewTransition = !1, - appearingViewTransitions = null, viewTransitionContextChanged = !1, - viewTransitionCancelableChildren = null, - viewTransitionHostInstanceIdx = 0, hostParent = null, hostParentIsContainer = !1, currentHoistableRoot = null, @@ -26554,6 +26690,8 @@ PENDING_AFTER_MUTATION_PHASE = 3, PENDING_SPAWNED_WORK = 4, PENDING_PASSIVE_PHASE = 5, + PENDING_GESTURE_MUTATION_PHASE = 6, + PENDING_GESTURE_ANIMATION_PHASE = 7, pendingEffectsStatus = 0, pendingEffectsRoot = null, pendingFinishedWork = null, @@ -27144,11 +27282,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27185,10 +27323,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-22e39ea7-20250225", + version: "19.1.0-experimental-d55cc79b-20250228", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-22e39ea7-20250225" + reconcilerVersion: "19.1.0-experimental-d55cc79b-20250228" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -27330,7 +27468,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.1.0-experimental-22e39ea7-20250225"; + exports.version = "19.1.0-experimental-d55cc79b-20250228"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js index 67c1d0f6787e4..8757e46fb7a4a 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js @@ -3198,7 +3198,7 @@ function scheduleGesture( rangeCurrent, rangeNext ) { - for (var prev = root.gestures; null !== prev; ) { + for (var prev = root.pendingGestures; null !== prev; ) { if (prev.provider === provider) return prev.count++, prev; var next = prev.next; if (null === next) break; @@ -3213,11 +3213,11 @@ function scheduleGesture( gesture.direction !== direction && ((gesture.direction = direction), null === gesture.prev && - root.gestures !== gesture && - ((direction = root.gestures), + root.pendingGestures !== gesture && + ((direction = root.pendingGestures), (gesture.next = direction), null !== direction && (direction.prev = gesture), - (root.gestures = gesture), + (root.pendingGestures = gesture), (root.pendingLanes |= 64), ensureRootIsScheduled(root))); } @@ -3230,23 +3230,36 @@ function scheduleGesture( rangeCurrent: rangeCurrent, rangeNext: rangeNext, cancel: next, + running: null, prev: prev, next: null }; - null === prev ? (root.gestures = gesture) : (prev.next = gesture); + null === prev ? (root.pendingGestures = gesture) : (prev.next = gesture); ensureRootIsScheduled(root); return gesture; } function deleteScheduledGesture(root, gesture) { null === gesture.prev - ? root.gestures === gesture && - ((root.gestures = gesture.next), - null === root.gestures && (root.pendingLanes &= -65)) + ? (root.pendingGestures === gesture && + ((root.pendingGestures = gesture.next), + null === root.pendingGestures && (root.pendingLanes &= -65)), + root.stoppingGestures === gesture && + (root.stoppingGestures = gesture.next)) : ((gesture.prev.next = gesture.next), null !== gesture.next && (gesture.next.prev = gesture.prev), (gesture.prev = null), (gesture.next = null)); } +function stopCompletedGestures(root) { + var gesture = root.stoppingGestures; + for (root.stoppingGestures = null; null !== gesture; ) + null !== gesture.running && + (gesture.running.skipTransition(), (gesture.running = null)), + (root = gesture.next), + (gesture.next = null), + (gesture.prev = null), + (gesture = root); +} var renderLanes = 0, currentlyRenderingFiber = null, currentHook = null, @@ -4423,6 +4436,19 @@ function startGesture(fiber, queue, gestureProvider, gestureOptions) { var cancelDirectionSubscription = cancelledGestured.cancel; cancelDirectionSubscription(); deleteScheduledGesture(root, cancelledGestured); + cancelDirectionSubscription = cancelledGestured.running; + if (null !== cancelDirectionSubscription) { + var pendingLanesExcludingGestureLane = root.pendingLanes & -65; + 0 !== (pendingLanesExcludingGestureLane & 124) || + 0 !== (pendingLanesExcludingGestureLane & 4194048) + ? ((cancelDirectionSubscription = root.stoppingGestures), + null !== cancelDirectionSubscription && + ((cancelledGestured.next = cancelDirectionSubscription), + (cancelDirectionSubscription.prev = cancelledGestured)), + (root.stoppingGestures = cancelledGestured)) + : ((cancelledGestured.running = null), + cancelDirectionSubscription.skipTransition()); + } } }; } @@ -4435,7 +4461,7 @@ function updateSwipeTransition(previous, current, next) { if (64 === rootRenderLanes) { rootRenderLanes = workInProgressRoot; if (null === rootRenderLanes) throw Error(formatProdErrorMessage(349)); - rootRenderLanes = rootRenderLanes.gestures; + rootRenderLanes = rootRenderLanes.pendingGestures; if (null !== rootRenderLanes) for (var update = queue.pending; null !== update; ) { if (rootRenderLanes === update.gesture) { @@ -4618,14 +4644,14 @@ var HooksDispatcherOnMount = { identifierPrefix = workInProgressRoot.identifierPrefix; if (isHydrating) { var treeId = getTreeId(); - identifierPrefix = ":" + identifierPrefix + "R" + treeId; + identifierPrefix = "\u00ab" + identifierPrefix + "R" + treeId; treeId = localIdCounter++; 0 < treeId && (identifierPrefix += "H" + treeId.toString(32)); - identifierPrefix += ":"; + identifierPrefix += "\u00bb"; } else (treeId = globalClientIdCounter$1++), (identifierPrefix = - ":" + identifierPrefix + "r" + treeId.toString(32) + ":"); + "\u00ab" + identifierPrefix + "r" + treeId.toString(32) + "\u00bb"); return (hook.memoizedState = identifierPrefix); }, useHostTransitionStatus: useHostTransitionStatus, @@ -7860,252 +7886,10 @@ function commitHostSingletonAcquisition(finishedWork) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } } -var offscreenSubtreeIsHidden = !1, - offscreenSubtreeWasHidden = !1, - needsFormReset = !1, - PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, - nextEffect = null, - shouldStartViewTransition = !1, +var shouldStartViewTransition = !1, appearingViewTransitions = null, - viewTransitionContextChanged = !1, - viewTransitionCancelableChildren = null; -function commitBeforeMutationEffects(root, firstChild, committedLanes) { - root = root.containerInfo; - eventsEnabled = _enabled; - root = getActiveElementDeep(root); - if (hasSelectionCapabilities(root)) { - if ("selectionStart" in root) - var JSCompiler_temp = { - start: root.selectionStart, - end: root.selectionEnd - }; - else - a: { - JSCompiler_temp = - ((JSCompiler_temp = root.ownerDocument) && - JSCompiler_temp.defaultView) || - window; - var selection = - JSCompiler_temp.getSelection && JSCompiler_temp.getSelection(); - if (selection && 0 !== selection.rangeCount) { - JSCompiler_temp = selection.anchorNode; - var anchorOffset = selection.anchorOffset, - focusNode = selection.focusNode; - selection = selection.focusOffset; - try { - JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$20) { - JSCompiler_temp = null; - break a; - } - var length = 0, - start = -1, - end = -1, - indexWithinAnchor = 0, - indexWithinFocus = 0, - node = root, - parentNode = null; - b: for (;;) { - for (var next; ; ) { - node !== JSCompiler_temp || - (0 !== anchorOffset && 3 !== node.nodeType) || - (start = length + anchorOffset); - node !== focusNode || - (0 !== selection && 3 !== node.nodeType) || - (end = length + selection); - 3 === node.nodeType && (length += node.nodeValue.length); - if (null === (next = node.firstChild)) break; - parentNode = node; - node = next; - } - for (;;) { - if (node === root) break b; - parentNode === JSCompiler_temp && - ++indexWithinAnchor === anchorOffset && - (start = length); - parentNode === focusNode && - ++indexWithinFocus === selection && - (end = length); - if (null !== (next = node.nextSibling)) break; - node = parentNode; - parentNode = node.parentNode; - } - node = next; - } - JSCompiler_temp = - -1 === start || -1 === end ? null : { start: start, end: end }; - } else JSCompiler_temp = null; - } - JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; - } else JSCompiler_temp = null; - selectionInformation = { focusedElem: root, selectionRange: JSCompiler_temp }; - shouldStartViewTransition = _enabled = !1; - committedLanes = (committedLanes & 335544064) === committedLanes; - nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { - root = nextEffect; - if ( - committedLanes && - ((JSCompiler_temp = root.deletions), null !== JSCompiler_temp) - ) - for ( - anchorOffset = 0; - anchorOffset < JSCompiler_temp.length; - anchorOffset++ - ) - committedLanes && - commitExitViewTransitions(JSCompiler_temp[anchorOffset]); - if (null === root.alternate && 0 !== (root.flags & 2)) - commitBeforeMutationEffects_complete(committedLanes); - else { - if (22 === root.tag) - if (((JSCompiler_temp = root.alternate), null !== root.memoizedState)) { - null !== JSCompiler_temp && - null === JSCompiler_temp.memoizedState && - committedLanes && - commitExitViewTransitions(JSCompiler_temp); - commitBeforeMutationEffects_complete(committedLanes); - continue; - } else if ( - null !== JSCompiler_temp && - null !== JSCompiler_temp.memoizedState - ) { - commitBeforeMutationEffects_complete(committedLanes); - continue; - } - JSCompiler_temp = root.child; - 0 !== (root.subtreeFlags & firstChild) && null !== JSCompiler_temp - ? ((JSCompiler_temp.return = root), (nextEffect = JSCompiler_temp)) - : (committedLanes && commitNestedViewTransitions(root), - commitBeforeMutationEffects_complete(committedLanes)); - } - } - appearingViewTransitions = null; -} -function commitBeforeMutationEffects_complete( - isViewTransitionEligible$jscomp$0 -) { - for (; null !== nextEffect; ) { - var fiber = nextEffect, - isViewTransitionEligible = isViewTransitionEligible$jscomp$0, - current = fiber.alternate, - flags = fiber.flags; - switch (fiber.tag) { - case 0: - if ( - 0 !== (flags & 4) && - ((current = fiber.updateQueue), - (current = null !== current ? current.events : null), - null !== current) - ) - for ( - isViewTransitionEligible = 0; - isViewTransitionEligible < current.length; - isViewTransitionEligible++ - ) - (flags = current[isViewTransitionEligible]), - (flags.ref.impl = flags.nextImpl); - break; - case 11: - case 15: - break; - case 1: - if (0 !== (flags & 1024) && null !== current) { - isViewTransitionEligible = void 0; - flags = current.memoizedProps; - current = current.memoizedState; - var instance = fiber.stateNode; - try { - var resolvedPrevProps = resolveClassComponentProps( - fiber.type, - flags, - fiber.elementType === fiber.type - ); - isViewTransitionEligible = instance.getSnapshotBeforeUpdate( - resolvedPrevProps, - current - ); - instance.__reactInternalSnapshotBeforeUpdate = - isViewTransitionEligible; - } catch (error) { - captureCommitPhaseError(fiber, fiber.return, error); - } - } - break; - case 3: - if (0 !== (flags & 1024)) - if ( - ((current = fiber.stateNode.containerInfo), - (isViewTransitionEligible = current.nodeType), - 9 === isViewTransitionEligible) - ) - clearContainerSparingly(current); - else if (1 === isViewTransitionEligible) - switch (current.nodeName) { - case "HEAD": - case "HTML": - case "BODY": - clearContainerSparingly(current); - break; - default: - current.textContent = ""; - } - break; - case 5: - case 26: - case 27: - case 6: - case 4: - case 17: - break; - case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (fiber.subtreeFlags & 8246) - ) - a: { - isViewTransitionEligible = getViewTransitionName( - current.memoizedProps, - current.stateNode - ); - flags = fiber.memoizedProps; - instance = getViewTransitionClassName( - flags.className, - flags.update - ); - if ( - "none" === instance && - ((instance = getViewTransitionClassName( - flags.className, - flags.layout - )), - "none" === instance) - ) - break a; - viewTransitionHostInstanceIdx = 0; - applyViewTransitionToHostInstances( - current.child, - isViewTransitionEligible, - instance, - (current.memoizedState = []), - !0 - ); - } - break; - default: - if (0 !== (flags & 1024)) throw Error(formatProdErrorMessage(163)); - } - current = fiber.sibling; - if (null !== current) { - current.return = fiber.return; - nextEffect = current; - break; - } - nextEffect = fiber.return; - } -} -var viewTransitionHostInstanceIdx = 0; + viewTransitionCancelableChildren = null, + viewTransitionHostInstanceIdx = 0; function applyViewTransitionToHostInstances( child, name, @@ -8467,34 +8251,276 @@ function measureViewTransitionHostInstances( ) && (inViewport = !0); child = child.sibling; } - return inViewport; + return inViewport; +} +function measureNestedViewTransitions(changedParent) { + for (changedParent = changedParent.child; null !== changedParent; ) { + if (30 === changedParent.tag) { + var current = changedParent.alternate; + if (null !== current) { + var props = changedParent.memoizedProps, + name = getViewTransitionName(props, changedParent.stateNode), + className = getViewTransitionClassName(props.className, props.layout); + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstances( + current, + changedParent, + changedParent.child, + name, + className, + changedParent.memoizedState, + !1 + ); + 0 !== (changedParent.flags & 4) && + current && + scheduleViewTransitionEvent(changedParent, props.onLayout); + } + } else + 0 !== (changedParent.subtreeFlags & 33554432) && + measureNestedViewTransitions(changedParent); + changedParent = changedParent.sibling; + } +} +var offscreenSubtreeIsHidden = !1, + offscreenSubtreeWasHidden = !1, + needsFormReset = !1, + PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, + nextEffect = null, + viewTransitionContextChanged = !1; +function commitBeforeMutationEffects(root, firstChild, committedLanes) { + root = root.containerInfo; + eventsEnabled = _enabled; + root = getActiveElementDeep(root); + if (hasSelectionCapabilities(root)) { + if ("selectionStart" in root) + var JSCompiler_temp = { + start: root.selectionStart, + end: root.selectionEnd + }; + else + a: { + JSCompiler_temp = + ((JSCompiler_temp = root.ownerDocument) && + JSCompiler_temp.defaultView) || + window; + var selection = + JSCompiler_temp.getSelection && JSCompiler_temp.getSelection(); + if (selection && 0 !== selection.rangeCount) { + JSCompiler_temp = selection.anchorNode; + var anchorOffset = selection.anchorOffset, + focusNode = selection.focusNode; + selection = selection.focusOffset; + try { + JSCompiler_temp.nodeType, focusNode.nodeType; + } catch (e$20) { + JSCompiler_temp = null; + break a; + } + var length = 0, + start = -1, + end = -1, + indexWithinAnchor = 0, + indexWithinFocus = 0, + node = root, + parentNode = null; + b: for (;;) { + for (var next; ; ) { + node !== JSCompiler_temp || + (0 !== anchorOffset && 3 !== node.nodeType) || + (start = length + anchorOffset); + node !== focusNode || + (0 !== selection && 3 !== node.nodeType) || + (end = length + selection); + 3 === node.nodeType && (length += node.nodeValue.length); + if (null === (next = node.firstChild)) break; + parentNode = node; + node = next; + } + for (;;) { + if (node === root) break b; + parentNode === JSCompiler_temp && + ++indexWithinAnchor === anchorOffset && + (start = length); + parentNode === focusNode && + ++indexWithinFocus === selection && + (end = length); + if (null !== (next = node.nextSibling)) break; + node = parentNode; + parentNode = node.parentNode; + } + node = next; + } + JSCompiler_temp = + -1 === start || -1 === end ? null : { start: start, end: end }; + } else JSCompiler_temp = null; + } + JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; + } else JSCompiler_temp = null; + selectionInformation = { focusedElem: root, selectionRange: JSCompiler_temp }; + shouldStartViewTransition = _enabled = !1; + committedLanes = (committedLanes & 335544064) === committedLanes; + nextEffect = firstChild; + for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + root = nextEffect; + if ( + committedLanes && + ((JSCompiler_temp = root.deletions), null !== JSCompiler_temp) + ) + for ( + anchorOffset = 0; + anchorOffset < JSCompiler_temp.length; + anchorOffset++ + ) + committedLanes && + commitExitViewTransitions(JSCompiler_temp[anchorOffset]); + if (null === root.alternate && 0 !== (root.flags & 2)) + commitBeforeMutationEffects_complete(committedLanes); + else { + if (22 === root.tag) + if (((JSCompiler_temp = root.alternate), null !== root.memoizedState)) { + null !== JSCompiler_temp && + null === JSCompiler_temp.memoizedState && + committedLanes && + commitExitViewTransitions(JSCompiler_temp); + commitBeforeMutationEffects_complete(committedLanes); + continue; + } else if ( + null !== JSCompiler_temp && + null !== JSCompiler_temp.memoizedState + ) { + commitBeforeMutationEffects_complete(committedLanes); + continue; + } + JSCompiler_temp = root.child; + 0 !== (root.subtreeFlags & firstChild) && null !== JSCompiler_temp + ? ((JSCompiler_temp.return = root), (nextEffect = JSCompiler_temp)) + : (committedLanes && commitNestedViewTransitions(root), + commitBeforeMutationEffects_complete(committedLanes)); + } + } + appearingViewTransitions = null; } -function measureNestedViewTransitions(changedParent) { - for (changedParent = changedParent.child; null !== changedParent; ) { - if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName(props.className, props.layout); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 - ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } - } else - 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); - changedParent = changedParent.sibling; +function commitBeforeMutationEffects_complete( + isViewTransitionEligible$jscomp$0 +) { + for (; null !== nextEffect; ) { + var fiber = nextEffect, + isViewTransitionEligible = isViewTransitionEligible$jscomp$0, + current = fiber.alternate, + flags = fiber.flags; + switch (fiber.tag) { + case 0: + if ( + 0 !== (flags & 4) && + ((current = fiber.updateQueue), + (current = null !== current ? current.events : null), + null !== current) + ) + for ( + isViewTransitionEligible = 0; + isViewTransitionEligible < current.length; + isViewTransitionEligible++ + ) + (flags = current[isViewTransitionEligible]), + (flags.ref.impl = flags.nextImpl); + break; + case 11: + case 15: + break; + case 1: + if (0 !== (flags & 1024) && null !== current) { + isViewTransitionEligible = void 0; + flags = current.memoizedProps; + current = current.memoizedState; + var instance = fiber.stateNode; + try { + var resolvedPrevProps = resolveClassComponentProps( + fiber.type, + flags, + fiber.elementType === fiber.type + ); + isViewTransitionEligible = instance.getSnapshotBeforeUpdate( + resolvedPrevProps, + current + ); + instance.__reactInternalSnapshotBeforeUpdate = + isViewTransitionEligible; + } catch (error) { + captureCommitPhaseError(fiber, fiber.return, error); + } + } + break; + case 3: + if (0 !== (flags & 1024)) + if ( + ((current = fiber.stateNode.containerInfo), + (isViewTransitionEligible = current.nodeType), + 9 === isViewTransitionEligible) + ) + clearContainerSparingly(current); + else if (1 === isViewTransitionEligible) + switch (current.nodeName) { + case "HEAD": + case "HTML": + case "BODY": + clearContainerSparingly(current); + break; + default: + current.textContent = ""; + } + break; + case 5: + case 26: + case 27: + case 6: + case 4: + case 17: + break; + case 30: + if ( + isViewTransitionEligible && + null !== current && + 0 !== (fiber.subtreeFlags & 8246) + ) + a: { + isViewTransitionEligible = getViewTransitionName( + current.memoizedProps, + current.stateNode + ); + flags = fiber.memoizedProps; + instance = getViewTransitionClassName( + flags.className, + flags.update + ); + if ( + "none" === instance && + ((instance = getViewTransitionClassName( + flags.className, + flags.layout + )), + "none" === instance) + ) + break a; + viewTransitionHostInstanceIdx = 0; + applyViewTransitionToHostInstances( + current.child, + isViewTransitionEligible, + instance, + (current.memoizedState = []), + !0 + ); + } + break; + default: + if (0 !== (flags & 1024)) throw Error(formatProdErrorMessage(163)); + } + current = fiber.sibling; + if (null !== current) { + current.return = fiber.return; + nextEffect = current; + break; + } + nextEffect = fiber.return; } } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { @@ -9410,30 +9436,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { } ); } - finishedWork = root.containerInfo; - finishedWork = - 9 === finishedWork.nodeType - ? finishedWork.documentElement - : finishedWork.ownerDocument.documentElement; - null !== finishedWork && - "" === finishedWork.style.viewTransitionName && - ((finishedWork.style.viewTransitionName = "none"), - finishedWork.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - finishedWork.animate( - { width: [0, 0], height: [0, 0] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition" - } - )); + cancelRootViewTransitionName(root.containerInfo); } break; case 5: @@ -9771,21 +9774,15 @@ function commitPassiveMountOnFiber( committedTransitions ); isViewTransitionEligible && - ((finishedRoot = finishedRoot.containerInfo), - (finishedRoot = - 9 === finishedRoot.nodeType - ? finishedRoot.documentElement - : finishedRoot.ownerDocument.documentElement), - null !== finishedRoot && - "none" === finishedRoot.style.viewTransitionName && - (finishedRoot.style.viewTransitionName = "")); + restoreRootViewTransitionName(finishedRoot.containerInfo); flags & 2048 && - ((flags = null), + ((finishedRoot = null), null !== finishedWork.alternate && - (flags = finishedWork.alternate.memoizedState.cache), + (finishedRoot = finishedWork.alternate.memoizedState.cache), (finishedWork = finishedWork.memoizedState.cache), - finishedWork !== flags && - (finishedWork.refCount++, null != flags && releaseCache(flags))); + finishedWork !== finishedRoot && + (finishedWork.refCount++, + null != finishedRoot && releaseCache(finishedRoot))); break; case 12: if (flags & 2048) { @@ -9795,7 +9792,7 @@ function commitPassiveMountOnFiber( committedLanes, committedTransitions ); - flags = finishedWork.stateNode; + finishedRoot = finishedWork.stateNode; try { var _finishedWork$memoize2 = finishedWork.memoizedProps, id = _finishedWork$memoize2.id, @@ -9804,7 +9801,7 @@ function commitPassiveMountOnFiber( onPostCommit( id, null === finishedWork.alternate ? "mount" : "update", - flags.passiveEffectDuration, + finishedRoot.passiveEffectDuration, -0 ); } catch (error) { @@ -9880,11 +9877,14 @@ function commitPassiveMountOnFiber( break; case 30: isViewTransitionEligible && - ((flags = finishedWork.alternate), - null !== flags && + ((isViewTransitionEligible = finishedWork.alternate), + null !== isViewTransitionEligible && 0 !== (finishedWork.subtreeFlags & 8246) && ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances(flags.child, !0), + restoreViewTransitionOnHostInstances( + isViewTransitionEligible.child, + !0 + ), restoreViewTransitionOnHostInstances(finishedWork.child, !0))); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -10061,11 +10061,11 @@ function accumulateSuspenseyCommitOnFiber(fiber) { ((previousHoistableRoot = fiber.memoizedProps.name), null != previousHoistableRoot && "auto" !== previousHoistableRoot) ) { + var state = fiber.stateNode; + state.paired = null; null === appearingViewTransitions && (appearingViewTransitions = new Map()); - var instance = fiber.stateNode; - instance.paired = null; - appearingViewTransitions.set(previousHoistableRoot, instance); + appearingViewTransitions.set(previousHoistableRoot, state); } recursivelyAccumulateSuspenseyCommit(fiber); break; @@ -11577,16 +11577,21 @@ function commitRootWhenReady( ) { root.timeoutHandle = -1; suspendedCommitReason = finishedWork.subtreeFlags; - var isViewTransitionEligible = (lanes & 335544064) === lanes; + var isViewTransitionEligible = (lanes & 335544064) === lanes, + isGestureTransition = 64 === lanes; if ( isViewTransitionEligible || suspendedCommitReason & 8192 || - 16785408 === (suspendedCommitReason & 16785408) + 16785408 === (suspendedCommitReason & 16785408) || + isGestureTransition ) { suspendedState = { stylesheets: null, count: 0, unsuspend: noop }; appearingViewTransitions = null; accumulateSuspenseyCommitOnFiber(finishedWork); - if (isViewTransitionEligible) { + if ( + (isViewTransitionEligible || isGestureTransition) && + null === root.stoppingGestures + ) { isViewTransitionEligible = root.containerInfo; if (null === suspendedState) throw Error(formatProdErrorMessage(475)); suspendedCommitReason = suspendedState; @@ -12164,11 +12169,13 @@ function commitRoot( do flushPendingEffects(); while (0 !== pendingEffectsStatus); if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327)); - if (null !== finishedWork) { + if (null === finishedWork) + null !== root.stoppingGestures && stopCompletedGestures(root); + else { if (finishedWork === root.current) throw Error(formatProdErrorMessage(177)); didIncludeRenderPhaseUpdate = finishedWork.lanes | finishedWork.childLanes; didIncludeRenderPhaseUpdate |= concurrentlyUpdatedLanes; - null === root.gestures && (didIncludeRenderPhaseUpdate &= -65); + null === root.pendingGestures && (didIncludeRenderPhaseUpdate &= -65); markRootFinished( root, lanes, @@ -12180,14 +12187,14 @@ function commitRoot( root === workInProgressRoot && ((workInProgress = workInProgressRoot = null), (workInProgressRootRenderLanes = 0)); - if (64 === lanes) commitGestureOnRoot(root); + pendingFinishedWork = finishedWork; + pendingEffectsRoot = root; + pendingEffectsLanes = lanes; + pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; + pendingPassiveTransitions = transitions; + pendingRecoverableErrors = recoverableErrors; + if (64 === lanes) commitGestureOnRoot(root, finishedWork); else { - pendingFinishedWork = finishedWork; - pendingEffectsRoot = root; - pendingEffectsLanes = lanes; - pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; - pendingPassiveTransitions = transitions; - pendingRecoverableErrors = recoverableErrors; pendingViewTransitionEvents = null; (lanes & 335544064) === lanes ? ((pendingTransitionTypes = ReactSharedInternals.V), @@ -12219,8 +12226,11 @@ function commitRoot( (ReactSharedInternals.T = recoverableErrors); } } + finishedWork = shouldStartViewTransition; + null !== root.stoppingGestures && + (stopCompletedGestures(root), (finishedWork = !1)); pendingEffectsStatus = 1; - (shouldStartViewTransition && + (finishedWork && startViewTransition( root.containerInfo, pendingTransitionTypes, @@ -12400,7 +12410,7 @@ function flushSpawnedWork() { 0 !== (finishedWork.flags & passiveSubtreeMask) ? (pendingEffectsStatus = 5) : ((pendingEffectsStatus = 0), - (pendingEffectsRoot = null), + (pendingFinishedWork = pendingEffectsRoot = null), releaseRootPooledCache(root, root.pendingLanes)); passiveSubtreeMask = root.pendingLanes; 0 === passiveSubtreeMask && (legacyErrorBoundariesThatAlreadyFailed = null); @@ -12460,9 +12470,69 @@ function flushSpawnedWork() { } } function commitGestureOnRoot(root) { - var finishedGesture = root.gestures; - if (null === finishedGesture) throw Error(formatProdErrorMessage(548)); - deleteScheduledGesture(root, finishedGesture); + var finishedGesture = root.pendingGestures; + if (null === finishedGesture) ensureRootIsScheduled(root); + else { + deleteScheduledGesture(root, finishedGesture); + var prevTransition = ReactSharedInternals.T, + previousPriority = ReactDOMSharedInternals.p, + prevExecutionContext = executionContext; + executionContext |= 4; + executionContext = prevExecutionContext; + ReactDOMSharedInternals.p = previousPriority; + ReactSharedInternals.T = prevTransition; + pendingTransitionTypes = null; + pendingEffectsStatus = 6; + finishedGesture.running = startGestureTransition( + root.containerInfo, + pendingTransitionTypes, + flushGestureMutations, + flushGestureAnimations + ); + } +} +function flushGestureMutations() { + if (6 === pendingEffectsStatus) { + pendingEffectsStatus = 0; + var root = pendingEffectsRoot, + prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; + executionContext |= 4; + try { + cancelRootViewTransitionName(root.containerInfo); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + pendingEffectsStatus = 7; + } +} +function flushGestureAnimations() { + flushGestureMutations(); + if (7 === pendingEffectsStatus) { + pendingEffectsStatus = 0; + var root = pendingEffectsRoot; + pendingFinishedWork = pendingEffectsRoot = null; + pendingEffectsLanes = 0; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; + executionContext |= 4; + try { + restoreRootViewTransitionName(root.containerInfo); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + ensureRootIsScheduled(root); + } } function releaseRootPooledCache(root, remainingLanes) { 0 === (root.pooledCacheLanes &= remainingLanes) && @@ -12471,6 +12541,8 @@ function releaseRootPooledCache(root, remainingLanes) { ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + flushGestureMutations(); + flushGestureAnimations(); flushMutationEffects(); flushLayoutEffects(); flushSpawnedWork(); @@ -12492,7 +12564,7 @@ function flushPassiveEffects() { var root$jscomp$0 = pendingEffectsRoot, lanes = pendingEffectsLanes; pendingEffectsStatus = 0; - pendingEffectsRoot = null; + pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331)); var prevExecutionContext = executionContext; @@ -12933,20 +13005,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1578 = 0; - i$jscomp$inline_1578 < simpleEventPluginEvents.length; - i$jscomp$inline_1578++ + var i$jscomp$inline_1615 = 0; + i$jscomp$inline_1615 < simpleEventPluginEvents.length; + i$jscomp$inline_1615++ ) { - var eventName$jscomp$inline_1579 = - simpleEventPluginEvents[i$jscomp$inline_1578], - domEventName$jscomp$inline_1580 = - eventName$jscomp$inline_1579.toLowerCase(), - capitalizedEvent$jscomp$inline_1581 = - eventName$jscomp$inline_1579[0].toUpperCase() + - eventName$jscomp$inline_1579.slice(1); + var eventName$jscomp$inline_1616 = + simpleEventPluginEvents[i$jscomp$inline_1615], + domEventName$jscomp$inline_1617 = + eventName$jscomp$inline_1616.toLowerCase(), + capitalizedEvent$jscomp$inline_1618 = + eventName$jscomp$inline_1616[0].toUpperCase() + + eventName$jscomp$inline_1616.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1580, - "on" + capitalizedEvent$jscomp$inline_1581 + domEventName$jscomp$inline_1617, + "on" + capitalizedEvent$jscomp$inline_1618 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -14805,6 +14877,36 @@ function restoreViewTransitionName(instance, props) { instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } +function cancelRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "" === rootContainer.style.viewTransitionName && + ((rootContainer.style.viewTransitionName = "none"), + rootContainer.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + rootContainer.animate( + { width: [0, 0], height: [0, 0] }, + { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } + )); +} +function restoreRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "none" === rootContainer.style.viewTransitionName && + (rootContainer.style.viewTransitionName = ""); +} function measureInstance(instance) { var ownerWindow = instance.ownerDocument.defaultView, rect = instance.getBoundingClientRect(); @@ -14878,7 +14980,8 @@ function startViewTransition( ownerDocument.__reactViewTransition = transition; transition.ready.then(spawnedWorkCallback, spawnedWorkCallback); transition.finished.then(function () { - ownerDocument.__reactViewTransition = null; + ownerDocument.__reactViewTransition === transition && + (ownerDocument.__reactViewTransition = null); passiveCallback(); }); return !0; @@ -14886,6 +14989,40 @@ function startViewTransition( return !1; } } +function startGestureTransition( + rootContainer, + transitionTypes, + mutationCallback, + animateCallback +) { + var ownerDocument = + 9 === rootContainer.nodeType ? rootContainer : rootContainer.ownerDocument; + try { + var transition = ownerDocument.startViewTransition({ + update: mutationCallback, + types: transitionTypes + }); + ownerDocument.__reactViewTransition = transition; + var blockingAnim = null; + rootContainer = function () { + blockingAnim = ownerDocument.documentElement.animate([{}, {}], { + pseudoElement: "::view-transition", + duration: 1 + }); + blockingAnim.pause(); + animateCallback(); + }; + transition.ready.then(rootContainer, rootContainer); + transition.finished.then(function () { + null !== blockingAnim && blockingAnim.cancel(); + ownerDocument.__reactViewTransition === transition && + (ownerDocument.__reactViewTransition = null); + }); + return transition; + } catch (x) { + return mutationCallback(), animateCallback(), null; + } +} function ViewTransitionPseudoElement(pseudo, name) { this._scope = document.documentElement; this._selector = "::view-transition-" + pseudo + "(" + name + ")"; @@ -15951,7 +16088,7 @@ function FiberRootNode( this.pooledCache = null; this.pooledCacheLanes = 0; this.formState = formState; - this.gestures = null; + this.stoppingGestures = this.pendingGestures = null; this.incompleteTransitions = new Map(); } function createFiberRoot( @@ -16639,16 +16776,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1830 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1867 = React.version; if ( - "19.1.0-experimental-22e39ea7-20250225" !== - isomorphicReactPackageVersion$jscomp$inline_1830 + "19.1.0-experimental-d55cc79b-20250228" !== + isomorphicReactPackageVersion$jscomp$inline_1867 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1830, - "19.1.0-experimental-22e39ea7-20250225" + isomorphicReactPackageVersion$jscomp$inline_1867, + "19.1.0-experimental-d55cc79b-20250228" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -16668,24 +16805,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2365 = { +var internals$jscomp$inline_2407 = { bundleType: 0, - version: "19.1.0-experimental-22e39ea7-20250225", + version: "19.1.0-experimental-d55cc79b-20250228", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-22e39ea7-20250225" + reconcilerVersion: "19.1.0-experimental-d55cc79b-20250228" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2366 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2408 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2366.isDisabled && - hook$jscomp$inline_2366.supportsFiber + !hook$jscomp$inline_2408.isDisabled && + hook$jscomp$inline_2408.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2366.inject( - internals$jscomp$inline_2365 + (rendererID = hook$jscomp$inline_2408.inject( + internals$jscomp$inline_2407 )), - (injectedHook = hook$jscomp$inline_2366); + (injectedHook = hook$jscomp$inline_2408); } catch (err) {} } exports.createRoot = function (container, options) { @@ -16777,4 +16914,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js index 822975ef641b3..08818e7cf759a 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js @@ -5237,7 +5237,7 @@ rangeCurrent, rangeNext ) { - for (var prev = root.gestures; null !== prev; ) { + for (var prev = root.pendingGestures; null !== prev; ) { if (prev.provider === provider) return prev.count++, prev; var next = prev.next; if (null === next) break; @@ -5252,11 +5252,11 @@ gesture.direction !== direction && ((gesture.direction = direction), null === gesture.prev && - root.gestures !== gesture && - ((direction = root.gestures), + root.pendingGestures !== gesture && + ((direction = root.pendingGestures), (gesture.next = direction), null !== direction && (direction.prev = gesture), - (root.gestures = gesture), + (root.pendingGestures = gesture), (root.pendingLanes |= 64), ensureRootIsScheduled(root))); } @@ -5269,23 +5269,36 @@ rangeCurrent: rangeCurrent, rangeNext: rangeNext, cancel: next, + running: null, prev: prev, next: null }; - null === prev ? (root.gestures = gesture) : (prev.next = gesture); + null === prev ? (root.pendingGestures = gesture) : (prev.next = gesture); ensureRootIsScheduled(root); return gesture; } function deleteScheduledGesture(root, gesture) { null === gesture.prev - ? root.gestures === gesture && - ((root.gestures = gesture.next), - null === root.gestures && (root.pendingLanes &= -65)) + ? (root.pendingGestures === gesture && + ((root.pendingGestures = gesture.next), + null === root.pendingGestures && (root.pendingLanes &= -65)), + root.stoppingGestures === gesture && + (root.stoppingGestures = gesture.next)) : ((gesture.prev.next = gesture.next), null !== gesture.next && (gesture.next.prev = gesture.prev), (gesture.prev = null), (gesture.next = null)); } + function stopCompletedGestures(root) { + var gesture = root.stoppingGestures; + for (root.stoppingGestures = null; null !== gesture; ) + null !== gesture.running && + (gesture.running.skipTransition(), (gesture.running = null)), + (root = gesture.next), + (gesture.next = null), + (gesture.prev = null), + (gesture = root); + } function mountHookTypesDev() { var hookName = currentHookNameInDev; null === hookTypesDev @@ -6771,14 +6784,14 @@ identifierPrefix = workInProgressRoot.identifierPrefix; if (isHydrating) { var treeId = getTreeId(); - identifierPrefix = ":" + identifierPrefix + "R" + treeId; + identifierPrefix = "\u00ab" + identifierPrefix + "R" + treeId; treeId = localIdCounter++; 0 < treeId && (identifierPrefix += "H" + treeId.toString(32)); - identifierPrefix += ":"; + identifierPrefix += "\u00bb"; } else (treeId = globalClientIdCounter$1++), (identifierPrefix = - ":" + identifierPrefix + "r" + treeId.toString(32) + ":"); + "\u00ab" + identifierPrefix + "r" + treeId.toString(32) + "\u00bb"); return (hook.memoizedState = identifierPrefix); } function mountRefresh() { @@ -6999,6 +7012,19 @@ var cancelDirectionSubscription = gesture.cancel; cancelDirectionSubscription(); deleteScheduledGesture(root, gesture); + cancelDirectionSubscription = gesture.running; + if (null !== cancelDirectionSubscription) { + var pendingLanesExcludingGestureLane = root.pendingLanes & -65; + 0 !== (pendingLanesExcludingGestureLane & 124) || + 0 !== (pendingLanesExcludingGestureLane & 4194048) + ? ((cancelDirectionSubscription = root.stoppingGestures), + null !== cancelDirectionSubscription && + ((gesture.next = cancelDirectionSubscription), + (cancelDirectionSubscription.prev = gesture)), + (root.stoppingGestures = gesture)) + : ((gesture.running = null), + cancelDirectionSubscription.skipTransition()); + } } }; } @@ -7028,7 +7054,7 @@ throw Error( "Expected a work-in-progress root. This is a bug in React. Please file an issue." ); - rootRenderLanes = rootRenderLanes.gestures; + rootRenderLanes = rootRenderLanes.pendingGestures; if (null !== rootRenderLanes) for (var update = queue.pending; null !== update; ) { if (rootRenderLanes === update.gesture) { @@ -9514,33 +9540,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2588; - var JSCompiler_object_inline_stack_2587 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2630; + var JSCompiler_object_inline_stack_2629 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2585 = !1; + var JSCompiler_object_inline_message_2627 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2588 = didSuspend) || - (JSCompiler_object_inline_componentStack_2588 = + (JSCompiler_object_inline_componentStack_2630 = didSuspend) || + (JSCompiler_object_inline_componentStack_2630 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2588 && - ((JSCompiler_object_inline_message_2585 = !0), + JSCompiler_object_inline_componentStack_2630 && + ((JSCompiler_object_inline_message_2627 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2588 = + JSCompiler_object_inline_componentStack_2630 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2585 + JSCompiler_object_inline_message_2627 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2586 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2628 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2586)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2628)) { c: { - var instance = JSCompiler_object_inline_digest_2586; + var instance = JSCompiler_object_inline_digest_2628; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9582,87 +9608,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2586 + JSCompiler_object_inline_digest_2628 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2586 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2628 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2586 && - ((JSCompiler_object_inline_digest_2586 = - JSCompiler_object_inline_digest_2586.dehydrated), - null !== JSCompiler_object_inline_digest_2586) + null !== JSCompiler_object_inline_digest_2628 && + ((JSCompiler_object_inline_digest_2628 = + JSCompiler_object_inline_digest_2628.dehydrated), + null !== JSCompiler_object_inline_digest_2628) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2586) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2628) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2586 = - JSCompiler_object_inline_stack_2587.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2587.fallback; - if (JSCompiler_object_inline_message_2585) + JSCompiler_object_inline_digest_2628 = + JSCompiler_object_inline_stack_2629.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2629.fallback; + if (JSCompiler_object_inline_message_2627) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2587 = + (JSCompiler_object_inline_stack_2629 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2586, + JSCompiler_object_inline_digest_2628, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2585 = workInProgress.child), - (JSCompiler_object_inline_message_2585.memoizedState = + (JSCompiler_object_inline_message_2627 = workInProgress.child), + (JSCompiler_object_inline_message_2627.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2585.childLanes = + (JSCompiler_object_inline_message_2627.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2588, + JSCompiler_object_inline_componentStack_2630, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2587 + JSCompiler_object_inline_stack_2629 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2587.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2629.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2587 = + (JSCompiler_object_inline_stack_2629 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2586, + JSCompiler_object_inline_digest_2628, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2585 = workInProgress.child), - (JSCompiler_object_inline_message_2585.memoizedState = + (JSCompiler_object_inline_message_2627 = workInProgress.child), + (JSCompiler_object_inline_message_2627.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2585.childLanes = + (JSCompiler_object_inline_message_2627.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2588, + JSCompiler_object_inline_componentStack_2630, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2587 + JSCompiler_object_inline_stack_2629 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2586 + JSCompiler_object_inline_digest_2628 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2586 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2586) + ((JSCompiler_object_inline_digest_2628 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2628) ) { if (didSuspend) workInProgress.flags & 256 @@ -9679,94 +9705,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2585 = - JSCompiler_object_inline_stack_2587.fallback), - (JSCompiler_object_inline_digest_2586 = workInProgress.mode), - (JSCompiler_object_inline_stack_2587 = + (JSCompiler_object_inline_message_2627 = + JSCompiler_object_inline_stack_2629.fallback), + (JSCompiler_object_inline_digest_2628 = workInProgress.mode), + (JSCompiler_object_inline_stack_2629 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2587.children + children: JSCompiler_object_inline_stack_2629.children }, - JSCompiler_object_inline_digest_2586 + JSCompiler_object_inline_digest_2628 )), - (JSCompiler_object_inline_message_2585 = + (JSCompiler_object_inline_message_2627 = createFiberFromFragment( - JSCompiler_object_inline_message_2585, - JSCompiler_object_inline_digest_2586, + JSCompiler_object_inline_message_2627, + JSCompiler_object_inline_digest_2628, renderLanes, null )), - (JSCompiler_object_inline_message_2585.flags |= 2), - (JSCompiler_object_inline_stack_2587.return = workInProgress), - (JSCompiler_object_inline_message_2585.return = workInProgress), - (JSCompiler_object_inline_stack_2587.sibling = - JSCompiler_object_inline_message_2585), - (workInProgress.child = JSCompiler_object_inline_stack_2587), + (JSCompiler_object_inline_message_2627.flags |= 2), + (JSCompiler_object_inline_stack_2629.return = workInProgress), + (JSCompiler_object_inline_message_2627.return = workInProgress), + (JSCompiler_object_inline_stack_2629.sibling = + JSCompiler_object_inline_message_2627), + (workInProgress.child = JSCompiler_object_inline_stack_2629), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2587 = workInProgress.child), - (JSCompiler_object_inline_stack_2587.memoizedState = + (JSCompiler_object_inline_stack_2629 = workInProgress.child), + (JSCompiler_object_inline_stack_2629.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2587.childLanes = + (JSCompiler_object_inline_stack_2629.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2588, + JSCompiler_object_inline_componentStack_2630, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2585)); + (workInProgress = JSCompiler_object_inline_message_2627)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2586)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2628)) ) { - JSCompiler_object_inline_componentStack_2588 = - JSCompiler_object_inline_digest_2586.nextSibling && - JSCompiler_object_inline_digest_2586.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2588) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2588.dgst; - var message = JSCompiler_object_inline_componentStack_2588.msg; - instance = JSCompiler_object_inline_componentStack_2588.stck; + JSCompiler_object_inline_componentStack_2630 = + JSCompiler_object_inline_digest_2628.nextSibling && + JSCompiler_object_inline_digest_2628.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2630) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2630.dgst; + var message = JSCompiler_object_inline_componentStack_2630.msg; + instance = JSCompiler_object_inline_componentStack_2630.stck; var componentStack = - JSCompiler_object_inline_componentStack_2588.cstck; + JSCompiler_object_inline_componentStack_2630.cstck; } - JSCompiler_object_inline_message_2585 = message; - JSCompiler_object_inline_digest_2586 = JSCompiler_temp; - JSCompiler_object_inline_stack_2587 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2588 = + JSCompiler_object_inline_message_2627 = message; + JSCompiler_object_inline_digest_2628 = JSCompiler_temp; + JSCompiler_object_inline_stack_2629 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2630 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2586 && - ((JSCompiler_object_inline_componentStack_2588 = - JSCompiler_object_inline_message_2585 - ? Error(JSCompiler_object_inline_message_2585) + "POSTPONE" !== JSCompiler_object_inline_digest_2628 && + ((JSCompiler_object_inline_componentStack_2630 = + JSCompiler_object_inline_message_2627 + ? Error(JSCompiler_object_inline_message_2627) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_componentStack_2588.stack = - JSCompiler_object_inline_stack_2587 || ""), - (JSCompiler_object_inline_componentStack_2588.digest = - JSCompiler_object_inline_digest_2586), - (JSCompiler_object_inline_stack_2587 = + (JSCompiler_object_inline_componentStack_2630.stack = + JSCompiler_object_inline_stack_2629 || ""), + (JSCompiler_object_inline_componentStack_2630.digest = + JSCompiler_object_inline_digest_2628), + (JSCompiler_object_inline_stack_2629 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2585 = { - value: JSCompiler_object_inline_componentStack_2588, + (JSCompiler_object_inline_message_2627 = { + value: JSCompiler_object_inline_componentStack_2630, source: null, - stack: JSCompiler_object_inline_stack_2587 + stack: JSCompiler_object_inline_stack_2629 }), - "string" === typeof JSCompiler_object_inline_stack_2587 && + "string" === typeof JSCompiler_object_inline_stack_2629 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2588, - JSCompiler_object_inline_message_2585 + JSCompiler_object_inline_componentStack_2630, + JSCompiler_object_inline_message_2627 ), - queueHydrationError(JSCompiler_object_inline_message_2585)); + queueHydrationError(JSCompiler_object_inline_message_2627)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9780,44 +9806,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2588 = + (JSCompiler_object_inline_componentStack_2630 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2588) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2630) ) { - JSCompiler_object_inline_componentStack_2588 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2630 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2588 && - ((JSCompiler_object_inline_stack_2587 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2587 = - 0 !== (JSCompiler_object_inline_stack_2587 & 42) + null !== JSCompiler_object_inline_componentStack_2630 && + ((JSCompiler_object_inline_stack_2629 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2629 = + 0 !== (JSCompiler_object_inline_stack_2629 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2587 + JSCompiler_object_inline_stack_2629 )), - (JSCompiler_object_inline_stack_2587 = + (JSCompiler_object_inline_stack_2629 = 0 !== - (JSCompiler_object_inline_stack_2587 & - (JSCompiler_object_inline_componentStack_2588.suspendedLanes | + (JSCompiler_object_inline_stack_2629 & + (JSCompiler_object_inline_componentStack_2630.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2587), - 0 !== JSCompiler_object_inline_stack_2587 && - JSCompiler_object_inline_stack_2587 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2629), + 0 !== JSCompiler_object_inline_stack_2629 && + JSCompiler_object_inline_stack_2629 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2587), + ((prevState.retryLane = JSCompiler_object_inline_stack_2629), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2587 + JSCompiler_object_inline_stack_2629 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2588, + JSCompiler_object_inline_componentStack_2630, current, - JSCompiler_object_inline_stack_2587 + JSCompiler_object_inline_stack_2629 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2586.data === + JSCompiler_object_inline_digest_2628.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9825,14 +9851,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2586.data === + JSCompiler_object_inline_digest_2628.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2586.nextSibling + JSCompiler_object_inline_digest_2628.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9850,54 +9876,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2587.children + JSCompiler_object_inline_stack_2629.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2585) + if (JSCompiler_object_inline_message_2627) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2585 = - JSCompiler_object_inline_stack_2587.fallback), - (JSCompiler_object_inline_digest_2586 = workInProgress.mode), + (JSCompiler_object_inline_message_2627 = + JSCompiler_object_inline_stack_2629.fallback), + (JSCompiler_object_inline_digest_2628 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2587 = createWorkInProgress( + (JSCompiler_object_inline_stack_2629 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2587.children + children: JSCompiler_object_inline_stack_2629.children } )), - (JSCompiler_object_inline_stack_2587.subtreeFlags = + (JSCompiler_object_inline_stack_2629.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2585 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2627 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2585 + JSCompiler_object_inline_message_2627 )) - : ((JSCompiler_object_inline_message_2585 = createFiberFromFragment( - JSCompiler_object_inline_message_2585, - JSCompiler_object_inline_digest_2586, + : ((JSCompiler_object_inline_message_2627 = createFiberFromFragment( + JSCompiler_object_inline_message_2627, + JSCompiler_object_inline_digest_2628, renderLanes, null )), - (JSCompiler_object_inline_message_2585.flags |= 2)), - (JSCompiler_object_inline_message_2585.return = workInProgress), - (JSCompiler_object_inline_stack_2587.return = workInProgress), - (JSCompiler_object_inline_stack_2587.sibling = - JSCompiler_object_inline_message_2585), - (workInProgress.child = JSCompiler_object_inline_stack_2587), - (JSCompiler_object_inline_stack_2587 = - JSCompiler_object_inline_message_2585), - (JSCompiler_object_inline_message_2585 = workInProgress.child), - (JSCompiler_object_inline_digest_2586 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2586 - ? (JSCompiler_object_inline_digest_2586 = + (JSCompiler_object_inline_message_2627.flags |= 2)), + (JSCompiler_object_inline_message_2627.return = workInProgress), + (JSCompiler_object_inline_stack_2629.return = workInProgress), + (JSCompiler_object_inline_stack_2629.sibling = + JSCompiler_object_inline_message_2627), + (workInProgress.child = JSCompiler_object_inline_stack_2629), + (JSCompiler_object_inline_stack_2629 = + JSCompiler_object_inline_message_2627), + (JSCompiler_object_inline_message_2627 = workInProgress.child), + (JSCompiler_object_inline_digest_2628 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2628 + ? (JSCompiler_object_inline_digest_2628 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2586.cachePool), + JSCompiler_object_inline_digest_2628.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9905,38 +9931,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2586 = { + (JSCompiler_object_inline_digest_2628 = { baseLanes: - JSCompiler_object_inline_digest_2586.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2628.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2585.memoizedState = - JSCompiler_object_inline_digest_2586), - (JSCompiler_object_inline_message_2585.childLanes = + (JSCompiler_object_inline_message_2627.memoizedState = + JSCompiler_object_inline_digest_2628), + (JSCompiler_object_inline_message_2627.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2588, + JSCompiler_object_inline_componentStack_2630, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2587 + JSCompiler_object_inline_stack_2629 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2587.children + children: JSCompiler_object_inline_stack_2629.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2588 = + ((JSCompiler_object_inline_componentStack_2630 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2588 + null === JSCompiler_object_inline_componentStack_2630 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2588.push(current)); + : JSCompiler_object_inline_componentStack_2630.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11622,239 +11648,6 @@ captureCommitPhaseError(finishedWork, finishedWork.return, error); } } - function commitBeforeMutationEffects(root, firstChild, committedLanes) { - root = root.containerInfo; - eventsEnabled = _enabled; - root = getActiveElementDeep(root); - if (hasSelectionCapabilities(root)) { - if ("selectionStart" in root) - var JSCompiler_temp = { - start: root.selectionStart, - end: root.selectionEnd - }; - else - a: { - JSCompiler_temp = - ((JSCompiler_temp = root.ownerDocument) && - JSCompiler_temp.defaultView) || - window; - var selection = - JSCompiler_temp.getSelection && JSCompiler_temp.getSelection(); - if (selection && 0 !== selection.rangeCount) { - JSCompiler_temp = selection.anchorNode; - var anchorOffset = selection.anchorOffset, - focusNode = selection.focusNode; - selection = selection.focusOffset; - try { - JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$2) { - JSCompiler_temp = null; - break a; - } - var length = 0, - start = -1, - end = -1, - indexWithinAnchor = 0, - indexWithinFocus = 0, - node = root, - parentNode = null; - b: for (;;) { - for (var next; ; ) { - node !== JSCompiler_temp || - (0 !== anchorOffset && 3 !== node.nodeType) || - (start = length + anchorOffset); - node !== focusNode || - (0 !== selection && 3 !== node.nodeType) || - (end = length + selection); - 3 === node.nodeType && (length += node.nodeValue.length); - if (null === (next = node.firstChild)) break; - parentNode = node; - node = next; - } - for (;;) { - if (node === root) break b; - parentNode === JSCompiler_temp && - ++indexWithinAnchor === anchorOffset && - (start = length); - parentNode === focusNode && - ++indexWithinFocus === selection && - (end = length); - if (null !== (next = node.nextSibling)) break; - node = parentNode; - parentNode = node.parentNode; - } - node = next; - } - JSCompiler_temp = - -1 === start || -1 === end ? null : { start: start, end: end }; - } else JSCompiler_temp = null; - } - JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; - } else JSCompiler_temp = null; - selectionInformation = { - focusedElem: root, - selectionRange: JSCompiler_temp - }; - shouldStartViewTransition = _enabled = !1; - committedLanes = (committedLanes & 335544064) === committedLanes; - nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { - root = nextEffect; - if ( - committedLanes && - ((JSCompiler_temp = root.deletions), null !== JSCompiler_temp) - ) - for ( - anchorOffset = 0; - anchorOffset < JSCompiler_temp.length; - anchorOffset++ - ) - committedLanes && - commitExitViewTransitions(JSCompiler_temp[anchorOffset]); - if (null === root.alternate && 0 !== (root.flags & 2)) - commitBeforeMutationEffects_complete(committedLanes); - else { - if (22 === root.tag) - if ( - ((JSCompiler_temp = root.alternate), null !== root.memoizedState) - ) { - null !== JSCompiler_temp && - null === JSCompiler_temp.memoizedState && - committedLanes && - commitExitViewTransitions(JSCompiler_temp); - commitBeforeMutationEffects_complete(committedLanes); - continue; - } else if ( - null !== JSCompiler_temp && - null !== JSCompiler_temp.memoizedState - ) { - commitBeforeMutationEffects_complete(committedLanes); - continue; - } - JSCompiler_temp = root.child; - 0 !== (root.subtreeFlags & firstChild) && null !== JSCompiler_temp - ? ((JSCompiler_temp.return = root), (nextEffect = JSCompiler_temp)) - : (committedLanes && commitNestedViewTransitions(root), - commitBeforeMutationEffects_complete(committedLanes)); - } - } - appearingViewTransitions = null; - } - function commitBeforeMutationEffects_complete( - isViewTransitionEligible$jscomp$0 - ) { - for (; null !== nextEffect; ) { - var fiber = nextEffect, - finishedWork = fiber, - isViewTransitionEligible = isViewTransitionEligible$jscomp$0, - current = finishedWork.alternate, - flags = finishedWork.flags; - switch (finishedWork.tag) { - case 0: - if ( - 0 !== (flags & 4) && - ((isViewTransitionEligible = finishedWork.updateQueue), - (isViewTransitionEligible = - null !== isViewTransitionEligible - ? isViewTransitionEligible.events - : null), - null !== isViewTransitionEligible) - ) - for ( - finishedWork = 0; - finishedWork < isViewTransitionEligible.length; - finishedWork++ - ) - (current = isViewTransitionEligible[finishedWork]), - (current.ref.impl = current.nextImpl); - break; - case 11: - case 15: - break; - case 1: - 0 !== (flags & 1024) && - null !== current && - commitClassSnapshot(finishedWork, current); - break; - case 3: - if (0 !== (flags & 1024)) - if ( - ((isViewTransitionEligible = - finishedWork.stateNode.containerInfo), - (finishedWork = isViewTransitionEligible.nodeType), - 9 === finishedWork) - ) - clearContainerSparingly(isViewTransitionEligible); - else if (1 === finishedWork) - switch (isViewTransitionEligible.nodeName) { - case "HEAD": - case "HTML": - case "BODY": - clearContainerSparingly(isViewTransitionEligible); - break; - default: - isViewTransitionEligible.textContent = ""; - } - break; - case 5: - case 26: - case 27: - case 6: - case 4: - case 17: - break; - case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (finishedWork.subtreeFlags & 8246) - ) - a: { - isViewTransitionEligible = current; - current = finishedWork; - finishedWork = getViewTransitionName( - isViewTransitionEligible.memoizedProps, - isViewTransitionEligible.stateNode - ); - current = current.memoizedProps; - flags = getViewTransitionClassName( - current.className, - current.update - ); - if ( - "none" === flags && - ((flags = getViewTransitionClassName( - current.className, - current.layout - )), - "none" === flags) - ) - break a; - viewTransitionHostInstanceIdx = 0; - applyViewTransitionToHostInstances( - isViewTransitionEligible.child, - finishedWork, - flags, - (isViewTransitionEligible.memoizedState = []), - !0 - ); - } - break; - default: - if (0 !== (flags & 1024)) - throw Error( - "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue." - ); - } - isViewTransitionEligible = fiber.sibling; - if (null !== isViewTransitionEligible) { - isViewTransitionEligible.return = fiber.return; - nextEffect = isViewTransitionEligible; - break; - } - nextEffect = fiber.return; - } - } function applyViewTransitionToHostInstances( child, name, @@ -12226,37 +12019,270 @@ ) && (inViewport = !0); child = child.sibling; } - return inViewport; + return inViewport; + } + function measureNestedViewTransitions(changedParent) { + for (changedParent = changedParent.child; null !== changedParent; ) { + if (30 === changedParent.tag) { + var current = changedParent.alternate; + if (null !== current) { + var props = changedParent.memoizedProps, + name = getViewTransitionName(props, changedParent.stateNode), + className = getViewTransitionClassName( + props.className, + props.layout + ); + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstances( + current, + changedParent, + changedParent.child, + name, + className, + changedParent.memoizedState, + !1 + ); + 0 !== (changedParent.flags & 4) && + current && + scheduleViewTransitionEvent(changedParent, props.onLayout); + } + } else + 0 !== (changedParent.subtreeFlags & 33554432) && + measureNestedViewTransitions(changedParent); + changedParent = changedParent.sibling; + } + } + function commitBeforeMutationEffects(root, firstChild, committedLanes) { + root = root.containerInfo; + eventsEnabled = _enabled; + root = getActiveElementDeep(root); + if (hasSelectionCapabilities(root)) { + if ("selectionStart" in root) + var JSCompiler_temp = { + start: root.selectionStart, + end: root.selectionEnd + }; + else + a: { + JSCompiler_temp = + ((JSCompiler_temp = root.ownerDocument) && + JSCompiler_temp.defaultView) || + window; + var selection = + JSCompiler_temp.getSelection && JSCompiler_temp.getSelection(); + if (selection && 0 !== selection.rangeCount) { + JSCompiler_temp = selection.anchorNode; + var anchorOffset = selection.anchorOffset, + focusNode = selection.focusNode; + selection = selection.focusOffset; + try { + JSCompiler_temp.nodeType, focusNode.nodeType; + } catch (e$2) { + JSCompiler_temp = null; + break a; + } + var length = 0, + start = -1, + end = -1, + indexWithinAnchor = 0, + indexWithinFocus = 0, + node = root, + parentNode = null; + b: for (;;) { + for (var next; ; ) { + node !== JSCompiler_temp || + (0 !== anchorOffset && 3 !== node.nodeType) || + (start = length + anchorOffset); + node !== focusNode || + (0 !== selection && 3 !== node.nodeType) || + (end = length + selection); + 3 === node.nodeType && (length += node.nodeValue.length); + if (null === (next = node.firstChild)) break; + parentNode = node; + node = next; + } + for (;;) { + if (node === root) break b; + parentNode === JSCompiler_temp && + ++indexWithinAnchor === anchorOffset && + (start = length); + parentNode === focusNode && + ++indexWithinFocus === selection && + (end = length); + if (null !== (next = node.nextSibling)) break; + node = parentNode; + parentNode = node.parentNode; + } + node = next; + } + JSCompiler_temp = + -1 === start || -1 === end ? null : { start: start, end: end }; + } else JSCompiler_temp = null; + } + JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; + } else JSCompiler_temp = null; + selectionInformation = { + focusedElem: root, + selectionRange: JSCompiler_temp + }; + shouldStartViewTransition = _enabled = !1; + committedLanes = (committedLanes & 335544064) === committedLanes; + nextEffect = firstChild; + for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + root = nextEffect; + if ( + committedLanes && + ((JSCompiler_temp = root.deletions), null !== JSCompiler_temp) + ) + for ( + anchorOffset = 0; + anchorOffset < JSCompiler_temp.length; + anchorOffset++ + ) + committedLanes && + commitExitViewTransitions(JSCompiler_temp[anchorOffset]); + if (null === root.alternate && 0 !== (root.flags & 2)) + commitBeforeMutationEffects_complete(committedLanes); + else { + if (22 === root.tag) + if ( + ((JSCompiler_temp = root.alternate), null !== root.memoizedState) + ) { + null !== JSCompiler_temp && + null === JSCompiler_temp.memoizedState && + committedLanes && + commitExitViewTransitions(JSCompiler_temp); + commitBeforeMutationEffects_complete(committedLanes); + continue; + } else if ( + null !== JSCompiler_temp && + null !== JSCompiler_temp.memoizedState + ) { + commitBeforeMutationEffects_complete(committedLanes); + continue; + } + JSCompiler_temp = root.child; + 0 !== (root.subtreeFlags & firstChild) && null !== JSCompiler_temp + ? ((JSCompiler_temp.return = root), (nextEffect = JSCompiler_temp)) + : (committedLanes && commitNestedViewTransitions(root), + commitBeforeMutationEffects_complete(committedLanes)); + } + } + appearingViewTransitions = null; } - function measureNestedViewTransitions(changedParent) { - for (changedParent = changedParent.child; null !== changedParent; ) { - if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName( - props.className, - props.layout + function commitBeforeMutationEffects_complete( + isViewTransitionEligible$jscomp$0 + ) { + for (; null !== nextEffect; ) { + var fiber = nextEffect, + finishedWork = fiber, + isViewTransitionEligible = isViewTransitionEligible$jscomp$0, + current = finishedWork.alternate, + flags = finishedWork.flags; + switch (finishedWork.tag) { + case 0: + if ( + 0 !== (flags & 4) && + ((isViewTransitionEligible = finishedWork.updateQueue), + (isViewTransitionEligible = + null !== isViewTransitionEligible + ? isViewTransitionEligible.events + : null), + null !== isViewTransitionEligible) + ) + for ( + finishedWork = 0; + finishedWork < isViewTransitionEligible.length; + finishedWork++ + ) + (current = isViewTransitionEligible[finishedWork]), + (current.ref.impl = current.nextImpl); + break; + case 11: + case 15: + break; + case 1: + 0 !== (flags & 1024) && + null !== current && + commitClassSnapshot(finishedWork, current); + break; + case 3: + if (0 !== (flags & 1024)) + if ( + ((isViewTransitionEligible = + finishedWork.stateNode.containerInfo), + (finishedWork = isViewTransitionEligible.nodeType), + 9 === finishedWork) + ) + clearContainerSparingly(isViewTransitionEligible); + else if (1 === finishedWork) + switch (isViewTransitionEligible.nodeName) { + case "HEAD": + case "HTML": + case "BODY": + clearContainerSparingly(isViewTransitionEligible); + break; + default: + isViewTransitionEligible.textContent = ""; + } + break; + case 5: + case 26: + case 27: + case 6: + case 4: + case 17: + break; + case 30: + if ( + isViewTransitionEligible && + null !== current && + 0 !== (finishedWork.subtreeFlags & 8246) + ) + a: { + isViewTransitionEligible = current; + current = finishedWork; + finishedWork = getViewTransitionName( + isViewTransitionEligible.memoizedProps, + isViewTransitionEligible.stateNode + ); + current = current.memoizedProps; + flags = getViewTransitionClassName( + current.className, + current.update + ); + if ( + "none" === flags && + ((flags = getViewTransitionClassName( + current.className, + current.layout + )), + "none" === flags) + ) + break a; + viewTransitionHostInstanceIdx = 0; + applyViewTransitionToHostInstances( + isViewTransitionEligible.child, + finishedWork, + flags, + (isViewTransitionEligible.memoizedState = []), + !0 + ); + } + break; + default: + if (0 !== (flags & 1024)) + throw Error( + "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue." ); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 - ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } - } else - 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); - changedParent = changedParent.sibling; + } + isViewTransitionEligible = fiber.sibling; + if (null !== isViewTransitionEligible) { + isViewTransitionEligible.return = fiber.return; + nextEffect = isViewTransitionEligible; + break; + } + nextEffect = fiber.return; } } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { @@ -13339,30 +13365,7 @@ } ); } - finishedWork = root.containerInfo; - finishedWork = - 9 === finishedWork.nodeType - ? finishedWork.documentElement - : finishedWork.ownerDocument.documentElement; - null !== finishedWork && - "" === finishedWork.style.viewTransitionName && - ((finishedWork.style.viewTransitionName = "none"), - finishedWork.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - finishedWork.animate( - { width: [0, 0], height: [0, 0] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition" - } - )); + cancelRootViewTransitionName(root.containerInfo); } break; case 5: @@ -13831,14 +13834,7 @@ ); inHydratedSubtree = wasInHydratedSubtree; isViewTransitionEligible && - ((committedLanes = finishedRoot.containerInfo), - (committedLanes = - 9 === committedLanes.nodeType - ? committedLanes.documentElement - : committedLanes.ownerDocument.documentElement), - null !== committedLanes && - "none" === committedLanes.style.viewTransitionName && - (committedLanes.style.viewTransitionName = "")); + restoreRootViewTransitionName(finishedRoot.containerInfo); flags & 2048 && ((committedLanes = null), null !== finishedWork.alternate && @@ -13852,7 +13848,7 @@ break; case 12: if (flags & 2048) { - flags = pushNestedEffectDurations(); + isViewTransitionEligible = pushNestedEffectDurations(); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, @@ -13861,8 +13857,9 @@ endTime ); finishedRoot = finishedWork.stateNode; - finishedRoot.passiveEffectDuration += - bubbleNestedEffectDurations(flags); + finishedRoot.passiveEffectDuration += bubbleNestedEffectDurations( + isViewTransitionEligible + ); try { runWithFiberInDEV( finishedWork, @@ -13885,29 +13882,29 @@ ); break; case 13: - flags = inHydratedSubtree; - prevEffectDuration = + isViewTransitionEligible = inHydratedSubtree; + flags = null !== finishedWork.alternate ? finishedWork.alternate.memoizedState : null; - isViewTransitionEligible = finishedWork.memoizedState; - null === prevEffectDuration || - null === prevEffectDuration.dehydrated || - (null !== isViewTransitionEligible && - null !== isViewTransitionEligible.dehydrated) + prevEffectDuration = finishedWork.memoizedState; + null === flags || + null === flags.dehydrated || + (null !== prevEffectDuration && + null !== prevEffectDuration.dehydrated) ? (inHydratedSubtree = !1) - : ((isViewTransitionEligible = finishedWork.deletions), - null !== isViewTransitionEligible && - 0 < isViewTransitionEligible.length && - 18 === isViewTransitionEligible[0].tag + : ((prevEffectDuration = finishedWork.deletions), + null !== prevEffectDuration && + 0 < prevEffectDuration.length && + 18 === prevEffectDuration[0].tag ? ((inHydratedSubtree = !1), - (prevEffectDuration = prevEffectDuration.hydrationErrors), - null !== prevEffectDuration && + (flags = flags.hydrationErrors), + null !== flags && logComponentErrored( finishedWork, finishedWork.actualStartTime, endTime, - prevEffectDuration + flags )) : (inHydratedSubtree = !0)); recursivelyTraversePassiveMountEffects( @@ -13917,7 +13914,7 @@ committedTransitions, endTime ); - inHydratedSubtree = flags; + inHydratedSubtree = isViewTransitionEligible; break; case 23: break; @@ -13985,11 +13982,14 @@ break; case 30: isViewTransitionEligible && - ((flags = finishedWork.alternate), - null !== flags && + ((isViewTransitionEligible = finishedWork.alternate), + null !== isViewTransitionEligible && 0 !== (finishedWork.subtreeFlags & 8246) && ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances(flags.child, !0), + restoreViewTransitionOnHostInstances( + isViewTransitionEligible.child, + !0 + ), restoreViewTransitionOnHostInstances(finishedWork.child, !0))); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -14263,11 +14263,11 @@ ((previousHoistableRoot = fiber.memoizedProps.name), null != previousHoistableRoot && "auto" !== previousHoistableRoot) ) { + var state = fiber.stateNode; + state.paired = null; null === appearingViewTransitions && (appearingViewTransitions = new Map()); - var instance = fiber.stateNode; - instance.paired = null; - appearingViewTransitions.set(previousHoistableRoot, instance); + appearingViewTransitions.set(previousHoistableRoot, state); } recursivelyAccumulateSuspenseyCommit(fiber); break; @@ -16290,16 +16290,21 @@ ) { root.timeoutHandle = noTimeout; var subtreeFlags = finishedWork.subtreeFlags, - isViewTransitionEligible = (lanes & 335544064) === lanes; + isViewTransitionEligible = (lanes & 335544064) === lanes, + isGestureTransition = 64 === lanes; if ( isViewTransitionEligible || subtreeFlags & 8192 || - 16785408 === (subtreeFlags & 16785408) + 16785408 === (subtreeFlags & 16785408) || + isGestureTransition ) { suspendedState = { stylesheets: null, count: 0, unsuspend: noop$1 }; appearingViewTransitions = null; accumulateSuspenseyCommitOnFiber(finishedWork); - if (isViewTransitionEligible) { + if ( + (isViewTransitionEligible || isGestureTransition) && + null === root.stoppingGestures + ) { isViewTransitionEligible = root.containerInfo; if (null === suspendedState) throw Error( @@ -17184,7 +17189,9 @@ completedRenderEndTime, lanes ); - if (null !== finishedWork) { + if (null === finishedWork) + null !== root.stoppingGestures && stopCompletedGestures(root); + else { 0 === lanes && console.error( "finishedLanes should not be empty during a commit. This is a bug in React." @@ -17196,7 +17203,7 @@ didIncludeRenderPhaseUpdate = finishedWork.lanes | finishedWork.childLanes; didIncludeRenderPhaseUpdate |= concurrentlyUpdatedLanes; - null === root.gestures && (didIncludeRenderPhaseUpdate &= -65); + null === root.pendingGestures && (didIncludeRenderPhaseUpdate &= -65); markRootFinished( root, lanes, @@ -17208,16 +17215,16 @@ root === workInProgressRoot && ((workInProgress = workInProgressRoot = null), (workInProgressRootRenderLanes = 0)); - if (64 === lanes) commitGestureOnRoot(root); + pendingFinishedWork = finishedWork; + pendingEffectsRoot = root; + pendingEffectsLanes = lanes; + pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; + pendingPassiveTransitions = transitions; + pendingRecoverableErrors = recoverableErrors; + pendingEffectsRenderEndTime = completedRenderEndTime; + pendingSuspendedCommitReason = suspendedCommitReason; + if (64 === lanes) commitGestureOnRoot(root, finishedWork); else { - pendingFinishedWork = finishedWork; - pendingEffectsRoot = root; - pendingEffectsLanes = lanes; - pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; - pendingPassiveTransitions = transitions; - pendingRecoverableErrors = recoverableErrors; - pendingEffectsRenderEndTime = completedRenderEndTime; - pendingSuspendedCommitReason = suspendedCommitReason; pendingViewTransitionEvents = null; (lanes & 335544064) === lanes ? ((pendingTransitionTypes = ReactSharedInternals.V), @@ -17260,8 +17267,11 @@ (ReactSharedInternals.T = suspendedCommitReason); } } + finishedWork = shouldStartViewTransition; + null !== root.stoppingGestures && + (stopCompletedGestures(root), (finishedWork = !1)); pendingEffectsStatus = PENDING_MUTATION_PHASE; - (shouldStartViewTransition && + (finishedWork && startViewTransition( root.containerInfo, pendingTransitionTypes, @@ -17488,7 +17498,7 @@ 0 !== (finishedWork.flags & completedRenderEndTime)) ? (pendingEffectsStatus = PENDING_PASSIVE_PHASE) : ((pendingEffectsStatus = NO_PENDING_EFFECTS), - (pendingEffectsRoot = null), + (pendingFinishedWork = pendingEffectsRoot = null), releaseRootPooledCache(root, root.pendingLanes), (nestedPassiveUpdateCount = 0), (rootWithPassiveNestedUpdates = null)); @@ -17588,12 +17598,69 @@ } } function commitGestureOnRoot(root) { - var finishedGesture = root.gestures; - if (null === finishedGesture) - throw Error( - "Finished rendering the gesture lane but there were no pending gestures. React should not have started a render in this case. This is a bug in React." + var finishedGesture = root.pendingGestures; + if (null === finishedGesture) ensureRootIsScheduled(root); + else { + deleteScheduledGesture(root, finishedGesture); + var prevTransition = ReactSharedInternals.T, + previousPriority = ReactDOMSharedInternals.p, + prevExecutionContext = executionContext; + executionContext |= CommitContext; + executionContext = prevExecutionContext; + ReactDOMSharedInternals.p = previousPriority; + ReactSharedInternals.T = prevTransition; + pendingTransitionTypes = null; + pendingEffectsStatus = PENDING_GESTURE_MUTATION_PHASE; + finishedGesture.running = startGestureTransition( + root.containerInfo, + pendingTransitionTypes, + flushGestureMutations, + flushGestureAnimations ); - deleteScheduledGesture(root, finishedGesture); + } + } + function flushGestureMutations() { + if (pendingEffectsStatus === PENDING_GESTURE_MUTATION_PHASE) { + pendingEffectsStatus = NO_PENDING_EFFECTS; + var root = pendingEffectsRoot, + prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; + executionContext |= CommitContext; + try { + cancelRootViewTransitionName(root.containerInfo); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + pendingEffectsStatus = PENDING_GESTURE_ANIMATION_PHASE; + } + } + function flushGestureAnimations() { + flushGestureMutations(); + if (pendingEffectsStatus === PENDING_GESTURE_ANIMATION_PHASE) { + pendingEffectsStatus = NO_PENDING_EFFECTS; + var root = pendingEffectsRoot; + pendingFinishedWork = pendingEffectsRoot = null; + pendingEffectsLanes = 0; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; + executionContext |= CommitContext; + try { + restoreRootViewTransitionName(root.containerInfo); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + ensureRootIsScheduled(root); + } } function makeErrorInfo(componentStack) { componentStack = { componentStack: componentStack }; @@ -17613,6 +17680,8 @@ ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + flushGestureMutations(); + flushGestureAnimations(); flushMutationEffects(); flushLayoutEffects(); flushSpawnedWork(); @@ -17638,7 +17707,7 @@ priority = pendingEffectsRoot; var lanes = pendingEffectsLanes; pendingEffectsStatus = NO_PENDING_EFFECTS; - pendingEffectsRoot = null; + pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Cannot flush passive effects while already rendering."); @@ -21456,6 +21525,36 @@ instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } + function cancelRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "" === rootContainer.style.viewTransitionName && + ((rootContainer.style.viewTransitionName = "none"), + rootContainer.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + rootContainer.animate( + { width: [0, 0], height: [0, 0] }, + { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } + )); + } + function restoreRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "none" === rootContainer.style.viewTransitionName && + (rootContainer.style.viewTransitionName = ""); + } function measureInstance(instance) { var ownerWindow = instance.ownerDocument.defaultView, rect = instance.getBoundingClientRect(); @@ -21539,7 +21638,8 @@ }); transition.ready.then(spawnedWorkCallback, spawnedWorkCallback); transition.finished.then(function () { - ownerDocument.__reactViewTransition = null; + ownerDocument.__reactViewTransition === transition && + (ownerDocument.__reactViewTransition = null); passiveCallback(); }); return !0; @@ -21547,6 +21647,42 @@ return !1; } } + function startGestureTransition( + rootContainer, + transitionTypes, + mutationCallback, + animateCallback + ) { + var ownerDocument = + 9 === rootContainer.nodeType + ? rootContainer + : rootContainer.ownerDocument; + try { + var transition = ownerDocument.startViewTransition({ + update: mutationCallback, + types: transitionTypes + }); + ownerDocument.__reactViewTransition = transition; + var blockingAnim = null; + rootContainer = function () { + blockingAnim = ownerDocument.documentElement.animate([{}, {}], { + pseudoElement: "::view-transition", + duration: 1 + }); + blockingAnim.pause(); + animateCallback(); + }; + transition.ready.then(rootContainer, rootContainer); + transition.finished.then(function () { + null !== blockingAnim && blockingAnim.cancel(); + ownerDocument.__reactViewTransition === transition && + (ownerDocument.__reactViewTransition = null); + }); + return transition; + } catch (x) { + return mutationCallback(), animateCallback(), null; + } + } function ViewTransitionPseudoElement(pseudo, name) { this._scope = document.documentElement; this._selector = "::view-transition-" + pseudo + "(" + name + ")"; @@ -22639,7 +22775,7 @@ this.pooledCache = null; this.pooledCacheLanes = 0; this.formState = formState; - this.gestures = null; + this.stoppingGestures = this.pendingGestures = null; this.incompleteTransitions = new Map(); this.passiveEffectDuration = this.effectDuration = -0; this.memoizedUpdaters = new Set(); @@ -26494,18 +26630,18 @@ hasWarnedAboutUsingNoValuePropOnContextProvider = !1, didWarnAboutUndefinedSnapshotBeforeUpdate = null; didWarnAboutUndefinedSnapshotBeforeUpdate = new Set(); - var offscreenSubtreeIsHidden = !1, + var shouldStartViewTransition = !1, + appearingViewTransitions = null, + viewTransitionCancelableChildren = null, + viewTransitionHostInstanceIdx = 0, + offscreenSubtreeIsHidden = !1, offscreenSubtreeWasHidden = !1, needsFormReset = !1, PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, nextEffect = null, inProgressLanes = null, inProgressRoot = null, - shouldStartViewTransition = !1, - appearingViewTransitions = null, viewTransitionContextChanged = !1, - viewTransitionCancelableChildren = null, - viewTransitionHostInstanceIdx = 0, hostParent = null, hostParentIsContainer = !1, currentHoistableRoot = null, @@ -26607,6 +26743,8 @@ PENDING_AFTER_MUTATION_PHASE = 3, PENDING_SPAWNED_WORK = 4, PENDING_PASSIVE_PHASE = 5, + PENDING_GESTURE_MUTATION_PHASE = 6, + PENDING_GESTURE_ANIMATION_PHASE = 7, pendingEffectsStatus = 0, pendingEffectsRoot = null, pendingFinishedWork = null, @@ -27197,11 +27335,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27238,10 +27376,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-22e39ea7-20250225", + version: "19.1.0-experimental-d55cc79b-20250228", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-22e39ea7-20250225" + reconcilerVersion: "19.1.0-experimental-d55cc79b-20250228" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -27713,7 +27851,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-experimental-22e39ea7-20250225"; + exports.version = "19.1.0-experimental-d55cc79b-20250228"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js index ce3095fb3e536..443cc2ef55a08 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js @@ -3663,7 +3663,7 @@ function scheduleGesture( rangeCurrent, rangeNext ) { - for (var prev = root.gestures; null !== prev; ) { + for (var prev = root.pendingGestures; null !== prev; ) { if (prev.provider === provider) return prev.count++, prev; var next = prev.next; if (null === next) break; @@ -3678,11 +3678,11 @@ function scheduleGesture( gesture.direction !== direction && ((gesture.direction = direction), null === gesture.prev && - root.gestures !== gesture && - ((direction = root.gestures), + root.pendingGestures !== gesture && + ((direction = root.pendingGestures), (gesture.next = direction), null !== direction && (direction.prev = gesture), - (root.gestures = gesture), + (root.pendingGestures = gesture), (root.pendingLanes |= 64), ensureRootIsScheduled(root))); } @@ -3695,23 +3695,36 @@ function scheduleGesture( rangeCurrent: rangeCurrent, rangeNext: rangeNext, cancel: next, + running: null, prev: prev, next: null }; - null === prev ? (root.gestures = gesture) : (prev.next = gesture); + null === prev ? (root.pendingGestures = gesture) : (prev.next = gesture); ensureRootIsScheduled(root); return gesture; } function deleteScheduledGesture(root, gesture) { null === gesture.prev - ? root.gestures === gesture && - ((root.gestures = gesture.next), - null === root.gestures && (root.pendingLanes &= -65)) + ? (root.pendingGestures === gesture && + ((root.pendingGestures = gesture.next), + null === root.pendingGestures && (root.pendingLanes &= -65)), + root.stoppingGestures === gesture && + (root.stoppingGestures = gesture.next)) : ((gesture.prev.next = gesture.next), null !== gesture.next && (gesture.next.prev = gesture.prev), (gesture.prev = null), (gesture.next = null)); } +function stopCompletedGestures(root) { + var gesture = root.stoppingGestures; + for (root.stoppingGestures = null; null !== gesture; ) + null !== gesture.running && + (gesture.running.skipTransition(), (gesture.running = null)), + (root = gesture.next), + (gesture.next = null), + (gesture.prev = null), + (gesture = root); +} var renderLanes = 0, currentlyRenderingFiber = null, currentHook = null, @@ -4892,6 +4905,19 @@ function startGesture(fiber, queue, gestureProvider, gestureOptions) { var cancelDirectionSubscription = cancelledGestured.cancel; cancelDirectionSubscription(); deleteScheduledGesture(root, cancelledGestured); + cancelDirectionSubscription = cancelledGestured.running; + if (null !== cancelDirectionSubscription) { + var pendingLanesExcludingGestureLane = root.pendingLanes & -65; + 0 !== (pendingLanesExcludingGestureLane & 124) || + 0 !== (pendingLanesExcludingGestureLane & 4194048) + ? ((cancelDirectionSubscription = root.stoppingGestures), + null !== cancelDirectionSubscription && + ((cancelledGestured.next = cancelDirectionSubscription), + (cancelDirectionSubscription.prev = cancelledGestured)), + (root.stoppingGestures = cancelledGestured)) + : ((cancelledGestured.running = null), + cancelDirectionSubscription.skipTransition()); + } } }; } @@ -4904,7 +4930,7 @@ function updateSwipeTransition(previous, current, next) { if (64 === rootRenderLanes) { rootRenderLanes = workInProgressRoot; if (null === rootRenderLanes) throw Error(formatProdErrorMessage(349)); - rootRenderLanes = rootRenderLanes.gestures; + rootRenderLanes = rootRenderLanes.pendingGestures; if (null !== rootRenderLanes) for (var update = queue.pending; null !== update; ) { if (rootRenderLanes === update.gesture) { @@ -5087,14 +5113,14 @@ var HooksDispatcherOnMount = { identifierPrefix = workInProgressRoot.identifierPrefix; if (isHydrating) { var treeId = getTreeId(); - identifierPrefix = ":" + identifierPrefix + "R" + treeId; + identifierPrefix = "\u00ab" + identifierPrefix + "R" + treeId; treeId = localIdCounter++; 0 < treeId && (identifierPrefix += "H" + treeId.toString(32)); - identifierPrefix += ":"; + identifierPrefix += "\u00bb"; } else (treeId = globalClientIdCounter$1++), (identifierPrefix = - ":" + identifierPrefix + "r" + treeId.toString(32) + ":"); + "\u00ab" + identifierPrefix + "r" + treeId.toString(32) + "\u00bb"); return (hook.memoizedState = identifierPrefix); }, useHostTransitionStatus: useHostTransitionStatus, @@ -8458,254 +8484,10 @@ function commitHostSingletonAcquisition(finishedWork) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } } -var offscreenSubtreeIsHidden = !1, - offscreenSubtreeWasHidden = !1, - needsFormReset = !1, - PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, - nextEffect = null, - inProgressLanes = null, - inProgressRoot = null, - shouldStartViewTransition = !1, +var shouldStartViewTransition = !1, appearingViewTransitions = null, - viewTransitionContextChanged = !1, - viewTransitionCancelableChildren = null; -function commitBeforeMutationEffects(root, firstChild, committedLanes) { - root = root.containerInfo; - eventsEnabled = _enabled; - root = getActiveElementDeep(root); - if (hasSelectionCapabilities(root)) { - if ("selectionStart" in root) - var JSCompiler_temp = { - start: root.selectionStart, - end: root.selectionEnd - }; - else - a: { - JSCompiler_temp = - ((JSCompiler_temp = root.ownerDocument) && - JSCompiler_temp.defaultView) || - window; - var selection = - JSCompiler_temp.getSelection && JSCompiler_temp.getSelection(); - if (selection && 0 !== selection.rangeCount) { - JSCompiler_temp = selection.anchorNode; - var anchorOffset = selection.anchorOffset, - focusNode = selection.focusNode; - selection = selection.focusOffset; - try { - JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$22) { - JSCompiler_temp = null; - break a; - } - var length = 0, - start = -1, - end = -1, - indexWithinAnchor = 0, - indexWithinFocus = 0, - node = root, - parentNode = null; - b: for (;;) { - for (var next; ; ) { - node !== JSCompiler_temp || - (0 !== anchorOffset && 3 !== node.nodeType) || - (start = length + anchorOffset); - node !== focusNode || - (0 !== selection && 3 !== node.nodeType) || - (end = length + selection); - 3 === node.nodeType && (length += node.nodeValue.length); - if (null === (next = node.firstChild)) break; - parentNode = node; - node = next; - } - for (;;) { - if (node === root) break b; - parentNode === JSCompiler_temp && - ++indexWithinAnchor === anchorOffset && - (start = length); - parentNode === focusNode && - ++indexWithinFocus === selection && - (end = length); - if (null !== (next = node.nextSibling)) break; - node = parentNode; - parentNode = node.parentNode; - } - node = next; - } - JSCompiler_temp = - -1 === start || -1 === end ? null : { start: start, end: end }; - } else JSCompiler_temp = null; - } - JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; - } else JSCompiler_temp = null; - selectionInformation = { focusedElem: root, selectionRange: JSCompiler_temp }; - shouldStartViewTransition = _enabled = !1; - committedLanes = (committedLanes & 335544064) === committedLanes; - nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { - root = nextEffect; - if ( - committedLanes && - ((JSCompiler_temp = root.deletions), null !== JSCompiler_temp) - ) - for ( - anchorOffset = 0; - anchorOffset < JSCompiler_temp.length; - anchorOffset++ - ) - committedLanes && - commitExitViewTransitions(JSCompiler_temp[anchorOffset]); - if (null === root.alternate && 0 !== (root.flags & 2)) - commitBeforeMutationEffects_complete(committedLanes); - else { - if (22 === root.tag) - if (((JSCompiler_temp = root.alternate), null !== root.memoizedState)) { - null !== JSCompiler_temp && - null === JSCompiler_temp.memoizedState && - committedLanes && - commitExitViewTransitions(JSCompiler_temp); - commitBeforeMutationEffects_complete(committedLanes); - continue; - } else if ( - null !== JSCompiler_temp && - null !== JSCompiler_temp.memoizedState - ) { - commitBeforeMutationEffects_complete(committedLanes); - continue; - } - JSCompiler_temp = root.child; - 0 !== (root.subtreeFlags & firstChild) && null !== JSCompiler_temp - ? ((JSCompiler_temp.return = root), (nextEffect = JSCompiler_temp)) - : (committedLanes && commitNestedViewTransitions(root), - commitBeforeMutationEffects_complete(committedLanes)); - } - } - appearingViewTransitions = null; -} -function commitBeforeMutationEffects_complete( - isViewTransitionEligible$jscomp$0 -) { - for (; null !== nextEffect; ) { - var fiber = nextEffect, - isViewTransitionEligible = isViewTransitionEligible$jscomp$0, - current = fiber.alternate, - flags = fiber.flags; - switch (fiber.tag) { - case 0: - if ( - 0 !== (flags & 4) && - ((current = fiber.updateQueue), - (current = null !== current ? current.events : null), - null !== current) - ) - for ( - isViewTransitionEligible = 0; - isViewTransitionEligible < current.length; - isViewTransitionEligible++ - ) - (flags = current[isViewTransitionEligible]), - (flags.ref.impl = flags.nextImpl); - break; - case 11: - case 15: - break; - case 1: - if (0 !== (flags & 1024) && null !== current) { - isViewTransitionEligible = void 0; - flags = current.memoizedProps; - current = current.memoizedState; - var instance = fiber.stateNode; - try { - var resolvedPrevProps = resolveClassComponentProps( - fiber.type, - flags, - fiber.elementType === fiber.type - ); - isViewTransitionEligible = instance.getSnapshotBeforeUpdate( - resolvedPrevProps, - current - ); - instance.__reactInternalSnapshotBeforeUpdate = - isViewTransitionEligible; - } catch (error) { - captureCommitPhaseError(fiber, fiber.return, error); - } - } - break; - case 3: - if (0 !== (flags & 1024)) - if ( - ((current = fiber.stateNode.containerInfo), - (isViewTransitionEligible = current.nodeType), - 9 === isViewTransitionEligible) - ) - clearContainerSparingly(current); - else if (1 === isViewTransitionEligible) - switch (current.nodeName) { - case "HEAD": - case "HTML": - case "BODY": - clearContainerSparingly(current); - break; - default: - current.textContent = ""; - } - break; - case 5: - case 26: - case 27: - case 6: - case 4: - case 17: - break; - case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (fiber.subtreeFlags & 8246) - ) - a: { - isViewTransitionEligible = getViewTransitionName( - current.memoizedProps, - current.stateNode - ); - flags = fiber.memoizedProps; - instance = getViewTransitionClassName( - flags.className, - flags.update - ); - if ( - "none" === instance && - ((instance = getViewTransitionClassName( - flags.className, - flags.layout - )), - "none" === instance) - ) - break a; - viewTransitionHostInstanceIdx = 0; - applyViewTransitionToHostInstances( - current.child, - isViewTransitionEligible, - instance, - (current.memoizedState = []), - !0 - ); - } - break; - default: - if (0 !== (flags & 1024)) throw Error(formatProdErrorMessage(163)); - } - current = fiber.sibling; - if (null !== current) { - current.return = fiber.return; - nextEffect = current; - break; - } - nextEffect = fiber.return; - } -} -var viewTransitionHostInstanceIdx = 0; + viewTransitionCancelableChildren = null, + viewTransitionHostInstanceIdx = 0; function applyViewTransitionToHostInstances( child, name, @@ -9067,34 +8849,278 @@ function measureViewTransitionHostInstances( ) && (inViewport = !0); child = child.sibling; } - return inViewport; + return inViewport; +} +function measureNestedViewTransitions(changedParent) { + for (changedParent = changedParent.child; null !== changedParent; ) { + if (30 === changedParent.tag) { + var current = changedParent.alternate; + if (null !== current) { + var props = changedParent.memoizedProps, + name = getViewTransitionName(props, changedParent.stateNode), + className = getViewTransitionClassName(props.className, props.layout); + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstances( + current, + changedParent, + changedParent.child, + name, + className, + changedParent.memoizedState, + !1 + ); + 0 !== (changedParent.flags & 4) && + current && + scheduleViewTransitionEvent(changedParent, props.onLayout); + } + } else + 0 !== (changedParent.subtreeFlags & 33554432) && + measureNestedViewTransitions(changedParent); + changedParent = changedParent.sibling; + } +} +var offscreenSubtreeIsHidden = !1, + offscreenSubtreeWasHidden = !1, + needsFormReset = !1, + PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, + nextEffect = null, + inProgressLanes = null, + inProgressRoot = null, + viewTransitionContextChanged = !1; +function commitBeforeMutationEffects(root, firstChild, committedLanes) { + root = root.containerInfo; + eventsEnabled = _enabled; + root = getActiveElementDeep(root); + if (hasSelectionCapabilities(root)) { + if ("selectionStart" in root) + var JSCompiler_temp = { + start: root.selectionStart, + end: root.selectionEnd + }; + else + a: { + JSCompiler_temp = + ((JSCompiler_temp = root.ownerDocument) && + JSCompiler_temp.defaultView) || + window; + var selection = + JSCompiler_temp.getSelection && JSCompiler_temp.getSelection(); + if (selection && 0 !== selection.rangeCount) { + JSCompiler_temp = selection.anchorNode; + var anchorOffset = selection.anchorOffset, + focusNode = selection.focusNode; + selection = selection.focusOffset; + try { + JSCompiler_temp.nodeType, focusNode.nodeType; + } catch (e$22) { + JSCompiler_temp = null; + break a; + } + var length = 0, + start = -1, + end = -1, + indexWithinAnchor = 0, + indexWithinFocus = 0, + node = root, + parentNode = null; + b: for (;;) { + for (var next; ; ) { + node !== JSCompiler_temp || + (0 !== anchorOffset && 3 !== node.nodeType) || + (start = length + anchorOffset); + node !== focusNode || + (0 !== selection && 3 !== node.nodeType) || + (end = length + selection); + 3 === node.nodeType && (length += node.nodeValue.length); + if (null === (next = node.firstChild)) break; + parentNode = node; + node = next; + } + for (;;) { + if (node === root) break b; + parentNode === JSCompiler_temp && + ++indexWithinAnchor === anchorOffset && + (start = length); + parentNode === focusNode && + ++indexWithinFocus === selection && + (end = length); + if (null !== (next = node.nextSibling)) break; + node = parentNode; + parentNode = node.parentNode; + } + node = next; + } + JSCompiler_temp = + -1 === start || -1 === end ? null : { start: start, end: end }; + } else JSCompiler_temp = null; + } + JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; + } else JSCompiler_temp = null; + selectionInformation = { focusedElem: root, selectionRange: JSCompiler_temp }; + shouldStartViewTransition = _enabled = !1; + committedLanes = (committedLanes & 335544064) === committedLanes; + nextEffect = firstChild; + for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + root = nextEffect; + if ( + committedLanes && + ((JSCompiler_temp = root.deletions), null !== JSCompiler_temp) + ) + for ( + anchorOffset = 0; + anchorOffset < JSCompiler_temp.length; + anchorOffset++ + ) + committedLanes && + commitExitViewTransitions(JSCompiler_temp[anchorOffset]); + if (null === root.alternate && 0 !== (root.flags & 2)) + commitBeforeMutationEffects_complete(committedLanes); + else { + if (22 === root.tag) + if (((JSCompiler_temp = root.alternate), null !== root.memoizedState)) { + null !== JSCompiler_temp && + null === JSCompiler_temp.memoizedState && + committedLanes && + commitExitViewTransitions(JSCompiler_temp); + commitBeforeMutationEffects_complete(committedLanes); + continue; + } else if ( + null !== JSCompiler_temp && + null !== JSCompiler_temp.memoizedState + ) { + commitBeforeMutationEffects_complete(committedLanes); + continue; + } + JSCompiler_temp = root.child; + 0 !== (root.subtreeFlags & firstChild) && null !== JSCompiler_temp + ? ((JSCompiler_temp.return = root), (nextEffect = JSCompiler_temp)) + : (committedLanes && commitNestedViewTransitions(root), + commitBeforeMutationEffects_complete(committedLanes)); + } + } + appearingViewTransitions = null; } -function measureNestedViewTransitions(changedParent) { - for (changedParent = changedParent.child; null !== changedParent; ) { - if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName(props.className, props.layout); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 - ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } - } else - 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); - changedParent = changedParent.sibling; +function commitBeforeMutationEffects_complete( + isViewTransitionEligible$jscomp$0 +) { + for (; null !== nextEffect; ) { + var fiber = nextEffect, + isViewTransitionEligible = isViewTransitionEligible$jscomp$0, + current = fiber.alternate, + flags = fiber.flags; + switch (fiber.tag) { + case 0: + if ( + 0 !== (flags & 4) && + ((current = fiber.updateQueue), + (current = null !== current ? current.events : null), + null !== current) + ) + for ( + isViewTransitionEligible = 0; + isViewTransitionEligible < current.length; + isViewTransitionEligible++ + ) + (flags = current[isViewTransitionEligible]), + (flags.ref.impl = flags.nextImpl); + break; + case 11: + case 15: + break; + case 1: + if (0 !== (flags & 1024) && null !== current) { + isViewTransitionEligible = void 0; + flags = current.memoizedProps; + current = current.memoizedState; + var instance = fiber.stateNode; + try { + var resolvedPrevProps = resolveClassComponentProps( + fiber.type, + flags, + fiber.elementType === fiber.type + ); + isViewTransitionEligible = instance.getSnapshotBeforeUpdate( + resolvedPrevProps, + current + ); + instance.__reactInternalSnapshotBeforeUpdate = + isViewTransitionEligible; + } catch (error) { + captureCommitPhaseError(fiber, fiber.return, error); + } + } + break; + case 3: + if (0 !== (flags & 1024)) + if ( + ((current = fiber.stateNode.containerInfo), + (isViewTransitionEligible = current.nodeType), + 9 === isViewTransitionEligible) + ) + clearContainerSparingly(current); + else if (1 === isViewTransitionEligible) + switch (current.nodeName) { + case "HEAD": + case "HTML": + case "BODY": + clearContainerSparingly(current); + break; + default: + current.textContent = ""; + } + break; + case 5: + case 26: + case 27: + case 6: + case 4: + case 17: + break; + case 30: + if ( + isViewTransitionEligible && + null !== current && + 0 !== (fiber.subtreeFlags & 8246) + ) + a: { + isViewTransitionEligible = getViewTransitionName( + current.memoizedProps, + current.stateNode + ); + flags = fiber.memoizedProps; + instance = getViewTransitionClassName( + flags.className, + flags.update + ); + if ( + "none" === instance && + ((instance = getViewTransitionClassName( + flags.className, + flags.layout + )), + "none" === instance) + ) + break a; + viewTransitionHostInstanceIdx = 0; + applyViewTransitionToHostInstances( + current.child, + isViewTransitionEligible, + instance, + (current.memoizedState = []), + !0 + ); + } + break; + default: + if (0 !== (flags & 1024)) throw Error(formatProdErrorMessage(163)); + } + current = fiber.sibling; + if (null !== current) { + current.return = fiber.return; + nextEffect = current; + break; + } + nextEffect = fiber.return; } } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { @@ -10090,30 +10116,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { } ); } - finishedWork = root.containerInfo; - finishedWork = - 9 === finishedWork.nodeType - ? finishedWork.documentElement - : finishedWork.ownerDocument.documentElement; - null !== finishedWork && - "" === finishedWork.style.viewTransitionName && - ((finishedWork.style.viewTransitionName = "none"), - finishedWork.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - finishedWork.animate( - { width: [0, 0], height: [0, 0] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition" - } - )); + cancelRootViewTransitionName(root.containerInfo); } break; case 5: @@ -10553,14 +10556,7 @@ function commitPassiveMountOnFiber( ); inHydratedSubtree = wasInHydratedSubtree; isViewTransitionEligible && - ((committedLanes = finishedRoot.containerInfo), - (committedLanes = - 9 === committedLanes.nodeType - ? committedLanes.documentElement - : committedLanes.ownerDocument.documentElement), - null !== committedLanes && - "none" === committedLanes.style.viewTransitionName && - (committedLanes.style.viewTransitionName = "")); + restoreRootViewTransitionName(finishedRoot.containerInfo); flags & 2048 && ((committedLanes = null), null !== finishedWork.alternate && @@ -10574,7 +10570,7 @@ function commitPassiveMountOnFiber( break; case 12: if (flags & 2048) { - flags = pushNestedEffectDurations(); + isViewTransitionEligible = pushNestedEffectDurations(); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, @@ -10583,8 +10579,9 @@ function commitPassiveMountOnFiber( endTime ); finishedRoot = finishedWork.stateNode; - finishedRoot.passiveEffectDuration += - bubbleNestedEffectDurations(flags); + finishedRoot.passiveEffectDuration += bubbleNestedEffectDurations( + isViewTransitionEligible + ); try { prevEffectDuration = finishedWork.memoizedProps; wasInHydratedSubtree = prevEffectDuration.id; @@ -10611,14 +10608,14 @@ function commitPassiveMountOnFiber( ); break; case 13: - flags = inHydratedSubtree; - isViewTransitionEligible = + isViewTransitionEligible = inHydratedSubtree; + flags = null !== finishedWork.alternate ? finishedWork.alternate.memoizedState : null; prevEffectDuration = finishedWork.memoizedState; - null === isViewTransitionEligible || - null === isViewTransitionEligible.dehydrated || + null === flags || + null === flags.dehydrated || (null !== prevEffectDuration && null !== prevEffectDuration.dehydrated) ? (inHydratedSubtree = !1) : ((prevEffectDuration = finishedWork.deletions), @@ -10626,7 +10623,7 @@ function commitPassiveMountOnFiber( 0 < prevEffectDuration.length && 18 === prevEffectDuration[0].tag ? ((inHydratedSubtree = !1), - null !== isViewTransitionEligible.hydrationErrors && + null !== flags.hydrationErrors && logComponentErrored( finishedWork, finishedWork.actualStartTime, @@ -10640,7 +10637,7 @@ function commitPassiveMountOnFiber( committedTransitions, endTime ); - inHydratedSubtree = flags; + inHydratedSubtree = isViewTransitionEligible; break; case 23: break; @@ -10704,11 +10701,14 @@ function commitPassiveMountOnFiber( break; case 30: isViewTransitionEligible && - ((flags = finishedWork.alternate), - null !== flags && + ((isViewTransitionEligible = finishedWork.alternate), + null !== isViewTransitionEligible && 0 !== (finishedWork.subtreeFlags & 8246) && ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances(flags.child, !0), + restoreViewTransitionOnHostInstances( + isViewTransitionEligible.child, + !0 + ), restoreViewTransitionOnHostInstances(finishedWork.child, !0))); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -10962,11 +10962,11 @@ function accumulateSuspenseyCommitOnFiber(fiber) { ((previousHoistableRoot = fiber.memoizedProps.name), null != previousHoistableRoot && "auto" !== previousHoistableRoot) ) { + var state = fiber.stateNode; + state.paired = null; null === appearingViewTransitions && (appearingViewTransitions = new Map()); - var instance = fiber.stateNode; - instance.paired = null; - appearingViewTransitions.set(previousHoistableRoot, instance); + appearingViewTransitions.set(previousHoistableRoot, state); } recursivelyAccumulateSuspenseyCommit(fiber); break; @@ -12643,16 +12643,21 @@ function commitRootWhenReady( ) { root.timeoutHandle = -1; var subtreeFlags = finishedWork.subtreeFlags, - isViewTransitionEligible = (lanes & 335544064) === lanes; + isViewTransitionEligible = (lanes & 335544064) === lanes, + isGestureTransition = 64 === lanes; if ( isViewTransitionEligible || subtreeFlags & 8192 || - 16785408 === (subtreeFlags & 16785408) + 16785408 === (subtreeFlags & 16785408) || + isGestureTransition ) { suspendedState = { stylesheets: null, count: 0, unsuspend: noop$1 }; appearingViewTransitions = null; accumulateSuspenseyCommitOnFiber(finishedWork); - if (isViewTransitionEligible) { + if ( + (isViewTransitionEligible || isGestureTransition) && + null === root.stoppingGestures + ) { isViewTransitionEligible = root.containerInfo; if (null === suspendedState) throw Error(formatProdErrorMessage(475)); subtreeFlags = suspendedState; @@ -13444,11 +13449,13 @@ function commitRoot( } }) : logRenderPhase(completedRenderStartTime, completedRenderEndTime, lanes); - if (null !== finishedWork) { + if (null === finishedWork) + null !== root.stoppingGestures && stopCompletedGestures(root); + else { if (finishedWork === root.current) throw Error(formatProdErrorMessage(177)); didIncludeRenderPhaseUpdate = finishedWork.lanes | finishedWork.childLanes; didIncludeRenderPhaseUpdate |= concurrentlyUpdatedLanes; - null === root.gestures && (didIncludeRenderPhaseUpdate &= -65); + null === root.pendingGestures && (didIncludeRenderPhaseUpdate &= -65); markRootFinished( root, lanes, @@ -13460,16 +13467,16 @@ function commitRoot( root === workInProgressRoot && ((workInProgress = workInProgressRoot = null), (workInProgressRootRenderLanes = 0)); - if (64 === lanes) commitGestureOnRoot(root); + pendingFinishedWork = finishedWork; + pendingEffectsRoot = root; + pendingEffectsLanes = lanes; + pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; + pendingPassiveTransitions = transitions; + pendingRecoverableErrors = recoverableErrors; + pendingEffectsRenderEndTime = completedRenderEndTime; + pendingSuspendedCommitReason = suspendedCommitReason; + if (64 === lanes) commitGestureOnRoot(root, finishedWork); else { - pendingFinishedWork = finishedWork; - pendingEffectsRoot = root; - pendingEffectsLanes = lanes; - pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; - pendingPassiveTransitions = transitions; - pendingRecoverableErrors = recoverableErrors; - pendingEffectsRenderEndTime = completedRenderEndTime; - pendingSuspendedCommitReason = suspendedCommitReason; pendingViewTransitionEvents = null; (lanes & 335544064) === lanes ? ((pendingTransitionTypes = ReactSharedInternals.V), @@ -13509,8 +13516,11 @@ function commitRoot( (ReactSharedInternals.T = suspendedCommitReason); } } + finishedWork = shouldStartViewTransition; + null !== root.stoppingGestures && + (stopCompletedGestures(root), (finishedWork = !1)); pendingEffectsStatus = 1; - (shouldStartViewTransition && + (finishedWork && startViewTransition( root.containerInfo, pendingTransitionTypes, @@ -13719,7 +13729,7 @@ function flushSpawnedWork() { 0 !== (finishedWork.flags & completedRenderEndTime)) ? (pendingEffectsStatus = 5) : ((pendingEffectsStatus = 0), - (pendingEffectsRoot = null), + (pendingFinishedWork = pendingEffectsRoot = null), releaseRootPooledCache(root, root.pendingLanes)); suspendedCommitReason = root.pendingLanes; 0 === suspendedCommitReason && @@ -13801,9 +13811,69 @@ function flushSpawnedWork() { } } function commitGestureOnRoot(root) { - var finishedGesture = root.gestures; - if (null === finishedGesture) throw Error(formatProdErrorMessage(548)); - deleteScheduledGesture(root, finishedGesture); + var finishedGesture = root.pendingGestures; + if (null === finishedGesture) ensureRootIsScheduled(root); + else { + deleteScheduledGesture(root, finishedGesture); + var prevTransition = ReactSharedInternals.T, + previousPriority = ReactDOMSharedInternals.p, + prevExecutionContext = executionContext; + executionContext |= 4; + executionContext = prevExecutionContext; + ReactDOMSharedInternals.p = previousPriority; + ReactSharedInternals.T = prevTransition; + pendingTransitionTypes = null; + pendingEffectsStatus = 6; + finishedGesture.running = startGestureTransition( + root.containerInfo, + pendingTransitionTypes, + flushGestureMutations, + flushGestureAnimations + ); + } +} +function flushGestureMutations() { + if (6 === pendingEffectsStatus) { + pendingEffectsStatus = 0; + var root = pendingEffectsRoot, + prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; + executionContext |= 4; + try { + cancelRootViewTransitionName(root.containerInfo); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + pendingEffectsStatus = 7; + } +} +function flushGestureAnimations() { + flushGestureMutations(); + if (7 === pendingEffectsStatus) { + pendingEffectsStatus = 0; + var root = pendingEffectsRoot; + pendingFinishedWork = pendingEffectsRoot = null; + pendingEffectsLanes = 0; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; + executionContext |= 4; + try { + restoreRootViewTransitionName(root.containerInfo); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + ensureRootIsScheduled(root); + } } function releaseRootPooledCache(root, remainingLanes) { 0 === (root.pooledCacheLanes &= remainingLanes) && @@ -13812,6 +13882,8 @@ function releaseRootPooledCache(root, remainingLanes) { ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + flushGestureMutations(); + flushGestureAnimations(); flushMutationEffects(); flushLayoutEffects(); flushSpawnedWork(); @@ -13833,7 +13905,7 @@ function flushPassiveEffects(wasDelayedCommit) { renderPriority = pendingEffectsRoot; var lanes = pendingEffectsLanes; pendingEffectsStatus = 0; - pendingEffectsRoot = null; + pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331)); setCurrentTrackFromLanes(lanes); @@ -14335,20 +14407,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1726 = 0; - i$jscomp$inline_1726 < simpleEventPluginEvents.length; - i$jscomp$inline_1726++ + var i$jscomp$inline_1763 = 0; + i$jscomp$inline_1763 < simpleEventPluginEvents.length; + i$jscomp$inline_1763++ ) { - var eventName$jscomp$inline_1727 = - simpleEventPluginEvents[i$jscomp$inline_1726], - domEventName$jscomp$inline_1728 = - eventName$jscomp$inline_1727.toLowerCase(), - capitalizedEvent$jscomp$inline_1729 = - eventName$jscomp$inline_1727[0].toUpperCase() + - eventName$jscomp$inline_1727.slice(1); + var eventName$jscomp$inline_1764 = + simpleEventPluginEvents[i$jscomp$inline_1763], + domEventName$jscomp$inline_1765 = + eventName$jscomp$inline_1764.toLowerCase(), + capitalizedEvent$jscomp$inline_1766 = + eventName$jscomp$inline_1764[0].toUpperCase() + + eventName$jscomp$inline_1764.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1728, - "on" + capitalizedEvent$jscomp$inline_1729 + domEventName$jscomp$inline_1765, + "on" + capitalizedEvent$jscomp$inline_1766 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -16216,6 +16288,36 @@ function restoreViewTransitionName(instance, props) { instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } +function cancelRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "" === rootContainer.style.viewTransitionName && + ((rootContainer.style.viewTransitionName = "none"), + rootContainer.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + rootContainer.animate( + { width: [0, 0], height: [0, 0] }, + { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } + )); +} +function restoreRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "none" === rootContainer.style.viewTransitionName && + (rootContainer.style.viewTransitionName = ""); +} function measureInstance(instance) { var ownerWindow = instance.ownerDocument.defaultView, rect = instance.getBoundingClientRect(); @@ -16289,7 +16391,8 @@ function startViewTransition( ownerDocument.__reactViewTransition = transition; transition.ready.then(spawnedWorkCallback, spawnedWorkCallback); transition.finished.then(function () { - ownerDocument.__reactViewTransition = null; + ownerDocument.__reactViewTransition === transition && + (ownerDocument.__reactViewTransition = null); passiveCallback(); }); return !0; @@ -16297,6 +16400,40 @@ function startViewTransition( return !1; } } +function startGestureTransition( + rootContainer, + transitionTypes, + mutationCallback, + animateCallback +) { + var ownerDocument = + 9 === rootContainer.nodeType ? rootContainer : rootContainer.ownerDocument; + try { + var transition = ownerDocument.startViewTransition({ + update: mutationCallback, + types: transitionTypes + }); + ownerDocument.__reactViewTransition = transition; + var blockingAnim = null; + rootContainer = function () { + blockingAnim = ownerDocument.documentElement.animate([{}, {}], { + pseudoElement: "::view-transition", + duration: 1 + }); + blockingAnim.pause(); + animateCallback(); + }; + transition.ready.then(rootContainer, rootContainer); + transition.finished.then(function () { + null !== blockingAnim && blockingAnim.cancel(); + ownerDocument.__reactViewTransition === transition && + (ownerDocument.__reactViewTransition = null); + }); + return transition; + } catch (x) { + return mutationCallback(), animateCallback(), null; + } +} function ViewTransitionPseudoElement(pseudo, name) { this._scope = document.documentElement; this._selector = "::view-transition-" + pseudo + "(" + name + ")"; @@ -17362,7 +17499,7 @@ function FiberRootNode( this.pooledCache = null; this.pooledCacheLanes = 0; this.formState = formState; - this.gestures = null; + this.stoppingGestures = this.pendingGestures = null; this.incompleteTransitions = new Map(); this.passiveEffectDuration = this.effectDuration = -0; this.memoizedUpdaters = new Set(); @@ -18067,16 +18204,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1978 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2015 = React.version; if ( - "19.1.0-experimental-22e39ea7-20250225" !== - isomorphicReactPackageVersion$jscomp$inline_1978 + "19.1.0-experimental-d55cc79b-20250228" !== + isomorphicReactPackageVersion$jscomp$inline_2015 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1978, - "19.1.0-experimental-22e39ea7-20250225" + isomorphicReactPackageVersion$jscomp$inline_2015, + "19.1.0-experimental-d55cc79b-20250228" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -18096,24 +18233,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2506 = { +var internals$jscomp$inline_2548 = { bundleType: 0, - version: "19.1.0-experimental-22e39ea7-20250225", + version: "19.1.0-experimental-d55cc79b-20250228", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-22e39ea7-20250225" + reconcilerVersion: "19.1.0-experimental-d55cc79b-20250228" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2507 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2549 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2507.isDisabled && - hook$jscomp$inline_2507.supportsFiber + !hook$jscomp$inline_2549.isDisabled && + hook$jscomp$inline_2549.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2507.inject( - internals$jscomp$inline_2506 + (rendererID = hook$jscomp$inline_2549.inject( + internals$jscomp$inline_2548 )), - (injectedHook = hook$jscomp$inline_2507); + (injectedHook = hook$jscomp$inline_2549); } catch (err) {} } function noop() {} @@ -18366,7 +18503,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js index cd8b8232d586a..452e681ea86e3 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js @@ -9481,9 +9481,9 @@ "Invalid hook call. Hooks can only be called inside of the body of a function component." ); overflow = localIdCounter++; - treeId = ":" + resumableState.idPrefix + "R" + treeId; + treeId = "\u00ab" + resumableState.idPrefix + "R" + treeId; 0 < overflow && (treeId += "H" + overflow.toString(32)); - return treeId + ":"; + return treeId + "\u00bb"; }, useSyncExternalStore: function ( subscribe, @@ -9600,5 +9600,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-experimental-22e39ea7-20250225"; + exports.version = "19.1.0-experimental-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js index 4c9e63565d438..30b041aad63ff 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js @@ -3394,9 +3394,9 @@ var HooksDispatcher = { if (null === resumableState) throw Error(formatProdErrorMessage(404)); overflow = localIdCounter++; JSCompiler_inline_result = - ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + resumableState.idPrefix + "R" + JSCompiler_inline_result; 0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32)); - return JSCompiler_inline_result + ":"; + return JSCompiler_inline_result + "\u00bb"; }, useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) { if (void 0 === getServerSnapshot) @@ -6351,4 +6351,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js index 57766775b8914..44238ca06098f 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js @@ -9481,9 +9481,9 @@ "Invalid hook call. Hooks can only be called inside of the body of a function component." ); overflow = localIdCounter++; - treeId = ":" + resumableState.idPrefix + "R" + treeId; + treeId = "\u00ab" + resumableState.idPrefix + "R" + treeId; 0 < overflow && (treeId += "H" + overflow.toString(32)); - return treeId + ":"; + return treeId + "\u00bb"; }, useSyncExternalStore: function ( subscribe, @@ -9600,5 +9600,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-experimental-22e39ea7-20250225"; + exports.version = "19.1.0-experimental-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js index 012c64e55d8df..5044314f85f9a 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js @@ -3443,9 +3443,9 @@ var HooksDispatcher = { ); overflow = localIdCounter++; JSCompiler_inline_result = - ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + resumableState.idPrefix + "R" + JSCompiler_inline_result; 0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32)); - return JSCompiler_inline_result + ":"; + return JSCompiler_inline_result + "\u00bb"; }, useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) { if (void 0 === getServerSnapshot) @@ -6445,4 +6445,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js index 0ee74f561edd0..4f8e578649bd7 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js @@ -8503,11 +8503,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -9937,9 +9937,9 @@ "Invalid hook call. Hooks can only be called inside of the body of a function component." ); overflow = localIdCounter++; - treeId = ":" + resumableState.idPrefix + "R" + treeId; + treeId = "\u00ab" + resumableState.idPrefix + "R" + treeId; 0 < overflow && (treeId += "H" + overflow.toString(32)); - return treeId + ":"; + return treeId + "\u00bb"; }, useSyncExternalStore: function ( subscribe, @@ -10294,5 +10294,5 @@ startWork(request); }); }; - exports.version = "19.1.0-experimental-22e39ea7-20250225"; + exports.version = "19.1.0-experimental-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js index 8d96601897697..9a8ab3847ebbe 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js @@ -3795,9 +3795,9 @@ var HooksDispatcher = { if (null === resumableState) throw Error(formatProdErrorMessage(404)); overflow = localIdCounter++; JSCompiler_inline_result = - ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + resumableState.idPrefix + "R" + JSCompiler_inline_result; 0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32)); - return JSCompiler_inline_result + ":"; + return JSCompiler_inline_result + "\u00bb"; }, useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) { if (void 0 === getServerSnapshot) @@ -6892,12 +6892,12 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.1.0-experimental-22e39ea7-20250225" + "19.1.0-experimental-d55cc79b-20250228" ) ); } @@ -7152,4 +7152,4 @@ exports.resumeAndPrerender = function (children, postponedState, options) { startWork(request); }); }; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js index 55c4e26697743..b328622ef27a5 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js @@ -3431,9 +3431,9 @@ var HooksDispatcher = { ); overflow = localIdCounter++; JSCompiler_inline_result = - ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + resumableState.idPrefix + "R" + JSCompiler_inline_result; 0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32)); - return JSCompiler_inline_result + ":"; + return JSCompiler_inline_result + "\u00bb"; }, useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) { if (void 0 === getServerSnapshot) @@ -6370,13 +6370,13 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } var isomorphicReactPackageVersion$jscomp$inline_810 = React.version; if ( - "19.1.0-experimental-22e39ea7-20250225" !== + "19.1.0-experimental-d55cc79b-20250228" !== isomorphicReactPackageVersion$jscomp$inline_810 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_810 + - "\n - react-dom: 19.1.0-experimental-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -6467,4 +6467,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js index 2de205466355e..34e6046d82574 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js @@ -8526,11 +8526,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -9956,9 +9956,9 @@ "Invalid hook call. Hooks can only be called inside of the body of a function component." ); overflow = localIdCounter++; - treeId = ":" + resumableState.idPrefix + "R" + treeId; + treeId = "\u00ab" + resumableState.idPrefix + "R" + treeId; 0 < overflow && (treeId += "H" + overflow.toString(32)); - return treeId + ":"; + return treeId + "\u00bb"; }, useSyncExternalStore: function ( subscribe, @@ -10324,5 +10324,5 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; - exports.version = "19.1.0-experimental-22e39ea7-20250225"; + exports.version = "19.1.0-experimental-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js index 9d922289d3f91..09c4a561f9742 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js @@ -3836,9 +3836,9 @@ var HooksDispatcher = { ); overflow = localIdCounter++; JSCompiler_inline_result = - ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + resumableState.idPrefix + "R" + JSCompiler_inline_result; 0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32)); - return JSCompiler_inline_result + ":"; + return JSCompiler_inline_result + "\u00bb"; }, useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) { if (void 0 === getServerSnapshot) @@ -7001,11 +7001,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -7270,4 +7270,4 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js index b664487c1330e..87fc6f6550ef7 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js @@ -8390,11 +8390,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -9890,9 +9890,9 @@ "Invalid hook call. Hooks can only be called inside of the body of a function component." ); overflow = localIdCounter++; - treeId = ":" + resumableState.idPrefix + "R" + treeId; + treeId = "\u00ab" + resumableState.idPrefix + "R" + treeId; 0 < overflow && (treeId += "H" + overflow.toString(32)); - return treeId + ":"; + return treeId + "\u00bb"; }, useSyncExternalStore: function ( subscribe, @@ -10174,5 +10174,5 @@ } }; }; - exports.version = "19.1.0-experimental-22e39ea7-20250225"; + exports.version = "19.1.0-experimental-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js index 81ea18c2d1791..54b857e1b3ca1 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js @@ -3723,9 +3723,9 @@ var HooksDispatcher = { ); overflow = localIdCounter++; JSCompiler_inline_result = - ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + resumableState.idPrefix + "R" + JSCompiler_inline_result; 0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32)); - return JSCompiler_inline_result + ":"; + return JSCompiler_inline_result + "\u00bb"; }, useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) { if (void 0 === getServerSnapshot) @@ -6880,11 +6880,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -7135,4 +7135,4 @@ exports.resumeToPipeableStream = function (children, postponedState, options) { } }; }; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js index 023d813ffc248..a3cb30a4a269f 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js @@ -5270,7 +5270,7 @@ rangeCurrent, rangeNext ) { - for (var prev = root.gestures; null !== prev; ) { + for (var prev = root.pendingGestures; null !== prev; ) { if (prev.provider === provider) return prev.count++, prev; var next = prev.next; if (null === next) break; @@ -5285,11 +5285,11 @@ gesture.direction !== direction && ((gesture.direction = direction), null === gesture.prev && - root.gestures !== gesture && - ((direction = root.gestures), + root.pendingGestures !== gesture && + ((direction = root.pendingGestures), (gesture.next = direction), null !== direction && (direction.prev = gesture), - (root.gestures = gesture), + (root.pendingGestures = gesture), (root.pendingLanes |= 64), ensureRootIsScheduled(root))); } @@ -5302,23 +5302,36 @@ rangeCurrent: rangeCurrent, rangeNext: rangeNext, cancel: next, + running: null, prev: prev, next: null }; - null === prev ? (root.gestures = gesture) : (prev.next = gesture); + null === prev ? (root.pendingGestures = gesture) : (prev.next = gesture); ensureRootIsScheduled(root); return gesture; } function deleteScheduledGesture(root, gesture) { null === gesture.prev - ? root.gestures === gesture && - ((root.gestures = gesture.next), - null === root.gestures && (root.pendingLanes &= -65)) + ? (root.pendingGestures === gesture && + ((root.pendingGestures = gesture.next), + null === root.pendingGestures && (root.pendingLanes &= -65)), + root.stoppingGestures === gesture && + (root.stoppingGestures = gesture.next)) : ((gesture.prev.next = gesture.next), null !== gesture.next && (gesture.next.prev = gesture.prev), (gesture.prev = null), (gesture.next = null)); } + function stopCompletedGestures(root) { + var gesture = root.stoppingGestures; + for (root.stoppingGestures = null; null !== gesture; ) + null !== gesture.running && + (gesture.running.skipTransition(), (gesture.running = null)), + (root = gesture.next), + (gesture.next = null), + (gesture.prev = null), + (gesture = root); + } function mountHookTypesDev() { var hookName = currentHookNameInDev; null === hookTypesDev @@ -6804,14 +6817,14 @@ identifierPrefix = workInProgressRoot.identifierPrefix; if (isHydrating) { var treeId = getTreeId(); - identifierPrefix = ":" + identifierPrefix + "R" + treeId; + identifierPrefix = "\u00ab" + identifierPrefix + "R" + treeId; treeId = localIdCounter++; 0 < treeId && (identifierPrefix += "H" + treeId.toString(32)); - identifierPrefix += ":"; + identifierPrefix += "\u00bb"; } else (treeId = globalClientIdCounter$1++), (identifierPrefix = - ":" + identifierPrefix + "r" + treeId.toString(32) + ":"); + "\u00ab" + identifierPrefix + "r" + treeId.toString(32) + "\u00bb"); return (hook.memoizedState = identifierPrefix); } function mountRefresh() { @@ -7032,6 +7045,19 @@ var cancelDirectionSubscription = gesture.cancel; cancelDirectionSubscription(); deleteScheduledGesture(root, gesture); + cancelDirectionSubscription = gesture.running; + if (null !== cancelDirectionSubscription) { + var pendingLanesExcludingGestureLane = root.pendingLanes & -65; + 0 !== (pendingLanesExcludingGestureLane & 124) || + 0 !== (pendingLanesExcludingGestureLane & 4194048) + ? ((cancelDirectionSubscription = root.stoppingGestures), + null !== cancelDirectionSubscription && + ((gesture.next = cancelDirectionSubscription), + (cancelDirectionSubscription.prev = gesture)), + (root.stoppingGestures = gesture)) + : ((gesture.running = null), + cancelDirectionSubscription.skipTransition()); + } } }; } @@ -7061,7 +7087,7 @@ throw Error( "Expected a work-in-progress root. This is a bug in React. Please file an issue." ); - rootRenderLanes = rootRenderLanes.gestures; + rootRenderLanes = rootRenderLanes.pendingGestures; if (null !== rootRenderLanes) for (var update = queue.pending; null !== update; ) { if (rootRenderLanes === update.gesture) { @@ -9547,33 +9573,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2617; - var JSCompiler_object_inline_stack_2616 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2659; + var JSCompiler_object_inline_stack_2658 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2614 = !1; + var JSCompiler_object_inline_message_2656 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2617 = didSuspend) || - (JSCompiler_object_inline_componentStack_2617 = + (JSCompiler_object_inline_componentStack_2659 = didSuspend) || + (JSCompiler_object_inline_componentStack_2659 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2617 && - ((JSCompiler_object_inline_message_2614 = !0), + JSCompiler_object_inline_componentStack_2659 && + ((JSCompiler_object_inline_message_2656 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2617 = + JSCompiler_object_inline_componentStack_2659 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2614 + JSCompiler_object_inline_message_2656 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2615 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2657 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2615)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2657)) { c: { - var instance = JSCompiler_object_inline_digest_2615; + var instance = JSCompiler_object_inline_digest_2657; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9615,87 +9641,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2615 + JSCompiler_object_inline_digest_2657 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2615 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2657 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2615 && - ((JSCompiler_object_inline_digest_2615 = - JSCompiler_object_inline_digest_2615.dehydrated), - null !== JSCompiler_object_inline_digest_2615) + null !== JSCompiler_object_inline_digest_2657 && + ((JSCompiler_object_inline_digest_2657 = + JSCompiler_object_inline_digest_2657.dehydrated), + null !== JSCompiler_object_inline_digest_2657) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2615) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2657) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2615 = - JSCompiler_object_inline_stack_2616.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2616.fallback; - if (JSCompiler_object_inline_message_2614) + JSCompiler_object_inline_digest_2657 = + JSCompiler_object_inline_stack_2658.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2658.fallback; + if (JSCompiler_object_inline_message_2656) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2616 = + (JSCompiler_object_inline_stack_2658 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2615, + JSCompiler_object_inline_digest_2657, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2614 = workInProgress.child), - (JSCompiler_object_inline_message_2614.memoizedState = + (JSCompiler_object_inline_message_2656 = workInProgress.child), + (JSCompiler_object_inline_message_2656.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2614.childLanes = + (JSCompiler_object_inline_message_2656.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2617, + JSCompiler_object_inline_componentStack_2659, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2616 + JSCompiler_object_inline_stack_2658 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2616.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2658.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2616 = + (JSCompiler_object_inline_stack_2658 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2615, + JSCompiler_object_inline_digest_2657, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2614 = workInProgress.child), - (JSCompiler_object_inline_message_2614.memoizedState = + (JSCompiler_object_inline_message_2656 = workInProgress.child), + (JSCompiler_object_inline_message_2656.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2614.childLanes = + (JSCompiler_object_inline_message_2656.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2617, + JSCompiler_object_inline_componentStack_2659, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2616 + JSCompiler_object_inline_stack_2658 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2615 + JSCompiler_object_inline_digest_2657 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2615 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2615) + ((JSCompiler_object_inline_digest_2657 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2657) ) { if (didSuspend) workInProgress.flags & 256 @@ -9712,94 +9738,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2614 = - JSCompiler_object_inline_stack_2616.fallback), - (JSCompiler_object_inline_digest_2615 = workInProgress.mode), - (JSCompiler_object_inline_stack_2616 = + (JSCompiler_object_inline_message_2656 = + JSCompiler_object_inline_stack_2658.fallback), + (JSCompiler_object_inline_digest_2657 = workInProgress.mode), + (JSCompiler_object_inline_stack_2658 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2616.children + children: JSCompiler_object_inline_stack_2658.children }, - JSCompiler_object_inline_digest_2615 + JSCompiler_object_inline_digest_2657 )), - (JSCompiler_object_inline_message_2614 = + (JSCompiler_object_inline_message_2656 = createFiberFromFragment( - JSCompiler_object_inline_message_2614, - JSCompiler_object_inline_digest_2615, + JSCompiler_object_inline_message_2656, + JSCompiler_object_inline_digest_2657, renderLanes, null )), - (JSCompiler_object_inline_message_2614.flags |= 2), - (JSCompiler_object_inline_stack_2616.return = workInProgress), - (JSCompiler_object_inline_message_2614.return = workInProgress), - (JSCompiler_object_inline_stack_2616.sibling = - JSCompiler_object_inline_message_2614), - (workInProgress.child = JSCompiler_object_inline_stack_2616), + (JSCompiler_object_inline_message_2656.flags |= 2), + (JSCompiler_object_inline_stack_2658.return = workInProgress), + (JSCompiler_object_inline_message_2656.return = workInProgress), + (JSCompiler_object_inline_stack_2658.sibling = + JSCompiler_object_inline_message_2656), + (workInProgress.child = JSCompiler_object_inline_stack_2658), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2616 = workInProgress.child), - (JSCompiler_object_inline_stack_2616.memoizedState = + (JSCompiler_object_inline_stack_2658 = workInProgress.child), + (JSCompiler_object_inline_stack_2658.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2616.childLanes = + (JSCompiler_object_inline_stack_2658.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2617, + JSCompiler_object_inline_componentStack_2659, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2614)); + (workInProgress = JSCompiler_object_inline_message_2656)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2615)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2657)) ) { - JSCompiler_object_inline_componentStack_2617 = - JSCompiler_object_inline_digest_2615.nextSibling && - JSCompiler_object_inline_digest_2615.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2617) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2617.dgst; - var message = JSCompiler_object_inline_componentStack_2617.msg; - instance = JSCompiler_object_inline_componentStack_2617.stck; + JSCompiler_object_inline_componentStack_2659 = + JSCompiler_object_inline_digest_2657.nextSibling && + JSCompiler_object_inline_digest_2657.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2659) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2659.dgst; + var message = JSCompiler_object_inline_componentStack_2659.msg; + instance = JSCompiler_object_inline_componentStack_2659.stck; var componentStack = - JSCompiler_object_inline_componentStack_2617.cstck; + JSCompiler_object_inline_componentStack_2659.cstck; } - JSCompiler_object_inline_message_2614 = message; - JSCompiler_object_inline_digest_2615 = JSCompiler_temp; - JSCompiler_object_inline_stack_2616 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2617 = + JSCompiler_object_inline_message_2656 = message; + JSCompiler_object_inline_digest_2657 = JSCompiler_temp; + JSCompiler_object_inline_stack_2658 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2659 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2615 && - ((JSCompiler_object_inline_componentStack_2617 = - JSCompiler_object_inline_message_2614 - ? Error(JSCompiler_object_inline_message_2614) + "POSTPONE" !== JSCompiler_object_inline_digest_2657 && + ((JSCompiler_object_inline_componentStack_2659 = + JSCompiler_object_inline_message_2656 + ? Error(JSCompiler_object_inline_message_2656) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_componentStack_2617.stack = - JSCompiler_object_inline_stack_2616 || ""), - (JSCompiler_object_inline_componentStack_2617.digest = - JSCompiler_object_inline_digest_2615), - (JSCompiler_object_inline_stack_2616 = + (JSCompiler_object_inline_componentStack_2659.stack = + JSCompiler_object_inline_stack_2658 || ""), + (JSCompiler_object_inline_componentStack_2659.digest = + JSCompiler_object_inline_digest_2657), + (JSCompiler_object_inline_stack_2658 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2614 = { - value: JSCompiler_object_inline_componentStack_2617, + (JSCompiler_object_inline_message_2656 = { + value: JSCompiler_object_inline_componentStack_2659, source: null, - stack: JSCompiler_object_inline_stack_2616 + stack: JSCompiler_object_inline_stack_2658 }), - "string" === typeof JSCompiler_object_inline_stack_2616 && + "string" === typeof JSCompiler_object_inline_stack_2658 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2617, - JSCompiler_object_inline_message_2614 + JSCompiler_object_inline_componentStack_2659, + JSCompiler_object_inline_message_2656 ), - queueHydrationError(JSCompiler_object_inline_message_2614)); + queueHydrationError(JSCompiler_object_inline_message_2656)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9813,44 +9839,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2617 = + (JSCompiler_object_inline_componentStack_2659 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2617) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2659) ) { - JSCompiler_object_inline_componentStack_2617 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2659 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2617 && - ((JSCompiler_object_inline_stack_2616 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2616 = - 0 !== (JSCompiler_object_inline_stack_2616 & 42) + null !== JSCompiler_object_inline_componentStack_2659 && + ((JSCompiler_object_inline_stack_2658 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2658 = + 0 !== (JSCompiler_object_inline_stack_2658 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2616 + JSCompiler_object_inline_stack_2658 )), - (JSCompiler_object_inline_stack_2616 = + (JSCompiler_object_inline_stack_2658 = 0 !== - (JSCompiler_object_inline_stack_2616 & - (JSCompiler_object_inline_componentStack_2617.suspendedLanes | + (JSCompiler_object_inline_stack_2658 & + (JSCompiler_object_inline_componentStack_2659.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2616), - 0 !== JSCompiler_object_inline_stack_2616 && - JSCompiler_object_inline_stack_2616 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2658), + 0 !== JSCompiler_object_inline_stack_2658 && + JSCompiler_object_inline_stack_2658 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2616), + ((prevState.retryLane = JSCompiler_object_inline_stack_2658), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2616 + JSCompiler_object_inline_stack_2658 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2617, + JSCompiler_object_inline_componentStack_2659, current, - JSCompiler_object_inline_stack_2616 + JSCompiler_object_inline_stack_2658 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2615.data === + JSCompiler_object_inline_digest_2657.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9858,14 +9884,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2615.data === + JSCompiler_object_inline_digest_2657.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2615.nextSibling + JSCompiler_object_inline_digest_2657.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9883,54 +9909,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2616.children + JSCompiler_object_inline_stack_2658.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2614) + if (JSCompiler_object_inline_message_2656) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2614 = - JSCompiler_object_inline_stack_2616.fallback), - (JSCompiler_object_inline_digest_2615 = workInProgress.mode), + (JSCompiler_object_inline_message_2656 = + JSCompiler_object_inline_stack_2658.fallback), + (JSCompiler_object_inline_digest_2657 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2616 = createWorkInProgress( + (JSCompiler_object_inline_stack_2658 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2616.children + children: JSCompiler_object_inline_stack_2658.children } )), - (JSCompiler_object_inline_stack_2616.subtreeFlags = + (JSCompiler_object_inline_stack_2658.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2614 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2656 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2614 + JSCompiler_object_inline_message_2656 )) - : ((JSCompiler_object_inline_message_2614 = createFiberFromFragment( - JSCompiler_object_inline_message_2614, - JSCompiler_object_inline_digest_2615, + : ((JSCompiler_object_inline_message_2656 = createFiberFromFragment( + JSCompiler_object_inline_message_2656, + JSCompiler_object_inline_digest_2657, renderLanes, null )), - (JSCompiler_object_inline_message_2614.flags |= 2)), - (JSCompiler_object_inline_message_2614.return = workInProgress), - (JSCompiler_object_inline_stack_2616.return = workInProgress), - (JSCompiler_object_inline_stack_2616.sibling = - JSCompiler_object_inline_message_2614), - (workInProgress.child = JSCompiler_object_inline_stack_2616), - (JSCompiler_object_inline_stack_2616 = - JSCompiler_object_inline_message_2614), - (JSCompiler_object_inline_message_2614 = workInProgress.child), - (JSCompiler_object_inline_digest_2615 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2615 - ? (JSCompiler_object_inline_digest_2615 = + (JSCompiler_object_inline_message_2656.flags |= 2)), + (JSCompiler_object_inline_message_2656.return = workInProgress), + (JSCompiler_object_inline_stack_2658.return = workInProgress), + (JSCompiler_object_inline_stack_2658.sibling = + JSCompiler_object_inline_message_2656), + (workInProgress.child = JSCompiler_object_inline_stack_2658), + (JSCompiler_object_inline_stack_2658 = + JSCompiler_object_inline_message_2656), + (JSCompiler_object_inline_message_2656 = workInProgress.child), + (JSCompiler_object_inline_digest_2657 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2657 + ? (JSCompiler_object_inline_digest_2657 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2615.cachePool), + JSCompiler_object_inline_digest_2657.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9938,38 +9964,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2615 = { + (JSCompiler_object_inline_digest_2657 = { baseLanes: - JSCompiler_object_inline_digest_2615.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2657.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2614.memoizedState = - JSCompiler_object_inline_digest_2615), - (JSCompiler_object_inline_message_2614.childLanes = + (JSCompiler_object_inline_message_2656.memoizedState = + JSCompiler_object_inline_digest_2657), + (JSCompiler_object_inline_message_2656.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2617, + JSCompiler_object_inline_componentStack_2659, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2616 + JSCompiler_object_inline_stack_2658 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2616.children + children: JSCompiler_object_inline_stack_2658.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2617 = + ((JSCompiler_object_inline_componentStack_2659 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2617 + null === JSCompiler_object_inline_componentStack_2659 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2617.push(current)); + : JSCompiler_object_inline_componentStack_2659.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11655,239 +11681,6 @@ captureCommitPhaseError(finishedWork, finishedWork.return, error); } } - function commitBeforeMutationEffects(root, firstChild, committedLanes) { - root = root.containerInfo; - eventsEnabled = _enabled; - root = getActiveElementDeep(root); - if (hasSelectionCapabilities(root)) { - if ("selectionStart" in root) - var JSCompiler_temp = { - start: root.selectionStart, - end: root.selectionEnd - }; - else - a: { - JSCompiler_temp = - ((JSCompiler_temp = root.ownerDocument) && - JSCompiler_temp.defaultView) || - window; - var selection = - JSCompiler_temp.getSelection && JSCompiler_temp.getSelection(); - if (selection && 0 !== selection.rangeCount) { - JSCompiler_temp = selection.anchorNode; - var anchorOffset = selection.anchorOffset, - focusNode = selection.focusNode; - selection = selection.focusOffset; - try { - JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$2) { - JSCompiler_temp = null; - break a; - } - var length = 0, - start = -1, - end = -1, - indexWithinAnchor = 0, - indexWithinFocus = 0, - node = root, - parentNode = null; - b: for (;;) { - for (var next; ; ) { - node !== JSCompiler_temp || - (0 !== anchorOffset && 3 !== node.nodeType) || - (start = length + anchorOffset); - node !== focusNode || - (0 !== selection && 3 !== node.nodeType) || - (end = length + selection); - 3 === node.nodeType && (length += node.nodeValue.length); - if (null === (next = node.firstChild)) break; - parentNode = node; - node = next; - } - for (;;) { - if (node === root) break b; - parentNode === JSCompiler_temp && - ++indexWithinAnchor === anchorOffset && - (start = length); - parentNode === focusNode && - ++indexWithinFocus === selection && - (end = length); - if (null !== (next = node.nextSibling)) break; - node = parentNode; - parentNode = node.parentNode; - } - node = next; - } - JSCompiler_temp = - -1 === start || -1 === end ? null : { start: start, end: end }; - } else JSCompiler_temp = null; - } - JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; - } else JSCompiler_temp = null; - selectionInformation = { - focusedElem: root, - selectionRange: JSCompiler_temp - }; - shouldStartViewTransition = _enabled = !1; - committedLanes = (committedLanes & 335544064) === committedLanes; - nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { - root = nextEffect; - if ( - committedLanes && - ((JSCompiler_temp = root.deletions), null !== JSCompiler_temp) - ) - for ( - anchorOffset = 0; - anchorOffset < JSCompiler_temp.length; - anchorOffset++ - ) - committedLanes && - commitExitViewTransitions(JSCompiler_temp[anchorOffset]); - if (null === root.alternate && 0 !== (root.flags & 2)) - commitBeforeMutationEffects_complete(committedLanes); - else { - if (22 === root.tag) - if ( - ((JSCompiler_temp = root.alternate), null !== root.memoizedState) - ) { - null !== JSCompiler_temp && - null === JSCompiler_temp.memoizedState && - committedLanes && - commitExitViewTransitions(JSCompiler_temp); - commitBeforeMutationEffects_complete(committedLanes); - continue; - } else if ( - null !== JSCompiler_temp && - null !== JSCompiler_temp.memoizedState - ) { - commitBeforeMutationEffects_complete(committedLanes); - continue; - } - JSCompiler_temp = root.child; - 0 !== (root.subtreeFlags & firstChild) && null !== JSCompiler_temp - ? ((JSCompiler_temp.return = root), (nextEffect = JSCompiler_temp)) - : (committedLanes && commitNestedViewTransitions(root), - commitBeforeMutationEffects_complete(committedLanes)); - } - } - appearingViewTransitions = null; - } - function commitBeforeMutationEffects_complete( - isViewTransitionEligible$jscomp$0 - ) { - for (; null !== nextEffect; ) { - var fiber = nextEffect, - finishedWork = fiber, - isViewTransitionEligible = isViewTransitionEligible$jscomp$0, - current = finishedWork.alternate, - flags = finishedWork.flags; - switch (finishedWork.tag) { - case 0: - if ( - 0 !== (flags & 4) && - ((isViewTransitionEligible = finishedWork.updateQueue), - (isViewTransitionEligible = - null !== isViewTransitionEligible - ? isViewTransitionEligible.events - : null), - null !== isViewTransitionEligible) - ) - for ( - finishedWork = 0; - finishedWork < isViewTransitionEligible.length; - finishedWork++ - ) - (current = isViewTransitionEligible[finishedWork]), - (current.ref.impl = current.nextImpl); - break; - case 11: - case 15: - break; - case 1: - 0 !== (flags & 1024) && - null !== current && - commitClassSnapshot(finishedWork, current); - break; - case 3: - if (0 !== (flags & 1024)) - if ( - ((isViewTransitionEligible = - finishedWork.stateNode.containerInfo), - (finishedWork = isViewTransitionEligible.nodeType), - 9 === finishedWork) - ) - clearContainerSparingly(isViewTransitionEligible); - else if (1 === finishedWork) - switch (isViewTransitionEligible.nodeName) { - case "HEAD": - case "HTML": - case "BODY": - clearContainerSparingly(isViewTransitionEligible); - break; - default: - isViewTransitionEligible.textContent = ""; - } - break; - case 5: - case 26: - case 27: - case 6: - case 4: - case 17: - break; - case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (finishedWork.subtreeFlags & 8246) - ) - a: { - isViewTransitionEligible = current; - current = finishedWork; - finishedWork = getViewTransitionName( - isViewTransitionEligible.memoizedProps, - isViewTransitionEligible.stateNode - ); - current = current.memoizedProps; - flags = getViewTransitionClassName( - current.className, - current.update - ); - if ( - "none" === flags && - ((flags = getViewTransitionClassName( - current.className, - current.layout - )), - "none" === flags) - ) - break a; - viewTransitionHostInstanceIdx = 0; - applyViewTransitionToHostInstances( - isViewTransitionEligible.child, - finishedWork, - flags, - (isViewTransitionEligible.memoizedState = []), - !0 - ); - } - break; - default: - if (0 !== (flags & 1024)) - throw Error( - "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue." - ); - } - isViewTransitionEligible = fiber.sibling; - if (null !== isViewTransitionEligible) { - isViewTransitionEligible.return = fiber.return; - nextEffect = isViewTransitionEligible; - break; - } - nextEffect = fiber.return; - } - } function applyViewTransitionToHostInstances( child, name, @@ -12259,37 +12052,270 @@ ) && (inViewport = !0); child = child.sibling; } - return inViewport; + return inViewport; + } + function measureNestedViewTransitions(changedParent) { + for (changedParent = changedParent.child; null !== changedParent; ) { + if (30 === changedParent.tag) { + var current = changedParent.alternate; + if (null !== current) { + var props = changedParent.memoizedProps, + name = getViewTransitionName(props, changedParent.stateNode), + className = getViewTransitionClassName( + props.className, + props.layout + ); + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstances( + current, + changedParent, + changedParent.child, + name, + className, + changedParent.memoizedState, + !1 + ); + 0 !== (changedParent.flags & 4) && + current && + scheduleViewTransitionEvent(changedParent, props.onLayout); + } + } else + 0 !== (changedParent.subtreeFlags & 33554432) && + measureNestedViewTransitions(changedParent); + changedParent = changedParent.sibling; + } + } + function commitBeforeMutationEffects(root, firstChild, committedLanes) { + root = root.containerInfo; + eventsEnabled = _enabled; + root = getActiveElementDeep(root); + if (hasSelectionCapabilities(root)) { + if ("selectionStart" in root) + var JSCompiler_temp = { + start: root.selectionStart, + end: root.selectionEnd + }; + else + a: { + JSCompiler_temp = + ((JSCompiler_temp = root.ownerDocument) && + JSCompiler_temp.defaultView) || + window; + var selection = + JSCompiler_temp.getSelection && JSCompiler_temp.getSelection(); + if (selection && 0 !== selection.rangeCount) { + JSCompiler_temp = selection.anchorNode; + var anchorOffset = selection.anchorOffset, + focusNode = selection.focusNode; + selection = selection.focusOffset; + try { + JSCompiler_temp.nodeType, focusNode.nodeType; + } catch (e$2) { + JSCompiler_temp = null; + break a; + } + var length = 0, + start = -1, + end = -1, + indexWithinAnchor = 0, + indexWithinFocus = 0, + node = root, + parentNode = null; + b: for (;;) { + for (var next; ; ) { + node !== JSCompiler_temp || + (0 !== anchorOffset && 3 !== node.nodeType) || + (start = length + anchorOffset); + node !== focusNode || + (0 !== selection && 3 !== node.nodeType) || + (end = length + selection); + 3 === node.nodeType && (length += node.nodeValue.length); + if (null === (next = node.firstChild)) break; + parentNode = node; + node = next; + } + for (;;) { + if (node === root) break b; + parentNode === JSCompiler_temp && + ++indexWithinAnchor === anchorOffset && + (start = length); + parentNode === focusNode && + ++indexWithinFocus === selection && + (end = length); + if (null !== (next = node.nextSibling)) break; + node = parentNode; + parentNode = node.parentNode; + } + node = next; + } + JSCompiler_temp = + -1 === start || -1 === end ? null : { start: start, end: end }; + } else JSCompiler_temp = null; + } + JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; + } else JSCompiler_temp = null; + selectionInformation = { + focusedElem: root, + selectionRange: JSCompiler_temp + }; + shouldStartViewTransition = _enabled = !1; + committedLanes = (committedLanes & 335544064) === committedLanes; + nextEffect = firstChild; + for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + root = nextEffect; + if ( + committedLanes && + ((JSCompiler_temp = root.deletions), null !== JSCompiler_temp) + ) + for ( + anchorOffset = 0; + anchorOffset < JSCompiler_temp.length; + anchorOffset++ + ) + committedLanes && + commitExitViewTransitions(JSCompiler_temp[anchorOffset]); + if (null === root.alternate && 0 !== (root.flags & 2)) + commitBeforeMutationEffects_complete(committedLanes); + else { + if (22 === root.tag) + if ( + ((JSCompiler_temp = root.alternate), null !== root.memoizedState) + ) { + null !== JSCompiler_temp && + null === JSCompiler_temp.memoizedState && + committedLanes && + commitExitViewTransitions(JSCompiler_temp); + commitBeforeMutationEffects_complete(committedLanes); + continue; + } else if ( + null !== JSCompiler_temp && + null !== JSCompiler_temp.memoizedState + ) { + commitBeforeMutationEffects_complete(committedLanes); + continue; + } + JSCompiler_temp = root.child; + 0 !== (root.subtreeFlags & firstChild) && null !== JSCompiler_temp + ? ((JSCompiler_temp.return = root), (nextEffect = JSCompiler_temp)) + : (committedLanes && commitNestedViewTransitions(root), + commitBeforeMutationEffects_complete(committedLanes)); + } + } + appearingViewTransitions = null; } - function measureNestedViewTransitions(changedParent) { - for (changedParent = changedParent.child; null !== changedParent; ) { - if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName( - props.className, - props.layout + function commitBeforeMutationEffects_complete( + isViewTransitionEligible$jscomp$0 + ) { + for (; null !== nextEffect; ) { + var fiber = nextEffect, + finishedWork = fiber, + isViewTransitionEligible = isViewTransitionEligible$jscomp$0, + current = finishedWork.alternate, + flags = finishedWork.flags; + switch (finishedWork.tag) { + case 0: + if ( + 0 !== (flags & 4) && + ((isViewTransitionEligible = finishedWork.updateQueue), + (isViewTransitionEligible = + null !== isViewTransitionEligible + ? isViewTransitionEligible.events + : null), + null !== isViewTransitionEligible) + ) + for ( + finishedWork = 0; + finishedWork < isViewTransitionEligible.length; + finishedWork++ + ) + (current = isViewTransitionEligible[finishedWork]), + (current.ref.impl = current.nextImpl); + break; + case 11: + case 15: + break; + case 1: + 0 !== (flags & 1024) && + null !== current && + commitClassSnapshot(finishedWork, current); + break; + case 3: + if (0 !== (flags & 1024)) + if ( + ((isViewTransitionEligible = + finishedWork.stateNode.containerInfo), + (finishedWork = isViewTransitionEligible.nodeType), + 9 === finishedWork) + ) + clearContainerSparingly(isViewTransitionEligible); + else if (1 === finishedWork) + switch (isViewTransitionEligible.nodeName) { + case "HEAD": + case "HTML": + case "BODY": + clearContainerSparingly(isViewTransitionEligible); + break; + default: + isViewTransitionEligible.textContent = ""; + } + break; + case 5: + case 26: + case 27: + case 6: + case 4: + case 17: + break; + case 30: + if ( + isViewTransitionEligible && + null !== current && + 0 !== (finishedWork.subtreeFlags & 8246) + ) + a: { + isViewTransitionEligible = current; + current = finishedWork; + finishedWork = getViewTransitionName( + isViewTransitionEligible.memoizedProps, + isViewTransitionEligible.stateNode + ); + current = current.memoizedProps; + flags = getViewTransitionClassName( + current.className, + current.update + ); + if ( + "none" === flags && + ((flags = getViewTransitionClassName( + current.className, + current.layout + )), + "none" === flags) + ) + break a; + viewTransitionHostInstanceIdx = 0; + applyViewTransitionToHostInstances( + isViewTransitionEligible.child, + finishedWork, + flags, + (isViewTransitionEligible.memoizedState = []), + !0 + ); + } + break; + default: + if (0 !== (flags & 1024)) + throw Error( + "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue." ); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 - ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } - } else - 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); - changedParent = changedParent.sibling; + } + isViewTransitionEligible = fiber.sibling; + if (null !== isViewTransitionEligible) { + isViewTransitionEligible.return = fiber.return; + nextEffect = isViewTransitionEligible; + break; + } + nextEffect = fiber.return; } } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { @@ -13372,30 +13398,7 @@ } ); } - finishedWork = root.containerInfo; - finishedWork = - 9 === finishedWork.nodeType - ? finishedWork.documentElement - : finishedWork.ownerDocument.documentElement; - null !== finishedWork && - "" === finishedWork.style.viewTransitionName && - ((finishedWork.style.viewTransitionName = "none"), - finishedWork.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - finishedWork.animate( - { width: [0, 0], height: [0, 0] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition" - } - )); + cancelRootViewTransitionName(root.containerInfo); } break; case 5: @@ -13864,14 +13867,7 @@ ); inHydratedSubtree = wasInHydratedSubtree; isViewTransitionEligible && - ((committedLanes = finishedRoot.containerInfo), - (committedLanes = - 9 === committedLanes.nodeType - ? committedLanes.documentElement - : committedLanes.ownerDocument.documentElement), - null !== committedLanes && - "none" === committedLanes.style.viewTransitionName && - (committedLanes.style.viewTransitionName = "")); + restoreRootViewTransitionName(finishedRoot.containerInfo); flags & 2048 && ((committedLanes = null), null !== finishedWork.alternate && @@ -13885,7 +13881,7 @@ break; case 12: if (flags & 2048) { - flags = pushNestedEffectDurations(); + isViewTransitionEligible = pushNestedEffectDurations(); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, @@ -13894,8 +13890,9 @@ endTime ); finishedRoot = finishedWork.stateNode; - finishedRoot.passiveEffectDuration += - bubbleNestedEffectDurations(flags); + finishedRoot.passiveEffectDuration += bubbleNestedEffectDurations( + isViewTransitionEligible + ); try { runWithFiberInDEV( finishedWork, @@ -13918,29 +13915,29 @@ ); break; case 13: - flags = inHydratedSubtree; - prevEffectDuration = + isViewTransitionEligible = inHydratedSubtree; + flags = null !== finishedWork.alternate ? finishedWork.alternate.memoizedState : null; - isViewTransitionEligible = finishedWork.memoizedState; - null === prevEffectDuration || - null === prevEffectDuration.dehydrated || - (null !== isViewTransitionEligible && - null !== isViewTransitionEligible.dehydrated) + prevEffectDuration = finishedWork.memoizedState; + null === flags || + null === flags.dehydrated || + (null !== prevEffectDuration && + null !== prevEffectDuration.dehydrated) ? (inHydratedSubtree = !1) - : ((isViewTransitionEligible = finishedWork.deletions), - null !== isViewTransitionEligible && - 0 < isViewTransitionEligible.length && - 18 === isViewTransitionEligible[0].tag + : ((prevEffectDuration = finishedWork.deletions), + null !== prevEffectDuration && + 0 < prevEffectDuration.length && + 18 === prevEffectDuration[0].tag ? ((inHydratedSubtree = !1), - (prevEffectDuration = prevEffectDuration.hydrationErrors), - null !== prevEffectDuration && + (flags = flags.hydrationErrors), + null !== flags && logComponentErrored( finishedWork, finishedWork.actualStartTime, endTime, - prevEffectDuration + flags )) : (inHydratedSubtree = !0)); recursivelyTraversePassiveMountEffects( @@ -13950,7 +13947,7 @@ committedTransitions, endTime ); - inHydratedSubtree = flags; + inHydratedSubtree = isViewTransitionEligible; break; case 23: break; @@ -14018,11 +14015,14 @@ break; case 30: isViewTransitionEligible && - ((flags = finishedWork.alternate), - null !== flags && + ((isViewTransitionEligible = finishedWork.alternate), + null !== isViewTransitionEligible && 0 !== (finishedWork.subtreeFlags & 8246) && ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances(flags.child, !0), + restoreViewTransitionOnHostInstances( + isViewTransitionEligible.child, + !0 + ), restoreViewTransitionOnHostInstances(finishedWork.child, !0))); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -14296,11 +14296,11 @@ ((previousHoistableRoot = fiber.memoizedProps.name), null != previousHoistableRoot && "auto" !== previousHoistableRoot) ) { + var state = fiber.stateNode; + state.paired = null; null === appearingViewTransitions && (appearingViewTransitions = new Map()); - var instance = fiber.stateNode; - instance.paired = null; - appearingViewTransitions.set(previousHoistableRoot, instance); + appearingViewTransitions.set(previousHoistableRoot, state); } recursivelyAccumulateSuspenseyCommit(fiber); break; @@ -16505,16 +16505,21 @@ ) { root.timeoutHandle = noTimeout; var subtreeFlags = finishedWork.subtreeFlags, - isViewTransitionEligible = (lanes & 335544064) === lanes; + isViewTransitionEligible = (lanes & 335544064) === lanes, + isGestureTransition = 64 === lanes; if ( isViewTransitionEligible || subtreeFlags & 8192 || - 16785408 === (subtreeFlags & 16785408) + 16785408 === (subtreeFlags & 16785408) || + isGestureTransition ) { suspendedState = { stylesheets: null, count: 0, unsuspend: noop }; appearingViewTransitions = null; accumulateSuspenseyCommitOnFiber(finishedWork); - if (isViewTransitionEligible) { + if ( + (isViewTransitionEligible || isGestureTransition) && + null === root.stoppingGestures + ) { isViewTransitionEligible = root.containerInfo; if (null === suspendedState) throw Error( @@ -17399,7 +17404,9 @@ completedRenderEndTime, lanes ); - if (null !== finishedWork) { + if (null === finishedWork) + null !== root.stoppingGestures && stopCompletedGestures(root); + else { 0 === lanes && console.error( "finishedLanes should not be empty during a commit. This is a bug in React." @@ -17411,7 +17418,7 @@ didIncludeRenderPhaseUpdate = finishedWork.lanes | finishedWork.childLanes; didIncludeRenderPhaseUpdate |= concurrentlyUpdatedLanes; - null === root.gestures && (didIncludeRenderPhaseUpdate &= -65); + null === root.pendingGestures && (didIncludeRenderPhaseUpdate &= -65); markRootFinished( root, lanes, @@ -17423,16 +17430,16 @@ root === workInProgressRoot && ((workInProgress = workInProgressRoot = null), (workInProgressRootRenderLanes = 0)); - if (64 === lanes) commitGestureOnRoot(root); + pendingFinishedWork = finishedWork; + pendingEffectsRoot = root; + pendingEffectsLanes = lanes; + pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; + pendingPassiveTransitions = transitions; + pendingRecoverableErrors = recoverableErrors; + pendingEffectsRenderEndTime = completedRenderEndTime; + pendingSuspendedCommitReason = suspendedCommitReason; + if (64 === lanes) commitGestureOnRoot(root, finishedWork); else { - pendingFinishedWork = finishedWork; - pendingEffectsRoot = root; - pendingEffectsLanes = lanes; - pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; - pendingPassiveTransitions = transitions; - pendingRecoverableErrors = recoverableErrors; - pendingEffectsRenderEndTime = completedRenderEndTime; - pendingSuspendedCommitReason = suspendedCommitReason; pendingViewTransitionEvents = null; (lanes & 335544064) === lanes ? ((pendingTransitionTypes = ReactSharedInternals.V), @@ -17475,8 +17482,11 @@ (ReactSharedInternals.T = suspendedCommitReason); } } + finishedWork = shouldStartViewTransition; + null !== root.stoppingGestures && + (stopCompletedGestures(root), (finishedWork = !1)); pendingEffectsStatus = PENDING_MUTATION_PHASE; - (shouldStartViewTransition && + (finishedWork && startViewTransition( root.containerInfo, pendingTransitionTypes, @@ -17703,7 +17713,7 @@ 0 !== (finishedWork.flags & completedRenderEndTime)) ? (pendingEffectsStatus = PENDING_PASSIVE_PHASE) : ((pendingEffectsStatus = NO_PENDING_EFFECTS), - (pendingEffectsRoot = null), + (pendingFinishedWork = pendingEffectsRoot = null), releaseRootPooledCache(root, root.pendingLanes), (nestedPassiveUpdateCount = 0), (rootWithPassiveNestedUpdates = null)); @@ -17803,12 +17813,69 @@ } } function commitGestureOnRoot(root) { - var finishedGesture = root.gestures; - if (null === finishedGesture) - throw Error( - "Finished rendering the gesture lane but there were no pending gestures. React should not have started a render in this case. This is a bug in React." + var finishedGesture = root.pendingGestures; + if (null === finishedGesture) ensureRootIsScheduled(root); + else { + deleteScheduledGesture(root, finishedGesture); + var prevTransition = ReactSharedInternals.T, + previousPriority = ReactDOMSharedInternals.p, + prevExecutionContext = executionContext; + executionContext |= CommitContext; + executionContext = prevExecutionContext; + ReactDOMSharedInternals.p = previousPriority; + ReactSharedInternals.T = prevTransition; + pendingTransitionTypes = null; + pendingEffectsStatus = PENDING_GESTURE_MUTATION_PHASE; + finishedGesture.running = startGestureTransition( + root.containerInfo, + pendingTransitionTypes, + flushGestureMutations, + flushGestureAnimations ); - deleteScheduledGesture(root, finishedGesture); + } + } + function flushGestureMutations() { + if (pendingEffectsStatus === PENDING_GESTURE_MUTATION_PHASE) { + pendingEffectsStatus = NO_PENDING_EFFECTS; + var root = pendingEffectsRoot, + prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; + executionContext |= CommitContext; + try { + cancelRootViewTransitionName(root.containerInfo); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + pendingEffectsStatus = PENDING_GESTURE_ANIMATION_PHASE; + } + } + function flushGestureAnimations() { + flushGestureMutations(); + if (pendingEffectsStatus === PENDING_GESTURE_ANIMATION_PHASE) { + pendingEffectsStatus = NO_PENDING_EFFECTS; + var root = pendingEffectsRoot; + pendingFinishedWork = pendingEffectsRoot = null; + pendingEffectsLanes = 0; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; + executionContext |= CommitContext; + try { + restoreRootViewTransitionName(root.containerInfo); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + ensureRootIsScheduled(root); + } } function makeErrorInfo(componentStack) { componentStack = { componentStack: componentStack }; @@ -17828,6 +17895,8 @@ ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + flushGestureMutations(); + flushGestureAnimations(); flushMutationEffects(); flushLayoutEffects(); flushSpawnedWork(); @@ -17853,7 +17922,7 @@ priority = pendingEffectsRoot; var lanes = pendingEffectsLanes; pendingEffectsStatus = NO_PENDING_EFFECTS; - pendingEffectsRoot = null; + pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Cannot flush passive effects while already rendering."); @@ -21671,6 +21740,36 @@ instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } + function cancelRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "" === rootContainer.style.viewTransitionName && + ((rootContainer.style.viewTransitionName = "none"), + rootContainer.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + rootContainer.animate( + { width: [0, 0], height: [0, 0] }, + { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } + )); + } + function restoreRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "none" === rootContainer.style.viewTransitionName && + (rootContainer.style.viewTransitionName = ""); + } function measureInstance(instance) { var ownerWindow = instance.ownerDocument.defaultView, rect = instance.getBoundingClientRect(); @@ -21754,7 +21853,8 @@ }); transition.ready.then(spawnedWorkCallback, spawnedWorkCallback); transition.finished.then(function () { - ownerDocument.__reactViewTransition = null; + ownerDocument.__reactViewTransition === transition && + (ownerDocument.__reactViewTransition = null); passiveCallback(); }); return !0; @@ -21762,6 +21862,42 @@ return !1; } } + function startGestureTransition( + rootContainer, + transitionTypes, + mutationCallback, + animateCallback + ) { + var ownerDocument = + 9 === rootContainer.nodeType + ? rootContainer + : rootContainer.ownerDocument; + try { + var transition = ownerDocument.startViewTransition({ + update: mutationCallback, + types: transitionTypes + }); + ownerDocument.__reactViewTransition = transition; + var blockingAnim = null; + rootContainer = function () { + blockingAnim = ownerDocument.documentElement.animate([{}, {}], { + pseudoElement: "::view-transition", + duration: 1 + }); + blockingAnim.pause(); + animateCallback(); + }; + transition.ready.then(rootContainer, rootContainer); + transition.finished.then(function () { + null !== blockingAnim && blockingAnim.cancel(); + ownerDocument.__reactViewTransition === transition && + (ownerDocument.__reactViewTransition = null); + }); + return transition; + } catch (x) { + return mutationCallback(), animateCallback(), null; + } + } function ViewTransitionPseudoElement(pseudo, name) { this._scope = document.documentElement; this._selector = "::view-transition-" + pseudo + "(" + name + ")"; @@ -22919,7 +23055,7 @@ this.pooledCache = null; this.pooledCacheLanes = 0; this.formState = formState; - this.gestures = null; + this.stoppingGestures = this.pendingGestures = null; this.incompleteTransitions = new Map(); this.passiveEffectDuration = this.effectDuration = -0; this.memoizedUpdaters = new Set(); @@ -26770,18 +26906,18 @@ hasWarnedAboutUsingNoValuePropOnContextProvider = !1, didWarnAboutUndefinedSnapshotBeforeUpdate = null; didWarnAboutUndefinedSnapshotBeforeUpdate = new Set(); - var offscreenSubtreeIsHidden = !1, + var shouldStartViewTransition = !1, + appearingViewTransitions = null, + viewTransitionCancelableChildren = null, + viewTransitionHostInstanceIdx = 0, + offscreenSubtreeIsHidden = !1, offscreenSubtreeWasHidden = !1, needsFormReset = !1, PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, nextEffect = null, inProgressLanes = null, inProgressRoot = null, - shouldStartViewTransition = !1, - appearingViewTransitions = null, viewTransitionContextChanged = !1, - viewTransitionCancelableChildren = null, - viewTransitionHostInstanceIdx = 0, hostParent = null, hostParentIsContainer = !1, currentHoistableRoot = null, @@ -26888,6 +27024,8 @@ PENDING_AFTER_MUTATION_PHASE = 3, PENDING_SPAWNED_WORK = 4, PENDING_PASSIVE_PHASE = 5, + PENDING_GESTURE_MUTATION_PHASE = 6, + PENDING_GESTURE_ANIMATION_PHASE = 7, pendingEffectsStatus = 0, pendingEffectsRoot = null, pendingFinishedWork = null, @@ -27478,11 +27616,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-experimental-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-experimental-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-experimental-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27519,10 +27657,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-22e39ea7-20250225", + version: "19.1.0-experimental-d55cc79b-20250228", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-22e39ea7-20250225" + reconcilerVersion: "19.1.0-experimental-d55cc79b-20250228" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -27830,5 +27968,5 @@ } }; }; - exports.version = "19.1.0-experimental-22e39ea7-20250225"; + exports.version = "19.1.0-experimental-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js index b532b3f660064..35f0edfc86b34 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js @@ -3284,7 +3284,7 @@ function scheduleGesture( rangeCurrent, rangeNext ) { - for (var prev = root.gestures; null !== prev; ) { + for (var prev = root.pendingGestures; null !== prev; ) { if (prev.provider === provider) return prev.count++, prev; var next = prev.next; if (null === next) break; @@ -3299,11 +3299,11 @@ function scheduleGesture( gesture.direction !== direction && ((gesture.direction = direction), null === gesture.prev && - root.gestures !== gesture && - ((direction = root.gestures), + root.pendingGestures !== gesture && + ((direction = root.pendingGestures), (gesture.next = direction), null !== direction && (direction.prev = gesture), - (root.gestures = gesture), + (root.pendingGestures = gesture), (root.pendingLanes |= 64), ensureRootIsScheduled(root))); } @@ -3316,23 +3316,36 @@ function scheduleGesture( rangeCurrent: rangeCurrent, rangeNext: rangeNext, cancel: next, + running: null, prev: prev, next: null }; - null === prev ? (root.gestures = gesture) : (prev.next = gesture); + null === prev ? (root.pendingGestures = gesture) : (prev.next = gesture); ensureRootIsScheduled(root); return gesture; } function deleteScheduledGesture(root, gesture) { null === gesture.prev - ? root.gestures === gesture && - ((root.gestures = gesture.next), - null === root.gestures && (root.pendingLanes &= -65)) + ? (root.pendingGestures === gesture && + ((root.pendingGestures = gesture.next), + null === root.pendingGestures && (root.pendingLanes &= -65)), + root.stoppingGestures === gesture && + (root.stoppingGestures = gesture.next)) : ((gesture.prev.next = gesture.next), null !== gesture.next && (gesture.next.prev = gesture.prev), (gesture.prev = null), (gesture.next = null)); } +function stopCompletedGestures(root) { + var gesture = root.stoppingGestures; + for (root.stoppingGestures = null; null !== gesture; ) + null !== gesture.running && + (gesture.running.skipTransition(), (gesture.running = null)), + (root = gesture.next), + (gesture.next = null), + (gesture.prev = null), + (gesture = root); +} var renderLanes = 0, currentlyRenderingFiber = null, currentHook = null, @@ -4509,6 +4522,19 @@ function startGesture(fiber, queue, gestureProvider, gestureOptions) { var cancelDirectionSubscription = cancelledGestured.cancel; cancelDirectionSubscription(); deleteScheduledGesture(root, cancelledGestured); + cancelDirectionSubscription = cancelledGestured.running; + if (null !== cancelDirectionSubscription) { + var pendingLanesExcludingGestureLane = root.pendingLanes & -65; + 0 !== (pendingLanesExcludingGestureLane & 124) || + 0 !== (pendingLanesExcludingGestureLane & 4194048) + ? ((cancelDirectionSubscription = root.stoppingGestures), + null !== cancelDirectionSubscription && + ((cancelledGestured.next = cancelDirectionSubscription), + (cancelDirectionSubscription.prev = cancelledGestured)), + (root.stoppingGestures = cancelledGestured)) + : ((cancelledGestured.running = null), + cancelDirectionSubscription.skipTransition()); + } } }; } @@ -4521,7 +4547,7 @@ function updateSwipeTransition(previous, current, next) { if (64 === rootRenderLanes) { rootRenderLanes = workInProgressRoot; if (null === rootRenderLanes) throw Error(formatProdErrorMessage(349)); - rootRenderLanes = rootRenderLanes.gestures; + rootRenderLanes = rootRenderLanes.pendingGestures; if (null !== rootRenderLanes) for (var update = queue.pending; null !== update; ) { if (rootRenderLanes === update.gesture) { @@ -4704,14 +4730,14 @@ var HooksDispatcherOnMount = { identifierPrefix = workInProgressRoot.identifierPrefix; if (isHydrating) { var treeId = getTreeId(); - identifierPrefix = ":" + identifierPrefix + "R" + treeId; + identifierPrefix = "\u00ab" + identifierPrefix + "R" + treeId; treeId = localIdCounter++; 0 < treeId && (identifierPrefix += "H" + treeId.toString(32)); - identifierPrefix += ":"; + identifierPrefix += "\u00bb"; } else (treeId = globalClientIdCounter$1++), (identifierPrefix = - ":" + identifierPrefix + "r" + treeId.toString(32) + ":"); + "\u00ab" + identifierPrefix + "r" + treeId.toString(32) + "\u00bb"); return (hook.memoizedState = identifierPrefix); }, useHostTransitionStatus: useHostTransitionStatus, @@ -7946,252 +7972,10 @@ function commitHostSingletonAcquisition(finishedWork) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } } -var offscreenSubtreeIsHidden = !1, - offscreenSubtreeWasHidden = !1, - needsFormReset = !1, - PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, - nextEffect = null, - shouldStartViewTransition = !1, +var shouldStartViewTransition = !1, appearingViewTransitions = null, - viewTransitionContextChanged = !1, - viewTransitionCancelableChildren = null; -function commitBeforeMutationEffects(root, firstChild, committedLanes) { - root = root.containerInfo; - eventsEnabled = _enabled; - root = getActiveElementDeep(root); - if (hasSelectionCapabilities(root)) { - if ("selectionStart" in root) - var JSCompiler_temp = { - start: root.selectionStart, - end: root.selectionEnd - }; - else - a: { - JSCompiler_temp = - ((JSCompiler_temp = root.ownerDocument) && - JSCompiler_temp.defaultView) || - window; - var selection = - JSCompiler_temp.getSelection && JSCompiler_temp.getSelection(); - if (selection && 0 !== selection.rangeCount) { - JSCompiler_temp = selection.anchorNode; - var anchorOffset = selection.anchorOffset, - focusNode = selection.focusNode; - selection = selection.focusOffset; - try { - JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$20) { - JSCompiler_temp = null; - break a; - } - var length = 0, - start = -1, - end = -1, - indexWithinAnchor = 0, - indexWithinFocus = 0, - node = root, - parentNode = null; - b: for (;;) { - for (var next; ; ) { - node !== JSCompiler_temp || - (0 !== anchorOffset && 3 !== node.nodeType) || - (start = length + anchorOffset); - node !== focusNode || - (0 !== selection && 3 !== node.nodeType) || - (end = length + selection); - 3 === node.nodeType && (length += node.nodeValue.length); - if (null === (next = node.firstChild)) break; - parentNode = node; - node = next; - } - for (;;) { - if (node === root) break b; - parentNode === JSCompiler_temp && - ++indexWithinAnchor === anchorOffset && - (start = length); - parentNode === focusNode && - ++indexWithinFocus === selection && - (end = length); - if (null !== (next = node.nextSibling)) break; - node = parentNode; - parentNode = node.parentNode; - } - node = next; - } - JSCompiler_temp = - -1 === start || -1 === end ? null : { start: start, end: end }; - } else JSCompiler_temp = null; - } - JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; - } else JSCompiler_temp = null; - selectionInformation = { focusedElem: root, selectionRange: JSCompiler_temp }; - shouldStartViewTransition = _enabled = !1; - committedLanes = (committedLanes & 335544064) === committedLanes; - nextEffect = firstChild; - for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { - root = nextEffect; - if ( - committedLanes && - ((JSCompiler_temp = root.deletions), null !== JSCompiler_temp) - ) - for ( - anchorOffset = 0; - anchorOffset < JSCompiler_temp.length; - anchorOffset++ - ) - committedLanes && - commitExitViewTransitions(JSCompiler_temp[anchorOffset]); - if (null === root.alternate && 0 !== (root.flags & 2)) - commitBeforeMutationEffects_complete(committedLanes); - else { - if (22 === root.tag) - if (((JSCompiler_temp = root.alternate), null !== root.memoizedState)) { - null !== JSCompiler_temp && - null === JSCompiler_temp.memoizedState && - committedLanes && - commitExitViewTransitions(JSCompiler_temp); - commitBeforeMutationEffects_complete(committedLanes); - continue; - } else if ( - null !== JSCompiler_temp && - null !== JSCompiler_temp.memoizedState - ) { - commitBeforeMutationEffects_complete(committedLanes); - continue; - } - JSCompiler_temp = root.child; - 0 !== (root.subtreeFlags & firstChild) && null !== JSCompiler_temp - ? ((JSCompiler_temp.return = root), (nextEffect = JSCompiler_temp)) - : (committedLanes && commitNestedViewTransitions(root), - commitBeforeMutationEffects_complete(committedLanes)); - } - } - appearingViewTransitions = null; -} -function commitBeforeMutationEffects_complete( - isViewTransitionEligible$jscomp$0 -) { - for (; null !== nextEffect; ) { - var fiber = nextEffect, - isViewTransitionEligible = isViewTransitionEligible$jscomp$0, - current = fiber.alternate, - flags = fiber.flags; - switch (fiber.tag) { - case 0: - if ( - 0 !== (flags & 4) && - ((current = fiber.updateQueue), - (current = null !== current ? current.events : null), - null !== current) - ) - for ( - isViewTransitionEligible = 0; - isViewTransitionEligible < current.length; - isViewTransitionEligible++ - ) - (flags = current[isViewTransitionEligible]), - (flags.ref.impl = flags.nextImpl); - break; - case 11: - case 15: - break; - case 1: - if (0 !== (flags & 1024) && null !== current) { - isViewTransitionEligible = void 0; - flags = current.memoizedProps; - current = current.memoizedState; - var instance = fiber.stateNode; - try { - var resolvedPrevProps = resolveClassComponentProps( - fiber.type, - flags, - fiber.elementType === fiber.type - ); - isViewTransitionEligible = instance.getSnapshotBeforeUpdate( - resolvedPrevProps, - current - ); - instance.__reactInternalSnapshotBeforeUpdate = - isViewTransitionEligible; - } catch (error) { - captureCommitPhaseError(fiber, fiber.return, error); - } - } - break; - case 3: - if (0 !== (flags & 1024)) - if ( - ((current = fiber.stateNode.containerInfo), - (isViewTransitionEligible = current.nodeType), - 9 === isViewTransitionEligible) - ) - clearContainerSparingly(current); - else if (1 === isViewTransitionEligible) - switch (current.nodeName) { - case "HEAD": - case "HTML": - case "BODY": - clearContainerSparingly(current); - break; - default: - current.textContent = ""; - } - break; - case 5: - case 26: - case 27: - case 6: - case 4: - case 17: - break; - case 30: - if ( - isViewTransitionEligible && - null !== current && - 0 !== (fiber.subtreeFlags & 8246) - ) - a: { - isViewTransitionEligible = getViewTransitionName( - current.memoizedProps, - current.stateNode - ); - flags = fiber.memoizedProps; - instance = getViewTransitionClassName( - flags.className, - flags.update - ); - if ( - "none" === instance && - ((instance = getViewTransitionClassName( - flags.className, - flags.layout - )), - "none" === instance) - ) - break a; - viewTransitionHostInstanceIdx = 0; - applyViewTransitionToHostInstances( - current.child, - isViewTransitionEligible, - instance, - (current.memoizedState = []), - !0 - ); - } - break; - default: - if (0 !== (flags & 1024)) throw Error(formatProdErrorMessage(163)); - } - current = fiber.sibling; - if (null !== current) { - current.return = fiber.return; - nextEffect = current; - break; - } - nextEffect = fiber.return; - } -} -var viewTransitionHostInstanceIdx = 0; + viewTransitionCancelableChildren = null, + viewTransitionHostInstanceIdx = 0; function applyViewTransitionToHostInstances( child, name, @@ -8553,34 +8337,276 @@ function measureViewTransitionHostInstances( ) && (inViewport = !0); child = child.sibling; } - return inViewport; + return inViewport; +} +function measureNestedViewTransitions(changedParent) { + for (changedParent = changedParent.child; null !== changedParent; ) { + if (30 === changedParent.tag) { + var current = changedParent.alternate; + if (null !== current) { + var props = changedParent.memoizedProps, + name = getViewTransitionName(props, changedParent.stateNode), + className = getViewTransitionClassName(props.className, props.layout); + viewTransitionHostInstanceIdx = 0; + current = measureViewTransitionHostInstances( + current, + changedParent, + changedParent.child, + name, + className, + changedParent.memoizedState, + !1 + ); + 0 !== (changedParent.flags & 4) && + current && + scheduleViewTransitionEvent(changedParent, props.onLayout); + } + } else + 0 !== (changedParent.subtreeFlags & 33554432) && + measureNestedViewTransitions(changedParent); + changedParent = changedParent.sibling; + } +} +var offscreenSubtreeIsHidden = !1, + offscreenSubtreeWasHidden = !1, + needsFormReset = !1, + PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, + nextEffect = null, + viewTransitionContextChanged = !1; +function commitBeforeMutationEffects(root, firstChild, committedLanes) { + root = root.containerInfo; + eventsEnabled = _enabled; + root = getActiveElementDeep(root); + if (hasSelectionCapabilities(root)) { + if ("selectionStart" in root) + var JSCompiler_temp = { + start: root.selectionStart, + end: root.selectionEnd + }; + else + a: { + JSCompiler_temp = + ((JSCompiler_temp = root.ownerDocument) && + JSCompiler_temp.defaultView) || + window; + var selection = + JSCompiler_temp.getSelection && JSCompiler_temp.getSelection(); + if (selection && 0 !== selection.rangeCount) { + JSCompiler_temp = selection.anchorNode; + var anchorOffset = selection.anchorOffset, + focusNode = selection.focusNode; + selection = selection.focusOffset; + try { + JSCompiler_temp.nodeType, focusNode.nodeType; + } catch (e$20) { + JSCompiler_temp = null; + break a; + } + var length = 0, + start = -1, + end = -1, + indexWithinAnchor = 0, + indexWithinFocus = 0, + node = root, + parentNode = null; + b: for (;;) { + for (var next; ; ) { + node !== JSCompiler_temp || + (0 !== anchorOffset && 3 !== node.nodeType) || + (start = length + anchorOffset); + node !== focusNode || + (0 !== selection && 3 !== node.nodeType) || + (end = length + selection); + 3 === node.nodeType && (length += node.nodeValue.length); + if (null === (next = node.firstChild)) break; + parentNode = node; + node = next; + } + for (;;) { + if (node === root) break b; + parentNode === JSCompiler_temp && + ++indexWithinAnchor === anchorOffset && + (start = length); + parentNode === focusNode && + ++indexWithinFocus === selection && + (end = length); + if (null !== (next = node.nextSibling)) break; + node = parentNode; + parentNode = node.parentNode; + } + node = next; + } + JSCompiler_temp = + -1 === start || -1 === end ? null : { start: start, end: end }; + } else JSCompiler_temp = null; + } + JSCompiler_temp = JSCompiler_temp || { start: 0, end: 0 }; + } else JSCompiler_temp = null; + selectionInformation = { focusedElem: root, selectionRange: JSCompiler_temp }; + shouldStartViewTransition = _enabled = !1; + committedLanes = (committedLanes & 335544064) === committedLanes; + nextEffect = firstChild; + for (firstChild = committedLanes ? 9238 : 1028; null !== nextEffect; ) { + root = nextEffect; + if ( + committedLanes && + ((JSCompiler_temp = root.deletions), null !== JSCompiler_temp) + ) + for ( + anchorOffset = 0; + anchorOffset < JSCompiler_temp.length; + anchorOffset++ + ) + committedLanes && + commitExitViewTransitions(JSCompiler_temp[anchorOffset]); + if (null === root.alternate && 0 !== (root.flags & 2)) + commitBeforeMutationEffects_complete(committedLanes); + else { + if (22 === root.tag) + if (((JSCompiler_temp = root.alternate), null !== root.memoizedState)) { + null !== JSCompiler_temp && + null === JSCompiler_temp.memoizedState && + committedLanes && + commitExitViewTransitions(JSCompiler_temp); + commitBeforeMutationEffects_complete(committedLanes); + continue; + } else if ( + null !== JSCompiler_temp && + null !== JSCompiler_temp.memoizedState + ) { + commitBeforeMutationEffects_complete(committedLanes); + continue; + } + JSCompiler_temp = root.child; + 0 !== (root.subtreeFlags & firstChild) && null !== JSCompiler_temp + ? ((JSCompiler_temp.return = root), (nextEffect = JSCompiler_temp)) + : (committedLanes && commitNestedViewTransitions(root), + commitBeforeMutationEffects_complete(committedLanes)); + } + } + appearingViewTransitions = null; } -function measureNestedViewTransitions(changedParent) { - for (changedParent = changedParent.child; null !== changedParent; ) { - if (30 === changedParent.tag) { - var current = changedParent.alternate; - if (null !== current) { - var props = changedParent.memoizedProps, - name = getViewTransitionName(props, changedParent.stateNode), - className = getViewTransitionClassName(props.className, props.layout); - viewTransitionHostInstanceIdx = 0; - current = measureViewTransitionHostInstances( - current, - changedParent, - changedParent.child, - name, - className, - changedParent.memoizedState, - !1 - ); - 0 !== (changedParent.flags & 4) && - current && - scheduleViewTransitionEvent(changedParent, props.onLayout); - } - } else - 0 !== (changedParent.subtreeFlags & 33554432) && - measureNestedViewTransitions(changedParent); - changedParent = changedParent.sibling; +function commitBeforeMutationEffects_complete( + isViewTransitionEligible$jscomp$0 +) { + for (; null !== nextEffect; ) { + var fiber = nextEffect, + isViewTransitionEligible = isViewTransitionEligible$jscomp$0, + current = fiber.alternate, + flags = fiber.flags; + switch (fiber.tag) { + case 0: + if ( + 0 !== (flags & 4) && + ((current = fiber.updateQueue), + (current = null !== current ? current.events : null), + null !== current) + ) + for ( + isViewTransitionEligible = 0; + isViewTransitionEligible < current.length; + isViewTransitionEligible++ + ) + (flags = current[isViewTransitionEligible]), + (flags.ref.impl = flags.nextImpl); + break; + case 11: + case 15: + break; + case 1: + if (0 !== (flags & 1024) && null !== current) { + isViewTransitionEligible = void 0; + flags = current.memoizedProps; + current = current.memoizedState; + var instance = fiber.stateNode; + try { + var resolvedPrevProps = resolveClassComponentProps( + fiber.type, + flags, + fiber.elementType === fiber.type + ); + isViewTransitionEligible = instance.getSnapshotBeforeUpdate( + resolvedPrevProps, + current + ); + instance.__reactInternalSnapshotBeforeUpdate = + isViewTransitionEligible; + } catch (error) { + captureCommitPhaseError(fiber, fiber.return, error); + } + } + break; + case 3: + if (0 !== (flags & 1024)) + if ( + ((current = fiber.stateNode.containerInfo), + (isViewTransitionEligible = current.nodeType), + 9 === isViewTransitionEligible) + ) + clearContainerSparingly(current); + else if (1 === isViewTransitionEligible) + switch (current.nodeName) { + case "HEAD": + case "HTML": + case "BODY": + clearContainerSparingly(current); + break; + default: + current.textContent = ""; + } + break; + case 5: + case 26: + case 27: + case 6: + case 4: + case 17: + break; + case 30: + if ( + isViewTransitionEligible && + null !== current && + 0 !== (fiber.subtreeFlags & 8246) + ) + a: { + isViewTransitionEligible = getViewTransitionName( + current.memoizedProps, + current.stateNode + ); + flags = fiber.memoizedProps; + instance = getViewTransitionClassName( + flags.className, + flags.update + ); + if ( + "none" === instance && + ((instance = getViewTransitionClassName( + flags.className, + flags.layout + )), + "none" === instance) + ) + break a; + viewTransitionHostInstanceIdx = 0; + applyViewTransitionToHostInstances( + current.child, + isViewTransitionEligible, + instance, + (current.memoizedState = []), + !0 + ); + } + break; + default: + if (0 !== (flags & 1024)) throw Error(formatProdErrorMessage(163)); + } + current = fiber.sibling; + if (null !== current) { + current.return = fiber.return; + nextEffect = current; + break; + } + nextEffect = fiber.return; } } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { @@ -9496,30 +9522,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { } ); } - finishedWork = root.containerInfo; - finishedWork = - 9 === finishedWork.nodeType - ? finishedWork.documentElement - : finishedWork.ownerDocument.documentElement; - null !== finishedWork && - "" === finishedWork.style.viewTransitionName && - ((finishedWork.style.viewTransitionName = "none"), - finishedWork.animate( - { opacity: [0, 0], pointerEvents: ["none", "none"] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition-group(root)" - } - ), - finishedWork.animate( - { width: [0, 0], height: [0, 0] }, - { - duration: 0, - fill: "forwards", - pseudoElement: "::view-transition" - } - )); + cancelRootViewTransitionName(root.containerInfo); } break; case 5: @@ -9857,21 +9860,15 @@ function commitPassiveMountOnFiber( committedTransitions ); isViewTransitionEligible && - ((finishedRoot = finishedRoot.containerInfo), - (finishedRoot = - 9 === finishedRoot.nodeType - ? finishedRoot.documentElement - : finishedRoot.ownerDocument.documentElement), - null !== finishedRoot && - "none" === finishedRoot.style.viewTransitionName && - (finishedRoot.style.viewTransitionName = "")); + restoreRootViewTransitionName(finishedRoot.containerInfo); flags & 2048 && - ((flags = null), + ((finishedRoot = null), null !== finishedWork.alternate && - (flags = finishedWork.alternate.memoizedState.cache), + (finishedRoot = finishedWork.alternate.memoizedState.cache), (finishedWork = finishedWork.memoizedState.cache), - finishedWork !== flags && - (finishedWork.refCount++, null != flags && releaseCache(flags))); + finishedWork !== finishedRoot && + (finishedWork.refCount++, + null != finishedRoot && releaseCache(finishedRoot))); break; case 12: if (flags & 2048) { @@ -9881,7 +9878,7 @@ function commitPassiveMountOnFiber( committedLanes, committedTransitions ); - flags = finishedWork.stateNode; + finishedRoot = finishedWork.stateNode; try { var _finishedWork$memoize2 = finishedWork.memoizedProps, id = _finishedWork$memoize2.id, @@ -9890,7 +9887,7 @@ function commitPassiveMountOnFiber( onPostCommit( id, null === finishedWork.alternate ? "mount" : "update", - flags.passiveEffectDuration, + finishedRoot.passiveEffectDuration, -0 ); } catch (error) { @@ -9966,11 +9963,14 @@ function commitPassiveMountOnFiber( break; case 30: isViewTransitionEligible && - ((flags = finishedWork.alternate), - null !== flags && + ((isViewTransitionEligible = finishedWork.alternate), + null !== isViewTransitionEligible && 0 !== (finishedWork.subtreeFlags & 8246) && ((finishedWork.memoizedState = null), - restoreViewTransitionOnHostInstances(flags.child, !0), + restoreViewTransitionOnHostInstances( + isViewTransitionEligible.child, + !0 + ), restoreViewTransitionOnHostInstances(finishedWork.child, !0))); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -10147,11 +10147,11 @@ function accumulateSuspenseyCommitOnFiber(fiber) { ((previousHoistableRoot = fiber.memoizedProps.name), null != previousHoistableRoot && "auto" !== previousHoistableRoot) ) { + var state = fiber.stateNode; + state.paired = null; null === appearingViewTransitions && (appearingViewTransitions = new Map()); - var instance = fiber.stateNode; - instance.paired = null; - appearingViewTransitions.set(previousHoistableRoot, instance); + appearingViewTransitions.set(previousHoistableRoot, state); } recursivelyAccumulateSuspenseyCommit(fiber); break; @@ -11849,16 +11849,21 @@ function commitRootWhenReady( ) { root.timeoutHandle = -1; suspendedCommitReason = finishedWork.subtreeFlags; - var isViewTransitionEligible = (lanes & 335544064) === lanes; + var isViewTransitionEligible = (lanes & 335544064) === lanes, + isGestureTransition = 64 === lanes; if ( isViewTransitionEligible || suspendedCommitReason & 8192 || - 16785408 === (suspendedCommitReason & 16785408) + 16785408 === (suspendedCommitReason & 16785408) || + isGestureTransition ) { suspendedState = { stylesheets: null, count: 0, unsuspend: noop }; appearingViewTransitions = null; accumulateSuspenseyCommitOnFiber(finishedWork); - if (isViewTransitionEligible) { + if ( + (isViewTransitionEligible || isGestureTransition) && + null === root.stoppingGestures + ) { isViewTransitionEligible = root.containerInfo; if (null === suspendedState) throw Error(formatProdErrorMessage(475)); suspendedCommitReason = suspendedState; @@ -12436,11 +12441,13 @@ function commitRoot( do flushPendingEffects(); while (0 !== pendingEffectsStatus); if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327)); - if (null !== finishedWork) { + if (null === finishedWork) + null !== root.stoppingGestures && stopCompletedGestures(root); + else { if (finishedWork === root.current) throw Error(formatProdErrorMessage(177)); didIncludeRenderPhaseUpdate = finishedWork.lanes | finishedWork.childLanes; didIncludeRenderPhaseUpdate |= concurrentlyUpdatedLanes; - null === root.gestures && (didIncludeRenderPhaseUpdate &= -65); + null === root.pendingGestures && (didIncludeRenderPhaseUpdate &= -65); markRootFinished( root, lanes, @@ -12452,14 +12459,14 @@ function commitRoot( root === workInProgressRoot && ((workInProgress = workInProgressRoot = null), (workInProgressRootRenderLanes = 0)); - if (64 === lanes) commitGestureOnRoot(root); + pendingFinishedWork = finishedWork; + pendingEffectsRoot = root; + pendingEffectsLanes = lanes; + pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; + pendingPassiveTransitions = transitions; + pendingRecoverableErrors = recoverableErrors; + if (64 === lanes) commitGestureOnRoot(root, finishedWork); else { - pendingFinishedWork = finishedWork; - pendingEffectsRoot = root; - pendingEffectsLanes = lanes; - pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; - pendingPassiveTransitions = transitions; - pendingRecoverableErrors = recoverableErrors; pendingViewTransitionEvents = null; (lanes & 335544064) === lanes ? ((pendingTransitionTypes = ReactSharedInternals.V), @@ -12491,8 +12498,11 @@ function commitRoot( (ReactSharedInternals.T = recoverableErrors); } } + finishedWork = shouldStartViewTransition; + null !== root.stoppingGestures && + (stopCompletedGestures(root), (finishedWork = !1)); pendingEffectsStatus = 1; - (shouldStartViewTransition && + (finishedWork && startViewTransition( root.containerInfo, pendingTransitionTypes, @@ -12672,7 +12682,7 @@ function flushSpawnedWork() { 0 !== (finishedWork.flags & passiveSubtreeMask) ? (pendingEffectsStatus = 5) : ((pendingEffectsStatus = 0), - (pendingEffectsRoot = null), + (pendingFinishedWork = pendingEffectsRoot = null), releaseRootPooledCache(root, root.pendingLanes)); passiveSubtreeMask = root.pendingLanes; 0 === passiveSubtreeMask && (legacyErrorBoundariesThatAlreadyFailed = null); @@ -12732,9 +12742,69 @@ function flushSpawnedWork() { } } function commitGestureOnRoot(root) { - var finishedGesture = root.gestures; - if (null === finishedGesture) throw Error(formatProdErrorMessage(548)); - deleteScheduledGesture(root, finishedGesture); + var finishedGesture = root.pendingGestures; + if (null === finishedGesture) ensureRootIsScheduled(root); + else { + deleteScheduledGesture(root, finishedGesture); + var prevTransition = ReactSharedInternals.T, + previousPriority = ReactDOMSharedInternals.p, + prevExecutionContext = executionContext; + executionContext |= 4; + executionContext = prevExecutionContext; + ReactDOMSharedInternals.p = previousPriority; + ReactSharedInternals.T = prevTransition; + pendingTransitionTypes = null; + pendingEffectsStatus = 6; + finishedGesture.running = startGestureTransition( + root.containerInfo, + pendingTransitionTypes, + flushGestureMutations, + flushGestureAnimations + ); + } +} +function flushGestureMutations() { + if (6 === pendingEffectsStatus) { + pendingEffectsStatus = 0; + var root = pendingEffectsRoot, + prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; + executionContext |= 4; + try { + cancelRootViewTransitionName(root.containerInfo); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + pendingEffectsStatus = 7; + } +} +function flushGestureAnimations() { + flushGestureMutations(); + if (7 === pendingEffectsStatus) { + pendingEffectsStatus = 0; + var root = pendingEffectsRoot; + pendingFinishedWork = pendingEffectsRoot = null; + pendingEffectsLanes = 0; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; + executionContext |= 4; + try { + restoreRootViewTransitionName(root.containerInfo); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + ensureRootIsScheduled(root); + } } function releaseRootPooledCache(root, remainingLanes) { 0 === (root.pooledCacheLanes &= remainingLanes) && @@ -12743,6 +12813,8 @@ function releaseRootPooledCache(root, remainingLanes) { ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + flushGestureMutations(); + flushGestureAnimations(); flushMutationEffects(); flushLayoutEffects(); flushSpawnedWork(); @@ -12764,7 +12836,7 @@ function flushPassiveEffects() { var root$jscomp$0 = pendingEffectsRoot, lanes = pendingEffectsLanes; pendingEffectsStatus = 0; - pendingEffectsRoot = null; + pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331)); var prevExecutionContext = executionContext; @@ -13205,20 +13277,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1607 = 0; - i$jscomp$inline_1607 < simpleEventPluginEvents.length; - i$jscomp$inline_1607++ + var i$jscomp$inline_1644 = 0; + i$jscomp$inline_1644 < simpleEventPluginEvents.length; + i$jscomp$inline_1644++ ) { - var eventName$jscomp$inline_1608 = - simpleEventPluginEvents[i$jscomp$inline_1607], - domEventName$jscomp$inline_1609 = - eventName$jscomp$inline_1608.toLowerCase(), - capitalizedEvent$jscomp$inline_1610 = - eventName$jscomp$inline_1608[0].toUpperCase() + - eventName$jscomp$inline_1608.slice(1); + var eventName$jscomp$inline_1645 = + simpleEventPluginEvents[i$jscomp$inline_1644], + domEventName$jscomp$inline_1646 = + eventName$jscomp$inline_1645.toLowerCase(), + capitalizedEvent$jscomp$inline_1647 = + eventName$jscomp$inline_1645[0].toUpperCase() + + eventName$jscomp$inline_1645.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1609, - "on" + capitalizedEvent$jscomp$inline_1610 + domEventName$jscomp$inline_1646, + "on" + capitalizedEvent$jscomp$inline_1647 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15077,6 +15149,36 @@ function restoreViewTransitionName(instance, props) { instance.style.viewTransitionClass = null == props || "boolean" === typeof props ? "" : ("" + props).trim(); } +function cancelRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "" === rootContainer.style.viewTransitionName && + ((rootContainer.style.viewTransitionName = "none"), + rootContainer.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + rootContainer.animate( + { width: [0, 0], height: [0, 0] }, + { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } + )); +} +function restoreRootViewTransitionName(rootContainer) { + rootContainer = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== rootContainer && + "none" === rootContainer.style.viewTransitionName && + (rootContainer.style.viewTransitionName = ""); +} function measureInstance(instance) { var ownerWindow = instance.ownerDocument.defaultView, rect = instance.getBoundingClientRect(); @@ -15150,7 +15252,8 @@ function startViewTransition( ownerDocument.__reactViewTransition = transition; transition.ready.then(spawnedWorkCallback, spawnedWorkCallback); transition.finished.then(function () { - ownerDocument.__reactViewTransition = null; + ownerDocument.__reactViewTransition === transition && + (ownerDocument.__reactViewTransition = null); passiveCallback(); }); return !0; @@ -15158,6 +15261,40 @@ function startViewTransition( return !1; } } +function startGestureTransition( + rootContainer, + transitionTypes, + mutationCallback, + animateCallback +) { + var ownerDocument = + 9 === rootContainer.nodeType ? rootContainer : rootContainer.ownerDocument; + try { + var transition = ownerDocument.startViewTransition({ + update: mutationCallback, + types: transitionTypes + }); + ownerDocument.__reactViewTransition = transition; + var blockingAnim = null; + rootContainer = function () { + blockingAnim = ownerDocument.documentElement.animate([{}, {}], { + pseudoElement: "::view-transition", + duration: 1 + }); + blockingAnim.pause(); + animateCallback(); + }; + transition.ready.then(rootContainer, rootContainer); + transition.finished.then(function () { + null !== blockingAnim && blockingAnim.cancel(); + ownerDocument.__reactViewTransition === transition && + (ownerDocument.__reactViewTransition = null); + }); + return transition; + } catch (x) { + return mutationCallback(), animateCallback(), null; + } +} function ViewTransitionPseudoElement(pseudo, name) { this._scope = document.documentElement; this._selector = "::view-transition-" + pseudo + "(" + name + ")"; @@ -16280,7 +16417,7 @@ function FiberRootNode( this.pooledCache = null; this.pooledCacheLanes = 0; this.formState = formState; - this.gestures = null; + this.stoppingGestures = this.pendingGestures = null; this.incompleteTransitions = new Map(); } function createFiberRoot( @@ -16968,16 +17105,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1859 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1896 = React.version; if ( - "19.1.0-experimental-22e39ea7-20250225" !== - isomorphicReactPackageVersion$jscomp$inline_1859 + "19.1.0-experimental-d55cc79b-20250228" !== + isomorphicReactPackageVersion$jscomp$inline_1896 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1859, - "19.1.0-experimental-22e39ea7-20250225" + isomorphicReactPackageVersion$jscomp$inline_1896, + "19.1.0-experimental-d55cc79b-20250228" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -16997,24 +17134,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2399 = { +var internals$jscomp$inline_2441 = { bundleType: 0, - version: "19.1.0-experimental-22e39ea7-20250225", + version: "19.1.0-experimental-d55cc79b-20250228", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-22e39ea7-20250225" + reconcilerVersion: "19.1.0-experimental-d55cc79b-20250228" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2400 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2442 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2400.isDisabled && - hook$jscomp$inline_2400.supportsFiber + !hook$jscomp$inline_2442.isDisabled && + hook$jscomp$inline_2442.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2400.inject( - internals$jscomp$inline_2399 + (rendererID = hook$jscomp$inline_2442.inject( + internals$jscomp$inline_2441 )), - (injectedHook = hook$jscomp$inline_2400); + (injectedHook = hook$jscomp$inline_2442); } catch (err) {} } exports.createComponentSelector = function (component) { @@ -17257,4 +17394,4 @@ exports.observeVisibleRects = function ( } }; }; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js index d3ceb91c18731..9e34753b77935 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js @@ -416,7 +416,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-experimental-22e39ea7-20250225"; + exports.version = "19.1.0-experimental-d55cc79b-20250228"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js index 8a8367b2de440..1e4bc7285a291 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js @@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js index a6c4002211e88..291dc35d60717 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js @@ -336,5 +336,5 @@ })) : Internals.d.m(href)); }; - exports.version = "19.1.0-experimental-22e39ea7-20250225"; + exports.version = "19.1.0-experimental-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js index ea29c325b3aa9..69a388938d285 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js @@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) { }); } else Internals.d.m(href); }; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom-experimental/package.json b/packages/next/src/compiled/react-dom-experimental/package.json index 4d9ec90482a67..4407a173718dc 100644 --- a/packages/next/src/compiled/react-dom-experimental/package.json +++ b/packages/next/src/compiled/react-dom-experimental/package.json @@ -72,10 +72,10 @@ "./package.json": "./package.json" }, "dependencies": { - "scheduler": "0.0.0-experimental-22e39ea7-20250225" + "scheduler": "0.0.0-experimental-d55cc79b-20250228" }, "peerDependencies": { - "react": "0.0.0-experimental-22e39ea7-20250225" + "react": "0.0.0-experimental-d55cc79b-20250228" }, "browser": { "./server.js": "./server.browser.js", diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js index bc3fa9e06b6c0..b8ea1b83a7177 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js @@ -6403,14 +6403,14 @@ ( idWithLeadingBit & ~(1 << (32 - clz32(idWithLeadingBit) - 1)) ).toString(32) + treeId; - identifierPrefix = ":" + identifierPrefix + "R" + treeId; + identifierPrefix = "\u00ab" + identifierPrefix + "R" + treeId; treeId = localIdCounter++; 0 < treeId && (identifierPrefix += "H" + treeId.toString(32)); - identifierPrefix += ":"; + identifierPrefix += "\u00bb"; } else (treeId = globalClientIdCounter++), (identifierPrefix = - ":" + identifierPrefix + "r" + treeId.toString(32) + ":"); + "\u00ab" + identifierPrefix + "r" + treeId.toString(32) + "\u00bb"); return (hook.memoizedState = identifierPrefix); } function mountRefresh() { @@ -8976,32 +8976,32 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2427; - var JSCompiler_object_inline_stack_2428 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2467; + var JSCompiler_object_inline_stack_2468 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2429 = !1; + var JSCompiler_object_inline_componentStack_2469 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2427 = didSuspend) || - (JSCompiler_object_inline_digest_2427 = + (JSCompiler_object_inline_digest_2467 = didSuspend) || + (JSCompiler_object_inline_digest_2467 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2427 && - ((JSCompiler_object_inline_componentStack_2429 = !0), + JSCompiler_object_inline_digest_2467 && + ((JSCompiler_object_inline_componentStack_2469 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2427 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2467 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2429 + JSCompiler_object_inline_componentStack_2469 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2426 = nextHydratableInstance; + var JSCompiler_object_inline_message_2466 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2426)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2466)) { c: { - var instance = JSCompiler_object_inline_message_2426; + var instance = JSCompiler_object_inline_message_2466; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9043,77 +9043,77 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2426 + JSCompiler_object_inline_message_2466 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2426 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2466 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2426 && - ((JSCompiler_object_inline_message_2426 = - JSCompiler_object_inline_message_2426.dehydrated), - null !== JSCompiler_object_inline_message_2426) + null !== JSCompiler_object_inline_message_2466 && + ((JSCompiler_object_inline_message_2466 = + JSCompiler_object_inline_message_2466.dehydrated), + null !== JSCompiler_object_inline_message_2466) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2426) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2466) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2426 = - JSCompiler_object_inline_stack_2428.children; - JSCompiler_object_inline_stack_2428 = - JSCompiler_object_inline_stack_2428.fallback; - if (JSCompiler_object_inline_componentStack_2429) + JSCompiler_object_inline_message_2466 = + JSCompiler_object_inline_stack_2468.children; + JSCompiler_object_inline_stack_2468 = + JSCompiler_object_inline_stack_2468.fallback; + if (JSCompiler_object_inline_componentStack_2469) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2429 = + (JSCompiler_object_inline_componentStack_2469 = workInProgress.mode), - (JSCompiler_object_inline_message_2426 = + (JSCompiler_object_inline_message_2466 = mountWorkInProgressOffscreenFiber( { mode: "hidden", - children: JSCompiler_object_inline_message_2426 + children: JSCompiler_object_inline_message_2466 }, - JSCompiler_object_inline_componentStack_2429 + JSCompiler_object_inline_componentStack_2469 )), - (JSCompiler_object_inline_stack_2428 = createFiberFromFragment( - JSCompiler_object_inline_stack_2428, - JSCompiler_object_inline_componentStack_2429, + (JSCompiler_object_inline_stack_2468 = createFiberFromFragment( + JSCompiler_object_inline_stack_2468, + JSCompiler_object_inline_componentStack_2469, renderLanes, null )), - (JSCompiler_object_inline_message_2426.return = workInProgress), - (JSCompiler_object_inline_stack_2428.return = workInProgress), - (JSCompiler_object_inline_message_2426.sibling = - JSCompiler_object_inline_stack_2428), - (workInProgress.child = JSCompiler_object_inline_message_2426), - (JSCompiler_object_inline_componentStack_2429 = + (JSCompiler_object_inline_message_2466.return = workInProgress), + (JSCompiler_object_inline_stack_2468.return = workInProgress), + (JSCompiler_object_inline_message_2466.sibling = + JSCompiler_object_inline_stack_2468), + (workInProgress.child = JSCompiler_object_inline_message_2466), + (JSCompiler_object_inline_componentStack_2469 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2429.memoizedState = + (JSCompiler_object_inline_componentStack_2469.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2429.childLanes = + (JSCompiler_object_inline_componentStack_2469.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2427, + JSCompiler_object_inline_digest_2467, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2428 + JSCompiler_object_inline_stack_2468 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2426 + JSCompiler_object_inline_message_2466 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2426 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2426) + ((JSCompiler_object_inline_message_2466 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2466) ) { if (didSuspend) workInProgress.flags & 256 @@ -9130,94 +9130,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2429 = - JSCompiler_object_inline_stack_2428.fallback), - (JSCompiler_object_inline_message_2426 = workInProgress.mode), - (JSCompiler_object_inline_stack_2428 = + (JSCompiler_object_inline_componentStack_2469 = + JSCompiler_object_inline_stack_2468.fallback), + (JSCompiler_object_inline_message_2466 = workInProgress.mode), + (JSCompiler_object_inline_stack_2468 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2428.children + children: JSCompiler_object_inline_stack_2468.children }, - JSCompiler_object_inline_message_2426 + JSCompiler_object_inline_message_2466 )), - (JSCompiler_object_inline_componentStack_2429 = + (JSCompiler_object_inline_componentStack_2469 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2429, - JSCompiler_object_inline_message_2426, + JSCompiler_object_inline_componentStack_2469, + JSCompiler_object_inline_message_2466, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2429.flags |= 2), - (JSCompiler_object_inline_stack_2428.return = workInProgress), - (JSCompiler_object_inline_componentStack_2429.return = + (JSCompiler_object_inline_componentStack_2469.flags |= 2), + (JSCompiler_object_inline_stack_2468.return = workInProgress), + (JSCompiler_object_inline_componentStack_2469.return = workInProgress), - (JSCompiler_object_inline_stack_2428.sibling = - JSCompiler_object_inline_componentStack_2429), - (workInProgress.child = JSCompiler_object_inline_stack_2428), + (JSCompiler_object_inline_stack_2468.sibling = + JSCompiler_object_inline_componentStack_2469), + (workInProgress.child = JSCompiler_object_inline_stack_2468), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2428 = workInProgress.child), - (JSCompiler_object_inline_stack_2428.memoizedState = + (JSCompiler_object_inline_stack_2468 = workInProgress.child), + (JSCompiler_object_inline_stack_2468.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2428.childLanes = + (JSCompiler_object_inline_stack_2468.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2427, + JSCompiler_object_inline_digest_2467, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2429)); + JSCompiler_object_inline_componentStack_2469)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2426)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2466)) ) { - JSCompiler_object_inline_digest_2427 = - JSCompiler_object_inline_message_2426.nextSibling && - JSCompiler_object_inline_message_2426.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2427) { - JSCompiler_temp = JSCompiler_object_inline_digest_2427.dgst; - var message = JSCompiler_object_inline_digest_2427.msg; - instance = JSCompiler_object_inline_digest_2427.stck; - var componentStack = JSCompiler_object_inline_digest_2427.cstck; + JSCompiler_object_inline_digest_2467 = + JSCompiler_object_inline_message_2466.nextSibling && + JSCompiler_object_inline_message_2466.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2467) { + JSCompiler_temp = JSCompiler_object_inline_digest_2467.dgst; + var message = JSCompiler_object_inline_digest_2467.msg; + instance = JSCompiler_object_inline_digest_2467.stck; + var componentStack = JSCompiler_object_inline_digest_2467.cstck; } - JSCompiler_object_inline_message_2426 = message; - JSCompiler_object_inline_digest_2427 = JSCompiler_temp; - JSCompiler_object_inline_stack_2428 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2429 = + JSCompiler_object_inline_message_2466 = message; + JSCompiler_object_inline_digest_2467 = JSCompiler_temp; + JSCompiler_object_inline_stack_2468 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2469 = componentStack; - JSCompiler_object_inline_componentStack_2429 = - JSCompiler_object_inline_message_2426 - ? Error(JSCompiler_object_inline_message_2426) + JSCompiler_object_inline_componentStack_2469 = + JSCompiler_object_inline_message_2466 + ? Error(JSCompiler_object_inline_message_2466) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2429.stack = - JSCompiler_object_inline_stack_2428 || ""; - JSCompiler_object_inline_componentStack_2429.digest = - JSCompiler_object_inline_digest_2427; - JSCompiler_object_inline_digest_2427 = + JSCompiler_object_inline_componentStack_2469.stack = + JSCompiler_object_inline_stack_2468 || ""; + JSCompiler_object_inline_componentStack_2469.digest = + JSCompiler_object_inline_digest_2467; + JSCompiler_object_inline_digest_2467 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2428 = { - value: JSCompiler_object_inline_componentStack_2429, + JSCompiler_object_inline_stack_2468 = { + value: JSCompiler_object_inline_componentStack_2469, source: null, - stack: JSCompiler_object_inline_digest_2427 + stack: JSCompiler_object_inline_digest_2467 }; - "string" === typeof JSCompiler_object_inline_digest_2427 && + "string" === typeof JSCompiler_object_inline_digest_2467 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2429, - JSCompiler_object_inline_stack_2428 + JSCompiler_object_inline_componentStack_2469, + JSCompiler_object_inline_stack_2468 ); - queueHydrationError(JSCompiler_object_inline_stack_2428); + queueHydrationError(JSCompiler_object_inline_stack_2468); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9231,44 +9231,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_digest_2427 = + (JSCompiler_object_inline_digest_2467 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2427) + didReceiveUpdate || JSCompiler_object_inline_digest_2467) ) { - JSCompiler_object_inline_digest_2427 = workInProgressRoot; + JSCompiler_object_inline_digest_2467 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2427 && - ((JSCompiler_object_inline_stack_2428 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2428 = - 0 !== (JSCompiler_object_inline_stack_2428 & 42) + null !== JSCompiler_object_inline_digest_2467 && + ((JSCompiler_object_inline_stack_2468 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2468 = + 0 !== (JSCompiler_object_inline_stack_2468 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2428 + JSCompiler_object_inline_stack_2468 )), - (JSCompiler_object_inline_stack_2428 = + (JSCompiler_object_inline_stack_2468 = 0 !== - (JSCompiler_object_inline_stack_2428 & - (JSCompiler_object_inline_digest_2427.suspendedLanes | + (JSCompiler_object_inline_stack_2468 & + (JSCompiler_object_inline_digest_2467.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2428), - 0 !== JSCompiler_object_inline_stack_2428 && - JSCompiler_object_inline_stack_2428 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2468), + 0 !== JSCompiler_object_inline_stack_2468 && + JSCompiler_object_inline_stack_2468 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2428), + ((prevState.retryLane = JSCompiler_object_inline_stack_2468), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2428 + JSCompiler_object_inline_stack_2468 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2427, + JSCompiler_object_inline_digest_2467, current, - JSCompiler_object_inline_stack_2428 + JSCompiler_object_inline_stack_2468 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2426.data === + JSCompiler_object_inline_message_2466.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9276,14 +9276,14 @@ renderLanes ); } else - JSCompiler_object_inline_message_2426.data === + JSCompiler_object_inline_message_2466.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2426.nextSibling + JSCompiler_object_inline_message_2466.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9301,57 +9301,57 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2428.children + JSCompiler_object_inline_stack_2468.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2429) + if (JSCompiler_object_inline_componentStack_2469) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2429 = - JSCompiler_object_inline_stack_2428.fallback), - (JSCompiler_object_inline_message_2426 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2469 = + JSCompiler_object_inline_stack_2468.fallback), + (JSCompiler_object_inline_message_2466 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2428 = createWorkInProgress( + (JSCompiler_object_inline_stack_2468 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2428.children + children: JSCompiler_object_inline_stack_2468.children } )), - (JSCompiler_object_inline_stack_2428.subtreeFlags = + (JSCompiler_object_inline_stack_2468.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2429 = + ? (JSCompiler_object_inline_componentStack_2469 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2429 + JSCompiler_object_inline_componentStack_2469 )) - : ((JSCompiler_object_inline_componentStack_2429 = + : ((JSCompiler_object_inline_componentStack_2469 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2429, - JSCompiler_object_inline_message_2426, + JSCompiler_object_inline_componentStack_2469, + JSCompiler_object_inline_message_2466, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2429.flags |= 2)), - (JSCompiler_object_inline_componentStack_2429.return = + (JSCompiler_object_inline_componentStack_2469.flags |= 2)), + (JSCompiler_object_inline_componentStack_2469.return = workInProgress), - (JSCompiler_object_inline_stack_2428.return = workInProgress), - (JSCompiler_object_inline_stack_2428.sibling = - JSCompiler_object_inline_componentStack_2429), - (workInProgress.child = JSCompiler_object_inline_stack_2428), - (JSCompiler_object_inline_stack_2428 = - JSCompiler_object_inline_componentStack_2429), - (JSCompiler_object_inline_componentStack_2429 = workInProgress.child), - (JSCompiler_object_inline_message_2426 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2426 - ? (JSCompiler_object_inline_message_2426 = + (JSCompiler_object_inline_stack_2468.return = workInProgress), + (JSCompiler_object_inline_stack_2468.sibling = + JSCompiler_object_inline_componentStack_2469), + (workInProgress.child = JSCompiler_object_inline_stack_2468), + (JSCompiler_object_inline_stack_2468 = + JSCompiler_object_inline_componentStack_2469), + (JSCompiler_object_inline_componentStack_2469 = workInProgress.child), + (JSCompiler_object_inline_message_2466 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2466 + ? (JSCompiler_object_inline_message_2466 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2426.cachePool), + JSCompiler_object_inline_message_2466.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9359,37 +9359,37 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2426 = { + (JSCompiler_object_inline_message_2466 = { baseLanes: - JSCompiler_object_inline_message_2426.baseLanes | renderLanes, + JSCompiler_object_inline_message_2466.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2429.memoizedState = - JSCompiler_object_inline_message_2426), - (JSCompiler_object_inline_componentStack_2429.childLanes = + (JSCompiler_object_inline_componentStack_2469.memoizedState = + JSCompiler_object_inline_message_2466), + (JSCompiler_object_inline_componentStack_2469.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2427, + JSCompiler_object_inline_digest_2467, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2428 + JSCompiler_object_inline_stack_2468 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2428.children + children: JSCompiler_object_inline_stack_2468.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2427 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2427 + ((JSCompiler_object_inline_digest_2467 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2467 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2427.push(current)); + : JSCompiler_object_inline_digest_2467.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -15575,7 +15575,7 @@ rootDidHavePassiveEffects ? (pendingEffectsStatus = PENDING_PASSIVE_PHASE) : ((pendingEffectsStatus = NO_PENDING_EFFECTS), - (pendingEffectsRoot = null), + (pendingFinishedWork = pendingEffectsRoot = null), releaseRootPooledCache(root, root.pendingLanes), (nestedPassiveUpdateCount = 0), (rootWithPassiveNestedUpdates = null)); @@ -15661,6 +15661,49 @@ markCommitStopped(); } } + function flushGestureMutations() { + if (pendingEffectsStatus === PENDING_GESTURE_MUTATION_PHASE) { + pendingEffectsStatus = NO_PENDING_EFFECTS; + var root = pendingEffectsRoot, + prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; + executionContext |= CommitContext; + try { + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "" === documentElement.style.viewTransitionName && + ((documentElement.style.viewTransitionName = "none"), + documentElement.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + documentElement.animate( + { width: [0, 0], height: [0, 0] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition" + } + )); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + pendingEffectsStatus = PENDING_GESTURE_ANIMATION_PHASE; + } + } function makeErrorInfo(componentStack) { componentStack = { componentStack: componentStack }; Object.defineProperty(componentStack, "digest", { @@ -15679,6 +15722,35 @@ ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + flushGestureMutations(); + flushGestureMutations(); + if (pendingEffectsStatus === PENDING_GESTURE_ANIMATION_PHASE) { + pendingEffectsStatus = NO_PENDING_EFFECTS; + var root = pendingEffectsRoot; + pendingFinishedWork = pendingEffectsRoot = null; + pendingEffectsLanes = 0; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; + executionContext |= CommitContext; + try { + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "none" === documentElement.style.viewTransitionName && + (documentElement.style.viewTransitionName = ""); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + ensureRootIsScheduled(root); + } flushMutationEffects(); flushLayoutEffects(); flushSpawnedWork(); @@ -15704,7 +15776,7 @@ var root$jscomp$0 = pendingEffectsRoot, lanes = pendingEffectsLanes; pendingEffectsStatus = NO_PENDING_EFFECTS; - pendingEffectsRoot = null; + pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Cannot flush passive effects while already rendering."); @@ -24204,6 +24276,8 @@ PENDING_AFTER_MUTATION_PHASE = 3, PENDING_SPAWNED_WORK = 4, PENDING_PASSIVE_PHASE = 5, + PENDING_GESTURE_MUTATION_PHASE = 6, + PENDING_GESTURE_ANIMATION_PHASE = 7, pendingEffectsStatus = 0, pendingEffectsRoot = null, pendingFinishedWork = null, @@ -24759,11 +24833,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -24800,10 +24874,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-canary-22e39ea7-20250225", + version: "19.1.0-canary-d55cc79b-20250228", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-22e39ea7-20250225" + reconcilerVersion: "19.1.0-canary-d55cc79b-20250228" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -24947,7 +25021,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.1.0-canary-22e39ea7-20250225"; + exports.version = "19.1.0-canary-d55cc79b-20250228"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js index 02414ed1c8d2e..1cb36920f5dd8 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js @@ -4442,19 +4442,19 @@ var ContextOnlyDispatcher = { idWithLeadingBit & ~(1 << (32 - clz32(idWithLeadingBit) - 1)) ).toString(32) + JSCompiler_inline_result; identifierPrefix = - ":" + identifierPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + identifierPrefix + "R" + JSCompiler_inline_result; JSCompiler_inline_result = localIdCounter++; 0 < JSCompiler_inline_result && (identifierPrefix += "H" + JSCompiler_inline_result.toString(32)); - identifierPrefix += ":"; + identifierPrefix += "\u00bb"; } else (JSCompiler_inline_result = globalClientIdCounter++), (identifierPrefix = - ":" + + "\u00ab" + identifierPrefix + "r" + JSCompiler_inline_result.toString(32) + - ":"); + "\u00bb"); return (hook.memoizedState = identifierPrefix); }, useHostTransitionStatus: useHostTransitionStatus, @@ -11230,7 +11230,7 @@ function flushSpawnedWork() { 0 !== (finishedWork.flags & 10256) ? (pendingEffectsStatus = 5) : ((pendingEffectsStatus = 0), - (pendingEffectsRoot = null), + (pendingFinishedWork = pendingEffectsRoot = null), releaseRootPooledCache(root, root.pendingLanes)); var remainingLanes = root.pendingLanes; 0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null); @@ -11277,6 +11277,45 @@ function flushSpawnedWork() { flushSyncWorkAcrossRoots_impl(0, !1); } } +function flushGestureMutations() { + if (6 === pendingEffectsStatus) { + pendingEffectsStatus = 0; + var root = pendingEffectsRoot, + prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; + executionContext |= 4; + try { + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "" === documentElement.style.viewTransitionName && + ((documentElement.style.viewTransitionName = "none"), + documentElement.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + documentElement.animate( + { width: [0, 0], height: [0, 0] }, + { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } + )); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + pendingEffectsStatus = 7; + } +} function releaseRootPooledCache(root, remainingLanes) { 0 === (root.pooledCacheLanes &= remainingLanes) && ((remainingLanes = root.pooledCache), @@ -11284,6 +11323,35 @@ function releaseRootPooledCache(root, remainingLanes) { ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + flushGestureMutations(); + flushGestureMutations(); + if (7 === pendingEffectsStatus) { + pendingEffectsStatus = 0; + var root = pendingEffectsRoot; + pendingFinishedWork = pendingEffectsRoot = null; + pendingEffectsLanes = 0; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; + executionContext |= 4; + try { + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "none" === documentElement.style.viewTransitionName && + (documentElement.style.viewTransitionName = ""); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + ensureRootIsScheduled(root); + } flushMutationEffects(); flushLayoutEffects(); flushSpawnedWork(); @@ -11305,7 +11373,7 @@ function flushPassiveEffects() { var root$jscomp$0 = pendingEffectsRoot, lanes = pendingEffectsLanes; pendingEffectsStatus = 0; - pendingEffectsRoot = null; + pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331)); var prevExecutionContext = executionContext; @@ -11744,20 +11812,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1510 = 0; - i$jscomp$inline_1510 < simpleEventPluginEvents.length; - i$jscomp$inline_1510++ + var i$jscomp$inline_1536 = 0; + i$jscomp$inline_1536 < simpleEventPluginEvents.length; + i$jscomp$inline_1536++ ) { - var eventName$jscomp$inline_1511 = - simpleEventPluginEvents[i$jscomp$inline_1510], - domEventName$jscomp$inline_1512 = - eventName$jscomp$inline_1511.toLowerCase(), - capitalizedEvent$jscomp$inline_1513 = - eventName$jscomp$inline_1511[0].toUpperCase() + - eventName$jscomp$inline_1511.slice(1); + var eventName$jscomp$inline_1537 = + simpleEventPluginEvents[i$jscomp$inline_1536], + domEventName$jscomp$inline_1538 = + eventName$jscomp$inline_1537.toLowerCase(), + capitalizedEvent$jscomp$inline_1539 = + eventName$jscomp$inline_1537[0].toUpperCase() + + eventName$jscomp$inline_1537.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1512, - "on" + capitalizedEvent$jscomp$inline_1513 + domEventName$jscomp$inline_1538, + "on" + capitalizedEvent$jscomp$inline_1539 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15250,16 +15318,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1762 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1788 = React.version; if ( - "19.1.0-canary-22e39ea7-20250225" !== - isomorphicReactPackageVersion$jscomp$inline_1762 + "19.1.0-canary-d55cc79b-20250228" !== + isomorphicReactPackageVersion$jscomp$inline_1788 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1762, - "19.1.0-canary-22e39ea7-20250225" + isomorphicReactPackageVersion$jscomp$inline_1788, + "19.1.0-canary-d55cc79b-20250228" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -15279,24 +15347,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2243 = { +var internals$jscomp$inline_2280 = { bundleType: 0, - version: "19.1.0-canary-22e39ea7-20250225", + version: "19.1.0-canary-d55cc79b-20250228", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-22e39ea7-20250225" + reconcilerVersion: "19.1.0-canary-d55cc79b-20250228" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2244 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2281 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2244.isDisabled && - hook$jscomp$inline_2244.supportsFiber + !hook$jscomp$inline_2281.isDisabled && + hook$jscomp$inline_2281.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2244.inject( - internals$jscomp$inline_2243 + (rendererID = hook$jscomp$inline_2281.inject( + internals$jscomp$inline_2280 )), - (injectedHook = hook$jscomp$inline_2244); + (injectedHook = hook$jscomp$inline_2281); } catch (err) {} } exports.createRoot = function (container, options) { @@ -15388,4 +15456,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.1.0-canary-22e39ea7-20250225"; +exports.version = "19.1.0-canary-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js index 9412531c2f302..5184921a851ce 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js @@ -6411,14 +6411,14 @@ ( idWithLeadingBit & ~(1 << (32 - clz32(idWithLeadingBit) - 1)) ).toString(32) + treeId; - identifierPrefix = ":" + identifierPrefix + "R" + treeId; + identifierPrefix = "\u00ab" + identifierPrefix + "R" + treeId; treeId = localIdCounter++; 0 < treeId && (identifierPrefix += "H" + treeId.toString(32)); - identifierPrefix += ":"; + identifierPrefix += "\u00bb"; } else (treeId = globalClientIdCounter++), (identifierPrefix = - ":" + identifierPrefix + "r" + treeId.toString(32) + ":"); + "\u00ab" + identifierPrefix + "r" + treeId.toString(32) + "\u00bb"); return (hook.memoizedState = identifierPrefix); } function mountRefresh() { @@ -8984,32 +8984,32 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2432; - var JSCompiler_object_inline_stack_2433 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2472; + var JSCompiler_object_inline_stack_2473 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2434 = !1; + var JSCompiler_object_inline_componentStack_2474 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2432 = didSuspend) || - (JSCompiler_object_inline_digest_2432 = + (JSCompiler_object_inline_digest_2472 = didSuspend) || + (JSCompiler_object_inline_digest_2472 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2432 && - ((JSCompiler_object_inline_componentStack_2434 = !0), + JSCompiler_object_inline_digest_2472 && + ((JSCompiler_object_inline_componentStack_2474 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2432 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2472 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2434 + JSCompiler_object_inline_componentStack_2474 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2431 = nextHydratableInstance; + var JSCompiler_object_inline_message_2471 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2431)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2471)) { c: { - var instance = JSCompiler_object_inline_message_2431; + var instance = JSCompiler_object_inline_message_2471; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -9051,77 +9051,77 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2431 + JSCompiler_object_inline_message_2471 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2431 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2471 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2431 && - ((JSCompiler_object_inline_message_2431 = - JSCompiler_object_inline_message_2431.dehydrated), - null !== JSCompiler_object_inline_message_2431) + null !== JSCompiler_object_inline_message_2471 && + ((JSCompiler_object_inline_message_2471 = + JSCompiler_object_inline_message_2471.dehydrated), + null !== JSCompiler_object_inline_message_2471) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2431) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2471) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2431 = - JSCompiler_object_inline_stack_2433.children; - JSCompiler_object_inline_stack_2433 = - JSCompiler_object_inline_stack_2433.fallback; - if (JSCompiler_object_inline_componentStack_2434) + JSCompiler_object_inline_message_2471 = + JSCompiler_object_inline_stack_2473.children; + JSCompiler_object_inline_stack_2473 = + JSCompiler_object_inline_stack_2473.fallback; + if (JSCompiler_object_inline_componentStack_2474) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2434 = + (JSCompiler_object_inline_componentStack_2474 = workInProgress.mode), - (JSCompiler_object_inline_message_2431 = + (JSCompiler_object_inline_message_2471 = mountWorkInProgressOffscreenFiber( { mode: "hidden", - children: JSCompiler_object_inline_message_2431 + children: JSCompiler_object_inline_message_2471 }, - JSCompiler_object_inline_componentStack_2434 + JSCompiler_object_inline_componentStack_2474 )), - (JSCompiler_object_inline_stack_2433 = createFiberFromFragment( - JSCompiler_object_inline_stack_2433, - JSCompiler_object_inline_componentStack_2434, + (JSCompiler_object_inline_stack_2473 = createFiberFromFragment( + JSCompiler_object_inline_stack_2473, + JSCompiler_object_inline_componentStack_2474, renderLanes, null )), - (JSCompiler_object_inline_message_2431.return = workInProgress), - (JSCompiler_object_inline_stack_2433.return = workInProgress), - (JSCompiler_object_inline_message_2431.sibling = - JSCompiler_object_inline_stack_2433), - (workInProgress.child = JSCompiler_object_inline_message_2431), - (JSCompiler_object_inline_componentStack_2434 = + (JSCompiler_object_inline_message_2471.return = workInProgress), + (JSCompiler_object_inline_stack_2473.return = workInProgress), + (JSCompiler_object_inline_message_2471.sibling = + JSCompiler_object_inline_stack_2473), + (workInProgress.child = JSCompiler_object_inline_message_2471), + (JSCompiler_object_inline_componentStack_2474 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2434.memoizedState = + (JSCompiler_object_inline_componentStack_2474.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2434.childLanes = + (JSCompiler_object_inline_componentStack_2474.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2432, + JSCompiler_object_inline_digest_2472, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2433 + JSCompiler_object_inline_stack_2473 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2431 + JSCompiler_object_inline_message_2471 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2431 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2431) + ((JSCompiler_object_inline_message_2471 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2471) ) { if (didSuspend) workInProgress.flags & 256 @@ -9138,94 +9138,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2434 = - JSCompiler_object_inline_stack_2433.fallback), - (JSCompiler_object_inline_message_2431 = workInProgress.mode), - (JSCompiler_object_inline_stack_2433 = + (JSCompiler_object_inline_componentStack_2474 = + JSCompiler_object_inline_stack_2473.fallback), + (JSCompiler_object_inline_message_2471 = workInProgress.mode), + (JSCompiler_object_inline_stack_2473 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2433.children + children: JSCompiler_object_inline_stack_2473.children }, - JSCompiler_object_inline_message_2431 + JSCompiler_object_inline_message_2471 )), - (JSCompiler_object_inline_componentStack_2434 = + (JSCompiler_object_inline_componentStack_2474 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2434, - JSCompiler_object_inline_message_2431, + JSCompiler_object_inline_componentStack_2474, + JSCompiler_object_inline_message_2471, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2434.flags |= 2), - (JSCompiler_object_inline_stack_2433.return = workInProgress), - (JSCompiler_object_inline_componentStack_2434.return = + (JSCompiler_object_inline_componentStack_2474.flags |= 2), + (JSCompiler_object_inline_stack_2473.return = workInProgress), + (JSCompiler_object_inline_componentStack_2474.return = workInProgress), - (JSCompiler_object_inline_stack_2433.sibling = - JSCompiler_object_inline_componentStack_2434), - (workInProgress.child = JSCompiler_object_inline_stack_2433), + (JSCompiler_object_inline_stack_2473.sibling = + JSCompiler_object_inline_componentStack_2474), + (workInProgress.child = JSCompiler_object_inline_stack_2473), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2433 = workInProgress.child), - (JSCompiler_object_inline_stack_2433.memoizedState = + (JSCompiler_object_inline_stack_2473 = workInProgress.child), + (JSCompiler_object_inline_stack_2473.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2433.childLanes = + (JSCompiler_object_inline_stack_2473.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2432, + JSCompiler_object_inline_digest_2472, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2434)); + JSCompiler_object_inline_componentStack_2474)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2431)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2471)) ) { - JSCompiler_object_inline_digest_2432 = - JSCompiler_object_inline_message_2431.nextSibling && - JSCompiler_object_inline_message_2431.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2432) { - JSCompiler_temp = JSCompiler_object_inline_digest_2432.dgst; - var message = JSCompiler_object_inline_digest_2432.msg; - instance = JSCompiler_object_inline_digest_2432.stck; - var componentStack = JSCompiler_object_inline_digest_2432.cstck; + JSCompiler_object_inline_digest_2472 = + JSCompiler_object_inline_message_2471.nextSibling && + JSCompiler_object_inline_message_2471.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2472) { + JSCompiler_temp = JSCompiler_object_inline_digest_2472.dgst; + var message = JSCompiler_object_inline_digest_2472.msg; + instance = JSCompiler_object_inline_digest_2472.stck; + var componentStack = JSCompiler_object_inline_digest_2472.cstck; } - JSCompiler_object_inline_message_2431 = message; - JSCompiler_object_inline_digest_2432 = JSCompiler_temp; - JSCompiler_object_inline_stack_2433 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2434 = + JSCompiler_object_inline_message_2471 = message; + JSCompiler_object_inline_digest_2472 = JSCompiler_temp; + JSCompiler_object_inline_stack_2473 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2474 = componentStack; - JSCompiler_object_inline_componentStack_2434 = - JSCompiler_object_inline_message_2431 - ? Error(JSCompiler_object_inline_message_2431) + JSCompiler_object_inline_componentStack_2474 = + JSCompiler_object_inline_message_2471 + ? Error(JSCompiler_object_inline_message_2471) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2434.stack = - JSCompiler_object_inline_stack_2433 || ""; - JSCompiler_object_inline_componentStack_2434.digest = - JSCompiler_object_inline_digest_2432; - JSCompiler_object_inline_digest_2432 = + JSCompiler_object_inline_componentStack_2474.stack = + JSCompiler_object_inline_stack_2473 || ""; + JSCompiler_object_inline_componentStack_2474.digest = + JSCompiler_object_inline_digest_2472; + JSCompiler_object_inline_digest_2472 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2433 = { - value: JSCompiler_object_inline_componentStack_2434, + JSCompiler_object_inline_stack_2473 = { + value: JSCompiler_object_inline_componentStack_2474, source: null, - stack: JSCompiler_object_inline_digest_2432 + stack: JSCompiler_object_inline_digest_2472 }; - "string" === typeof JSCompiler_object_inline_digest_2432 && + "string" === typeof JSCompiler_object_inline_digest_2472 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2434, - JSCompiler_object_inline_stack_2433 + JSCompiler_object_inline_componentStack_2474, + JSCompiler_object_inline_stack_2473 ); - queueHydrationError(JSCompiler_object_inline_stack_2433); + queueHydrationError(JSCompiler_object_inline_stack_2473); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9239,44 +9239,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_digest_2432 = + (JSCompiler_object_inline_digest_2472 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2432) + didReceiveUpdate || JSCompiler_object_inline_digest_2472) ) { - JSCompiler_object_inline_digest_2432 = workInProgressRoot; + JSCompiler_object_inline_digest_2472 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2432 && - ((JSCompiler_object_inline_stack_2433 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2433 = - 0 !== (JSCompiler_object_inline_stack_2433 & 42) + null !== JSCompiler_object_inline_digest_2472 && + ((JSCompiler_object_inline_stack_2473 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2473 = + 0 !== (JSCompiler_object_inline_stack_2473 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2433 + JSCompiler_object_inline_stack_2473 )), - (JSCompiler_object_inline_stack_2433 = + (JSCompiler_object_inline_stack_2473 = 0 !== - (JSCompiler_object_inline_stack_2433 & - (JSCompiler_object_inline_digest_2432.suspendedLanes | + (JSCompiler_object_inline_stack_2473 & + (JSCompiler_object_inline_digest_2472.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2433), - 0 !== JSCompiler_object_inline_stack_2433 && - JSCompiler_object_inline_stack_2433 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2473), + 0 !== JSCompiler_object_inline_stack_2473 && + JSCompiler_object_inline_stack_2473 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2433), + ((prevState.retryLane = JSCompiler_object_inline_stack_2473), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2433 + JSCompiler_object_inline_stack_2473 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2432, + JSCompiler_object_inline_digest_2472, current, - JSCompiler_object_inline_stack_2433 + JSCompiler_object_inline_stack_2473 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2431.data === + JSCompiler_object_inline_message_2471.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9284,14 +9284,14 @@ renderLanes ); } else - JSCompiler_object_inline_message_2431.data === + JSCompiler_object_inline_message_2471.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2431.nextSibling + JSCompiler_object_inline_message_2471.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9309,57 +9309,57 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2433.children + JSCompiler_object_inline_stack_2473.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2434) + if (JSCompiler_object_inline_componentStack_2474) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2434 = - JSCompiler_object_inline_stack_2433.fallback), - (JSCompiler_object_inline_message_2431 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2474 = + JSCompiler_object_inline_stack_2473.fallback), + (JSCompiler_object_inline_message_2471 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2433 = createWorkInProgress( + (JSCompiler_object_inline_stack_2473 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2433.children + children: JSCompiler_object_inline_stack_2473.children } )), - (JSCompiler_object_inline_stack_2433.subtreeFlags = + (JSCompiler_object_inline_stack_2473.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2434 = + ? (JSCompiler_object_inline_componentStack_2474 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2434 + JSCompiler_object_inline_componentStack_2474 )) - : ((JSCompiler_object_inline_componentStack_2434 = + : ((JSCompiler_object_inline_componentStack_2474 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2434, - JSCompiler_object_inline_message_2431, + JSCompiler_object_inline_componentStack_2474, + JSCompiler_object_inline_message_2471, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2434.flags |= 2)), - (JSCompiler_object_inline_componentStack_2434.return = + (JSCompiler_object_inline_componentStack_2474.flags |= 2)), + (JSCompiler_object_inline_componentStack_2474.return = workInProgress), - (JSCompiler_object_inline_stack_2433.return = workInProgress), - (JSCompiler_object_inline_stack_2433.sibling = - JSCompiler_object_inline_componentStack_2434), - (workInProgress.child = JSCompiler_object_inline_stack_2433), - (JSCompiler_object_inline_stack_2433 = - JSCompiler_object_inline_componentStack_2434), - (JSCompiler_object_inline_componentStack_2434 = workInProgress.child), - (JSCompiler_object_inline_message_2431 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2431 - ? (JSCompiler_object_inline_message_2431 = + (JSCompiler_object_inline_stack_2473.return = workInProgress), + (JSCompiler_object_inline_stack_2473.sibling = + JSCompiler_object_inline_componentStack_2474), + (workInProgress.child = JSCompiler_object_inline_stack_2473), + (JSCompiler_object_inline_stack_2473 = + JSCompiler_object_inline_componentStack_2474), + (JSCompiler_object_inline_componentStack_2474 = workInProgress.child), + (JSCompiler_object_inline_message_2471 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2471 + ? (JSCompiler_object_inline_message_2471 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2431.cachePool), + JSCompiler_object_inline_message_2471.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9367,37 +9367,37 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2431 = { + (JSCompiler_object_inline_message_2471 = { baseLanes: - JSCompiler_object_inline_message_2431.baseLanes | renderLanes, + JSCompiler_object_inline_message_2471.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2434.memoizedState = - JSCompiler_object_inline_message_2431), - (JSCompiler_object_inline_componentStack_2434.childLanes = + (JSCompiler_object_inline_componentStack_2474.memoizedState = + JSCompiler_object_inline_message_2471), + (JSCompiler_object_inline_componentStack_2474.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2432, + JSCompiler_object_inline_digest_2472, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2433 + JSCompiler_object_inline_stack_2473 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2433.children + children: JSCompiler_object_inline_stack_2473.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2432 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2432 + ((JSCompiler_object_inline_digest_2472 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2472 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2432.push(current)); + : JSCompiler_object_inline_digest_2472.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -15587,7 +15587,7 @@ rootDidHavePassiveEffects ? (pendingEffectsStatus = PENDING_PASSIVE_PHASE) : ((pendingEffectsStatus = NO_PENDING_EFFECTS), - (pendingEffectsRoot = null), + (pendingFinishedWork = pendingEffectsRoot = null), releaseRootPooledCache(root, root.pendingLanes), (nestedPassiveUpdateCount = 0), (rootWithPassiveNestedUpdates = null)); @@ -15673,6 +15673,49 @@ markCommitStopped(); } } + function flushGestureMutations() { + if (pendingEffectsStatus === PENDING_GESTURE_MUTATION_PHASE) { + pendingEffectsStatus = NO_PENDING_EFFECTS; + var root = pendingEffectsRoot, + prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; + executionContext |= CommitContext; + try { + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "" === documentElement.style.viewTransitionName && + ((documentElement.style.viewTransitionName = "none"), + documentElement.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + documentElement.animate( + { width: [0, 0], height: [0, 0] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition" + } + )); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + pendingEffectsStatus = PENDING_GESTURE_ANIMATION_PHASE; + } + } function makeErrorInfo(componentStack) { componentStack = { componentStack: componentStack }; Object.defineProperty(componentStack, "digest", { @@ -15691,6 +15734,35 @@ ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + flushGestureMutations(); + flushGestureMutations(); + if (pendingEffectsStatus === PENDING_GESTURE_ANIMATION_PHASE) { + pendingEffectsStatus = NO_PENDING_EFFECTS; + var root = pendingEffectsRoot; + pendingFinishedWork = pendingEffectsRoot = null; + pendingEffectsLanes = 0; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = DiscreteEventPriority; + var prevExecutionContext = executionContext; + executionContext |= CommitContext; + try { + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "none" === documentElement.style.viewTransitionName && + (documentElement.style.viewTransitionName = ""); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + ensureRootIsScheduled(root); + } flushMutationEffects(); flushLayoutEffects(); flushSpawnedWork(); @@ -15716,7 +15788,7 @@ var root$jscomp$0 = pendingEffectsRoot, lanes = pendingEffectsLanes; pendingEffectsStatus = NO_PENDING_EFFECTS; - pendingEffectsRoot = null; + pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Cannot flush passive effects while already rendering."); @@ -24261,6 +24333,8 @@ PENDING_AFTER_MUTATION_PHASE = 3, PENDING_SPAWNED_WORK = 4, PENDING_PASSIVE_PHASE = 5, + PENDING_GESTURE_MUTATION_PHASE = 6, + PENDING_GESTURE_ANIMATION_PHASE = 7, pendingEffectsStatus = 0, pendingEffectsRoot = null, pendingFinishedWork = null, @@ -24816,11 +24890,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -24857,10 +24931,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-canary-22e39ea7-20250225", + version: "19.1.0-canary-d55cc79b-20250228", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-22e39ea7-20250225" + reconcilerVersion: "19.1.0-canary-d55cc79b-20250228" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -25334,7 +25408,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-canary-22e39ea7-20250225"; + exports.version = "19.1.0-canary-d55cc79b-20250228"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js index b1b0e6be8889b..19144ac439384 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js @@ -4586,19 +4586,19 @@ var ContextOnlyDispatcher = { idWithLeadingBit & ~(1 << (32 - clz32(idWithLeadingBit) - 1)) ).toString(32) + JSCompiler_inline_result; identifierPrefix = - ":" + identifierPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + identifierPrefix + "R" + JSCompiler_inline_result; JSCompiler_inline_result = localIdCounter++; 0 < JSCompiler_inline_result && (identifierPrefix += "H" + JSCompiler_inline_result.toString(32)); - identifierPrefix += ":"; + identifierPrefix += "\u00bb"; } else (JSCompiler_inline_result = globalClientIdCounter++), (identifierPrefix = - ":" + + "\u00ab" + identifierPrefix + "r" + JSCompiler_inline_result.toString(32) + - ":"); + "\u00bb"); return (hook.memoizedState = identifierPrefix); }, useHostTransitionStatus: useHostTransitionStatus, @@ -11819,7 +11819,7 @@ function flushSpawnedWork() { 0 !== (finishedWork.flags & 10256) ? (pendingEffectsStatus = 5) : ((pendingEffectsStatus = 0), - (pendingEffectsRoot = null), + (pendingFinishedWork = pendingEffectsRoot = null), releaseRootPooledCache(root, root.pendingLanes)); var remainingLanes = root.pendingLanes; 0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null); @@ -11887,6 +11887,45 @@ function flushSpawnedWork() { markCommitStopped(); } } +function flushGestureMutations() { + if (6 === pendingEffectsStatus) { + pendingEffectsStatus = 0; + var root = pendingEffectsRoot, + prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; + executionContext |= 4; + try { + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "" === documentElement.style.viewTransitionName && + ((documentElement.style.viewTransitionName = "none"), + documentElement.animate( + { opacity: [0, 0], pointerEvents: ["none", "none"] }, + { + duration: 0, + fill: "forwards", + pseudoElement: "::view-transition-group(root)" + } + ), + documentElement.animate( + { width: [0, 0], height: [0, 0] }, + { duration: 0, fill: "forwards", pseudoElement: "::view-transition" } + )); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + pendingEffectsStatus = 7; + } +} function releaseRootPooledCache(root, remainingLanes) { 0 === (root.pooledCacheLanes &= remainingLanes) && ((remainingLanes = root.pooledCache), @@ -11894,6 +11933,35 @@ function releaseRootPooledCache(root, remainingLanes) { ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + flushGestureMutations(); + flushGestureMutations(); + if (7 === pendingEffectsStatus) { + pendingEffectsStatus = 0; + var root = pendingEffectsRoot; + pendingFinishedWork = pendingEffectsRoot = null; + pendingEffectsLanes = 0; + var prevTransition = ReactSharedInternals.T; + ReactSharedInternals.T = null; + var previousPriority = ReactDOMSharedInternals.p; + ReactDOMSharedInternals.p = 2; + var prevExecutionContext = executionContext; + executionContext |= 4; + try { + var rootContainer = root.containerInfo, + documentElement = + 9 === rootContainer.nodeType + ? rootContainer.documentElement + : rootContainer.ownerDocument.documentElement; + null !== documentElement && + "none" === documentElement.style.viewTransitionName && + (documentElement.style.viewTransitionName = ""); + } finally { + (executionContext = prevExecutionContext), + (ReactDOMSharedInternals.p = previousPriority), + (ReactSharedInternals.T = prevTransition); + } + ensureRootIsScheduled(root); + } flushMutationEffects(); flushLayoutEffects(); flushSpawnedWork(); @@ -11915,7 +11983,7 @@ function flushPassiveEffects() { var root$jscomp$0 = pendingEffectsRoot, lanes = pendingEffectsLanes; pendingEffectsStatus = 0; - pendingEffectsRoot = null; + pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331)); null !== injectedProfilingHooks && @@ -12373,20 +12441,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1604 = 0; - i$jscomp$inline_1604 < simpleEventPluginEvents.length; - i$jscomp$inline_1604++ + var i$jscomp$inline_1630 = 0; + i$jscomp$inline_1630 < simpleEventPluginEvents.length; + i$jscomp$inline_1630++ ) { - var eventName$jscomp$inline_1605 = - simpleEventPluginEvents[i$jscomp$inline_1604], - domEventName$jscomp$inline_1606 = - eventName$jscomp$inline_1605.toLowerCase(), - capitalizedEvent$jscomp$inline_1607 = - eventName$jscomp$inline_1605[0].toUpperCase() + - eventName$jscomp$inline_1605.slice(1); + var eventName$jscomp$inline_1631 = + simpleEventPluginEvents[i$jscomp$inline_1630], + domEventName$jscomp$inline_1632 = + eventName$jscomp$inline_1631.toLowerCase(), + capitalizedEvent$jscomp$inline_1633 = + eventName$jscomp$inline_1631[0].toUpperCase() + + eventName$jscomp$inline_1631.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1606, - "on" + capitalizedEvent$jscomp$inline_1607 + domEventName$jscomp$inline_1632, + "on" + capitalizedEvent$jscomp$inline_1633 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15898,16 +15966,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1858 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1884 = React.version; if ( - "19.1.0-canary-22e39ea7-20250225" !== - isomorphicReactPackageVersion$jscomp$inline_1858 + "19.1.0-canary-d55cc79b-20250228" !== + isomorphicReactPackageVersion$jscomp$inline_1884 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1858, - "19.1.0-canary-22e39ea7-20250225" + isomorphicReactPackageVersion$jscomp$inline_1884, + "19.1.0-canary-d55cc79b-20250228" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -15927,12 +15995,12 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_1865 = { +var internals$jscomp$inline_1891 = { bundleType: 0, - version: "19.1.0-canary-22e39ea7-20250225", + version: "19.1.0-canary-d55cc79b-20250228", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-22e39ea7-20250225", + reconcilerVersion: "19.1.0-canary-d55cc79b-20250228", getLaneLabelMap: function () { for ( var map = new Map(), lane = 1, index$281 = 0; @@ -15950,16 +16018,16 @@ var internals$jscomp$inline_1865 = { } }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2307 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2344 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2307.isDisabled && - hook$jscomp$inline_2307.supportsFiber + !hook$jscomp$inline_2344.isDisabled && + hook$jscomp$inline_2344.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2307.inject( - internals$jscomp$inline_1865 + (rendererID = hook$jscomp$inline_2344.inject( + internals$jscomp$inline_1891 )), - (injectedHook = hook$jscomp$inline_2307); + (injectedHook = hook$jscomp$inline_2344); } catch (err) {} } function noop() {} @@ -16212,7 +16280,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-canary-22e39ea7-20250225"; +exports.version = "19.1.0-canary-d55cc79b-20250228"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js index bf84801e0a108..9a39241c3640a 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js @@ -8898,9 +8898,9 @@ "Invalid hook call. Hooks can only be called inside of the body of a function component." ); overflow = localIdCounter++; - treeId = ":" + resumableState.idPrefix + "R" + treeId; + treeId = "\u00ab" + resumableState.idPrefix + "R" + treeId; 0 < overflow && (treeId += "H" + overflow.toString(32)); - return treeId + ":"; + return treeId + "\u00bb"; }, useSyncExternalStore: function ( subscribe, @@ -9010,5 +9010,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-canary-22e39ea7-20250225"; + exports.version = "19.1.0-canary-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js index 6865996ce0bc0..493563c186a8f 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js @@ -3274,9 +3274,9 @@ var HooksDispatcher = { if (null === resumableState) throw Error(formatProdErrorMessage(404)); overflow = localIdCounter++; JSCompiler_inline_result = - ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + resumableState.idPrefix + "R" + JSCompiler_inline_result; 0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32)); - return JSCompiler_inline_result + ":"; + return JSCompiler_inline_result + "\u00bb"; }, useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) { if (void 0 === getServerSnapshot) @@ -5887,4 +5887,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-canary-22e39ea7-20250225"; +exports.version = "19.1.0-canary-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js index 347e5a4dfd27e..251a275358637 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js @@ -8898,9 +8898,9 @@ "Invalid hook call. Hooks can only be called inside of the body of a function component." ); overflow = localIdCounter++; - treeId = ":" + resumableState.idPrefix + "R" + treeId; + treeId = "\u00ab" + resumableState.idPrefix + "R" + treeId; 0 < overflow && (treeId += "H" + overflow.toString(32)); - return treeId + ":"; + return treeId + "\u00bb"; }, useSyncExternalStore: function ( subscribe, @@ -9010,5 +9010,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-canary-22e39ea7-20250225"; + exports.version = "19.1.0-canary-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js index a614b3a81ca8f..6c038d37240ad 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js @@ -3319,9 +3319,9 @@ var HooksDispatcher = { ); overflow = localIdCounter++; JSCompiler_inline_result = - ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + resumableState.idPrefix + "R" + JSCompiler_inline_result; 0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32)); - return JSCompiler_inline_result + ":"; + return JSCompiler_inline_result + "\u00bb"; }, useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) { if (void 0 === getServerSnapshot) @@ -5967,4 +5967,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-canary-22e39ea7-20250225"; +exports.version = "19.1.0-canary-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js index ae5be9334c262..f5ea0e4dae156 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js @@ -7740,11 +7740,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react"), @@ -9160,9 +9160,9 @@ "Invalid hook call. Hooks can only be called inside of the body of a function component." ); overflow = localIdCounter++; - treeId = ":" + resumableState.idPrefix + "R" + treeId; + treeId = "\u00ab" + resumableState.idPrefix + "R" + treeId; 0 < overflow && (treeId += "H" + overflow.toString(32)); - return treeId + ":"; + return treeId + "\u00bb"; }, useSyncExternalStore: function ( subscribe, @@ -9399,5 +9399,5 @@ startWork(request); }); }; - exports.version = "19.1.0-canary-22e39ea7-20250225"; + exports.version = "19.1.0-canary-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js index 67835050efc9f..88c4d9acfe7b3 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js @@ -3632,9 +3632,9 @@ var HooksDispatcher = { if (null === resumableState) throw Error(formatProdErrorMessage(404)); overflow = localIdCounter++; JSCompiler_inline_result = - ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + resumableState.idPrefix + "R" + JSCompiler_inline_result; 0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32)); - return JSCompiler_inline_result + ":"; + return JSCompiler_inline_result + "\u00bb"; }, useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) { if (void 0 === getServerSnapshot) @@ -6227,12 +6227,12 @@ function abort(request, reason) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.1.0-canary-22e39ea7-20250225" + "19.1.0-canary-d55cc79b-20250228" ) ); } @@ -6379,4 +6379,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.1.0-canary-22e39ea7-20250225"; +exports.version = "19.1.0-canary-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js index 5f3f5c653ade2..7a729d4fb9ad8 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js @@ -3285,9 +3285,9 @@ var HooksDispatcher = { ); overflow = localIdCounter++; JSCompiler_inline_result = - ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + resumableState.idPrefix + "R" + JSCompiler_inline_result; 0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32)); - return JSCompiler_inline_result + ":"; + return JSCompiler_inline_result + "\u00bb"; }, useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) { if (void 0 === getServerSnapshot) @@ -5865,13 +5865,13 @@ function abort(request, reason) { } var isomorphicReactPackageVersion$jscomp$inline_761 = React.version; if ( - "19.1.0-canary-22e39ea7-20250225" !== + "19.1.0-canary-d55cc79b-20250228" !== isomorphicReactPackageVersion$jscomp$inline_761 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_761 + - "\n - react-dom: 19.1.0-canary-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -5962,4 +5962,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.1.0-canary-22e39ea7-20250225"; +exports.version = "19.1.0-canary-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js index 5e58fdca5cfdc..291dd505d0064 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js @@ -7763,11 +7763,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react"), @@ -9179,9 +9179,9 @@ "Invalid hook call. Hooks can only be called inside of the body of a function component." ); overflow = localIdCounter++; - treeId = ":" + resumableState.idPrefix + "R" + treeId; + treeId = "\u00ab" + resumableState.idPrefix + "R" + treeId; 0 < overflow && (treeId += "H" + overflow.toString(32)); - return treeId + ":"; + return treeId + "\u00bb"; }, useSyncExternalStore: function ( subscribe, @@ -9429,5 +9429,5 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; - exports.version = "19.1.0-canary-22e39ea7-20250225"; + exports.version = "19.1.0-canary-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js index 01916919f48c6..4b07c080a73ea 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js @@ -3669,9 +3669,9 @@ var HooksDispatcher = { ); overflow = localIdCounter++; JSCompiler_inline_result = - ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + resumableState.idPrefix + "R" + JSCompiler_inline_result; 0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32)); - return JSCompiler_inline_result + ":"; + return JSCompiler_inline_result + "\u00bb"; }, useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) { if (void 0 === getServerSnapshot) @@ -6322,11 +6322,11 @@ function abort(request, reason) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -6483,4 +6483,4 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; -exports.version = "19.1.0-canary-22e39ea7-20250225"; +exports.version = "19.1.0-canary-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js index 8dc5899505afd..685013704367c 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js @@ -7638,11 +7638,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -9104,9 +9104,9 @@ "Invalid hook call. Hooks can only be called inside of the body of a function component." ); overflow = localIdCounter++; - treeId = ":" + resumableState.idPrefix + "R" + treeId; + treeId = "\u00ab" + resumableState.idPrefix + "R" + treeId; 0 < overflow && (treeId += "H" + overflow.toString(32)); - return treeId + ":"; + return treeId + "\u00bb"; }, useSyncExternalStore: function ( subscribe, @@ -9292,5 +9292,5 @@ } }; }; - exports.version = "19.1.0-canary-22e39ea7-20250225"; + exports.version = "19.1.0-canary-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js index 414d0346bbb4b..1c83f1868d8ef 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js @@ -3569,9 +3569,9 @@ var HooksDispatcher = { ); overflow = localIdCounter++; JSCompiler_inline_result = - ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result; + "\u00ab" + resumableState.idPrefix + "R" + JSCompiler_inline_result; 0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32)); - return JSCompiler_inline_result + ":"; + return JSCompiler_inline_result + "\u00bb"; }, useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) { if (void 0 === getServerSnapshot) @@ -6214,11 +6214,11 @@ function abort(request, reason) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-22e39ea7-20250225" !== isomorphicReactPackageVersion) + if ("19.1.0-canary-d55cc79b-20250228" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-22e39ea7-20250225\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-canary-d55cc79b-20250228\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -6367,4 +6367,4 @@ exports.renderToPipeableStream = function (children, options) { } }; }; -exports.version = "19.1.0-canary-22e39ea7-20250225"; +exports.version = "19.1.0-canary-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js index 1ec7df661b83d..20436739fa6f8 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js @@ -416,7 +416,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-canary-22e39ea7-20250225"; + exports.version = "19.1.0-canary-d55cc79b-20250228"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js index 28bbadaeb7aa2..3ffc566adbc74 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js @@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-canary-22e39ea7-20250225"; +exports.version = "19.1.0-canary-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js index e4a7763c1db60..323ab06763d62 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js @@ -336,5 +336,5 @@ })) : Internals.d.m(href)); }; - exports.version = "19.1.0-canary-22e39ea7-20250225"; + exports.version = "19.1.0-canary-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js index 1183d7f9f030d..584bbd48e69ab 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js @@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) { }); } else Internals.d.m(href); }; -exports.version = "19.1.0-canary-22e39ea7-20250225"; +exports.version = "19.1.0-canary-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-dom/package.json b/packages/next/src/compiled/react-dom/package.json index 6bb21b505e7cb..355e61291d625 100644 --- a/packages/next/src/compiled/react-dom/package.json +++ b/packages/next/src/compiled/react-dom/package.json @@ -67,10 +67,10 @@ "./package.json": "./package.json" }, "dependencies": { - "scheduler": "0.26.0-canary-22e39ea7-20250225" + "scheduler": "0.26.0-canary-d55cc79b-20250228" }, "peerDependencies": { - "react": "19.1.0-canary-22e39ea7-20250225" + "react": "19.1.0-canary-d55cc79b-20250228" }, "browser": { "./server.js": "./server.browser.js", diff --git a/packages/next/src/compiled/react-experimental/cjs/react.development.js b/packages/next/src/compiled/react-experimental/cjs/react.development.js index 56388a05f1bd0..9aa7fdf28f399 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.development.js @@ -1277,7 +1277,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.1.0-experimental-22e39ea7-20250225"; + exports.version = "19.1.0-experimental-d55cc79b-20250228"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-experimental/cjs/react.production.js b/packages/next/src/compiled/react-experimental/cjs/react.production.js index e44638338e8bf..3678d5011460c 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.production.js @@ -576,4 +576,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js index a0bbfa6d0e7c2..15d43719d3ba5 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js @@ -981,5 +981,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.1.0-experimental-22e39ea7-20250225"; + exports.version = "19.1.0-experimental-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js index f53d9c7cdb568..6c7c4385b7ff5 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js @@ -561,4 +561,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.1.0-experimental-22e39ea7-20250225"; +exports.version = "19.1.0-experimental-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react-is/package.json b/packages/next/src/compiled/react-is/package.json index a7a479dccc297..541d989967da1 100644 --- a/packages/next/src/compiled/react-is/package.json +++ b/packages/next/src/compiled/react-is/package.json @@ -1,6 +1,6 @@ { "name": "react-is", - "version": "19.1.0-canary-22e39ea7-20250225", + "version": "19.1.0-canary-d55cc79b-20250228", "description": "Brand checking of React Elements.", "main": "index.js", "sideEffects": false, diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js index a32284e3cb5a5..db185145020e4 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js @@ -2896,10 +2896,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.1.0-experimental-22e39ea7-20250225", + version: "19.1.0-experimental-d55cc79b-20250228", rendererPackageName: "react-server-dom-turbopack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-22e39ea7-20250225", + reconcilerVersion: "19.1.0-experimental-d55cc79b-20250228", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json index 9a579ccc9f6b2..5985553c7396e 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json @@ -48,7 +48,7 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "0.0.0-experimental-22e39ea7-20250225", - "react-dom": "0.0.0-experimental-22e39ea7-20250225" + "react": "0.0.0-experimental-d55cc79b-20250228", + "react-dom": "0.0.0-experimental-d55cc79b-20250228" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js index 40f075b4f4aea..e6cf2ef0780fd 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js @@ -2647,10 +2647,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.1.0-canary-22e39ea7-20250225", + version: "19.1.0-canary-d55cc79b-20250228", rendererPackageName: "react-server-dom-turbopack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-22e39ea7-20250225", + reconcilerVersion: "19.1.0-canary-d55cc79b-20250228", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack/package.json b/packages/next/src/compiled/react-server-dom-turbopack/package.json index 43267e8400451..464ca05f37121 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack/package.json @@ -48,7 +48,7 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "19.1.0-canary-22e39ea7-20250225", - "react-dom": "19.1.0-canary-22e39ea7-20250225" + "react": "19.1.0-canary-d55cc79b-20250228", + "react-dom": "19.1.0-canary-d55cc79b-20250228" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js index 0dd2185524f44..5ea667d5e9bb5 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js @@ -2911,10 +2911,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.1.0-experimental-22e39ea7-20250225", + version: "19.1.0-experimental-d55cc79b-20250228", rendererPackageName: "react-server-dom-webpack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-22e39ea7-20250225", + reconcilerVersion: "19.1.0-experimental-d55cc79b-20250228", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json index b905558d3bb11..e2021af452e65 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json @@ -64,8 +64,8 @@ "webpack-sources": "^3.2.0" }, "peerDependencies": { - "react": "0.0.0-experimental-22e39ea7-20250225", - "react-dom": "0.0.0-experimental-22e39ea7-20250225", + "react": "0.0.0-experimental-d55cc79b-20250228", + "react-dom": "0.0.0-experimental-d55cc79b-20250228", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js index 8fe37c18ec45e..0a03e88632a50 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js @@ -2662,10 +2662,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.1.0-canary-22e39ea7-20250225", + version: "19.1.0-canary-d55cc79b-20250228", rendererPackageName: "react-server-dom-webpack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-22e39ea7-20250225", + reconcilerVersion: "19.1.0-canary-d55cc79b-20250228", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-webpack/package.json b/packages/next/src/compiled/react-server-dom-webpack/package.json index 672a6730981b1..11f70c5452dbc 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack/package.json @@ -64,8 +64,8 @@ "webpack-sources": "^3.2.0" }, "peerDependencies": { - "react": "19.1.0-canary-22e39ea7-20250225", - "react-dom": "19.1.0-canary-22e39ea7-20250225", + "react": "19.1.0-canary-d55cc79b-20250228", + "react-dom": "19.1.0-canary-d55cc79b-20250228", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react/cjs/react.development.js b/packages/next/src/compiled/react/cjs/react.development.js index dd4478516ae11..5473c6fac9d87 100644 --- a/packages/next/src/compiled/react/cjs/react.development.js +++ b/packages/next/src/compiled/react/cjs/react.development.js @@ -1238,7 +1238,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.1.0-canary-22e39ea7-20250225"; + exports.version = "19.1.0-canary-d55cc79b-20250228"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react/cjs/react.production.js b/packages/next/src/compiled/react/cjs/react.production.js index 9e163dcec987a..c82ed66985e6b 100644 --- a/packages/next/src/compiled/react/cjs/react.production.js +++ b/packages/next/src/compiled/react/cjs/react.production.js @@ -543,4 +543,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-canary-22e39ea7-20250225"; +exports.version = "19.1.0-canary-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/react/cjs/react.react-server.development.js b/packages/next/src/compiled/react/cjs/react.react-server.development.js index a441bd691aeca..cf7576537f4b7 100644 --- a/packages/next/src/compiled/react/cjs/react.react-server.development.js +++ b/packages/next/src/compiled/react/cjs/react.react-server.development.js @@ -810,5 +810,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.1.0-canary-22e39ea7-20250225"; + exports.version = "19.1.0-canary-d55cc79b-20250228"; })(); diff --git a/packages/next/src/compiled/react/cjs/react.react-server.production.js b/packages/next/src/compiled/react/cjs/react.react-server.production.js index dc3295b19404f..982a732f6d1c1 100644 --- a/packages/next/src/compiled/react/cjs/react.react-server.production.js +++ b/packages/next/src/compiled/react/cjs/react.react-server.production.js @@ -426,4 +426,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.1.0-canary-22e39ea7-20250225"; +exports.version = "19.1.0-canary-d55cc79b-20250228"; diff --git a/packages/next/src/compiled/unistore/unistore.js b/packages/next/src/compiled/unistore/unistore.js index 045fde1a2a341..726fc496dbeba 100644 --- a/packages/next/src/compiled/unistore/unistore.js +++ b/packages/next/src/compiled/unistore/unistore.js @@ -1 +1 @@ -(()=>{var t={342:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a{var t={667:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a=14.0.0'} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 '@storybook/instrumenter@8.6.0': resolution: {integrity: sha512-eEY/Hfa3Vj5Nv4vHRHlSqjoyW6oAKNK3rKIXfL/eawQwb7rKhzijDLG5YBH44Hh7dEPIqUp0LEdgpyIY7GXezg==} @@ -5495,8 +5495,8 @@ packages: resolution: {integrity: sha512-04T86VG0UJtiozgZkTR5sY1qM3E0Rgwqwllvyy7kFFdkV+Sv/VsPjW9sC38s9C8FtCYRL8pJZz81ey3oylpIMA==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 storybook: ^8.6.0 typescript: '*' peerDependenciesMeta: @@ -5517,16 +5517,16 @@ packages: '@storybook/react-dom-shim@8.6.0': resolution: {integrity: sha512-5Y+vMHhcx0xnaNsLQMbkmjc3zkDn/fGBNsiLH2e4POvW3ZQvOxjoyxAsEQaKwLtFgsdCFSd2tR89F6ItYrA2JQ==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 storybook: ^8.6.0 '@storybook/react-webpack5@8.6.0': resolution: {integrity: sha512-2L9CYDPn1OL0B8K5EU/Wpo9Slg8f0vkYPaPioQnmcK3Q4SJR4JAuDVWHUtNdxhaPOkHIy887Tfrf6BEC/blMaQ==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5538,8 +5538,8 @@ packages: engines: {node: '>=18.0.0'} peerDependencies: '@storybook/test': 8.6.0 - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5775,8 +5775,8 @@ packages: engines: {node: '>=18'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 peerDependenciesMeta: '@types/react': optional: true @@ -11858,7 +11858,7 @@ packages: lucide-react@0.383.0: resolution: {integrity: sha512-13xlG0CQCJtzjSQYwwJ3WRqMHtRj3EXmLlorrARt7y+IHnxUCp3XyFNL1DfaGySWxHObDvnu1u1dV+0VMKHUSg==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 lz-string@1.5.0: resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} @@ -14351,23 +14351,23 @@ packages: resolution: {integrity: sha512-APPU8HB2uZnpl6Vt/+0AFoVYgSRtfiP6FLrZgPPTDmqSb2R4qZRbgd0A3VzIFxDt5e+Fozjx79WjLWnF69DK8g==} engines: {node: '>=16.14.0'} - react-dom@0.0.0-experimental-22e39ea7-20250225: - resolution: {integrity: sha512-7OStxAnTt9XvrpS9WgYkV7P+3qXCHtPQ+kp93NobyqTquxuNCJcS9Ue3JgsLsnkA3ukxWwfWmsVjaKr+gCjNGw==} + react-dom@0.0.0-experimental-d55cc79b-20250228: + resolution: {integrity: sha512-LzjG3e+OCAvBDYDCel+i7YwF0l6Af28zhTiD3KV8PXb4k8BiGj622Ck6GkmXi2Kx/rad9zrShLOVyZnOfx3w1Q==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 - react-dom@19.1.0-canary-22e39ea7-20250225: - resolution: {integrity: sha512-deyJ5Ov4lgtJv7YhSYrqK3APgIbaaGKfMM/koYm+0Ahu5cC7EUkDPzQv3oZaFNJ7edZzQnvZzDrSLdJO2d0hyA==} + react-dom@19.1.0-canary-d55cc79b-20250228: + resolution: {integrity: sha512-2OlrS18wQWLmrshzuzVmXB8v/zFXbMJHtl4JMkp0rBiFsLG1fH8r7Jd7kPfyoT48ErSx9VZcNKUZyEoHat1NBw==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 react-dom@19.1.0-canary-ff628334-20250205: resolution: {integrity: sha512-O/FFWzQNHqKLavROUliPXDPAwJcjwDcFbZmg2YfsWtSDJj1pRFTNzYvOUChC/hgBQiIM5rAiznQjBw2D9naH1g==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 - react-is@19.1.0-canary-22e39ea7-20250225: - resolution: {integrity: sha512-ls7MoAxyytTlH3i8Ayr3hZXE3GUHGj/rxR46YfcsIJcWmeURStG6DU6yvlNUakJDe7kpcnfGc8wpvBKikqBIZg==} + react-is@19.1.0-canary-d55cc79b-20250228: + resolution: {integrity: sha512-XCZubErk79YMov9GYEZYtpvLuczsBZ/mQtEJt/x2Vh24kfs5Kt8DiKDSy5We0EYY6zEtwpv24MMonE3sw3LE/Q==} react-is@19.1.0-canary-ff628334-20250205: resolution: {integrity: sha512-tydzrH7c0S7kxlrN/Si8T4uoOWV3gMtNfTLfW3XubcKNzZwN//JEfzE1fe82nkmw7Gy2wpN6Gg+gMvOpKmiAtw==} @@ -14378,8 +14378,8 @@ packages: react-number-format@5.4.0: resolution: {integrity: sha512-NWdICrqLhI7rAS8yUeLVd6Wr4cN7UjJ9IBTS0f/a9i7UB4x4Ti70kGnksBtZ7o4Z7YRbvCMMR/jQmkoOBa/4fg==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 react-refresh@0.12.0: resolution: {integrity: sha512-suLIhrU2IHKL5JEKR/fAwJv7bbeq4kJ+pJopf77jHwuR+HmJS/HbrPIGsTBUVfw7tXPOmYv7UJ7PCaN49e8x4A==} @@ -14390,7 +14390,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 peerDependenciesMeta: '@types/react': optional: true @@ -14400,58 +14400,58 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 peerDependenciesMeta: '@types/react': optional: true - react-server-dom-turbopack@0.0.0-experimental-22e39ea7-20250225: - resolution: {integrity: sha512-T6NNzWQZ9w8+O3Az+d+Vp5Iyk4lehq9tW7A2/RWTPp2Wu8rerSqBsfrGIzR2uxVb/Cs/U1Ao8qPoQIJ0x4zMiQ==} + react-server-dom-turbopack@0.0.0-experimental-d55cc79b-20250228: + resolution: {integrity: sha512-kFNCFRMZa6KmrRbG4FlsvlQpv1OxIRrFcVyRRmWq6LLJDpy6P3UVLNnF0TRj/kk8jqoqidrWIYPCW7uCtDy0oQ==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 - react-server-dom-turbopack@19.1.0-canary-22e39ea7-20250225: - resolution: {integrity: sha512-Ttuix7MG9JYTiBiCreyRfWAeU+NOOoSglunQOLySnhoHPhJP1Z+wRhdaaczyMDI9ccWSHhuyaq8rQ8+/M1Sd2Q==} + react-server-dom-turbopack@19.1.0-canary-d55cc79b-20250228: + resolution: {integrity: sha512-YGNHg9HKLpANd/S35fkjeQwnrDoaw288ddAfEg8PYrJ4yClVBdD3w1eXgdqkep7TDmZqgTgYd2XN6uZThJa1BQ==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 - react-server-dom-webpack@0.0.0-experimental-22e39ea7-20250225: - resolution: {integrity: sha512-wj+09iK27PoW1DlMiCJdasUl2HqzCWdM84BRqedB6YXexjpz+lS8+ByuJHwJ+s6SgrnoXmjtVn4wkQZexCDZJQ==} + react-server-dom-webpack@0.0.0-experimental-d55cc79b-20250228: + resolution: {integrity: sha512-7FRW5VtgBHW9KWABJFC7MDosZaqLhthjX/JmyMdV5WIrm9DDGZNb2aWo8N/pYjSiU0KiD2zekr9aNyKsIWQfmw==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 webpack: 5.98.0 - react-server-dom-webpack@19.1.0-canary-22e39ea7-20250225: - resolution: {integrity: sha512-jGCqbJn/Dj7xZklaSy8unneiP6GNqHSfSHqquk5JGSEmFlXlk5S+7DnhoIQt2Z9SCmjA61SALEfONdGFuR99FQ==} + react-server-dom-webpack@19.1.0-canary-d55cc79b-20250228: + resolution: {integrity: sha512-y8SDzzqNNdjewdwDN4dXXRBdxXHy5aSUBr+Sps2STj2a+464rqL24HEqtElANRjZziMp4yTQEEPdaPg9cw30Gg==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 webpack: 5.98.0 react-shallow-renderer@16.15.0: resolution: {integrity: sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 react-ssr-prepass@1.0.8: resolution: {integrity: sha512-O0gfRA1SaK+9ITKxqfnXsej2jF+OHGP/+GxD4unROQaM/0/UczGF9fuF+wTboxaQoKdIf4FvS3h/OigWh704VA==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-is: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-is: 19.1.0-canary-d55cc79b-20250228 react-style-singleton@2.2.1: resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==} engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 peerDependenciesMeta: '@types/react': optional: true @@ -14459,26 +14459,26 @@ packages: react-test-renderer@18.2.0: resolution: {integrity: sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 react-textarea-autosize@8.5.3: resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==} engines: {node: '>=10'} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 react-virtualized@9.22.3: resolution: {integrity: sha512-MKovKMxWTcwPSxE1kK1HcheQTWfuCxAuBoSTf2gwyMM21NdX/PXUhnoP8Uc5dRKd+nKm8v41R36OellhdCpkrw==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 - react@0.0.0-experimental-22e39ea7-20250225: - resolution: {integrity: sha512-eU+1j1i3IhA2vd048hVrexXwhiJAk9cXvrxMu7K1f2VvTbZADSq8Hm2EQVdpAqBdGQsiSzxtmkJLb5n1cmHmPw==} + react@0.0.0-experimental-d55cc79b-20250228: + resolution: {integrity: sha512-WoQ/gDNOs402OjB9QHcKXaWENn3xUH4MoV4JXxIGFG3gyKYDTiof10Psn6XBCmwhH9LPJL4ZsBTKBdspZahoFA==} engines: {node: '>=0.10.0'} - react@19.1.0-canary-22e39ea7-20250225: - resolution: {integrity: sha512-9Pjd0zY+ldEFLg5fyMAYeUUiqpz5IWVKwrRYK5KCmSK8OMtLqSSi/WHQB6ATH/Zq71EcQynJ4IeplLR1q8umFQ==} + react@19.1.0-canary-d55cc79b-20250228: + resolution: {integrity: sha512-H/z8xXo1/5UgzzDz9p2dnb2GpaRSLyr4G9S58XZFdSPfz5yRpafOJvgRXArB1eqXXX1+JZmGgEV4ZVg/afQ1qw==} engines: {node: '>=0.10.0'} react@19.1.0-canary-ff628334-20250205: @@ -15027,11 +15027,11 @@ packages: resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} engines: {node: '>=v12.22.7'} - scheduler@0.0.0-experimental-22e39ea7-20250225: - resolution: {integrity: sha512-SvzC36kIOl3NAGxYiduJAmDKgz9jTF4v4RYM0rjRAlqRTKd5aCV8KGpJMxnu3l1jqmCooOgDb9gHTonTDuSpIw==} + scheduler@0.0.0-experimental-d55cc79b-20250228: + resolution: {integrity: sha512-YLl1XUkAMw3vaMd+R3Fa8NyHGj5Ecsk7j0uwvqoJBBXTW3aSADVJDY5Mg7OYanv0NRR13Aq5XtWszLMadH3PSw==} - scheduler@0.26.0-canary-22e39ea7-20250225: - resolution: {integrity: sha512-AP0xmdGqRDWq2UHgyuz/mmL83Bh+7hAJW476bAs8GWJSPExX/I6HPUCccnISy9YA2Vs1Ley7SF4b8974W+fBqA==} + scheduler@0.26.0-canary-d55cc79b-20250228: + resolution: {integrity: sha512-+9VHsRfwJLR6RiOcCg9n5B3XA1WkBD+dSzm02KPnRE++TYTXKMUBbZcM8RxsCL8kI3Ag4VUaF+Uq++1+d+eOCQ==} schema-utils@2.7.1: resolution: {integrity: sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==} @@ -15672,8 +15672,8 @@ packages: engines: {node: '>= 16'} peerDependencies: babel-plugin-styled-components: '>= 2' - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228 peerDependenciesMeta: babel-plugin-styled-components: optional: true @@ -15687,7 +15687,7 @@ packages: peerDependencies: '@babel/core': '*' babel-plugin-macros: '*' - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 peerDependenciesMeta: '@babel/core': optional: true @@ -15771,7 +15771,7 @@ packages: swr@2.2.4: resolution: {integrity: sha512-njiZ/4RiIhoOlAaLYDqwz5qH/KZXVilRLvomrx83HjzCWTfa+InyfAjv05PSFxnmLzZkNO9ZfvgoqzAaEI4sGQ==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 symbol-observable@1.0.1: resolution: {integrity: sha512-Kb3PrPYz4HanVF1LVGuAdW6LoVgIwjUYJGzFe7NDrBLCN4lsV/5J0MFurV+ygS4bRVwrCEt2c7MQ1R2a72oJDw==} @@ -16568,7 +16568,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 peerDependenciesMeta: '@types/react': optional: true @@ -16576,13 +16576,13 @@ packages: use-composed-ref@1.3.0: resolution: {integrity: sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 use-isomorphic-layout-effect@1.1.2: resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==} peerDependencies: '@types/react': '*' - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 peerDependenciesMeta: '@types/react': optional: true @@ -16591,7 +16591,7 @@ packages: resolution: {integrity: sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==} peerDependencies: '@types/react': '*' - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 peerDependenciesMeta: '@types/react': optional: true @@ -16601,7 +16601,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 peerDependenciesMeta: '@types/react': optional: true @@ -16609,7 +16609,7 @@ packages: use-sync-external-store@1.2.0: resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==} peerDependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 util-deprecate@1.0.2: resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} @@ -19418,17 +19418,17 @@ snapshots: '@emotion/memoize@0.8.1': {} - '@emotion/react@11.11.1(@types/react@19.0.8)(react@19.1.0-canary-22e39ea7-20250225)': + '@emotion/react@11.11.1(@types/react@19.0.8)(react@19.1.0-canary-d55cc79b-20250228)': dependencies: '@babel/runtime': 7.22.5 '@emotion/babel-plugin': 11.11.0 '@emotion/cache': 11.11.0 '@emotion/serialize': 1.1.2 - '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.1.0-canary-22e39ea7-20250225) + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.1.0-canary-d55cc79b-20250228) '@emotion/utils': 1.2.1 '@emotion/weak-memoize': 0.3.1 hoist-non-react-statics: 3.3.2 - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 optionalDependencies: '@types/react': 19.0.8 transitivePeerDependencies: @@ -19446,9 +19446,9 @@ snapshots: '@emotion/unitless@0.8.1': {} - '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.1.0-canary-22e39ea7-20250225)': + '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.1.0-canary-d55cc79b-20250228)': dependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 '@emotion/utils@1.2.1': {} @@ -20992,11 +20992,11 @@ snapshots: transitivePeerDependencies: - supports-color - '@mdx-js/react@2.2.1(react@19.1.0-canary-22e39ea7-20250225)': + '@mdx-js/react@2.2.1(react@19.1.0-canary-d55cc79b-20250228)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.0.8 - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 '@mdx-js/react@2.2.1(react@19.1.0-canary-ff628334-20250205)': dependencies: @@ -21004,11 +21004,11 @@ snapshots: '@types/react': 19.0.8 react: 19.1.0-canary-ff628334-20250205 - '@mdx-js/react@3.1.0(@types/react@19.0.8)(react@19.1.0-canary-22e39ea7-20250225)': + '@mdx-js/react@3.1.0(@types/react@19.0.8)(react@19.1.0-canary-d55cc79b-20250228)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.0.8 - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 '@module-federation/error-codes@0.8.4': {} @@ -21728,12 +21728,12 @@ snapshots: '@storybook/addon-docs@8.6.0(@types/react@19.0.8)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@mdx-js/react': 3.1.0(@types/react@19.0.8)(react@19.1.0-canary-22e39ea7-20250225) - '@storybook/blocks': 8.6.0(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(storybook@8.6.0(prettier@3.3.3)) + '@mdx-js/react': 3.1.0(@types/react@19.0.8)(react@19.1.0-canary-d55cc79b-20250228) + '@storybook/blocks': 8.6.0(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(storybook@8.6.0(prettier@3.3.3)) '@storybook/csf-plugin': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(storybook@8.6.0(prettier@3.3.3)) - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(storybook@8.6.0(prettier@3.3.3)) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 transitivePeerDependencies: @@ -21798,14 +21798,14 @@ snapshots: - '@swc/helpers' - webpack - '@storybook/blocks@8.6.0(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/blocks@8.6.0(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@storybook/icons': 1.3.0(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225) + '@storybook/icons': 1.3.0(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 optionalDependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) '@storybook/builder-webpack5@8.6.0(@rspack-canary/core@1.2.0-canary-37cc738d-20250207113050(@swc/helpers@0.5.15))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: @@ -21884,10 +21884,10 @@ snapshots: '@storybook/global@5.0.0': {} - '@storybook/icons@1.3.0(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)': + '@storybook/icons@1.3.0(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)': dependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) '@storybook/instrumenter@8.6.0(storybook@8.6.0(prettier@3.3.3))': dependencies: @@ -21899,17 +21899,17 @@ snapshots: dependencies: storybook: 8.6.0(prettier@3.3.3) - '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/core-webpack': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@5.8.2)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)) '@types/semver': 7.5.6 find-up: 5.0.0 magic-string: 0.30.17 - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 react-docgen: 7.1.0 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) resolve: 1.22.8 semver: 7.6.3 storybook: 8.6.0(prettier@3.3.3) @@ -21943,19 +21943,19 @@ snapshots: transitivePeerDependencies: - supports-color - '@storybook/react-dom-shim@8.6.0(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/react-dom-shim@8.6.0(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(storybook@8.6.0(prettier@3.3.3))': dependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) storybook: 8.6.0(prettier@3.3.3) - '@storybook/react-webpack5@8.6.0(@rspack-canary/core@1.2.0-canary-37cc738d-20250207113050(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react-webpack5@8.6.0(@rspack-canary/core@1.2.0-canary-37cc738d-20250207113050(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/builder-webpack5': 8.6.0(@rspack-canary/core@1.2.0-canary-37cc738d-20250207113050(@swc/helpers@0.5.15))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: typescript: 5.8.2 @@ -21968,16 +21968,16 @@ snapshots: - uglify-js - webpack-cli - '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/components': 8.6.0(storybook@8.6.0(prettier@3.3.3)) '@storybook/global': 5.0.0 '@storybook/manager-api': 8.6.0(storybook@8.6.0(prettier@3.3.3)) '@storybook/preview-api': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(storybook@8.6.0(prettier@3.3.3)) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(storybook@8.6.0(prettier@3.3.3)) '@storybook/theming': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: '@storybook/test': 8.6.0(storybook@8.6.0(prettier@3.3.3)) @@ -22251,13 +22251,13 @@ snapshots: lodash: 4.17.21 redent: 3.0.0 - '@testing-library/react@15.0.7(@types/react@19.0.8)(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)': + '@testing-library/react@15.0.7(@types/react@19.0.8)(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)': dependencies: '@babel/runtime': 7.22.5 '@testing-library/dom': 10.1.0 '@types/react-dom': 19.0.3(@types/react@19.0.8) - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) optionalDependencies: '@types/react': 19.0.8 @@ -27934,7 +27934,7 @@ snapshots: hoist-non-react-statics@3.3.2: dependencies: - react-is: 19.1.0-canary-22e39ea7-20250225 + react-is: 19.1.0-canary-d55cc79b-20250228 homedir-polyfill@1.0.3: dependencies: @@ -32827,25 +32827,25 @@ snapshots: dependencies: ansi-regex: 5.0.1 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-22e39ea7-20250225 + react-is: 19.1.0-canary-d55cc79b-20250228 pretty-format@29.5.0: dependencies: '@jest/schemas': 29.4.3 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-22e39ea7-20250225 + react-is: 19.1.0-canary-d55cc79b-20250228 pretty-format@29.7.0: dependencies: '@jest/schemas': 29.6.3 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-22e39ea7-20250225 + react-is: 19.1.0-canary-d55cc79b-20250228 pretty-format@30.0.0-alpha.6: dependencies: '@jest/schemas': 30.0.0-alpha.6 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-22e39ea7-20250225 + react-is: 19.1.0-canary-d55cc79b-20250228 pretty-ms@7.0.0: dependencies: @@ -32908,7 +32908,7 @@ snapshots: dependencies: loose-envify: 1.4.0 object-assign: 4.1.1 - react-is: 19.1.0-canary-22e39ea7-20250225 + react-is: 19.1.0-canary-d55cc79b-20250228 property-information@5.6.0: dependencies: @@ -33115,22 +33115,22 @@ snapshots: transitivePeerDependencies: - supports-color - react-dom@0.0.0-experimental-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225): + react-dom@0.0.0-experimental-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228): dependencies: - react: 19.1.0-canary-22e39ea7-20250225 - scheduler: 0.26.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + scheduler: 0.26.0-canary-d55cc79b-20250228 - react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225): + react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228): dependencies: - react: 19.1.0-canary-22e39ea7-20250225 - scheduler: 0.26.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + scheduler: 0.26.0-canary-d55cc79b-20250228 react-dom@19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205): dependencies: react: 19.1.0-canary-ff628334-20250205 - scheduler: 0.26.0-canary-22e39ea7-20250225 + scheduler: 0.26.0-canary-d55cc79b-20250228 - react-is@19.1.0-canary-22e39ea7-20250225: {} + react-is@19.1.0-canary-d55cc79b-20250228: {} react-is@19.1.0-canary-ff628334-20250205: {} @@ -33163,48 +33163,48 @@ snapshots: optionalDependencies: '@types/react': 19.0.8 - react-server-dom-turbopack@0.0.0-experimental-22e39ea7-20250225(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225): + react-server-dom-turbopack@0.0.0-experimental-d55cc79b-20250228(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) - react-server-dom-turbopack@19.1.0-canary-22e39ea7-20250225(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225): + react-server-dom-turbopack@19.1.0-canary-d55cc79b-20250228(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) - react-server-dom-webpack@0.0.0-experimental-22e39ea7-20250225(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): + react-server-dom-webpack@0.0.0-experimental-d55cc79b-20250228(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-server-dom-webpack@19.1.0-canary-22e39ea7-20250225(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): + react-server-dom-webpack@19.1.0-canary-d55cc79b-20250228(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-shallow-renderer@16.15.0(react@19.1.0-canary-22e39ea7-20250225): + react-shallow-renderer@16.15.0(react@19.1.0-canary-d55cc79b-20250228): dependencies: object-assign: 4.1.1 - react: 19.1.0-canary-22e39ea7-20250225 - react-is: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-is: 19.1.0-canary-d55cc79b-20250228 - react-ssr-prepass@1.0.8(react-is@19.1.0-canary-ff628334-20250205)(react@19.1.0-canary-22e39ea7-20250225): + react-ssr-prepass@1.0.8(react-is@19.1.0-canary-ff628334-20250205)(react@19.1.0-canary-d55cc79b-20250228): dependencies: object-is: 1.0.2 - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 react-is: 19.1.0-canary-ff628334-20250205 react-style-singleton@2.2.1(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): @@ -33216,12 +33216,12 @@ snapshots: optionalDependencies: '@types/react': 19.0.8 - react-test-renderer@18.2.0(react@19.1.0-canary-22e39ea7-20250225): + react-test-renderer@18.2.0(react@19.1.0-canary-d55cc79b-20250228): dependencies: - react: 19.1.0-canary-22e39ea7-20250225 - react-is: 19.1.0-canary-22e39ea7-20250225 - react-shallow-renderer: 16.15.0(react@19.1.0-canary-22e39ea7-20250225) - scheduler: 0.26.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 + react-is: 19.1.0-canary-d55cc79b-20250228 + react-shallow-renderer: 16.15.0(react@19.1.0-canary-d55cc79b-20250228) + scheduler: 0.26.0-canary-d55cc79b-20250228 react-textarea-autosize@8.5.3(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): dependencies: @@ -33232,20 +33232,20 @@ snapshots: transitivePeerDependencies: - '@types/react' - react-virtualized@9.22.3(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225): + react-virtualized@9.22.3(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228): dependencies: '@babel/runtime': 7.22.5 clsx: 1.1.1 dom-helpers: 5.2.1 loose-envify: 1.4.0 prop-types: 15.8.1 - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) react-lifecycles-compat: 3.0.4 - react@0.0.0-experimental-22e39ea7-20250225: {} + react@0.0.0-experimental-d55cc79b-20250228: {} - react@19.1.0-canary-22e39ea7-20250225: {} + react@19.1.0-canary-d55cc79b-20250228: {} react@19.1.0-canary-ff628334-20250205: {} @@ -34005,9 +34005,9 @@ snapshots: dependencies: xmlchars: 2.2.0 - scheduler@0.0.0-experimental-22e39ea7-20250225: {} + scheduler@0.0.0-experimental-d55cc79b-20250228: {} - scheduler@0.26.0-canary-22e39ea7-20250225: {} + scheduler@0.26.0-canary-d55cc79b-20250228: {} schema-utils@2.7.1: dependencies: @@ -34764,7 +34764,7 @@ snapshots: dependencies: inline-style-parser: 0.1.1 - styled-components@6.0.0-rc.3(react-dom@19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225))(react@19.1.0-canary-22e39ea7-20250225): + styled-components@6.0.0-rc.3(react-dom@19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228))(react@19.1.0-canary-d55cc79b-20250228): dependencies: '@babel/cli': 7.21.5(@babel/core@7.22.5) '@babel/core': 7.22.5 @@ -34779,8 +34779,8 @@ snapshots: '@emotion/unitless': 0.8.1 css-to-react-native: 3.2.0 postcss: 8.4.31 - react: 19.1.0-canary-22e39ea7-20250225 - react-dom: 19.1.0-canary-22e39ea7-20250225(react@19.1.0-canary-22e39ea7-20250225) + react: 19.1.0-canary-d55cc79b-20250228 + react-dom: 19.1.0-canary-d55cc79b-20250228(react@19.1.0-canary-d55cc79b-20250228) shallowequal: 1.1.0 stylis: 4.2.0 tslib: 2.5.3 @@ -34792,10 +34792,10 @@ snapshots: postcss: 7.0.32 postcss-load-plugins: 2.3.0 - styled-jsx@5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-22e39ea7-20250225): + styled-jsx@5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-d55cc79b-20250228): dependencies: client-only: 0.0.1 - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 optionalDependencies: '@babel/core': 7.22.5 babel-plugin-macros: 3.1.0 @@ -34891,11 +34891,11 @@ snapshots: '@swc/counter': 0.1.3 webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2) - swr@2.2.4(react@19.1.0-canary-22e39ea7-20250225): + swr@2.2.4(react@19.1.0-canary-d55cc79b-20250228): dependencies: client-only: 0.0.1 - react: 19.1.0-canary-22e39ea7-20250225 - use-sync-external-store: 1.2.0(react@19.1.0-canary-22e39ea7-20250225) + react: 19.1.0-canary-d55cc79b-20250228 + use-sync-external-store: 1.2.0(react@19.1.0-canary-d55cc79b-20250228) symbol-observable@1.0.1: {} @@ -35694,9 +35694,9 @@ snapshots: unist-util-is: 6.0.0 unist-util-visit-parents: 6.0.1 - unistore@3.4.1(react@19.1.0-canary-22e39ea7-20250225): + unistore@3.4.1(react@19.1.0-canary-d55cc79b-20250228): optionalDependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 universal-github-app-jwt@1.1.1: dependencies: @@ -35822,9 +35822,9 @@ snapshots: optionalDependencies: '@types/react': 19.0.8 - use-sync-external-store@1.2.0(react@19.1.0-canary-22e39ea7-20250225): + use-sync-external-store@1.2.0(react@19.1.0-canary-d55cc79b-20250228): dependencies: - react: 19.1.0-canary-22e39ea7-20250225 + react: 19.1.0-canary-d55cc79b-20250228 util-deprecate@1.0.2: {}