Add Key type to monopackages (#5362)

Author: devongovett

packages/@adobe/react-spectrum/src/index.ts

@@ -111,4 +111,4 @@ export type {VisuallyHiddenAria, VisuallyHiddenProps} from '@react-aria/visually
 export type {DateFormatter, DateFormatterOptions, Filter, FormatMessage, Locale, LocalizedStrings} from '@react-aria/i18n';
 export type {SSRProviderProps} from '@react-aria/ssr';
 export type {DirectoryDropItem, DragAndDropHooks, DragAndDropOptions, DraggableCollectionEndEvent, DraggableCollectionMoveEvent, DraggableCollectionStartEvent, DragPreviewRenderer, DragTypes, DropItem, DropOperation, DroppableCollectionDropEvent, DroppableCollectionEnterEvent, DroppableCollectionExitEvent, DroppableCollectionInsertDropEvent, DroppableCollectionMoveEvent, DroppableCollectionOnItemDropEvent, DroppableCollectionReorderEvent, DroppableCollectionRootDropEvent, DropPosition, DropTarget, FileDropItem, ItemDropTarget, RootDropTarget, TextDropItem} from '@react-spectrum/dnd';
-export type {Selection} from '@react-types/shared';
+export type {Key, Selection} from '@react-types/shared';

packages/@react-spectrum/actiongroup/docs/ActionGroup.mdx

@@ -213,7 +213,8 @@ The `key` prop from the selected item will be passed into the callback.
 
 To continue to capturing actions when `selectionMode` is `none`, utilize the `onAction` prop.
 ```tsx example
-import {Key} from '@react-types/shared';
+import type {Key} from '@adobe/react-spectrum';
+
 function Example() {
   let [actionKey, setActionKey] = React.useState<Key>('');
   return (

packages/@react-spectrum/combobox/docs/ComboBox.mdx

@@ -260,7 +260,8 @@ Setting a selected option can be done by using the `defaultSelectedKey` or `sele
 Additionally, see the `react-stately` [Selection docs](../react-stately/selection.html#selected-key-data-type) for caveats regarding selection prop typing.
 
 ```tsx example
-import {Key} from '@react-types/shared';
+import type {Key} from '@adobe/react-spectrum';
+
 function Example() {
   let options = [
     {id: 1, name: 'Adobe Photoshop'},

packages/@react-spectrum/picker/docs/Picker.mdx

@@ -119,7 +119,8 @@ Setting a selected option can be done by using the `defaultSelectedKey` or `sele
 Additionally see the `react-stately` [Selection docs](../react-stately/selection.html#selected-key-data-type) for caveats regarding selection prop typing.
 
 ```tsx example
-import {Key} from '@react-types/shared';
+import type {Key} from '@adobe/react-spectrum';
+
 function Example() {
   let options = [
     {name: 'Koala'},

packages/@react-spectrum/tabs/docs/Tabs.mdx

@@ -75,7 +75,8 @@ Each item accepts a key prop, which is passed to the `onSelectionChange` handler
 See the [Events](#events) section for more detail on selection.
 
 ```tsx example
-import {Key} from '@react-types/shared';
+import type {Key} from '@adobe/react-spectrum';
+
 function Example() {
   let tabs = [
     {id: 1, name: 'Founding of Rome', children: 'Arma virumque cano, Troiae qui primus ab oris.'},

packages/react-aria-components/docs/Breadcrumbs.mdx

@@ -179,7 +179,8 @@ as shown below, can be used when the options come from an external data source s
 As seen below, an iterable list of options is passed to the Breadcrumbs using the `items` prop. A function provided as `children` of the `<Breadcrumbs>` is called to render each item. When a breadcrumb is pressed, the `onAction` event is triggered and the breadcrumbs array is updated.
 
 ```tsx example
-import {Key} from '@react-types/shared';
+import type {Key} from 'react-aria-components';
+
 function Example() {
   let [breadcrumbs, setBreadcrumbs] = React.useState([
     {id: 1, label: 'Home'},

packages/react-aria-components/docs/ComboBox.mdx

@@ -414,7 +414,8 @@ is passed to the `onSelectionChange` handler to identify the selected item. Alte
 as shown in the example below, then this is used automatically and an `id` prop is not required.
 
 ```tsx example
-import {Key} from '@react-types/shared';
+import type {Key} from 'react-aria-components';
+
 function Example() {
   let options = [
     {id: 1, name: 'Aerospace'},

packages/react-aria-components/docs/Select.mdx

@@ -445,7 +445,8 @@ When `Select` is used with a dynamic collection as described above, the id of ea
 See the `react-stately` [Selection docs](../react-stately/selection.html) for more details.
 
 ```tsx example
-import {Key} from '@react-types/shared';
+import type {Key} from 'react-aria-components';
+
 function Example() {
   let options = [
     {name: 'Koala'},

packages/react-aria-components/docs/Tabs.mdx

@@ -240,7 +240,8 @@ See the `react-stately` [Selection docs](../react-stately/selection.html) for mo
 Selection can be controlled using the `selectedKey` prop, paired with the `onSelectionChange` event. The `id` prop from the selected tab will be passed into the callback when the tab is selected, allowing you to update state accordingly.
 
 ```tsx example
-import {Key} from '@react-types/shared';
+import type {Key} from 'react-aria-components';
+
 function Example() {
   let [timePeriod, setTimePeriod] = React.useState<Key>('triassic');
 

packages/react-aria-components/src/index.ts

@@ -107,5 +107,5 @@ export type {ContextValue, SlotProps} from './utils';
 
 export type {DateValue, DateRange, TimeValue} from 'react-aria';
 export type {DirectoryDropItem, DraggableCollectionEndEvent, DraggableCollectionMoveEvent, DraggableCollectionStartEvent, DragPreviewRenderer, DragTypes, DropItem, DropOperation, DroppableCollectionDropEvent, DroppableCollectionEnterEvent, DroppableCollectionExitEvent, DroppableCollectionInsertDropEvent, DroppableCollectionMoveEvent, DroppableCollectionOnItemDropEvent, DroppableCollectionReorderEvent, DroppableCollectionRootDropEvent, DropPosition, DropTarget, FileDropItem, ItemDropTarget, RootDropTarget, TextDropItem, PressEvent} from 'react-aria';
-export type {Selection, SortDescriptor, SortDirection, SelectionMode} from 'react-stately';
+export type {Key, Selection, SortDescriptor, SortDirection, SelectionMode} from 'react-stately';
 export type {ValidationResult} from '@react-types/shared';