docs: update side nav (#9178)

yihuiliao · web-flow · commit f3b0f9c83045 · 2025-11-17T17:42:17.000Z
* update getting started to overview

* hide side nav for release notes

* hide blog from sidenav

* add export group to add internationalize to react aria side nav

* remove releases from react spectrum side nav

* update side nav to include internationalized in react aria

* explore component opens search menu

* fix routing?

* fix some stuff from merge conflict

* pls fix lint

* update github logo to link

* fix lint

* add back beta badge

* fix lint
diff --git a/packages/dev/s2-docs/pages/internationalized/date/Calendar.mdx b/packages/dev/s2-docs/pages/internationalized/date/Calendar.mdx
@@ -14,6 +14,7 @@ import docs from 'docs:@internationalized/date';
 import {StaticTable} from '../../../src/StaticTable';
 
 export const section = 'Date and Time';
+export const group = 'Internationalized';
 
 # Calendar
 
diff --git a/packages/dev/s2-docs/pages/internationalized/date/CalendarDate.mdx b/packages/dev/s2-docs/pages/internationalized/date/CalendarDate.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@internationalized/date';
 
 export const section = 'Date and Time';
+export const group = 'Internationalized';
 
 # CalendarDate
 
diff --git a/packages/dev/s2-docs/pages/internationalized/date/CalendarDateTime.mdx b/packages/dev/s2-docs/pages/internationalized/date/CalendarDateTime.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@internationalized/date';
 
 export const section = 'Date and Time';
+export const group = 'Internationalized';
 
 # CalendarDateTime
 
diff --git a/packages/dev/s2-docs/pages/internationalized/date/DateFormatter.mdx b/packages/dev/s2-docs/pages/internationalized/date/DateFormatter.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@internationalized/date';
 
 export const section = 'Date and Time';
+export const group = 'Internationalized';
 
 # DateFormatter
 
diff --git a/packages/dev/s2-docs/pages/internationalized/date/Time.mdx b/packages/dev/s2-docs/pages/internationalized/date/Time.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@internationalized/date';
 
 export const section = 'Date and Time';
+export const group = 'Internationalized';
 
 # Time
 
diff --git a/packages/dev/s2-docs/pages/internationalized/date/ZonedDateTime.mdx b/packages/dev/s2-docs/pages/internationalized/date/ZonedDateTime.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@internationalized/date';
 
 export const section = 'Date and Time';
+export const group = 'Internationalized';
 
 # ZonedDateTime
 
diff --git a/packages/dev/s2-docs/pages/internationalized/date/index.mdx b/packages/dev/s2-docs/pages/internationalized/date/index.mdx
@@ -15,6 +15,7 @@ import {InstallCommand} from '../../../src/InstallCommand';
 export const section = 'Date and Time';
 export const pageTitle = 'Internationalized | Date and Time';
 export const description = 'Introduction to @internationalized/date';
+export const group = 'Internationalized';
 
 # Introduction
 
diff --git a/packages/dev/s2-docs/pages/internationalized/number/NumberFormatter.mdx b/packages/dev/s2-docs/pages/internationalized/number/NumberFormatter.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@internationalized/number';
 
 export const section = 'Numbers';
+export const group = 'Internationalized';
 
 # NumberFormatter
 
diff --git a/packages/dev/s2-docs/pages/internationalized/number/NumberParser.mdx b/packages/dev/s2-docs/pages/internationalized/number/NumberParser.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@internationalized/number';
 
 export const section = 'Numbers';
+export const group = 'Internationalized';
 
 # NumberParser
 
diff --git a/packages/dev/s2-docs/pages/internationalized/number/index.mdx b/packages/dev/s2-docs/pages/internationalized/number/index.mdx
@@ -15,6 +15,7 @@ import {InstallCommand} from '../../../src/InstallCommand';
 export const section = 'Numbers';
 export const pageTitle = 'Internationalized | Numbers';
 export const description = 'Introduction to @internationalized/number';
+export const group = 'Internationalized';
 
 # Introduction
 
diff --git a/packages/dev/s2-docs/pages/react-aria/blog/accessible-color-descriptions.mdx b/packages/dev/s2-docs/pages/react-aria/blog/accessible-color-descriptions.mdx
@@ -19,6 +19,7 @@ import React from 'react';
 import {Byline} from '../../../src/BlogList';
 import {ColorEditorExample} from './ColorEditorExample';
 
+export const hideNav = true;
 export const tags = ['color picker', 'color', 'internationalization', 'localization', 'components', 'accessibility', 'react spectrum', 'react'];
 export const description = 'Recently, we released a suite of color picker components in React Aria and React Spectrum. Since colors are inherently visual, ensuring these components are accessible to users with visual impairments presented a significant challenge. In this post, we\'ll discuss how we developed an algorithm that generates clear color descriptions for screen readers in multiple languages, while minimizing bundle size.';
 export const date = '2024-10-02';
diff --git a/packages/dev/s2-docs/pages/react-aria/blog/building-a-button-part-1.mdx b/packages/dev/s2-docs/pages/react-aria/blog/building-a-button-part-1.mdx
@@ -18,6 +18,7 @@ import docs from 'docs:@react-spectrum/s2';
 import React from 'react';
 import {Byline} from '../../../src/BlogList';
 
+export const hideNav = true;
 export const tags = ['react aria', 'react spectrum', 'react', 'spectrum', 'interactions', 'button', 'touch'];
 export const description = 'Buttons seem like simple components at first, but they hide a lot of complexity under the hood. In the first part of this series, we\'ll look at how React Spectrum and React Aria implement adaptive press interactions that work across a wide variety of devices and interaction models.';
 export const date = '2020-08-12';
diff --git a/packages/dev/s2-docs/pages/react-aria/blog/building-a-button-part-2.mdx b/packages/dev/s2-docs/pages/react-aria/blog/building-a-button-part-2.mdx
@@ -17,6 +17,7 @@ import docs from 'docs:@react-spectrum/s2';
 import React from 'react';
 import {Byline} from '../../../src/BlogList';
 
+export const hideNav = true;
 export const tags = ['react aria', 'react spectrum', 'react', 'interactions', 'button', 'touch', 'hover', 'web development', 'javascript', 'css'];
 export const description = 'This is the second post in our three part series on building a button component. In the [first post](building-a-button-part-1.html), we covered how React Spectrum and React Aria implement adaptive press events across mouse, touch, keyboard, and screen readers. Today, we\'ll cover hover interactions.';
 export const date = '2020-08-25';
diff --git a/packages/dev/s2-docs/pages/react-aria/blog/building-a-button-part-3.mdx b/packages/dev/s2-docs/pages/react-aria/blog/building-a-button-part-3.mdx
@@ -17,6 +17,7 @@ import docs from 'docs:@react-spectrum/s2';
 import React from 'react';
 import {Byline} from '../../../src/BlogList';
 
+export const hideNav = true;
 export const tags = ['react aria', 'react spectrum', 'react', 'interactions', 'button', 'keyboard', 'focus', 'web development', 'javascript', 'css'];
 export const description = 'This is the last post in our three part series on building a button component. In the [first post](building-a-button-part-1.html), we covered how React Spectrum and React Aria implement adaptive press events across mouse, touch, keyboard, and screen readers. In the [second post](building-a-button-part-2.html), we covered hover interactions. Today, we\'ll cover keyboard focus behavior.';
 export const date = '2020-09-09';
diff --git a/packages/dev/s2-docs/pages/react-aria/blog/building-a-combobox.mdx b/packages/dev/s2-docs/pages/react-aria/blog/building-a-combobox.mdx
@@ -21,6 +21,7 @@ import docs from 'docs:@react-spectrum/s2';
 import React from 'react';
 import {Byline} from '../../../src/BlogList';
 
+export const hideNav = true;
 export const tags = ['combobox', 'accessibility', 'mobile', 'react spectrum', 'react', 'spectrum', 'interactions', 'touch'];
 export const description = 'After many months of research, development, and testing, we\'re excited to announce that the React Spectrum [ComboBox](../../s2/ComboBox.html) component and React Aria [useComboBox](https://react-spectrum.adobe.com/react-aria/useComboBox.html) hook are now available! In this post we\'ll take a deeper look into some of the challenges we faced when building an accessible and mobile friendly ComboBox.';
 export const date = '2021-07-13';
diff --git a/packages/dev/s2-docs/pages/react-aria/blog/creating-a-pointer-friendly-submenu-experience.mdx b/packages/dev/s2-docs/pages/react-aria/blog/creating-a-pointer-friendly-submenu-experience.mdx
@@ -19,6 +19,7 @@ import docs from 'docs:@react-spectrum/s2';
 import React from 'react';
 import {Byline} from '../../../src/BlogList';
 
+export const hideNav = true;
 export const tags = ['react aria', 'react spectrum', 'react', 'spectrum', 'interactions', 'submenu', 'pointer'];
 export const description = 'We are excited to announce support for submenus in the latest release of [React Spectrum](../../s2/Menu.html#submenus) and [React Aria](../Menu.html#submenus)! In the process of adding this feature, we found ourselves solving some unique challenges while working to make submenus user-friendly and accessible across an array of devices and input types. In doing so, we wanted to share our thought process in solving one of the challenges we faced along the way.';
 export const date = '2024-05-01';
diff --git a/packages/dev/s2-docs/pages/react-aria/blog/date-and-time-pickers-for-all.mdx b/packages/dev/s2-docs/pages/react-aria/blog/date-and-time-pickers-for-all.mdx
@@ -24,6 +24,7 @@ import {today, getLocalTimeZone} from '@internationalized/date';
 import RangeCalendarExample from './RangeCalendarExample';
 import CalendarSystems from './CalendarSystems';
 
+export const hideNav = true;
 export const tags = ['date picker', 'date', 'time', 'calendar', 'components', 'accessibility', 'mobile', 'react spectrum', 'react', 'spectrum', 'interactions', 'touch'];
 export const description = 'We are very excited to announce the release of the [React Aria](https://react-spectrum.adobe.com/react-aria/useNumberField.html) and [React Spectrum](../../s2/DatePicker.html) date and time picker components! This includes a full suite of fully featured components and hooks including calendars, date and time fields, and range pickers, all with a focus on internationalization and accessibility. It also includes [@internationalized/date](../../internationalized/date/index.html), a brand new framework-agnostic library for locale-aware date and time manipulation.';
 export const date = '2022-06-21';
diff --git a/packages/dev/s2-docs/pages/react-aria/blog/drag-and-drop.mdx b/packages/dev/s2-docs/pages/react-aria/blog/drag-and-drop.mdx
@@ -24,6 +24,7 @@ import docs from 'docs:@react-spectrum/s2';
 import React from 'react';
 import {Byline} from '../../../src/BlogList';
 
+export const hideNav = true;
 export const tags = ['drag and drop', 'dnd', 'components', 'accessibility', 'keyboard', 'mobile', 'react spectrum', 'react', 'spectrum', 'interactions', 'touch'];
 export const description = 'We are excited to announce the release of drag and drop support in [React Aria](../dnd.html) and [React Spectrum](../../s2/dnd.html)! This includes a suite of hooks for implementing drag and drop interactions, with support for both mouse and touch, as well as full parity for keyboard and screen reader input.';
 export const date = '2022-11-16';
diff --git a/packages/dev/s2-docs/pages/react-aria/blog/how-we-internationalized-our-numberfield.mdx b/packages/dev/s2-docs/pages/react-aria/blog/how-we-internationalized-our-numberfield.mdx
@@ -22,6 +22,7 @@ import React from 'react';
 import {Byline} from '../../../src/BlogList';
 import {NumberField} from '@react-spectrum/s2';
 
+export const hideNav = true;
 export const tags = ['react aria', 'react spectrum', 'react', 'spectrum', 'interactions', 'numberfield', 'touch', 'spinbutton'];
 export const description = 'Number fields are commonly used form components, but are frequently not a great user experience. They often lack support for advanced formatting, such as currency and unit values, and do not provide a localized experience for users around the world. In this post, we\'ll discuss how we approached building our number field component with support for formatting and internationalization in mind.';
 export const date = '2021-05-05';
diff --git a/packages/dev/s2-docs/pages/react-aria/blog/index.mdx b/packages/dev/s2-docs/pages/react-aria/blog/index.mdx
@@ -12,6 +12,7 @@ import {BlogList} from '../../../src/BlogList';
 
 export default Layout;
 
+export const hideNav = true;
 export const section = 'Blog';
 export const title = 'Blog';
 export const hideFromSearch = true;
diff --git a/packages/dev/s2-docs/pages/react-aria/blog/introducing-react-spectrum.mdx b/packages/dev/s2-docs/pages/react-aria/blog/introducing-react-spectrum.mdx
@@ -22,6 +22,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import React from 'react';
 
+export const hideNav = true;
 export const tags = ['react stately', 'react aria', 'react spectrum', 'hooks', 'react', 'spectrum'];
 export const description = 'Today, we\'re excited to announce [React Spectrum](https://react-spectrum.adobe.com/), a collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. Check it out on [Github](https://github.com/adobe/react-spectrum)!';
 export const date = '2020-07-15';
diff --git a/packages/dev/s2-docs/pages/react-aria/blog/rtl-date-time.mdx b/packages/dev/s2-docs/pages/react-aria/blog/rtl-date-time.mdx
@@ -20,6 +20,7 @@ import docs from 'docs:@react-spectrum/s2';
 import React from 'react';
 import {Byline} from '../../../src/BlogList';
 
+export const hideNav = true;
 export const tags = ['date picker', 'date', 'time', 'calendar', 'components', 'accessibility', 'react spectrum', 'react', 'spectrum'];
 export const description = 'Internationalization is a core feature of our Date and Time components. We support 13 different calendar systems as well as locale-specific formatting, number systems, and 12 and 24 hour time. However, we identified an issue with our right-to-left support where in some right-to-left (RTL) languages, the format of the date and time fields was incorrect. While investigating this bug, we faced several challenges in ensuring proper date and time representation in RTL languages and implemented various strategies that we\'d like to share.';
 export const date = '2025-06-06';
diff --git a/packages/dev/s2-docs/pages/react-aria/examples/index.mdx b/packages/dev/s2-docs/pages/react-aria/examples/index.mdx
@@ -1,7 +1,7 @@
 import {Layout} from '../../../src/Layout';
 export default Layout;
 
-export const section = 'Getting started';
+export const section = 'Overview';
 export const hideFromSearch = true;
 export const title = 'Examples';
 
diff --git a/packages/dev/s2-docs/pages/react-aria/getting-started.mdx b/packages/dev/s2-docs/pages/react-aria/getting-started.mdx
@@ -11,7 +11,7 @@ import docs from 'docs:react-aria-components';
 import '../../tailwind/tailwind.css';
 import {Link} from '@react-spectrum/s2';
 
-export const section = 'Getting started';
+export const section = 'Overview';
 export const tags = ['introduction', 'installation'];
 export const description = 'Install and build your first component';
 
diff --git a/packages/dev/s2-docs/pages/react-aria/index.mdx b/packages/dev/s2-docs/pages/react-aria/index.mdx
@@ -20,8 +20,9 @@ import {Popover} from 'tailwind-starter/Popover';
 import {Button} from 'tailwind-starter/Button';
 import ogImage from 'url:../../assets/ReactAriaOpenGraph.webp';
 import reactAriaFavicon from 'url:../../assets/react-aria.ico';
+import SearchMenuWrapper from '../../src/SearchMenuWrapper';
 
-export const section = 'Getting started';
+export const section = 'Overview';
 export const title = 'Home';
 export const hideFromSearch = true;
 
@@ -102,7 +103,7 @@ export const hideFromSearch = true;
 
         <div className="flex flex-col md:flex-row items-center gap-4 my-10 justify-center">
           <a href="getting-started.html" className="no-underline bg-linear-to-r from-blue-600 to-indigo-600 border border-blue-700 shadow-[inset_0_1px_0_rgba(255,255,255,0.1)] text-base md:text-lg font-bold text-white px-8 py-3 rounded-full transition focus-ring  dark:outline-white outline-offset-2 active:scale-95">Get Started</a>
-          <a href="components.html" className="no-underline bg-white/50 border border-black/10 bg-clip-padding text-base md:text-lg font-bold text-slate-800 px-8 py-3 rounded-full backdrop-saturate-150 backdrop-brightness-125 transition hover:bg-white/60 focus-ring  dark:outline-white outline-offset-2 active:scale-95">Explore Components</a>
+          <SearchMenuWrapper pages={props.pages} currentPage={props.currentPage} />
         </div>
 
         <div className="relative pt-10 md:pt-20 md:mt-20">
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/index.mdx b/packages/dev/s2-docs/pages/react-aria/releases/index.mdx
@@ -11,6 +11,7 @@ import {Layout} from '../../../src/Layout';
 import {ReleasesList} from '../../../src/ReleasesList';
 export default Layout;
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['changelog', 'versions', 'updates'];
 export const title = 'Releases';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-0-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-0-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'December 20, 2023';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-1-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-1-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'February 13, 2024';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-10-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-10-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'June 5, 2025';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-11-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-11-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'July 22, 2025';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-12-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-12-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'August 25, 2025';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-13-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-13-0.mdx
@@ -14,6 +14,7 @@ import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 import {ReleasedVersions} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'October 2, 2025';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-2-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-2-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'May 1, 2024';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-3-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-3-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'July 22, 2024';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-4-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-4-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'September 30, 2024';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-5-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-5-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'November 20, 2024';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-6-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-6-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'January 15, 2025';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-7-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-7-0.mdx
@@ -14,6 +14,7 @@ import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 import datepickerImage from 'url:../assets/datepicker-rtl.png';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'March 5, 2025';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-8-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-8-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'April 11, 2025';
diff --git a/packages/dev/s2-docs/pages/react-aria/releases/v1-9-0.mdx b/packages/dev/s2-docs/pages/react-aria/releases/v1-9-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'React Aria'];
 export const date = 'May 19, 2025';
diff --git a/packages/dev/s2-docs/pages/s2/getting-started.mdx b/packages/dev/s2-docs/pages/s2/getting-started.mdx
@@ -4,7 +4,7 @@ import {BundlerSwitcher, BundlerSwitcherItem} from '../../src/BundlerSwitcher';
 export default Layout;
 import {SegmentedControl, SegmentedControlItem} from '@react-spectrum/s2';
 
-export const section = 'Getting started';
+export const section = 'Overview';
 export const tags = ['introduction', 'installation'];
 export const description = 'Getting started with React Spectrum';
 
diff --git a/packages/dev/s2-docs/pages/s2/index.mdx b/packages/dev/s2-docs/pages/s2/index.mdx
@@ -4,7 +4,7 @@ export default Layout;
 import {Card, CardPreview, Content, Text} from '@react-spectrum/s2';
 import {ComponentCardView} from '../../src/ComponentCardView';
 
-export const section = 'Getting started';
+export const section = 'Overview';
 export const title = 'Home';
 
 # React Spectrum
diff --git a/packages/dev/s2-docs/pages/s2/releases/index.mdx b/packages/dev/s2-docs/pages/s2/releases/index.mdx
@@ -11,6 +11,7 @@ import {Layout} from '../../../src/Layout';
 import {ReleasesList} from '../../../src/ReleasesList';
 export default Layout;
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['changelog', 'versions', 'updates'];
 export const title = 'Releases';
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-1-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-1-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'S2'];
 export const date = 'May 17, 2024';
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-10-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-10-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'S2'];
 export const date = 'July 23, 2025';
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-11-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-11-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'S2'];
 export const date = 'August 26, 2025';
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-12-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-12-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'S2'];
 export const date = 'October 3, 2025';
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-2-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-2-0.mdx
@@ -13,6 +13,7 @@ export default Layout;
 import docs from 'docs:@react-spectrum/s2';
 import {Time} from '../../../src/ReleasesList';
 
+export const hideNav = true;
 export const section = 'Releases';
 export const tags = ['release', 'S2'];
 export const date = 'Jun 15, 2024';
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-3-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-3-0.mdx
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-4-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-4-0.mdx
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-5-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-5-0.mdx
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-6-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-6-0.mdx
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-7-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-7-0.mdx
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-8-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-8-0.mdx
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-9-0.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-9-0.mdx
diff --git a/packages/dev/s2-docs/pages/s2/releases/v0-9-1.mdx b/packages/dev/s2-docs/pages/s2/releases/v0-9-1.mdx
diff --git a/packages/dev/s2-docs/src/Header.tsx b/packages/dev/s2-docs/src/Header.tsx
diff --git a/packages/dev/s2-docs/src/MobileSearchMenu.tsx b/packages/dev/s2-docs/src/MobileSearchMenu.tsx
diff --git a/packages/dev/s2-docs/src/Nav.tsx b/packages/dev/s2-docs/src/Nav.tsx
diff --git a/packages/dev/s2-docs/src/SearchMenu.tsx b/packages/dev/s2-docs/src/SearchMenu.tsx
diff --git a/packages/dev/s2-docs/src/SearchMenuWrapper.tsx b/packages/dev/s2-docs/src/SearchMenuWrapper.tsx
diff --git a/packages/dev/s2-docs/src/searchUtils.tsx b/packages/dev/s2-docs/src/searchUtils.tsx
