docs(Autocomplete): add RAC Autocomplete docs (#7784)

Author: reidbarber

examples/rac-tailwind/src/App.js

@@ -1,4 +1,4 @@
-import {UNSTABLE_Autocomplete as Autocomplete, Input, Label, Menu, MenuItem, SearchField, Text, useFilter} from 'react-aria-components'
+import {Autocomplete, Input, Label, Menu, MenuItem, SearchField, Text, useFilter} from 'react-aria-components'
 import {classNames} from '@react-spectrum/utils';
 import styles from './autocomplete.css';
 

examples/rsp-cra-18/src/AutocompleteExample.tsx

@@ -1,4 +1,4 @@
-import {UNSTABLE_Autocomplete as Autocomplete, Input, Label, Menu, MenuItem, SearchField, Text, useFilter} from 'react-aria-components'
+import {Autocomplete, Input, Label, Menu, MenuItem, SearchField, Text, useFilter} from 'react-aria-components'
 import {classNames} from '@react-spectrum/utils';
 import React from 'react';
 import styles from './autocomplete.module.css';

examples/rsp-next-ts/components/AutocompleteExample.tsx

@@ -54,8 +54,8 @@ export interface AutocompleteAria {
 }
 
 /**
- * Provides the behavior and accessibility implementation for a autocomplete component.
- * A autocomplete combines a text input with a collection, allowing users to filter the collection's contents match a query.
+ * Provides the behavior and accessibility implementation for an autocomplete component.
+ * An autocomplete combines a text input with a collection, allowing users to filter the collection's contents match a query.
  * @param props - Props for the autocomplete.
  * @param state - State for the autocomplete, as returned by `useAutocompleteState`.
  */

packages/@react-aria/autocomplete/src/useAutocomplete.ts

@@ -18,9 +18,9 @@ import Help from '../s2wf-icons/S2_Icon_HelpCircle_20_N.svg';
 import Lightbulb from '../s2wf-icons/S2_Icon_Lightbulb_20_N.svg';
 import type {Meta} from '@storybook/react';
 import Org from '../s2wf-icons/S2_Icon_Buildings_20_N.svg';
+import {Autocomplete as RACAutocomplete, useFilter} from 'react-aria-components';
 import Settings from '../s2wf-icons/S2_Icon_Settings_20_N.svg';
 import {style} from '../style/spectrum-theme' with {type: 'macro'};
-import {UNSTABLE_Autocomplete, useFilter} from 'react-aria-components';
 import User from '../s2wf-icons/S2_Icon_User_20_N.svg';
 import Users from '../s2wf-icons/S2_Icon_UserGroup_20_N.svg';
 
@@ -171,7 +171,7 @@ AccountMenu.argTypes = {
 function Autocomplete(props) {
   let {contains} = useFilter({sensitivity: 'base'});
   return (
-    <UNSTABLE_Autocomplete filter={contains} {...props} />
+    <RACAutocomplete filter={contains} {...props} />
   );
 }
 

packages/@react-spectrum/s2/stories/Popover.stories.tsx

@@ -10,10 +10,10 @@
  * governing permissions and limitations under the License.
  */
 
+import {Autocomplete} from 'react-aria-components';
 import {Menu, MenuItem, SearchField} from '../src';
 import {pointerMap, render} from '@react-spectrum/test-utils-internal';
 import React from 'react';
-import {UNSTABLE_Autocomplete} from 'react-aria-components';
 import userEvent from '@testing-library/user-event';
 
 describe('SearchField', () => {
@@ -24,14 +24,14 @@ describe('SearchField', () => {
 
   it('should not apply the focus visible styles on the group when typing in the Autocomplete wrapped SearchField', async () => {
     let {getByRole} = render(
-      <UNSTABLE_Autocomplete>
+      <Autocomplete>
         <SearchField autoFocus label="Search" />
         <Menu aria-label="test menu">
           <MenuItem>Foo</MenuItem>
           <MenuItem>Bar</MenuItem>
           <MenuItem>Baz</MenuItem>
         </Menu>
-      </UNSTABLE_Autocomplete>
+      </Autocomplete>
     );
 
     let input = getByRole('searchbox');

packages/@react-spectrum/s2/test/SearchField.test.tsx

@@ -39,7 +39,7 @@ export interface AutocompleteProps {
 export interface AutocompleteStateOptions extends Omit<AutocompleteProps, 'children'> {}
 
 /**
- * Provides state management for a autocomplete component.
+ * Provides state management for an autocomplete component.
  */
 export function UNSTABLE_useAutocompleteState(props: AutocompleteStateOptions): AutocompleteState {
   let {