Fixup

Author: devongovett

packages/dev/s2-docs/pages/react-aria/Button.mdx

@@ -10,6 +10,7 @@ import vanillaDocs from 'docs:vanilla-starter/Button';
 import tailwindDocs from 'docs:tailwind-starter/Button';
 import '../../tailwind/tailwind.css';
 import typesDocs from 'docs:@react-types/shared/src/events.d.ts';
+import {getBaseUrl} from '../../src/pageUtils';
 
 export const tags = ['btn'];
 export const relatedPages = [{'title': 'useButton', 'url': 'https://react-spectrum.adobe.com/react-aria/useButton.html'}];
@@ -47,9 +48,9 @@ export const description = 'Allows a user to perform an action, with mouse, touc
 
 ## Events
 
-Use the `onPress` prop to handle interactions via mouse, keyboard, and touch. This is similar to `onClick`, but normalized for consistency across browsers, devices, and interaction methods. Read our [blog post](building-a-button-part-1) to learn more.
+Use the `onPress` prop to handle interactions via mouse, keyboard, and touch. This is similar to `onClick`, but normalized for consistency across browsers, devices, and interaction methods. Read our [blog post](blog/building-a-button-part-1) to learn more.
 
-The `onPressStart`, `onPressEnd`, and `onPressChange` events are also emitted as the user interacts with the button. Each of these handlers receives a <TypeLink links={typesDocs.links} type={typesDocs.exports.PressEvent} />, which provides information about the target and interaction method. See [usePress](https://react-spectrum.adobe.com/react-aria/usePress.html) for more details.
+The `onPressStart`, `onPressEnd`, and `onPressChange` events are also emitted as the user interacts with the button. Each of these handlers receives a <TypeLink links={typesDocs.links} type={typesDocs.exports.PressEvent} />, which provides information about the target and interaction method. See <Link href={`${getBaseUrl('react-aria')}/usePress`}>usePress</Link> for more details.
 
 ```tsx render
 "use client";

packages/dev/s2-docs/pages/react-aria/CheckboxGroup.mdx

@@ -10,7 +10,7 @@ import {InlineAlert, Heading, Content} from '@react-spectrum/s2'
 export const tags = ['input'];
 export const relatedPages = [
   {title: 'useCheckboxGroup', url: 'https://react-spectrum.adobe.com/react-aria/useCheckboxGroup.html'},
-  {title: 'Testing', url: './CheckboxGroup/testing.html'}
+  {title: 'Testing', url: './CheckboxGroup/testing'}
 ];
 export const description = 'Allows a user to select multiple items from a list of options.';
 

packages/dev/s2-docs/pages/react-aria/ComboBox.mdx

@@ -11,7 +11,7 @@ import {InlineAlert, Heading, Content} from '@react-spectrum/s2'
 export const tags = ['autocomplete', 'search', 'typeahead', 'input'];
 export const relatedPages = [
   {title: 'useComboBox', url: 'https://react-spectrum.adobe.com/react-aria/useComboBox.html'},
-  {title: 'Testing', url: './ComboBox/testing.html'}
+  {title: 'Testing', url: './ComboBox/testing'}
 ];
 export const description = 'Combines a text input with a listbox, allowing users to filter a list of options to items matching a query.';
 

packages/dev/s2-docs/pages/react-aria/FileTrigger.mdx

@@ -4,6 +4,7 @@ export default Layout;
 import docs from 'docs:react-aria-components';
 import '../../tailwind/tailwind.css';
 import {InlineAlert, Heading, Content} from '@react-spectrum/s2'
+import {getBaseUrl} from '../../src/pageUtils';
 
 export const tags = ['upload', 'input'];
 export const description = 'Allows a user to access the file system with any pressable React Aria or React Spectrum component.';
@@ -43,7 +44,7 @@ function Example(props) {
 
 ## Custom trigger
 
-`FileTrigger` works with any pressable React Aria component (e.g. [Button](Button), [Link](Link), etc.). Use the `<Pressable>` component or [usePress](https://react-spectrum.adobe.com/react-aria/usePress.html) hook to wrap a custom trigger element such as a third party component or DOM element.
+`FileTrigger` works with any pressable React Aria component (e.g. [Button](Button), [Link](Link), etc.). Use the `<Pressable>` component or <Link href={`${getBaseUrl('react-aria')}/usePress`}>usePress</Link> hook to wrap a custom trigger element such as a third party component or DOM element.
 
 ```tsx render
 "use client"

packages/dev/s2-docs/pages/react-aria/GridList.mdx

@@ -11,7 +11,7 @@ import {InlineAlert, Heading, Content} from '@react-spectrum/s2'
 export const tags = ['list view'];
 export const relatedPages = [
   {title: 'useGridList', url: 'https://react-spectrum.adobe.com/react-aria/useGridList.html'},
-  {title: 'Testing', url: './GridList/testing.html'}
+  {title: 'Testing', url: './GridList/testing'}
 ];
 export const description = 'Displays a list of interactive items, with support for keyboard navigation, selection, and actions.';
 

packages/dev/s2-docs/pages/react-aria/GridList/testing.mdx

@@ -16,8 +16,8 @@ export const description = 'Testing GridList with React Aria test utils';
 
 GridList supports long press interactions on its items in certain configurations. See the following sections on how to handle these behaviors in your tests.
 
-* [Timers](../testing.html#timers)
-* [Long press](../testing.html#simulating-user-long-press)
+* [Timers](../testing#timers)
+* [Long press](../testing#simulating-user-long-press)
 
 ## Test utils
 

packages/dev/s2-docs/pages/react-aria/Link.mdx

@@ -36,7 +36,7 @@ export const description = 'Allows a user to navigate to another page or resourc
 
 ## Events
 
-Links with an `href` will be handled by the browser, or via a [client side router](https://react-spectrum.adobe.com/react-aria/routing.html). Links without an `href` will be rendered as a `<span role="link">` instead of an `<a>`. Use the `onPress` event to handle user interaction.
+Links with an `href` will be handled by the browser, or via a [client side router](./frameworks). Links without an `href` will be rendered as a `<span role="link">` instead of an `<a>`. Use the `onPress` event to handle user interaction.
 
 ```tsx render
 "use client";

packages/dev/s2-docs/pages/react-aria/ListBox.mdx

@@ -11,7 +11,7 @@ import {InlineAlert, Heading, Content} from '@react-spectrum/s2'
 export const tags = ['options'];
 export const relatedPages = [
   {title: 'useListBox', url: 'https://react-spectrum.adobe.com/react-aria/useListBox.html'},
-  {title: 'Testing', url: './ListBox/testing.html'}
+  {title: 'Testing', url: './ListBox/testing'}
 ];
 export const description = 'Displays a list of options and allows a user to select one or more of them.';
 
@@ -197,7 +197,7 @@ function AsyncLoadingExample() {
 
 ### Links
 
-Use the `href` prop on a `<ListBoxItem>` to create a link. See the [framework setup guide](frameworks.html) to learn how to integrate with your framework.
+Use the `href` prop on a `<ListBoxItem>` to create a link. See the [framework setup guide](frameworks) to learn how to integrate with your framework.
 
 By default, link items in a ListBox are not selectable, and only perform navigation when the user interacts with them. However, with `selectionBehavior="replace"`, items will be selected when single clicking or pressing the <Keyboard>Space</Keyboard> key, and navigate to the link when double clicking or pressing the <Keyboard>Enter</Keyboard> key.
 

packages/dev/s2-docs/pages/react-aria/ListBox/testing.mdx

@@ -16,8 +16,8 @@ export const description = 'Testing ListBox with React Aria test utils';
 
 ListBox supports long press interactions on its options in certain configurations. See the following sections on how to handle these behaviors in your tests.
 
-* [Timers](../testing.html#timers)
-* [Long press](../testing.html#simulating-user-long-press)
+* [Timers](../testing#timers)
+* [Long press](../testing#simulating-user-long-press)
 
 ## Test utils
 

packages/dev/s2-docs/pages/react-aria/Menu.mdx

@@ -9,7 +9,7 @@ import {InlineAlert, Heading, Content} from '@react-spectrum/s2'
 export const tags = ['dropdown'];
 export const relatedPages = [
   {title: 'useMenu', url: 'https://react-spectrum.adobe.com/react-aria/useMenu.html'},
-  {title: 'Testing', url: './Menu/testing.html'}
+  {title: 'Testing', url: './Menu/testing'}
 ];
 export const description = 'Displays a list of actions or options that a user can choose.';
 
@@ -285,7 +285,7 @@ import {Button} from 'vanilla-starter/Button';
 
 ### Links
 
-Use the `href` prop on a `<MenuItem>` to create a link. See the [framework setup guide](frameworks.html) to learn how to integrate with your framework.
+Use the `href` prop on a `<MenuItem>` to create a link. See the [framework setup guide](frameworks) to learn how to integrate with your framework.
 
 ```tsx render hideImports
 "use client";
@@ -435,7 +435,7 @@ function Example() {
 
 ### Custom trigger
 
-`MenuTrigger` works with any pressable React Aria component (e.g. [Button](Button), [Link](Link), etc.). Use the `<Pressable>` component or [usePress](https://react-spectrum.adobe.com/react-aria/usePress.html) hook to wrap a custom trigger element such as a third party component or DOM element.
+`MenuTrigger` works with any pressable React Aria component (e.g. [Button](Button), [Link](Link), etc.). Use the `<Pressable>` component or [usePress](usePress) hook to wrap a custom trigger element such as a third party component or DOM element.
 
 ```tsx render hideImports
 "use client";