docs: S2 docs newest testing fixes

packages/@react-spectrum/s2/src/Accordion.tsx

@@ -55,7 +55,7 @@ const accordion = style({
 export const AccordionContext = createContext<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>(null);
 
 /**
- * An accordion is a container for multiple disclosures.
+ * An accordion is a container for multiple accordion items.
  */
 export const Accordion = forwardRef(function Accordion(props: AccordionProps, ref: DOMRef<HTMLDivElement>) {
   [props, ref] = useSpectrumContextProps(props, ref, AccordionContext);

packages/dev/docs/pages/react-aria/components.mdx

@@ -167,7 +167,7 @@ order: 5
 <ExampleCard
   url="Tree.html"
   title="Tree"
-  description="A tree displays heirarchical data with selection and collapsing.">
+  description="A tree displays hierarchical data with selection and collapsing.">
   <Tree />
 </ExampleCard>
 

packages/dev/docs/pages/react-spectrum/index.mdx

@@ -231,7 +231,7 @@ A React implementation of Spectrum, Adobe’s design system.
 <ExampleCard
   url="TreeView.html"
   title="TreeView"
-  description="A tree view displays heirarchical data with selection and collapsing.">
+  description="A tree view displays hierarchical data with selection and collapsing.">
   <Tree />
 </ExampleCard>
 

packages/dev/s2-docs/pages/index.mdx

@@ -4,6 +4,7 @@ export default Layout;
 
 export const section = 'Getting started';
 export const hideNav = true;
+export const description = 'Adobe\'s collection of libraries and tools for building adaptive, accessible, and robust user experiences.';
 export const hideFromSearch = true;
 
 <WelcomeHeader />

packages/dev/s2-docs/pages/internationalized/date/Calendar.mdx

@@ -15,6 +15,7 @@ import {StaticTable} from '../../../src/StaticTable';
 
 export const section = 'Date and Time';
 export const group = 'Internationalized';
+export const description = 'Calendar systems for international date calculations.';
 
 # Calendar
 

packages/dev/s2-docs/pages/internationalized/date/CalendarDate.mdx

@@ -14,6 +14,7 @@ import docs from 'docs:@internationalized/date';
 
 export const section = 'Date and Time';
 export const group = 'Internationalized';
+export const description = 'A date without time in a specific calendar system.';
 
 # CalendarDate
 

packages/dev/s2-docs/pages/internationalized/date/CalendarDateTime.mdx

@@ -14,6 +14,7 @@ import docs from 'docs:@internationalized/date';
 
 export const section = 'Date and Time';
 export const group = 'Internationalized';
+export const description = 'A date and time without a time zone.';
 
 # CalendarDateTime
 

packages/dev/s2-docs/pages/internationalized/date/DateFormatter.mdx

@@ -14,6 +14,7 @@ import docs from 'docs:@internationalized/date';
 
 export const section = 'Date and Time';
 export const group = 'Internationalized';
+export const description = 'Provides locale-aware date formatting with browser bug fixes.';
 
 # DateFormatter
 

packages/dev/s2-docs/pages/internationalized/date/Time.mdx

@@ -14,6 +14,7 @@ import docs from 'docs:@internationalized/date';
 
 export const section = 'Date and Time';
 export const group = 'Internationalized';
+export const description = 'A clock time without any date components.';
 
 # Time
 

packages/dev/s2-docs/pages/internationalized/date/ZonedDateTime.mdx

@@ -14,6 +14,7 @@ import docs from 'docs:@internationalized/date';
 
 export const section = 'Date and Time';
 export const group = 'Internationalized';
+export const description = 'An exact date and time in a specific time zone.';
 
 # ZonedDateTime
 

packages/dev/s2-docs/pages/internationalized/number/NumberFormatter.mdx

@@ -14,6 +14,7 @@ import docs from 'docs:@internationalized/number';
 
 export const section = 'Numbers';
 export const group = 'Internationalized';
+export const description = 'Provides locale-aware number formatting with polyfills.';
 
 # NumberFormatter
 

packages/dev/s2-docs/pages/internationalized/number/NumberParser.mdx

@@ -14,6 +14,7 @@ import docs from 'docs:@internationalized/number';
 
 export const section = 'Numbers';
 export const group = 'Internationalized';
+export const description = 'Validates and parses numbers from user input with locale support.';
 
 # NumberParser
 

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

@@ -6,6 +6,8 @@ import vanillaDocs from 'docs:vanilla-starter/CommandPalette';
 import '../../tailwind/tailwind.css';
 
 export const tags = ['combobox', 'typeahead', 'input'];
+export const relatedPages = [{'title': 'useAutocomplete', 'url': 'https://react-spectrum.adobe.com/react-aria/useAutocomplete.html'}];
+export const description = 'Allows users to search or filter a list of suggestions.';
 
 # Autocomplete
 

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

@@ -8,6 +8,7 @@ import {InlineAlert, Heading, Content} from '@react-spectrum/s2';
 
 export const tags = ['navigation'];
 export const relatedPages = [{'title': 'useBreadcrumbs', 'url': 'https://react-spectrum.adobe.com/react-aria/useBreadcrumbs.html'}];
+export const description = 'Displays a hierarchy of links to the current page or resource in an application.';
 
 # Breadcrumbs
 

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

@@ -13,6 +13,7 @@ import typesDocs from 'docs:@react-types/shared/src/events.d.ts';
 
 export const tags = ['btn'];
 export const relatedPages = [{'title': 'useButton', 'url': 'https://react-spectrum.adobe.com/react-aria/useButton.html'}];
+export const description = 'Allows a user to perform an action, with mouse, touch, and keyboard interactions.';
 
 # Button
 

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

@@ -10,6 +10,7 @@ import Anatomy from '@react-aria/calendar/docs/calendar-anatomy.svg';
 
 export const tags = ['date'];
 export const relatedPages = [{'title': 'useCalendar', 'url': 'https://react-spectrum.adobe.com/react-aria/useCalendar.html'}];
+export const description = 'Displays one or more date grids and allows users to select a single date.';
 
 # Calendar
 

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

@@ -9,6 +9,7 @@ import Anatomy from '@react-aria/checkbox/docs/checkbox-anatomy.svg';
 
 export const tags = ['input'];
 export const relatedPages = [{'title': 'useCheckbox', 'url': 'https://react-spectrum.adobe.com/react-aria/useCheckbox.html'}];
+export const description = 'Allows a user to select multiple items from a list of individual items, or to mark one individual item as selected.';
 
 # Checkbox
 

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

@@ -12,6 +12,7 @@ export const relatedPages = [
   {title: 'useCheckboxGroup', url: 'https://react-spectrum.adobe.com/react-aria/useCheckboxGroup.html'},
   {title: 'Testing', url: './CheckboxGroup/testing.html'}
 ];
+export const description = 'Allows a user to select multiple items from a list of options.';
 
 # CheckboxGroup
 

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

@@ -9,6 +9,7 @@ import Anatomy from '@react-aria/color/docs/ColorAreaAnatomy.svg';
 
 export const tags = [];
 export const relatedPages = [{'title': 'useColorArea', 'url': 'https://react-spectrum.adobe.com/react-aria/useColorArea.html'}];
+export const description = 'Allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.';
 
 # ColorArea
 

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

@@ -10,6 +10,7 @@ import Anatomy from '@react-aria/color/docs/ColorFieldAnatomy.svg';
 
 export const tags = ['input'];
 export const relatedPages = [{'title': 'useColorField', 'url': 'https://react-spectrum.adobe.com/react-aria/useColorField.html'}];
+export const description = 'Allows users to edit a hex color or individual color channel value.';
 
 # ColorField
 

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

@@ -8,7 +8,7 @@ import {ColorPicker as TailwindColorPicker} from 'tailwind-starter/ColorPicker';
 import '../../tailwind/tailwind.css';
 
 export const tags = ['input'];
-export const relatedPages = [{'title': 'useColorPicker', 'url': 'https://react-spectrum.adobe.com/react-aria/useColorPicker.html'}];
+export const description = 'Synchronizes a color value between multiple React Aria color components.';
 
 # ColorPicker
 

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

@@ -10,6 +10,7 @@ import Anatomy from '@react-aria/color/docs/ColorSliderAnatomy.svg';
 
 export const tags = ['input'];
 export const relatedPages = [{'title': 'useColorSlider', 'url': 'https://react-spectrum.adobe.com/react-aria/useColorSlider.html'}];
+export const description = 'Allows users to adjust an individual channel of a color value.';
 
 # ColorSlider
 

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

@@ -9,6 +9,7 @@ import '../../tailwind/tailwind.css';
 
 export const tags = [];
 export const relatedPages = [{'title': 'useColorSwatch', 'url': 'https://react-spectrum.adobe.com/react-aria/useColorSwatch.html'}];
+export const description = 'Displays a preview of a selected color.';
 
 # ColorSwatch
 

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

@@ -7,6 +7,7 @@ import '../../tailwind/tailwind.css';
 import {InlineAlert, Heading, Content} from '@react-spectrum/s2'
 
 export const tags = ['input'];
+export const description = 'Displays a list of color swatches and allows a user to select one of them.';
 
 # ColorSwatchPicker
 

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

@@ -9,6 +9,7 @@ import Anatomy from '@react-aria/color/docs/ColorWheelAnatomy.svg';
 
 export const tags = ['input'];
 export const relatedPages = [{'title': 'useColorWheel', 'url': 'https://react-spectrum.adobe.com/react-aria/useColorWheel.html'}];
+export const description = 'Allows users to adjust the hue of an HSL or HSB color value on a circular track.';
 
 # ColorWheel
 

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

@@ -13,6 +13,7 @@ export const relatedPages = [
   {title: 'useComboBox', url: 'https://react-spectrum.adobe.com/react-aria/useComboBox.html'},
   {title: 'Testing', url: './ComboBox/testing.html'}
 ];
+export const description = 'Combines a text input with a listbox, allowing users to filter a list of options to items matching a query.';
 
 # ComboBox
 

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

@@ -10,6 +10,7 @@ import Anatomy from '@react-aria/datepicker/docs/datefield-anatomy.svg';
 
 export const tags = ['calendar', 'input'];
 export const relatedPages = [{'title': 'useDateField', 'url': 'https://react-spectrum.adobe.com/react-aria/useDateField.html'}];
+export const description = 'Allows users to enter and edit date and time values using a keyboard.';
 
 # DateField
 

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

@@ -10,6 +10,7 @@ import Anatomy from '@react-aria/datepicker/docs/datepicker-anatomy.svg';
 
 export const tags = ['calendar', 'input'];
 export const relatedPages = [{'title': 'useDatePicker', 'url': 'https://react-spectrum.adobe.com/react-aria/useDatePicker.html'}];
+export const description = 'Combines a DateField and a Calendar popover to allow users to enter or select a date and time value.';
 
 # DatePicker
 

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

@@ -10,6 +10,7 @@ import Anatomy from '@react-aria/datepicker/docs/daterangepicker-anatomy.svg';
 
 export const tags = ['calendar', 'input'];
 export const relatedPages = [{'title': 'useDateRangePicker', 'url': 'https://react-spectrum.adobe.com/react-aria/useDateRangePicker.html'}];
+export const description = 'Combines two DateFields and a RangeCalendar popover to allow users to enter or select a date range.';
 
 # DateRangePicker
 

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

@@ -8,6 +8,7 @@ import Anatomy from 'react-aria-components/docs/DisclosureAnatomy.svg';
 
 export const tags = ['accordion', 'collapsible', 'expandable', 'details'];
 export const relatedPages = [{'title': 'useDisclosure', 'url': 'https://react-spectrum.adobe.com/react-aria/useDisclosure.html'}];
+export const description = 'A collapsible section of content composed of a header with a heading and trigger button, and a panel that contains the content.';
 
 # Disclosure
 

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

@@ -7,7 +7,7 @@ import '../../tailwind/tailwind.css';
 import Anatomy from 'react-aria-components/docs/DisclosureGroupAnatomy.svg';
 
 export const tags = ['accordion', 'collapsible', 'expandable', 'details'];
-export const relatedPages = [{'title': 'useDisclosureGroup', 'url': 'https://react-spectrum.adobe.com/react-aria/useDisclosureGroup.html'}];
+export const description = 'A grouping of related disclosures, sometimes called an accordion.';
 
 # DisclosureGroup
 

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

@@ -6,6 +6,7 @@ import '../../tailwind/tailwind.css';
 
 export const tags = ['file', 'drag', 'dnd', 'upload'];
 export const relatedPages = [{'title': 'useDrop', 'url': 'https://react-spectrum.adobe.com/react-aria/useDrop.html'}];
+export const description = 'An area into which one or multiple objects can be dragged and dropped.';
 
 # DropZone
 

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

@@ -6,6 +6,7 @@ import '../../tailwind/tailwind.css';
 import {InlineAlert, Heading, Content} from '@react-spectrum/s2'
 
 export const tags = ['upload', 'input'];
+export const description = 'Allows a user to access the file system with any pressable React Aria or React Spectrum component.';
 
 # FileTrigger
 

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

@@ -14,6 +14,7 @@ import {FunctionAPI} from '../../src/FunctionAPI';
 import docs from 'docs:@react-aria/focus';
 
 export const section = 'Interactions';
+export const description = 'A utility component that applies a visual focus indicator to its child element when focused via keyboard.';
 
 # FocusRing
 

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

@@ -14,6 +14,7 @@ import {FunctionAPI} from '../../src/FunctionAPI';
 import docs from 'docs:@react-aria/focus';
 
 export const section = 'Interactions';
+export const description = 'Manages focus within a group of elements, supporting features like focus containment and restoration.';
 
 # FocusScope
 

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

@@ -5,6 +5,7 @@ import docs from 'docs:react-aria-components';
 import '../../tailwind/tailwind.css';
 
 export const tags = ['input', 'field'];
+export const description = 'A group of inputs that allows users to submit data to a server.';
 
 # Form
 

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

@@ -13,6 +13,7 @@ export const relatedPages = [
   {title: 'useGridList', url: 'https://react-spectrum.adobe.com/react-aria/useGridList.html'},
   {title: 'Testing', url: './GridList/testing.html'}
 ];
+export const description = 'Displays a list of interactive items, with support for keyboard navigation, selection, and actions.';
 
 # GridList
 

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

@@ -6,6 +6,7 @@ import vanillaDocs from 'docs:vanilla-starter/InputGroup';
 import '../../tailwind/tailwind.css';
 
 export const tags = [];
+export const description = 'Represents a set of related UI controls, and supports interactive states for styling.';
 
 # Group
 

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

@@ -13,7 +13,7 @@ import {FunctionAPI} from '../../src/FunctionAPI';
 import docs from 'docs:@react-aria/i18n';
 
 export const section = 'Utilities';
-export const description = 'Implementing collections in React Aria';
+export const description = 'Override the default browser locale with an application-defined locale for all child components.';
 
 
 # I18nProvider

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

@@ -9,6 +9,7 @@ import '../../tailwind/tailwind.css';
 
 export const tags = ['anchor', 'hyperlink', 'href'];
 export const relatedPages = [{'title': 'useLink', 'url': 'https://react-spectrum.adobe.com/react-aria/useLink.html'}];
+export const description = 'Allows a user to navigate to another page or resource within a web page or application.';
 
 # Link
 

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

@@ -13,6 +13,7 @@ export const relatedPages = [
   {title: 'useListBox', url: 'https://react-spectrum.adobe.com/react-aria/useListBox.html'},
   {title: 'Testing', url: './ListBox/testing.html'}
 ];
+export const description = 'Displays a list of options and allows a user to select one or more of them.';
 
 # ListBox
 

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

@@ -11,6 +11,7 @@ export const relatedPages = [
   {title: 'useMenu', url: 'https://react-spectrum.adobe.com/react-aria/useMenu.html'},
   {title: 'Testing', url: './Menu/testing.html'}
 ];
+export const description = 'Displays a list of actions or options that a user can choose.';
 
 # Menu
 

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

@@ -10,6 +10,7 @@ import Anatomy from '@react-aria/meter/docs/anatomy.svg';
 
 export const tags = ['gauge', 'progress', 'level'];
 export const relatedPages = [{'title': 'useMeter', 'url': 'https://react-spectrum.adobe.com/react-aria/useMeter.html'}];
+export const description = 'Represents a quantity within a known range, or a fractional value.';
 
 # Meter
 

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

@@ -9,6 +9,7 @@ import {InlineAlert, Heading, Content} from '@react-spectrum/s2'
 
 export const tags = ['dialog', 'popup', 'overlay'];
 export const relatedPages = [{'title': 'useModalOverlay', 'url': 'https://react-spectrum.adobe.com/react-aria/useModalOverlay.html'}];
+export const description = 'An overlay element which blocks interaction with elements outside it.';
 
 # Modal
 

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

@@ -10,6 +10,7 @@ import Anatomy from '@react-aria/numberfield/docs/anatomy.svg';
 
 export const tags = ['input'];
 export const relatedPages = [{'title': 'useNumberField', 'url': 'https://react-spectrum.adobe.com/react-aria/useNumberField.html'}];
+export const description = 'Allows a user to enter a number, and increment or decrement the value using stepper buttons.';
 
 # NumberField
 

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

@@ -9,6 +9,7 @@ import {InlineAlert, Heading, Content} from '@react-spectrum/s2'
 
 export const tags = ['popup', 'overlay'];
 export const relatedPages = [{'title': 'usePopover', 'url': 'https://react-spectrum.adobe.com/react-aria/usePopover.html'}];
+export const description = 'An overlay element positioned relative to a trigger.';
 
 # Popover
 

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

@@ -13,6 +13,7 @@ import docs from 'docs:@react-aria/overlays';
 import {FunctionAPI} from '../../src/FunctionAPI';
 
 export const section = 'Utilities';
+export const description = 'Allows specifying the container element where overlays like modals and popovers are rendered.';
 
 # PortalProvider
 

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

@@ -12,6 +12,7 @@ import Anatomy from '@react-aria/progress/docs/anatomy.svg';
 
 export const tags = ['loading', 'progress'];
 export const relatedPages = [{'title': 'useProgressBar', 'url': 'https://react-spectrum.adobe.com/react-aria/useProgressBar.html'}];
+export const description = 'Shows either determinate or indeterminate progress of an operation over time.';
 
 # ProgressBar
 

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

@@ -12,6 +12,7 @@ export const relatedPages = [
   {title: 'useRadioGroup', url: 'https://react-spectrum.adobe.com/react-aria/useRadioGroup.html'},
   {title: 'Testing', url: './RadioGroup/testing.html'}
 ];
+export const description = 'Allows a user to select a single item from a list of mutually exclusive options.';
 
 # RadioGroup