From 7b0db86db379336b686593c8d574b3ab2d1d0c57 Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 16:11:25 -0500
Subject: [PATCH 01/14] fix broken links to @internationalized/date

---
 packages/dev/s2-docs/pages/react-aria/Calendar.mdx        | 2 +-
 packages/dev/s2-docs/pages/react-aria/DateField.mdx       | 2 +-
 packages/dev/s2-docs/pages/react-aria/DatePicker.mdx      | 2 +-
 packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx | 2 +-
 packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx   | 2 +-
 packages/dev/s2-docs/pages/react-aria/TimeField.mdx       | 2 +-
 packages/dev/s2-docs/pages/s2/Calendar.mdx                | 2 +-
 packages/dev/s2-docs/pages/s2/DateField.mdx               | 2 +-
 packages/dev/s2-docs/pages/s2/DatePicker.mdx              | 2 +-
 packages/dev/s2-docs/pages/s2/DateRangePicker.mdx         | 2 +-
 packages/dev/s2-docs/pages/s2/RangeCalendar.mdx           | 2 +-
 packages/dev/s2-docs/pages/s2/TimeField.mdx               | 2 +-
 12 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/dev/s2-docs/pages/react-aria/Calendar.mdx b/packages/dev/s2-docs/pages/react-aria/Calendar.mdx
index ab0bc35b03b..560fed91a6b 100644
--- a/packages/dev/s2-docs/pages/react-aria/Calendar.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/Calendar.mdx
@@ -33,7 +33,7 @@ export const tags = ['date'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/DateField.mdx b/packages/dev/s2-docs/pages/react-aria/DateField.mdx
index ec72926a3d2..0d590f6135b 100644
--- a/packages/dev/s2-docs/pages/react-aria/DateField.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/DateField.mdx
@@ -35,7 +35,7 @@ export const tags = ['calendar', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx b/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx
index e5de0824a4e..fb2fc58d2a8 100644
--- a/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx
@@ -35,7 +35,7 @@ export const tags = ['calendar', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx b/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx
index 1fe107c4d0f..7b14ba61960 100644
--- a/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx
@@ -35,7 +35,7 @@ export const tags = ['calendar', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx b/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx
index 8e5d2edfcfb..f8fd68b60c7 100644
--- a/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx
@@ -33,7 +33,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/TimeField.mdx b/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
index a9a78292c97..55fac70d520 100644
--- a/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
@@ -35,7 +35,7 @@ export const tags = ['date', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](../internationalized/date/) package. `TimeField` accepts plain [Time](../internationalized/date/Time.html), [CalendarDateTime](../internationalized/date/CalendarDateTime.html), or [ZonedDateTime](../internationalized/date/ZonedDate), but only displays the time.
+Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. `TimeField` accepts plain [Time](../internationalized/date/Time.html), [CalendarDateTime](../internationalized/date/CalendarDateTime.html), or [ZonedDateTime](../internationalized/date/ZonedDate), but only displays the time.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/Calendar.mdx b/packages/dev/s2-docs/pages/s2/Calendar.mdx
index ab780c0bcde..3d1b9119d2a 100644
--- a/packages/dev/s2-docs/pages/s2/Calendar.mdx
+++ b/packages/dev/s2-docs/pages/s2/Calendar.mdx
@@ -28,7 +28,7 @@ export const tags = ['date'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/DateField.mdx b/packages/dev/s2-docs/pages/s2/DateField.mdx
index db23c7a9e48..9d88a4e60a8 100644
--- a/packages/dev/s2-docs/pages/s2/DateField.mdx
+++ b/packages/dev/s2-docs/pages/s2/DateField.mdx
@@ -20,7 +20,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/DatePicker.mdx b/packages/dev/s2-docs/pages/s2/DatePicker.mdx
index d9d0b779732..f0c83851e4f 100644
--- a/packages/dev/s2-docs/pages/s2/DatePicker.mdx
+++ b/packages/dev/s2-docs/pages/s2/DatePicker.mdx
@@ -20,7 +20,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx b/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx
index b1f2e0fe9c0..7a8b8792244 100644
--- a/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx
+++ b/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx
@@ -26,7 +26,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx b/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx
index 48d7eacb1c2..7b8fc8cbda5 100644
--- a/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx
+++ b/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx
@@ -27,7 +27,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/TimeField.mdx b/packages/dev/s2-docs/pages/s2/TimeField.mdx
index 700172a0871..1f86da27d77 100644
--- a/packages/dev/s2-docs/pages/s2/TimeField.mdx
+++ b/packages/dev/s2-docs/pages/s2/TimeField.mdx
@@ -21,7 +21,7 @@ export const tags = ['date', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](../internationalized/date/) package. `TimeField` accepts plain [Time](../internationalized/date/Time.html), [CalendarDateTime](../internationalized/date/CalendarDateTime.html), or [ZonedDateTime](../internationalized/date/ZonedDate), but only displays the time.
+Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. `TimeField` accepts plain [Time](../internationalized/date/Time.html), [CalendarDateTime](../internationalized/date/CalendarDateTime.html), or [ZonedDateTime](../internationalized/date/ZonedDate), but only displays the time.
 
 ```tsx render
 "use client";

From 648cd2a67d25ed68351b721e44453ac45a9530b0 Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 16:14:52 -0500
Subject: [PATCH 02/14] add more component illustrations

---
 packages/dev/s2-docs/src/ComponentCardView.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/dev/s2-docs/src/ComponentCardView.tsx b/packages/dev/s2-docs/src/ComponentCardView.tsx
index da466183acb..b20e9700b83 100644
--- a/packages/dev/s2-docs/src/ComponentCardView.tsx
+++ b/packages/dev/s2-docs/src/ComponentCardView.tsx
@@ -85,8 +85,11 @@ export interface ComponentCardItem {
 }
 
 const componentIllustrations: Record<string, React.ComponentType | undefined> = {
+  'Accordion': DisclosureGroupSvg,
   'ActionButton': ActionButtonSvg,
+  'ActionButtonGroup': ButtonGroupSvg, // TODO: get better illustration
   'ActionGroup': ActionGroupSvg,
+  'ActionMenu': MenuSvg,
   'Badge': BadgeSvg,
   'Breadcrumbs': BreadcrumbsSvg,
   'Button': ButtonSvg,
@@ -121,6 +124,7 @@ const componentIllustrations: Record<string, React.ComponentType | undefined> =
   'Label': LabelSvg,
   'LabeledValue': LabeledValueSvg,
   'Link': LinkSvg,
+  'LinkButton': ButtonSvg, // TODO: get better illustration
   'ListBox': ListBoxSvg,
   'ListView': ListViewSvg,
   'Menu': MenuSvg,
@@ -140,6 +144,7 @@ const componentIllustrations: Record<string, React.ComponentType | undefined> =
   'StatusLight': StatusLightSvg,
   'Switch': SwitchSvg,
   'Table': TableSvg,
+  'TableView': TableSvg,
   'Tabs': TabsSvg,
   'TagGroup': TagGroupSvg,
   'TextArea': TextAreaSvg,
@@ -150,6 +155,7 @@ const componentIllustrations: Record<string, React.ComponentType | undefined> =
   'ToggleButtonGroup': ActionGroupSvg, // ToggleButtonGroup -> ActionGroup
   'Tooltip': TooltipSvg,
   'Tree': TreeSvg,
+  'TreeView': TreeSvg,
   'useFocus': useFocusSvg,
   'useFocusRing': useFocusRingSvg,
   'useFocusWithin': useFocusWithinSvg,

From a707c27043e98dbafc7d828e8c4186fed85d20fd Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 16:24:38 -0500
Subject: [PATCH 03/14] fix CSS Optimization link

---
 packages/dev/s2-docs/pages/s2/getting-started.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/dev/s2-docs/pages/s2/getting-started.mdx b/packages/dev/s2-docs/pages/s2/getting-started.mdx
index ad4a37f6e8c..cea087cea9a 100644
--- a/packages/dev/s2-docs/pages/s2/getting-started.mdx
+++ b/packages/dev/s2-docs/pages/s2/getting-started.mdx
@@ -97,7 +97,7 @@ Then, configure your bundler to use the plugin:
 - Note that plugin order is important: `unplugin-parcel-macros` must run before other plugins like Babel.
 - You may also need to configure other tools such as TypeScript, Babel, ESLint, and Jest to support parsing import attributes. See [Usage with other tools](https://parceljs.org/features/macros/#usage-with-other-tools).
 - See the [examples folder](https://github.com/adobe/react-spectrum/tree/main/examples) for working setups with various build tools.
-- For details on optimizing the output CSS, see [CSS Optimization](/s2/styling.html#css-optimization).
+- For details on optimizing the output CSS, see [CSS Optimization](/s2/Styling.html#css-optimization).
 
 ## Setting up your app
 

From a2c9808e69f71e159d9e2381eba473c39851f70a Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 16:32:35 -0500
Subject: [PATCH 04/14] fix lowercase in link

---
 packages/dev/s2-docs/pages/s2/getting-started.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/dev/s2-docs/pages/s2/getting-started.mdx b/packages/dev/s2-docs/pages/s2/getting-started.mdx
index cea087cea9a..ad4a37f6e8c 100644
--- a/packages/dev/s2-docs/pages/s2/getting-started.mdx
+++ b/packages/dev/s2-docs/pages/s2/getting-started.mdx
@@ -97,7 +97,7 @@ Then, configure your bundler to use the plugin:
 - Note that plugin order is important: `unplugin-parcel-macros` must run before other plugins like Babel.
 - You may also need to configure other tools such as TypeScript, Babel, ESLint, and Jest to support parsing import attributes. See [Usage with other tools](https://parceljs.org/features/macros/#usage-with-other-tools).
 - See the [examples folder](https://github.com/adobe/react-spectrum/tree/main/examples) for working setups with various build tools.
-- For details on optimizing the output CSS, see [CSS Optimization](/s2/Styling.html#css-optimization).
+- For details on optimizing the output CSS, see [CSS Optimization](/s2/styling.html#css-optimization).
 
 ## Setting up your app
 

From 7749430ffd957185a627945630b8fb790bcf8082 Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 16:32:46 -0500
Subject: [PATCH 05/14] fix links in S2 index page

---
 packages/dev/s2-docs/pages/s2/index.mdx | 144 ++++++++++++------------
 1 file changed, 72 insertions(+), 72 deletions(-)

diff --git a/packages/dev/s2-docs/pages/s2/index.mdx b/packages/dev/s2-docs/pages/s2/index.mdx
index 26d6fde438a..1262de7169b 100644
--- a/packages/dev/s2-docs/pages/s2/index.mdx
+++ b/packages/dev/s2-docs/pages/s2/index.mdx
@@ -10,78 +10,78 @@ export const section = 'Getting started';
 
 <PageDescription>A React implementation of Spectrum, Adobe's design system.</PageDescription>
 
-[Getting started](/s2/getting-started.html) • [GitHub](https://github.com/adobe/react-spectrum)
+[Getting started](getting-started.html) • [GitHub](https://github.com/adobe/react-spectrum)
 
 <ComponentCardView items={[
-  {id: 'Getting Started', name: 'Getting Started', href: '/s2/getting-started.html'},
-  {id: 'Styling', name: 'Styling', href: '/s2/styling.html'},
-  {id: 'Migrating', name: 'Migrating', href: '/s2/migrating.html'},
-  {id: 'Accordion', name: 'Accordion', href: '/s2/Accordion.html'},
-  {id: 'ActionBar', name: 'ActionBar', href: '/s2/ActionBar.html'},
-  {id: 'ActionButton', name: 'ActionButton', href: '/s2/ActionButton.html'},
-  {id: 'ActionButtonGroup', name: 'ActionButtonGroup', href: '/s2/ActionButtonGroup.html'},
-  {id: 'ActionMenu', name: 'ActionMenu', href: '/s2/ActionMenu.html'},
-  {id: 'Avatar', name: 'Avatar', href: '/s2/Avatar.html'},
-  {id: 'AvatarGroup', name: 'AvatarGroup', href: '/s2/AvatarGroup.html'},
-  {id: 'Badge', name: 'Badge', href: '/s2/Badge.html'},
-  {id: 'Breadcrumbs', name: 'Breadcrumbs', href: '/s2/Breadcrumbs.html'},
-  {id: 'Button', name: 'Button', href: '/s2/Button.html'},
-  {id: 'ButtonGroup', name: 'ButtonGroup', href: '/s2/ButtonGroup.html'},
-  {id: 'Calendar', name: 'Calendar', href: '/s2/Calendar.html'},
-  {id: 'Card', name: 'Card', href: '/s2/Card.html'},
-  {id: 'CardView', name: 'CardView', href: '/s2/CardView.html'},
-  {id: 'Checkbox', name: 'Checkbox', href: '/s2/Checkbox.html'},
-  {id: 'CheckboxGroup', name: 'CheckboxGroup', href: '/s2/CheckboxGroup.html'},
-  {id: 'ColorArea', name: 'ColorArea', href: '/s2/ColorArea.html'},
-  {id: 'ColorField', name: 'ColorField', href: '/s2/ColorField.html'},
-  {id: 'ColorSlider', name: 'ColorSlider', href: '/s2/ColorSlider.html'},
-  {id: 'ColorSwatch', name: 'ColorSwatch', href: '/s2/ColorSwatch.html'},
-  {id: 'ColorSwatchPicker', name: 'ColorSwatchPicker', href: '/s2/ColorSwatchPicker.html'},
-  {id: 'ColorWheel', name: 'ColorWheel', href: '/s2/ColorWheel.html'},
-  {id: 'ComboBox', name: 'ComboBox', href: '/s2/ComboBox.html'},
-  {id: 'ContextualHelp', name: 'ContextualHelp', href: '/s2/ContextualHelp.html'},
-  {id: 'DateField', name: 'DateField', href: '/s2/DateField.html'},
-  {id: 'DatePicker', name: 'DatePicker', href: '/s2/DatePicker.html'},
-  {id: 'DateRangePicker', name: 'DateRangePicker', href: '/s2/DateRangePicker.html'},
-  {id: 'Dialog', name: 'Dialog', href: '/s2/Dialog.html'},
-  {id: 'Disclosure', name: 'Disclosure', href: '/s2/Disclosure.html'},
-  {id: 'Divider', name: 'Divider', href: '/s2/Divider.html'},
-  {id: 'DropZone', name: 'DropZone', href: '/s2/DropZone.html'},
-  {id: 'Form', name: 'Form', href: '/s2/Form.html'},
-  {id: 'Icons', name: 'Icons', href: '/s2/Icons.html'},
-  {id: 'IllustratedMessage', name: 'IllustratedMessage', href: '/s2/IllustratedMessage.html'},
-  {id: 'Illustrations', name: 'Illustrations', href: '/s2/Illustrations.html'},
-  {id: 'Image', name: 'Image', href: '/s2/Image.html'},
-  {id: 'InlineAlert', name: 'InlineAlert', href: '/s2/InlineAlert.html'},
-  {id: 'Link', name: 'Link', href: '/s2/Link.html'},
-  {id: 'LinkButton', name: 'LinkButton', href: '/s2/LinkButton.html'},
-  {id: 'Menu', name: 'Menu', href: '/s2/Menu.html'},
-  {id: 'Meter', name: 'Meter', href: '/s2/Meter.html'},
-  {id: 'NumberField', name: 'NumberField', href: '/s2/NumberField.html'},
-  {id: 'Picker', name: 'Picker', href: '/s2/Picker.html'},
-  {id: 'Popover', name: 'Popover', href: '/s2/Popover.html'},
-  {id: 'ProgressBar', name: 'ProgressBar', href: '/s2/ProgressBar.html'},
-  {id: 'ProgressCircle', name: 'ProgressCircle', href: '/s2/ProgressCircle.html'},
-  {id: 'RadioGroup', name: 'RadioGroup', href: '/s2/RadioGroup.html'},
-  {id: 'RangeCalendar', name: 'RangeCalendar', href: '/s2/RangeCalendar.html'},
-  {id: 'RangeSlider', name: 'RangeSlider', href: '/s2/RangeSlider.html'},
-  {id: 'SearchField', name: 'SearchField', href: '/s2/SearchField.html'},
-  {id: 'SegmentedControl', name: 'SegmentedControl', href: '/s2/SegmentedControl.html'},
-  {id: 'SelectBoxGroup', name: 'SelectBoxGroup', href: '/s2/SelectBoxGroup.html'},
-  {id: 'Skeleton', name: 'Skeleton', href: '/s2/Skeleton.html'},
-  {id: 'Slider', name: 'Slider', href: '/s2/Slider.html'},
-  {id: 'StatusLight', name: 'StatusLight', href: '/s2/StatusLight.html'},
-  {id: 'Switch', name: 'Switch', href: '/s2/Switch.html'},
-  {id: 'TableView', name: 'TableView', href: '/s2/TableView.html'},
-  {id: 'Tabs', name: 'Tabs', href: '/s2/Tabs.html'},
-  {id: 'TagGroup', name: 'TagGroup', href: '/s2/TagGroup.html'},
-  {id: 'TextArea', name: 'TextArea', href: '/s2/TextArea.html'},
-  {id: 'TextField', name: 'TextField', href: '/s2/TextField.html'},
-  {id: 'TimeField', name: 'TimeField', href: '/s2/TimeField.html'},
-  {id: 'Toast', name: 'Toast', href: '/s2/Toast.html'},
-  {id: 'ToggleButton', name: 'ToggleButton', href: '/s2/ToggleButton.html'},
-  {id: 'ToggleButtonGroup', name: 'ToggleButtonGroup', href: '/s2/ToggleButtonGroup.html'},
-  {id: 'Tooltip', name: 'Tooltip', href: '/s2/Tooltip.html'},
-  {id: 'TreeView', name: 'TreeView', href: '/s2/TreeView.html'},
-  {id: 'Release Notes', name: 'Release Notes', href: '/s2/release-notes.html'}
+  {id: 'Getting Started', name: 'Getting Started', href: 'getting-started.html'},
+  {id: 'Styling', name: 'Styling', href: 'styling.html'},
+  {id: 'Migrating', name: 'Migrating', href: 'migrating.html'},
+  {id: 'Accordion', name: 'Accordion', href: 'Accordion.html'},
+  {id: 'ActionBar', name: 'ActionBar', href: 'ActionBar.html'},
+  {id: 'ActionButton', name: 'ActionButton', href: 'ActionButton.html'},
+  {id: 'ActionButtonGroup', name: 'ActionButtonGroup', href: 'ActionButtonGroup.html'},
+  {id: 'ActionMenu', name: 'ActionMenu', href: 'ActionMenu.html'},
+  {id: 'Avatar', name: 'Avatar', href: 'Avatar.html'},
+  {id: 'AvatarGroup', name: 'AvatarGroup', href: 'AvatarGroup.html'},
+  {id: 'Badge', name: 'Badge', href: 'Badge.html'},
+  {id: 'Breadcrumbs', name: 'Breadcrumbs', href: 'Breadcrumbs.html'},
+  {id: 'Button', name: 'Button', href: 'Button.html'},
+  {id: 'ButtonGroup', name: 'ButtonGroup', href: 'ButtonGroup.html'},
+  {id: 'Calendar', name: 'Calendar', href: 'Calendar.html'},
+  {id: 'Card', name: 'Card', href: 'Card.html'},
+  {id: 'CardView', name: 'CardView', href: 'CardView.html'},
+  {id: 'Checkbox', name: 'Checkbox', href: 'Checkbox.html'},
+  {id: 'CheckboxGroup', name: 'CheckboxGroup', href: 'CheckboxGroup.html'},
+  {id: 'ColorArea', name: 'ColorArea', href: 'ColorArea.html'},
+  {id: 'ColorField', name: 'ColorField', href: 'ColorField.html'},
+  {id: 'ColorSlider', name: 'ColorSlider', href: 'ColorSlider.html'},
+  {id: 'ColorSwatch', name: 'ColorSwatch', href: 'ColorSwatch.html'},
+  {id: 'ColorSwatchPicker', name: 'ColorSwatchPicker', href: 'ColorSwatchPicker.html'},
+  {id: 'ColorWheel', name: 'ColorWheel', href: 'ColorWheel.html'},
+  {id: 'ComboBox', name: 'ComboBox', href: 'ComboBox.html'},
+  {id: 'ContextualHelp', name: 'ContextualHelp', href: 'ContextualHelp.html'},
+  {id: 'DateField', name: 'DateField', href: 'DateField.html'},
+  {id: 'DatePicker', name: 'DatePicker', href: 'DatePicker.html'},
+  {id: 'DateRangePicker', name: 'DateRangePicker', href: 'DateRangePicker.html'},
+  {id: 'Dialog', name: 'Dialog', href: 'Dialog.html'},
+  {id: 'Disclosure', name: 'Disclosure', href: 'Disclosure.html'},
+  {id: 'Divider', name: 'Divider', href: 'Divider.html'},
+  {id: 'DropZone', name: 'DropZone', href: 'DropZone.html'},
+  {id: 'Form', name: 'Form', href: 'Form.html'},
+  {id: 'Icons', name: 'Icons', href: 'Icons.html'},
+  {id: 'IllustratedMessage', name: 'IllustratedMessage', href: 'IllustratedMessage.html'},
+  {id: 'Illustrations', name: 'Illustrations', href: 'Illustrations.html'},
+  {id: 'Image', name: 'Image', href: 'Image.html'},
+  {id: 'InlineAlert', name: 'InlineAlert', href: 'InlineAlert.html'},
+  {id: 'Link', name: 'Link', href: 'Link.html'},
+  {id: 'LinkButton', name: 'LinkButton', href: 'LinkButton.html'},
+  {id: 'Menu', name: 'Menu', href: 'Menu.html'},
+  {id: 'Meter', name: 'Meter', href: 'Meter.html'},
+  {id: 'NumberField', name: 'NumberField', href: 'NumberField.html'},
+  {id: 'Picker', name: 'Picker', href: 'Picker.html'},
+  {id: 'Popover', name: 'Popover', href: 'Popover.html'},
+  {id: 'ProgressBar', name: 'ProgressBar', href: 'ProgressBar.html'},
+  {id: 'ProgressCircle', name: 'ProgressCircle', href: 'ProgressCircle.html'},
+  {id: 'RadioGroup', name: 'RadioGroup', href: 'RadioGroup.html'},
+  {id: 'RangeCalendar', name: 'RangeCalendar', href: 'RangeCalendar.html'},
+  {id: 'RangeSlider', name: 'RangeSlider', href: 'RangeSlider.html'},
+  {id: 'SearchField', name: 'SearchField', href: 'SearchField.html'},
+  {id: 'SegmentedControl', name: 'SegmentedControl', href: 'SegmentedControl.html'},
+  {id: 'SelectBoxGroup', name: 'SelectBoxGroup', href: 'SelectBoxGroup.html'},
+  {id: 'Skeleton', name: 'Skeleton', href: 'Skeleton.html'},
+  {id: 'Slider', name: 'Slider', href: 'Slider.html'},
+  {id: 'StatusLight', name: 'StatusLight', href: 'StatusLight.html'},
+  {id: 'Switch', name: 'Switch', href: 'Switch.html'},
+  {id: 'TableView', name: 'TableView', href: 'TableView.html'},
+  {id: 'Tabs', name: 'Tabs', href: 'Tabs.html'},
+  {id: 'TagGroup', name: 'TagGroup', href: 'TagGroup.html'},
+  {id: 'TextArea', name: 'TextArea', href: 'TextArea.html'},
+  {id: 'TextField', name: 'TextField', href: 'TextField.html'},
+  {id: 'TimeField', name: 'TimeField', href: 'TimeField.html'},
+  {id: 'Toast', name: 'Toast', href: 'Toast.html'},
+  {id: 'ToggleButton', name: 'ToggleButton', href: 'ToggleButton.html'},
+  {id: 'ToggleButtonGroup', name: 'ToggleButtonGroup', href: 'ToggleButtonGroup.html'},
+  {id: 'Tooltip', name: 'Tooltip', href: 'Tooltip.html'},
+  {id: 'TreeView', name: 'TreeView', href: 'TreeView.html'},
+  {id: 'Release Notes', name: 'Release Notes', href: 'release-notes.html'}
 ]}/>

From 8202d4a2bc39dff1eb68c4439a23416844787878 Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 17:08:40 -0500
Subject: [PATCH 06/14] fix Autocomplete links

---
 packages/dev/s2-docs/pages/react-aria/Menu.mdx | 2 +-
 packages/dev/s2-docs/pages/s2/Menu.mdx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/dev/s2-docs/pages/react-aria/Menu.mdx b/packages/dev/s2-docs/pages/react-aria/Menu.mdx
index d2738a00ee0..18e76d19a86 100644
--- a/packages/dev/s2-docs/pages/react-aria/Menu.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/Menu.mdx
@@ -282,7 +282,7 @@ import {MenuTrigger, Menu, MenuItem, Button, Popover} from 'react-aria-component
 
 ### Autocomplete
 
-Popovers can include additional components as siblings of a menu. This example uses an [Autocomplete](../react-aria/Autocomplete.html) with a [SearchField](SearchField.html) to let the user filter the items.
+Popovers can include additional components as siblings of a menu. This example uses an [Autocomplete](Autocomplete.html) with a [SearchField](SearchField.html) to let the user filter the items.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/Menu.mdx b/packages/dev/s2-docs/pages/s2/Menu.mdx
index 67e5a8f292a..49e984aa5cd 100644
--- a/packages/dev/s2-docs/pages/s2/Menu.mdx
+++ b/packages/dev/s2-docs/pages/s2/Menu.mdx
@@ -330,7 +330,7 @@ import Settings from '@react-spectrum/s2/icons/Settings';
 
 ### Autocomplete
 
-Use [Autocomplete](Autocomplete.html) from React Aria Components with a [SearchField](SearchField.html) to make a menu searchable.
+Use [Autocomplete](/react-aria/Autocomplete.html) from React Aria Components with a [SearchField](SearchField.html) to make a menu searchable.
 
 ```tsx render
 "use client";

From fe5ae8a46e007c6da73e9d779650865c2e802180 Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 17:17:08 -0500
Subject: [PATCH 07/14] fix internationalized and old docs links

---
 .../s2-docs/pages/internationalized/number/NumberParser.mdx   | 2 +-
 packages/dev/s2-docs/pages/react-aria/Calendar.mdx            | 4 ++--
 packages/dev/s2-docs/pages/react-aria/DateField.mdx           | 2 +-
 packages/dev/s2-docs/pages/react-aria/DatePicker.mdx          | 2 +-
 packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx     | 2 +-
 packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx       | 4 ++--
 packages/dev/s2-docs/pages/react-aria/TimeField.mdx           | 2 +-
 packages/dev/s2-docs/pages/react-aria/collections.mdx         | 4 ++--
 packages/dev/s2-docs/pages/react-aria/styling.mdx             | 2 +-
 packages/dev/s2-docs/pages/s2/Calendar.mdx                    | 4 ++--
 packages/dev/s2-docs/pages/s2/DateField.mdx                   | 2 +-
 packages/dev/s2-docs/pages/s2/DatePicker.mdx                  | 2 +-
 packages/dev/s2-docs/pages/s2/DateRangePicker.mdx             | 2 +-
 packages/dev/s2-docs/pages/s2/RangeCalendar.mdx               | 4 ++--
 packages/dev/s2-docs/pages/s2/TimeField.mdx                   | 2 +-
 15 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/packages/dev/s2-docs/pages/internationalized/number/NumberParser.mdx b/packages/dev/s2-docs/pages/internationalized/number/NumberParser.mdx
index 497b0d66a86..0ba0c3ce3f9 100644
--- a/packages/dev/s2-docs/pages/internationalized/number/NumberParser.mdx
+++ b/packages/dev/s2-docs/pages/internationalized/number/NumberParser.mdx
@@ -26,7 +26,7 @@ Numbers can be formatted in many different ways, including percentages, units, d
 
 Parsing numbers while taking into account all locale-specific detail is quite complex and error-prone. `NumberParser` uses information about the locale and expected format for a number in order to parse it correctly. This means it is somewhat strict about the accepted formats. It is not designed to handle use cases where the user can enter numbers in an unknown format (e.g. either a unit value _or_ a percentage), this must be known up front or selected via an external UI control.
 
-Read our [blog post](../../blog/how-we-internationalized-our-numberfield.html) for more details on how the number parser is implemented.
+Read our [blog post](https://react-spectrum.adobe.com/blog/how-we-internationalized-our-numberfield.html) for more details on how the number parser is implemented.
 
 ### Example
 
diff --git a/packages/dev/s2-docs/pages/react-aria/Calendar.mdx b/packages/dev/s2-docs/pages/react-aria/Calendar.mdx
index 560fed91a6b..80b92784e2f 100644
--- a/packages/dev/s2-docs/pages/react-aria/Calendar.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/Calendar.mdx
@@ -33,7 +33,7 @@ export const tags = ['date'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
@@ -77,7 +77,7 @@ import {Calendar} from 'vanilla-starter/Calendar';
 
 ### Custom calendar systems
 
-`Calendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](../internationalized/date/Calendar.html#custom-calendars) for an example implementation.
+`Calendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](/internationalized/date/Calendar.html#custom-calendars) for an example implementation.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/DateField.mdx b/packages/dev/s2-docs/pages/react-aria/DateField.mdx
index 0d590f6135b..d13ed9c3e7d 100644
--- a/packages/dev/s2-docs/pages/react-aria/DateField.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/DateField.mdx
@@ -35,7 +35,7 @@ export const tags = ['calendar', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx b/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx
index fb2fc58d2a8..21e9d67d86d 100644
--- a/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx
@@ -35,7 +35,7 @@ export const tags = ['calendar', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx b/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx
index 7b14ba61960..6aac403c622 100644
--- a/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx
@@ -35,7 +35,7 @@ export const tags = ['calendar', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx b/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx
index f8fd68b60c7..d408b6e0cc1 100644
--- a/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx
@@ -33,7 +33,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
@@ -87,7 +87,7 @@ import {RangeCalendar} from 'vanilla-starter/RangeCalendar';
 
 ### Custom calendar systems
 
-`RangeCalendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](../internationalized/date/Calendar.html#custom-calendars) for an example implementation.
+`RangeCalendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](/internationalized/date/Calendar.html#custom-calendars) for an example implementation.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/TimeField.mdx b/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
index 55fac70d520..6be2e041a78 100644
--- a/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
@@ -35,7 +35,7 @@ export const tags = ['date', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. `TimeField` accepts plain [Time](../internationalized/date/Time.html), [CalendarDateTime](../internationalized/date/CalendarDateTime.html), or [ZonedDateTime](../internationalized/date/ZonedDate), but only displays the time.
+Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. `TimeField` accepts plain [Time](/internationalized/date/Time.html), [CalendarDateTime](/internationalized/date/CalendarDateTime.html), or [ZonedDateTime](/internationalized/date/ZonedDate), but only displays the time.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/collections.mdx b/packages/dev/s2-docs/pages/react-aria/collections.mdx
index 724c0bd9da2..820768f3fc7 100644
--- a/packages/dev/s2-docs/pages/react-aria/collections.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/collections.mdx
@@ -118,7 +118,7 @@ function Example() {
 
 <InlineAlert variant="informative">
   <Heading>useListData</Heading>
-  <Content>For convenience, React Aria provides a built-in [useListData](../react-stately/useListData.html) hook to manage state for an immutable list of items. It includes methods to add, remove, update, and re-order items, and manage corresponding selection state. See the docs for more details.</Content>
+  <Content>For convenience, React Aria provides a built-in [useListData](https://react-spectrum.adobe.com/react-stately/useListData.html) hook to manage state for an immutable list of items. It includes methods to add, remove, update, and re-order items, and manage corresponding selection state. See the docs for more details.</Content>
 </InlineAlert>
 
 ### Unique ids
@@ -270,7 +270,7 @@ let people = [
 
 ## Asynchronous loading
 
-Data can be loaded asynchronously using any data fetching library. [useAsyncList](../react-stately/useAsyncList.html) is a built-in option.
+Data can be loaded asynchronously using any data fetching library. [useAsyncList](https://react-spectrum.adobe.com/react-stately/useAsyncList.html) is a built-in option.
 
 Several components also support infinite scrolling by rendering a `LoadMoreItem` at the end of the list. These trigger loading of additional pages of items and display a loading spinner. Multiple load more items can be rendered at once, e.g. when loading multiple levels of a tree or sections in a list.
 
diff --git a/packages/dev/s2-docs/pages/react-aria/styling.mdx b/packages/dev/s2-docs/pages/react-aria/styling.mdx
index 6ed303c51c0..3ebbc50de0c 100644
--- a/packages/dev/s2-docs/pages/react-aria/styling.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/styling.mdx
@@ -46,7 +46,7 @@ Components often support multiple UI states (e.g. pressed, hovered, selected, et
 }
 ```
 
-In order to ensure high quality interactions across browsers and devices, React Aria Components includes states such as `data-hovered` and `data-pressed` which are similar to CSS pseudo classes such as `:hover` and `:active`, but work consistently between mouse, touch, and keyboard modalities. You can read more about this in our [blog post series](../blog/building-a-button-part-1.html) and our [Interactions](interactions.html) overview.
+In order to ensure high quality interactions across browsers and devices, React Aria Components includes states such as `data-hovered` and `data-pressed` which are similar to CSS pseudo classes such as `:hover` and `:active`, but work consistently between mouse, touch, and keyboard modalities. You can read more about this in our [blog post series](https://react-spectrum.adobe.com/blog/building-a-button-part-1.html) and our [Interactions](interactions.html) overview.
 
 All states supported by each component are listed in the Styling section of their documentation.
 
diff --git a/packages/dev/s2-docs/pages/s2/Calendar.mdx b/packages/dev/s2-docs/pages/s2/Calendar.mdx
index 3d1b9119d2a..69a80b044dd 100644
--- a/packages/dev/s2-docs/pages/s2/Calendar.mdx
+++ b/packages/dev/s2-docs/pages/s2/Calendar.mdx
@@ -28,7 +28,7 @@ export const tags = ['date'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
@@ -69,7 +69,7 @@ import {parseDate} from '@internationalized/date';
 
 ### Custom calendar systems
 
-`Calendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](../internationalized/date/Calendar.html#custom-calendars) for an example implementation.
+`Calendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](/internationalized/date/Calendar.html#custom-calendars) for an example implementation.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/DateField.mdx b/packages/dev/s2-docs/pages/s2/DateField.mdx
index 9d88a4e60a8..6f4cf12618d 100644
--- a/packages/dev/s2-docs/pages/s2/DateField.mdx
+++ b/packages/dev/s2-docs/pages/s2/DateField.mdx
@@ -20,7 +20,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/DatePicker.mdx b/packages/dev/s2-docs/pages/s2/DatePicker.mdx
index f0c83851e4f..b37cdae24df 100644
--- a/packages/dev/s2-docs/pages/s2/DatePicker.mdx
+++ b/packages/dev/s2-docs/pages/s2/DatePicker.mdx
@@ -20,7 +20,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx b/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx
index 7a8b8792244..5aca397ee9b 100644
--- a/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx
+++ b/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx
@@ -26,7 +26,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx b/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx
index 7b8fc8cbda5..7c6228de2ea 100644
--- a/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx
+++ b/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx
@@ -27,7 +27,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
@@ -80,7 +80,7 @@ import {parseDate} from '@internationalized/date';
 
 ### Custom calendar systems
 
-`RangeCalendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](../internationalized/date/Calendar.html#custom-calendars) for an example implementation.
+`RangeCalendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](/internationalized/date/Calendar.html#custom-calendars) for an example implementation.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/TimeField.mdx b/packages/dev/s2-docs/pages/s2/TimeField.mdx
index 1f86da27d77..97dedeb8e0b 100644
--- a/packages/dev/s2-docs/pages/s2/TimeField.mdx
+++ b/packages/dev/s2-docs/pages/s2/TimeField.mdx
@@ -21,7 +21,7 @@ export const tags = ['date', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. `TimeField` accepts plain [Time](../internationalized/date/Time.html), [CalendarDateTime](../internationalized/date/CalendarDateTime.html), or [ZonedDateTime](../internationalized/date/ZonedDate), but only displays the time.
+Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. `TimeField` accepts plain [Time](/internationalized/date/Time.html), [CalendarDateTime](/internationalized/date/CalendarDateTime.html), or [ZonedDateTime](/internationalized/date/ZonedDate), but only displays the time.
 
 ```tsx render
 "use client";

From 37490f088a458d66d7e2377f58873f062bb07e4a Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 17:29:56 -0500
Subject: [PATCH 08/14] Migrating.mx -> migrating.mdx, Styling.mdx
 ->styling.mdx

---
 packages/dev/s2-docs/pages/s2/{Migrating.mdx => migrating.mdx} | 0
 packages/dev/s2-docs/pages/s2/{Styling.mdx => styling.mdx}     | 0
 2 files changed, 0 insertions(+), 0 deletions(-)
 rename packages/dev/s2-docs/pages/s2/{Migrating.mdx => migrating.mdx} (100%)
 rename packages/dev/s2-docs/pages/s2/{Styling.mdx => styling.mdx} (100%)

diff --git a/packages/dev/s2-docs/pages/s2/Migrating.mdx b/packages/dev/s2-docs/pages/s2/migrating.mdx
similarity index 100%
rename from packages/dev/s2-docs/pages/s2/Migrating.mdx
rename to packages/dev/s2-docs/pages/s2/migrating.mdx
diff --git a/packages/dev/s2-docs/pages/s2/Styling.mdx b/packages/dev/s2-docs/pages/s2/styling.mdx
similarity index 100%
rename from packages/dev/s2-docs/pages/s2/Styling.mdx
rename to packages/dev/s2-docs/pages/s2/styling.mdx

From 6dbad5d6520f4ff7fa6553b4de75d501dc5cf573 Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 17:35:48 -0500
Subject: [PATCH 09/14] fix remaining broken links

---
 packages/dev/s2-docs/pages/s2/getting-started.mdx | 2 +-
 packages/dev/s2-docs/pages/s2/release-notes.mdx   | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/dev/s2-docs/pages/s2/getting-started.mdx b/packages/dev/s2-docs/pages/s2/getting-started.mdx
index ad4a37f6e8c..87741997513 100644
--- a/packages/dev/s2-docs/pages/s2/getting-started.mdx
+++ b/packages/dev/s2-docs/pages/s2/getting-started.mdx
@@ -97,7 +97,7 @@ Then, configure your bundler to use the plugin:
 - Note that plugin order is important: `unplugin-parcel-macros` must run before other plugins like Babel.
 - You may also need to configure other tools such as TypeScript, Babel, ESLint, and Jest to support parsing import attributes. See [Usage with other tools](https://parceljs.org/features/macros/#usage-with-other-tools).
 - See the [examples folder](https://github.com/adobe/react-spectrum/tree/main/examples) for working setups with various build tools.
-- For details on optimizing the output CSS, see [CSS Optimization](/s2/styling.html#css-optimization).
+- For details on optimizing the output CSS, see [CSS Optimization](styling.html#css-optimization).
 
 ## Setting up your app
 
diff --git a/packages/dev/s2-docs/pages/s2/release-notes.mdx b/packages/dev/s2-docs/pages/s2/release-notes.mdx
index 868bb66d70e..f6fff75904a 100644
--- a/packages/dev/s2-docs/pages/s2/release-notes.mdx
+++ b/packages/dev/s2-docs/pages/s2/release-notes.mdx
@@ -12,12 +12,12 @@ export const tags = ['changelog', 'versions', 'updates'];
 * [ActionButton](ActionButton.html): Add pending state
 * [ColorSlider](ColorSlider.html): Fix `ColorLoupe` position in RTL locales
 * [ComboBox](ComboBox.html): Support avatars and onAction
-* [CustomDialog](CustomDialog.html): Support custom widths
+* [CustomDialog](Dialog.html#custom-dialog): Support custom widths
 * [Dialog](Dialog.html): Add XL size
 * [Disclosure](Disclosure.html): Add animation to disclosure
 * [InlineAlert](InlineAlert.html): Support heading-less Inline Alerts
 * [Picker](Picker.html): Support multiple selection and avatars
-* [Tags](Tags.html): Fix Tag collapse calculation for removeable tags
+* [Tags](Tags.html): Fix Tag collapse calculation for removable tags
 * [Tooltip](Tooltip.html): Prevent text overflow by default
 * Allow placeholders in supported S2 components (e.g. ColorArea, ComboBox, NumberField, SearchField, TextArea, TextField)
 * Apply `page.css` styles to the Shadow DOM
@@ -59,7 +59,7 @@ If you previously used `page.css` without a `Provider`, you'll need to add a `Pr
 
 * [CardView](CardView.html): Fix ActionBar from not scrolling
 * [ActionButton](ActionButton.html): Fix avatar-only ActionButtons to have square dimensions
-* [Tabs](Tabs.html): Improve selection indicator animation, fix collasped tabs
+* [Tabs](Tabs.html): Improve selection indicator animation, fix collapsed tabs
 * [ProgressCircle](ProgressCircle.html): Add track outline in High Contrast Mode
 * [Switch](Switch.html): Fix the toggle in RTL locales
 * [TreeView](TreeView.html): Support async loading
@@ -76,7 +76,7 @@ If you previously used `page.css` without a `Provider`, you'll need to add a `Pr
 
 ### Updates
 
-* [Combobox](Combobox.html): Support for virtualization and async loading
+* [ComboBox](ComboBox.html): Support for virtualization and async loading
 * [Dialog](Dialog.html): Update sizes
 * [Picker](Picker.html): Support for virtualization and async loading
 * [Popover](Popover.html): Add `triggerRef` prop

From 5642e39a314d8423515acc6ea6473d2d852efb13 Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 17:38:04 -0500
Subject: [PATCH 10/14] fix popover example

---
 packages/dev/s2-docs/pages/s2/Popover.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/dev/s2-docs/pages/s2/Popover.mdx b/packages/dev/s2-docs/pages/s2/Popover.mdx
index 637d4955be2..54725f3ee48 100644
--- a/packages/dev/s2-docs/pages/s2/Popover.mdx
+++ b/packages/dev/s2-docs/pages/s2/Popover.mdx
@@ -61,7 +61,7 @@ function Example() {
   let triggerRef = useRef(null);
 
   return (
-    <div style={{display: 'flex', gap: '12px', alignItems: 'center'}}>
+    <div style={{display: 'flex', flexDirection: 'column', gap: 64, alignItems: 'center'}}>
       <Button onPress={() => setOpen(!isOpen)}>
         Open popover
       </Button>

From 263fc4beef081e33455f856acfcb2585dab01d35 Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 17:52:30 -0500
Subject: [PATCH 11/14] fix broken links

---
 packages/dev/s2-docs/pages/index.mdx                      | 2 +-
 packages/dev/s2-docs/pages/react-aria/Button.mdx          | 2 +-
 packages/dev/s2-docs/pages/react-aria/Calendar.mdx        | 4 ++--
 packages/dev/s2-docs/pages/react-aria/DateField.mdx       | 2 +-
 packages/dev/s2-docs/pages/react-aria/DatePicker.mdx      | 2 +-
 packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx | 2 +-
 packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx   | 4 ++--
 packages/dev/s2-docs/pages/react-aria/TimeField.mdx       | 2 +-
 packages/dev/s2-docs/pages/s2/Calendar.mdx                | 4 ++--
 packages/dev/s2-docs/pages/s2/DateField.mdx               | 2 +-
 packages/dev/s2-docs/pages/s2/DatePicker.mdx              | 2 +-
 packages/dev/s2-docs/pages/s2/DateRangePicker.mdx         | 2 +-
 packages/dev/s2-docs/pages/s2/Menu.mdx                    | 2 +-
 packages/dev/s2-docs/pages/s2/RangeCalendar.mdx           | 4 ++--
 packages/dev/s2-docs/pages/s2/TimeField.mdx               | 2 +-
 15 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/dev/s2-docs/pages/index.mdx b/packages/dev/s2-docs/pages/index.mdx
index 4996f81cd33..4d27ba3323c 100644
--- a/packages/dev/s2-docs/pages/index.mdx
+++ b/packages/dev/s2-docs/pages/index.mdx
@@ -13,7 +13,7 @@ The React Spectrum docs have a new look! This is a **beta preview** so keep in m
 ## What's new?
 
 - Docs for [Spectrum 2](https://s2.spectrum.adobe.com) components
-- New docs for [React Aria](/react-aria/Autocomplete.html) and [Internationalized](/internationalized/date/index.html)
+- New docs for [React Aria](react-aria/Autocomplete.html) and [Internationalized](internationalized/date/index.html)
 - A new search menu experience
 - Interactive controls for examples
 - New concept guides
diff --git a/packages/dev/s2-docs/pages/react-aria/Button.mdx b/packages/dev/s2-docs/pages/react-aria/Button.mdx
index b70de8be5ab..788b2bafe52 100644
--- a/packages/dev/s2-docs/pages/react-aria/Button.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/Button.mdx
@@ -44,7 +44,7 @@ export const tags = ['btn'];
 
 ## 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](/blog/building-a-button-part-1.html) 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](https://react-spectrum.adobe.com/blog/building-a-button-part-1.html) 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](usePress.html) for more details.
 
diff --git a/packages/dev/s2-docs/pages/react-aria/Calendar.mdx b/packages/dev/s2-docs/pages/react-aria/Calendar.mdx
index 80b92784e2f..c67caf08607 100644
--- a/packages/dev/s2-docs/pages/react-aria/Calendar.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/Calendar.mdx
@@ -33,7 +33,7 @@ export const tags = ['date'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
@@ -77,7 +77,7 @@ import {Calendar} from 'vanilla-starter/Calendar';
 
 ### Custom calendar systems
 
-`Calendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](/internationalized/date/Calendar.html#custom-calendars) for an example implementation.
+`Calendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](internationalized/date/Calendar.html#custom-calendars) for an example implementation.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/DateField.mdx b/packages/dev/s2-docs/pages/react-aria/DateField.mdx
index d13ed9c3e7d..8adf079099d 100644
--- a/packages/dev/s2-docs/pages/react-aria/DateField.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/DateField.mdx
@@ -35,7 +35,7 @@ export const tags = ['calendar', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx b/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx
index 21e9d67d86d..36f050757dc 100644
--- a/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx
@@ -35,7 +35,7 @@ export const tags = ['calendar', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx b/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx
index 6aac403c622..2ed74d04dff 100644
--- a/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx
@@ -35,7 +35,7 @@ export const tags = ['calendar', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx b/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx
index d408b6e0cc1..e90bd186be4 100644
--- a/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx
@@ -33,7 +33,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
@@ -87,7 +87,7 @@ import {RangeCalendar} from 'vanilla-starter/RangeCalendar';
 
 ### Custom calendar systems
 
-`RangeCalendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](/internationalized/date/Calendar.html#custom-calendars) for an example implementation.
+`RangeCalendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](internationalized/date/Calendar.html#custom-calendars) for an example implementation.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/TimeField.mdx b/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
index 6be2e041a78..bd5249b5f27 100644
--- a/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
@@ -35,7 +35,7 @@ export const tags = ['date', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. `TimeField` accepts plain [Time](/internationalized/date/Time.html), [CalendarDateTime](/internationalized/date/CalendarDateTime.html), or [ZonedDateTime](/internationalized/date/ZonedDate), but only displays the time.
+Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](internationalized/date/index.html) package. `TimeField` accepts plain [Time](internationalized/date/Time.html), [CalendarDateTime](internationalized/date/CalendarDateTime.html), or [ZonedDateTime](internationalized/date/ZonedDate), but only displays the time.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/Calendar.mdx b/packages/dev/s2-docs/pages/s2/Calendar.mdx
index 69a80b044dd..c8022217157 100644
--- a/packages/dev/s2-docs/pages/s2/Calendar.mdx
+++ b/packages/dev/s2-docs/pages/s2/Calendar.mdx
@@ -28,7 +28,7 @@ export const tags = ['date'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
@@ -69,7 +69,7 @@ import {parseDate} from '@internationalized/date';
 
 ### Custom calendar systems
 
-`Calendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](/internationalized/date/Calendar.html#custom-calendars) for an example implementation.
+`Calendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](internationalized/date/Calendar.html#custom-calendars) for an example implementation.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/DateField.mdx b/packages/dev/s2-docs/pages/s2/DateField.mdx
index 6f4cf12618d..5d0ecf1a6ae 100644
--- a/packages/dev/s2-docs/pages/s2/DateField.mdx
+++ b/packages/dev/s2-docs/pages/s2/DateField.mdx
@@ -20,7 +20,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/DatePicker.mdx b/packages/dev/s2-docs/pages/s2/DatePicker.mdx
index b37cdae24df..5b6bbb385ff 100644
--- a/packages/dev/s2-docs/pages/s2/DatePicker.mdx
+++ b/packages/dev/s2-docs/pages/s2/DatePicker.mdx
@@ -20,7 +20,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx b/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx
index 5aca397ee9b..748c66e53a2 100644
--- a/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx
+++ b/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx
@@ -26,7 +26,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/Menu.mdx b/packages/dev/s2-docs/pages/s2/Menu.mdx
index 49e984aa5cd..248d3471389 100644
--- a/packages/dev/s2-docs/pages/s2/Menu.mdx
+++ b/packages/dev/s2-docs/pages/s2/Menu.mdx
@@ -330,7 +330,7 @@ import Settings from '@react-spectrum/s2/icons/Settings';
 
 ### Autocomplete
 
-Use [Autocomplete](/react-aria/Autocomplete.html) from React Aria Components with a [SearchField](SearchField.html) to make a menu searchable.
+Use [Autocomplete](react-aria/Autocomplete.html) from React Aria Components with a [SearchField](SearchField.html) to make a menu searchable.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx b/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx
index 7c6228de2ea..0085b676807 100644
--- a/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx
+++ b/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx
@@ -27,7 +27,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](/internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
@@ -80,7 +80,7 @@ import {parseDate} from '@internationalized/date';
 
 ### Custom calendar systems
 
-`RangeCalendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](/internationalized/date/Calendar.html#custom-calendars) for an example implementation.
+`RangeCalendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](internationalized/date/Calendar.html#custom-calendars) for an example implementation.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/TimeField.mdx b/packages/dev/s2-docs/pages/s2/TimeField.mdx
index 97dedeb8e0b..5adf16475d0 100644
--- a/packages/dev/s2-docs/pages/s2/TimeField.mdx
+++ b/packages/dev/s2-docs/pages/s2/TimeField.mdx
@@ -21,7 +21,7 @@ export const tags = ['date', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](/internationalized/date/index.html) package. `TimeField` accepts plain [Time](/internationalized/date/Time.html), [CalendarDateTime](/internationalized/date/CalendarDateTime.html), or [ZonedDateTime](/internationalized/date/ZonedDate), but only displays the time.
+Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](internationalized/date/index.html) package. `TimeField` accepts plain [Time](internationalized/date/Time.html), [CalendarDateTime](internationalized/date/CalendarDateTime.html), or [ZonedDateTime](internationalized/date/ZonedDate), but only displays the time.
 
 ```tsx render
 "use client";

From cc884c69908e43233375836e5b180c86c2223183 Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 18:09:49 -0500
Subject: [PATCH 12/14] one more link

---
 packages/dev/s2-docs/pages/s2/release-notes.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/dev/s2-docs/pages/s2/release-notes.mdx b/packages/dev/s2-docs/pages/s2/release-notes.mdx
index f6fff75904a..1f6cc33097d 100644
--- a/packages/dev/s2-docs/pages/s2/release-notes.mdx
+++ b/packages/dev/s2-docs/pages/s2/release-notes.mdx
@@ -17,7 +17,7 @@ export const tags = ['changelog', 'versions', 'updates'];
 * [Disclosure](Disclosure.html): Add animation to disclosure
 * [InlineAlert](InlineAlert.html): Support heading-less Inline Alerts
 * [Picker](Picker.html): Support multiple selection and avatars
-* [Tags](Tags.html): Fix Tag collapse calculation for removable tags
+* [Tags](TagGroup.html): Fix Tag collapse calculation for removable tags
 * [Tooltip](Tooltip.html): Prevent text overflow by default
 * Allow placeholders in supported S2 components (e.g. ColorArea, ComboBox, NumberField, SearchField, TextArea, TextField)
 * Apply `page.css` styles to the Shadow DOM

From 177a64d91cc953c58b7dd424b9565c356d545817 Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Mon, 6 Oct 2025 18:13:24 -0500
Subject: [PATCH 13/14] fix internationalized links

---
 packages/dev/s2-docs/pages/react-aria/Calendar.mdx        | 4 ++--
 packages/dev/s2-docs/pages/react-aria/DateField.mdx       | 2 +-
 packages/dev/s2-docs/pages/react-aria/DatePicker.mdx      | 2 +-
 packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx | 2 +-
 packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx   | 4 ++--
 packages/dev/s2-docs/pages/react-aria/TimeField.mdx       | 2 +-
 packages/dev/s2-docs/pages/s2/Calendar.mdx                | 4 ++--
 packages/dev/s2-docs/pages/s2/DateField.mdx               | 2 +-
 packages/dev/s2-docs/pages/s2/DatePicker.mdx              | 2 +-
 packages/dev/s2-docs/pages/s2/DateRangePicker.mdx         | 2 +-
 packages/dev/s2-docs/pages/s2/RangeCalendar.mdx           | 4 ++--
 packages/dev/s2-docs/pages/s2/TimeField.mdx               | 2 +-
 12 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/dev/s2-docs/pages/react-aria/Calendar.mdx b/packages/dev/s2-docs/pages/react-aria/Calendar.mdx
index c67caf08607..560fed91a6b 100644
--- a/packages/dev/s2-docs/pages/react-aria/Calendar.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/Calendar.mdx
@@ -33,7 +33,7 @@ export const tags = ['date'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
@@ -77,7 +77,7 @@ import {Calendar} from 'vanilla-starter/Calendar';
 
 ### Custom calendar systems
 
-`Calendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](internationalized/date/Calendar.html#custom-calendars) for an example implementation.
+`Calendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](../internationalized/date/Calendar.html#custom-calendars) for an example implementation.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/DateField.mdx b/packages/dev/s2-docs/pages/react-aria/DateField.mdx
index 8adf079099d..0d590f6135b 100644
--- a/packages/dev/s2-docs/pages/react-aria/DateField.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/DateField.mdx
@@ -35,7 +35,7 @@ export const tags = ['calendar', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx b/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx
index 36f050757dc..fb2fc58d2a8 100644
--- a/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx
@@ -35,7 +35,7 @@ export const tags = ['calendar', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx b/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx
index 2ed74d04dff..7b14ba61960 100644
--- a/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx
@@ -35,7 +35,7 @@ export const tags = ['calendar', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx b/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx
index e90bd186be4..f8fd68b60c7 100644
--- a/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx
@@ -33,7 +33,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
@@ -87,7 +87,7 @@ import {RangeCalendar} from 'vanilla-starter/RangeCalendar';
 
 ### Custom calendar systems
 
-`RangeCalendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](internationalized/date/Calendar.html#custom-calendars) for an example implementation.
+`RangeCalendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](../internationalized/date/Calendar.html#custom-calendars) for an example implementation.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/TimeField.mdx b/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
index bd5249b5f27..55fac70d520 100644
--- a/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
@@ -35,7 +35,7 @@ export const tags = ['date', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](internationalized/date/index.html) package. `TimeField` accepts plain [Time](internationalized/date/Time.html), [CalendarDateTime](internationalized/date/CalendarDateTime.html), or [ZonedDateTime](internationalized/date/ZonedDate), but only displays the time.
+Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. `TimeField` accepts plain [Time](../internationalized/date/Time.html), [CalendarDateTime](../internationalized/date/CalendarDateTime.html), or [ZonedDateTime](../internationalized/date/ZonedDate), but only displays the time.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/Calendar.mdx b/packages/dev/s2-docs/pages/s2/Calendar.mdx
index c8022217157..3d1b9119d2a 100644
--- a/packages/dev/s2-docs/pages/s2/Calendar.mdx
+++ b/packages/dev/s2-docs/pages/s2/Calendar.mdx
@@ -28,7 +28,7 @@ export const tags = ['date'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
@@ -69,7 +69,7 @@ import {parseDate} from '@internationalized/date';
 
 ### Custom calendar systems
 
-`Calendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](internationalized/date/Calendar.html#custom-calendars) for an example implementation.
+`Calendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](../internationalized/date/Calendar.html#custom-calendars) for an example implementation.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/DateField.mdx b/packages/dev/s2-docs/pages/s2/DateField.mdx
index 5d0ecf1a6ae..9d88a4e60a8 100644
--- a/packages/dev/s2-docs/pages/s2/DateField.mdx
+++ b/packages/dev/s2-docs/pages/s2/DateField.mdx
@@ -20,7 +20,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/DatePicker.mdx b/packages/dev/s2-docs/pages/s2/DatePicker.mdx
index 5b6bbb385ff..f0c83851e4f 100644
--- a/packages/dev/s2-docs/pages/s2/DatePicker.mdx
+++ b/packages/dev/s2-docs/pages/s2/DatePicker.mdx
@@ -20,7 +20,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the date value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx b/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx
index 748c66e53a2..7a8b8792244 100644
--- a/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx
+++ b/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx
@@ -26,7 +26,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx b/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx
index 0085b676807..7b8fc8cbda5 100644
--- a/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx
+++ b/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx
@@ -27,7 +27,7 @@ export const tags = ['calendar'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
+Use the `value` or `defaultValue` prop to set the selected date range, using objects in the [@internationalized/date](../internationalized/date/index.html) package. This library supports parsing date strings in multiple formats, manipulation across international calendar systems, time zones, etc.
 
 ```tsx render
 "use client";
@@ -80,7 +80,7 @@ import {parseDate} from '@internationalized/date';
 
 ### Custom calendar systems
 
-`RangeCalendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](internationalized/date/Calendar.html#custom-calendars) for an example implementation.
+`RangeCalendar` also supports custom calendar systems that implement custom business rules, for example a fiscal year calendar that follows a [4-5-4 format](https://nrf.com/resources/4-5-4-calendar), where month ranges don't follow the usual Gregorian calendar. See the [@internationalized/date docs](../internationalized/date/Calendar.html#custom-calendars) for an example implementation.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/s2/TimeField.mdx b/packages/dev/s2-docs/pages/s2/TimeField.mdx
index 5adf16475d0..1f86da27d77 100644
--- a/packages/dev/s2-docs/pages/s2/TimeField.mdx
+++ b/packages/dev/s2-docs/pages/s2/TimeField.mdx
@@ -21,7 +21,7 @@ export const tags = ['date', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](internationalized/date/index.html) package. `TimeField` accepts plain [Time](internationalized/date/Time.html), [CalendarDateTime](internationalized/date/CalendarDateTime.html), or [ZonedDateTime](internationalized/date/ZonedDate), but only displays the time.
+Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. `TimeField` accepts plain [Time](../internationalized/date/Time.html), [CalendarDateTime](../internationalized/date/CalendarDateTime.html), or [ZonedDateTime](../internationalized/date/ZonedDate), but only displays the time.
 
 ```tsx render
 "use client";

From 91a4fc806f1ebc636b708ded8171c5ed538e9915 Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Tue, 7 Oct 2025 10:25:19 -0500
Subject: [PATCH 14/14] more broken links

---
 packages/dev/s2-docs/pages/react-aria/Button.mdx      | 2 +-
 packages/dev/s2-docs/pages/react-aria/FileTrigger.mdx | 2 +-
 packages/dev/s2-docs/pages/react-aria/Link.mdx        | 2 +-
 packages/dev/s2-docs/pages/react-aria/Menu.mdx        | 2 +-
 packages/dev/s2-docs/pages/react-aria/Modal.mdx       | 2 +-
 packages/dev/s2-docs/pages/react-aria/Popover.mdx     | 2 +-
 packages/dev/s2-docs/pages/react-aria/TimeField.mdx   | 2 +-
 packages/dev/s2-docs/pages/react-aria/Tooltip.mdx     | 2 +-
 packages/dev/s2-docs/pages/react-aria/styling.mdx     | 2 +-
 packages/dev/s2-docs/pages/s2/Link.mdx                | 2 +-
 packages/react-aria-components/docs/FileTrigger.mdx   | 2 +-
 packages/react-aria-components/docs/Form.mdx          | 4 ++--
 12 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/dev/s2-docs/pages/react-aria/Button.mdx b/packages/dev/s2-docs/pages/react-aria/Button.mdx
index 788b2bafe52..e9d2f02b200 100644
--- a/packages/dev/s2-docs/pages/react-aria/Button.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/Button.mdx
@@ -46,7 +46,7 @@ export const tags = ['btn'];
 
 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](https://react-spectrum.adobe.com/blog/building-a-button-part-1.html) 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](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 [usePress](https://react-spectrum.adobe.com/react-aria/usePress.html) for more details.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/FileTrigger.mdx b/packages/dev/s2-docs/pages/react-aria/FileTrigger.mdx
index e57dce90ed3..65faff1d806 100644
--- a/packages/dev/s2-docs/pages/react-aria/FileTrigger.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/FileTrigger.mdx
@@ -42,7 +42,7 @@ function Example(props) {
 
 ## Custom trigger
 
-`FileTrigger` works with any pressable React Aria component (e.g. [Button](Button.html), [Link](Link.html), etc.). Use the `<Pressable>` component or [usePress](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.html), [Link](Link.html), 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.
 
 ```tsx render
 "use client"
diff --git a/packages/dev/s2-docs/pages/react-aria/Link.mdx b/packages/dev/s2-docs/pages/react-aria/Link.mdx
index f66e0ea2a5a..e0e725efa10 100644
--- a/packages/dev/s2-docs/pages/react-aria/Link.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/Link.mdx
@@ -34,7 +34,7 @@ export const tags = ['anchor', 'hyperlink', 'href'];
 
 ## Events
 
-Links with an `href` will be handled by the browser, or via a [client side router](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](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.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/Menu.mdx b/packages/dev/s2-docs/pages/react-aria/Menu.mdx
index 18e76d19a86..bbfcde42091 100644
--- a/packages/dev/s2-docs/pages/react-aria/Menu.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/Menu.mdx
@@ -413,7 +413,7 @@ function Example() {
 
 ### Custom trigger
 
-`MenuTrigger` works with any pressable React Aria component (e.g. [Button](Button.html), [Link](Link.html), etc.). Use the `<Pressable>` component or [usePress](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.html), [Link](Link.html), 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.
 
 ```tsx render hideImports
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/Modal.mdx b/packages/dev/s2-docs/pages/react-aria/Modal.mdx
index 60dfc6d683f..e2f5b0ca18b 100644
--- a/packages/dev/s2-docs/pages/react-aria/Modal.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/Modal.mdx
@@ -123,7 +123,7 @@ function Example() {
 
 ## Custom trigger
 
-`DialogTrigger` works with any pressable React Aria component (e.g. [Button](Button.html), [Link](Link.html), etc.). Use the `<Pressable>` component or [usePress](usePress.html) hook to wrap a custom trigger element such as a third party component or DOM element.
+`DialogTrigger` works with any pressable React Aria component (e.g. [Button](Button.html), [Link](Link.html), 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.
 
 ```tsx render
 "use client"
diff --git a/packages/dev/s2-docs/pages/react-aria/Popover.mdx b/packages/dev/s2-docs/pages/react-aria/Popover.mdx
index 7276072f117..be564168bc6 100644
--- a/packages/dev/s2-docs/pages/react-aria/Popover.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/Popover.mdx
@@ -69,7 +69,7 @@ export const tags = ['popup', 'overlay'];
 
 ## Custom trigger
 
-`DialogTrigger` works with any pressable React Aria component (e.g. [Button](Button.html), [Link](Link.html), etc.). Use the `<Pressable>` component or [usePress](usePress.html) hook to wrap a custom trigger element such as a third party component or DOM element.
+`DialogTrigger` works with any pressable React Aria component (e.g. [Button](Button.html), [Link](Link.html), 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.
 
 ```tsx render
 "use client"
diff --git a/packages/dev/s2-docs/pages/react-aria/TimeField.mdx b/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
index 55fac70d520..c369a981148 100644
--- a/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/TimeField.mdx
@@ -35,7 +35,7 @@ export const tags = ['date', 'input'];
 
 ## Value
 
-Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. `TimeField` accepts plain [Time](../internationalized/date/Time.html), [CalendarDateTime](../internationalized/date/CalendarDateTime.html), or [ZonedDateTime](../internationalized/date/ZonedDate), but only displays the time.
+Use the `value` or `defaultValue` prop to set the time value, using objects in the [@internationalized/date](../internationalized/date/index.html) package. `TimeField` accepts plain [Time](../internationalized/date/Time.html), [CalendarDateTime](../internationalized/date/CalendarDateTime.html), or [ZonedDateTime](../internationalized/date/ZonedDateTime.html), but only displays the time.
 
 ```tsx render
 "use client";
diff --git a/packages/dev/s2-docs/pages/react-aria/Tooltip.mdx b/packages/dev/s2-docs/pages/react-aria/Tooltip.mdx
index b29394ffcc8..0948d740c9c 100644
--- a/packages/dev/s2-docs/pages/react-aria/Tooltip.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/Tooltip.mdx
@@ -134,7 +134,7 @@ const CustomTrigger = React.forwardRef((props, ref) => (
 ));
 ```
 
-[DialogTrigger](Dialog.html#custom-trigger) or [MenuTrigger](Menu.html#custom-trigger) with a `<Pressable>` trigger also works with `TooltipTrigger`. All `<Pressable>` elements are already focusable, so there's no need to wrap them in `<Focusable>`.
+[DialogTrigger](Modal.html#custom-trigger) or [MenuTrigger](Menu.html#custom-trigger) with a `<Pressable>` trigger also works with `TooltipTrigger`. All `<Pressable>` elements are already focusable, so there's no need to wrap them in `<Focusable>`.
 
 ## API
 
diff --git a/packages/dev/s2-docs/pages/react-aria/styling.mdx b/packages/dev/s2-docs/pages/react-aria/styling.mdx
index 3ebbc50de0c..bbe1422e335 100644
--- a/packages/dev/s2-docs/pages/react-aria/styling.mdx
+++ b/packages/dev/s2-docs/pages/react-aria/styling.mdx
@@ -46,7 +46,7 @@ Components often support multiple UI states (e.g. pressed, hovered, selected, et
 }
 ```
 
-In order to ensure high quality interactions across browsers and devices, React Aria Components includes states such as `data-hovered` and `data-pressed` which are similar to CSS pseudo classes such as `:hover` and `:active`, but work consistently between mouse, touch, and keyboard modalities. You can read more about this in our [blog post series](https://react-spectrum.adobe.com/blog/building-a-button-part-1.html) and our [Interactions](interactions.html) overview.
+In order to ensure high quality interactions across browsers and devices, React Aria Components includes states such as `data-hovered` and `data-pressed` which are similar to CSS pseudo classes such as `:hover` and `:active`, but work consistently between mouse, touch, and keyboard modalities. You can read more about this in our [blog post series](https://react-spectrum.adobe.com/blog/building-a-button-part-1.html) and our [Interactions](https://react-spectrum.adobe.com/react-aria/interactions.html) overview.
 
 All states supported by each component are listed in the Styling section of their documentation.
 
diff --git a/packages/dev/s2-docs/pages/s2/Link.mdx b/packages/dev/s2-docs/pages/s2/Link.mdx
index 48746705590..844832dc262 100644
--- a/packages/dev/s2-docs/pages/s2/Link.mdx
+++ b/packages/dev/s2-docs/pages/s2/Link.mdx
@@ -20,7 +20,7 @@ export const tags = ['anchor', 'hyperlink', 'href'];
 
 ## Events
 
-Links with an `href` will be handled by the browser, or via a [client side router](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](https://react-spectrum.adobe.com/react-spectrum/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.
 
 ```tsx render
 "use client";
diff --git a/packages/react-aria-components/docs/FileTrigger.mdx b/packages/react-aria-components/docs/FileTrigger.mdx
index 4b42f2f4735..7743307537c 100644
--- a/packages/react-aria-components/docs/FileTrigger.mdx
+++ b/packages/react-aria-components/docs/FileTrigger.mdx
@@ -70,7 +70,7 @@ function Example(){
 
 A file input can be created with an `<input type=“file”>` element, but this supports limited styling options and may not integrate well with the overall design of a website or application. To overcome this, `FileTrigger` extends the functionality of the standard file input element by working with a pressable child such as a `Button` to create accessible file inputs that can be styled as needed.
 
-* **Customizable** – Works with any pressable React Aria or React Spectrum component, and custom components built with [usePress](usePress.html).
+* **Customizable** – Works with any pressable React Aria or React Spectrum component, and custom components built with [usePress](https://react-spectrum.adobe.com/react-aria/usePress.html).
 
 ## Anatomy
 
diff --git a/packages/react-aria-components/docs/Form.mdx b/packages/react-aria-components/docs/Form.mdx
index 8c743b09f88..4b748a546b1 100644
--- a/packages/react-aria-components/docs/Form.mdx
+++ b/packages/react-aria-components/docs/Form.mdx
@@ -78,7 +78,7 @@ The HTML [&lt;form&gt;](https://developer.mozilla.org/en-US/docs/Web/HTML/Elemen
 * **Accessible** – Uses a native `<form>` element, with support for ARIA labelling to create a [form landmark](https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/form.html).
 * **Validation** – Support for native HTML constraint validation with customizable UI, custom validation functions, realtime validation, and server-side validation errors.
 
-See the [Forms](forms.html) guide to learn more about React Aria's form components, including submitting data, and form validation techniques.
+See the [Forms](https://react-spectrum.adobe.com/react-aria/forms.html) guide to learn more about React Aria's form components, including submitting data, and form validation techniques.
 
 ## Anatomy
 
@@ -158,7 +158,7 @@ To provide validation errors, the `validationErrors` prop should be set to an ob
 </Form>
 ```
 
-See the [Forms](forms.html) guide to learn more about form validation in React Aria, including client-side validation, and integration with other frameworks and libraries.
+See the [Forms](https://react-spectrum.adobe.com/react-aria/forms.html) guide to learn more about form validation in React Aria, including client-side validation, and integration with other frameworks and libraries.
 
 ### Validation behavior