react-aria-components 1.11.0 → 1.12.0

package/dist/types.d.ts

@@ -1,8 +1,8 @@
 import { AriaLabelingProps, RefObject, DOMProps as _DOMProps1, GlobalDOMAttributes, ValidationResult, HoverEvents as _HoverEvents1, InputDOMProps, CollectionBase, DropTargetDelegate, ItemDropTarget, Key, LayoutDelegate, DraggableCollectionProps, DroppableCollectionProps, LinkDOMProps, PressEvents, ValueBase, MultipleSelection, Node as _Node1, Orientation as _Orientation2, DisabledBehavior as _DisabledBehavior1, Expandable, SelectionMode as _SelectionMode1 } from "@react-types/shared";
-import React, { Context, CSSProperties, ForwardedRef, JSX, ReactNode, HTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, OutputHTMLAttributes, TextareaHTMLAttributes, ReactElement } from "react";
+import React, { Context, CSSProperties, ForwardedRef, JSX, ReactNode, HTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, OutputHTMLAttributes, ReactElement, TextareaHTMLAttributes } from "react";
 import { FormProps as _FormProps1 } from "@react-types/form";
-import { AriaCheckboxGroupProps, AriaCheckboxProps, HoverEvents, AriaColorAreaProps, HoverProps, AriaColorFieldProps, AriaSliderProps, AriaSliderThumbProps, Orientation, AriaColorSliderProps, AriaColorWheelOptions, AriaProgressBarProps, AriaButtonProps, AriaSearchFieldProps, AriaTextFieldProps, AriaLinkOptions, AriaBreadcrumbsProps, AriaCalendarProps, AriaRangeCalendarProps, DateValue, AriaColorSwatchProps, DropIndicatorProps as _DropIndicatorProps1, DraggableCollectionOptions, DraggableItemProps, DraggableItemResult, DragItem, DragPreview, DropIndicatorAria, DroppableCollectionOptions, DroppableCollectionResult, DroppableItemOptions, DroppableItemResult, DropTarget, DropTargetDelegate as _DropTargetDelegate1, ListDropTargetDelegate, SeparatorProps as _SeparatorProps1, AriaListBoxProps, PlacementAxis, AriaPopoverProps, PositionProps, AriaMenuProps, AriaDialogProps, AriaComboBoxProps, AriaDateFieldProps, AriaTimeFieldProps, TimeValue, AriaDatePickerProps, AriaDateRangePickerProps, AriaDisclosureProps, DropOptions, AriaGridListProps, AriaMeterProps, AriaModalOverlayProps, AriaNumberFieldProps, AriaRadioGroupProps, AriaRadioProps, AriaSelectProps, AriaSwitchProps, AriaTabListProps, AriaTabPanelProps, AriaTagGroupProps, AriaToastProps, AriaToastRegionProps, AriaToggleButtonGroupProps, AriaToggleButtonProps, AriaPositionProps, Placement, AriaTreeItemOptions, AriaTreeProps } from "react-aria";
-import { CheckboxGroupState, Color, ColorAreaState, ColorChannel, ColorFieldState, ColorSpace, SliderState, ColorSliderState, ColorWheelState, SearchFieldState, Collection, Node, SelectionBehavior, SelectionMode, SectionProps as _SectionProps1, CalendarState, RangeCalendarState, DraggableCollectionState, DraggableCollectionStateOptions, DroppableCollectionState, DroppableCollectionStateOptions, ListState, Orientation as _Orientation1, ColorPickerState, ColorPickerProps as _ColorPickerProps1, OverlayTriggerProps, MenuTriggerProps as _MenuTriggerProps1, RootMenuTriggerState, TreeState, OverlayTriggerState, ComboBoxState, DateFieldState, DateSegmentType, DateSegment as _DateSegment1, TimeFieldState, DatePickerState, DatePickerStateOptions, DateRangePickerState, DateRangePickerStateOptions, DisclosureGroupState, DisclosureState, DisclosureGroupProps as _DisclosureGroupProps1, NumberFieldState, RadioGroupState, SelectState, ToggleState, DisabledBehavior, SortDirection, TableState, TabListState, QueuedToast, ToastQueue, ToastState, ToggleGroupState, TooltipTriggerProps, TooltipTriggerState } from "react-stately";
+import { AriaCheckboxGroupProps, AriaCheckboxProps, HoverEvents, AriaColorAreaProps, HoverProps, AriaColorFieldProps, AriaSliderProps, AriaSliderThumbProps, Orientation, AriaColorSliderProps, AriaColorWheelOptions, AriaLinkOptions, AriaBreadcrumbsProps, AriaProgressBarProps, AriaButtonProps, AriaCalendarProps, AriaRangeCalendarProps, DateValue, AriaColorSwatchProps, DropIndicatorProps as _DropIndicatorProps1, DraggableCollectionOptions, DraggableItemProps, DraggableItemResult, DragItem, DragPreview, DropIndicatorAria, DroppableCollectionOptions, DroppableCollectionResult, DroppableItemOptions, DroppableItemResult, DropTarget, DropTargetDelegate as _DropTargetDelegate1, ListDropTargetDelegate, SeparatorProps as _SeparatorProps1, AriaListBoxProps, PlacementAxis, AriaPopoverProps, PositionProps, AriaMenuProps, AriaDialogProps, AriaComboBoxProps, AriaDateFieldProps, AriaTimeFieldProps, TimeValue, AriaDatePickerProps, AriaDateRangePickerProps, AriaDisclosureProps, DropOptions, AriaGridListProps, AriaMeterProps, AriaModalOverlayProps, AriaNumberFieldProps, AriaRadioGroupProps, AriaRadioProps, AriaSearchFieldProps, AriaSelectProps, AriaSwitchProps, AriaTabListProps, AriaTabPanelProps, AriaTagGroupProps, AriaTextFieldProps, AriaToastProps, AriaToastRegionProps, AriaToggleButtonGroupProps, AriaToggleButtonProps, AriaPositionProps, Placement, AriaTreeItemOptions, AriaTreeProps } from "react-aria";
+import { CheckboxGroupState, Color, ColorAreaState, ColorChannel, ColorFieldState, ColorSpace, SliderState, ColorSliderState, ColorWheelState, Collection, Node, SelectionBehavior, SelectionMode, SectionProps as _SectionProps1, CalendarState, RangeCalendarState, DraggableCollectionState, DraggableCollectionStateOptions, DroppableCollectionState, DroppableCollectionStateOptions, ListState, Orientation as _Orientation1, ColorPickerState, ColorPickerProps as _ColorPickerProps1, OverlayTriggerProps, MenuTriggerProps as _MenuTriggerProps1, RootMenuTriggerState, TreeState, OverlayTriggerState, ComboBoxState, DateFieldState, DateSegmentType, DateSegment as _DateSegment1, TimeFieldState, DatePickerState, DatePickerStateOptions, DateRangePickerState, DateRangePickerStateOptions, DisclosureGroupState, DisclosureState, DisclosureGroupProps as _DisclosureGroupProps1, NumberFieldState, RadioGroupState, SearchFieldState, SelectState, ToggleState, DisabledBehavior, SortDirection, TableState, TabListState, QueuedToast, ToastQueue, ToastState, ToggleGroupState, TooltipTriggerProps, TooltipTriggerState } from "react-stately";
 import { AriaAutocompleteProps } from "@react-aria/autocomplete";
 import { AutocompleteState } from "@react-stately/autocomplete";
 import { CalendarDate, CalendarIdentifier, DateDuration, Calendar as _Calendar1 } from "@internationalized/date";
@@ -553,151 +553,14 @@ export const ColorFieldContext: Context<ContextValue<ColorFieldProps, HTMLDivEle
 export const ColorSliderContext: Context<ContextValue<Partial<ColorSliderProps>, HTMLDivElement>>;
 export const ColorWheelContext: Context<ContextValue<Partial<ColorWheelProps>, HTMLDivElement>>;
 export const HeadingContext: Context<ContextValue<HeadingProps, HTMLHeadingElement>>;
-export interface ProgressBarProps extends Omit<AriaProgressBarProps, 'label'>, RenderProps<ProgressBarRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
-}
-export interface ProgressBarRenderProps {
-    /**
-     * The value as a percentage between the minimum and maximum.
-     */
-    percentage?: number;
-    /**
-     * A formatted version of the value.
-     * @selector [aria-valuetext]
-     */
-    valueText: string | undefined;
-    /**
-     * Whether the progress bar is indeterminate.
-     * @selector :not([aria-valuenow])
-     */
-    isIndeterminate: boolean;
-}
-export const ProgressBarContext: React.Context<ContextValue<ProgressBarProps, HTMLDivElement>>;
-/**
- * Progress bars show either determinate or indeterminate progress of an operation
- * over time.
- */
-export const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
-export interface ButtonRenderProps {
-    /**
-     * Whether the button is currently hovered with a mouse.
-     * @selector [data-hovered]
-     */
-    isHovered: boolean;
-    /**
-     * Whether the button is currently in a pressed state.
-     * @selector [data-pressed]
-     */
-    isPressed: boolean;
-    /**
-     * Whether the button is focused, either via a mouse or keyboard.
-     * @selector [data-focused]
-     */
-    isFocused: boolean;
-    /**
-     * Whether the button is keyboard focused.
-     * @selector [data-focus-visible]
-     */
-    isFocusVisible: boolean;
-    /**
-     * Whether the button is disabled.
-     * @selector [data-disabled]
-     */
-    isDisabled: boolean;
-    /**
-     * Whether the button is currently in a pending state.
-     * @selector [data-pending]
-     */
-    isPending: boolean;
-}
-export interface ButtonProps extends Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>, HoverEvents, SlotProps, RenderProps<ButtonRenderProps>, Omit<GlobalDOMAttributes<HTMLButtonElement>, 'onClick'> {
-    /**
-     * Whether the button is in a pending state. This disables press and hover events
-     * while retaining focusability, and announces the pending state to screen readers.
-     */
-    isPending?: boolean;
-}
-interface ButtonContextValue extends ButtonProps {
-    isPressed?: boolean;
-}
-export const ButtonContext: React.Context<ContextValue<ButtonContextValue, HTMLButtonElement>>;
-/**
- * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
- */
-export const Button: (props: ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
-export interface SearchFieldRenderProps {
-    /**
-     * Whether the search field is empty.
-     * @selector [data-empty]
-     */
-    isEmpty: boolean;
-    /**
-     * Whether the search field is disabled.
-     * @selector [data-disabled]
-     */
-    isDisabled: boolean;
-    /**
-     * Whether the search field is invalid.
-     * @selector [data-invalid]
-     */
-    isInvalid: boolean;
-    /**
-     * State of the search field.
-     */
-    state: SearchFieldState;
-}
-export interface SearchFieldProps extends Omit<AriaSearchFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<SearchFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
-}
-export const SearchFieldContext: React.Context<ContextValue<SearchFieldProps, HTMLDivElement>>;
-/**
- * A search field allows a user to enter and clear a search query.
- */
-export const SearchField: (props: SearchFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps> {
-}
-export const TextAreaContext: React.Context<ContextValue<TextAreaProps, HTMLTextAreaElement>>;
-/**
- * A textarea allows a user to input mult-line text.
- */
-export const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export interface TextFieldRenderProps {
-    /**
-     * Whether the text field is disabled.
-     * @selector [data-disabled]
-     */
-    isDisabled: boolean;
-    /**
-     * Whether the value is invalid.
-     * @selector [data-invalid]
-     */
-    isInvalid: boolean;
-    /**
-     * Whether the text field is read only.
-     * @selector [data-readonly]
-     */
-    isReadOnly: boolean;
-    /**
-     * Whether the text field is required.
-     * @selector [data-required]
-     */
-    isRequired: boolean;
+export interface AutocompleteProps<T = object> extends AriaAutocompleteProps<T>, SlotProps {
 }
-export interface TextFieldProps extends Omit<AriaTextFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, Omit<DOMProps, 'style' | 'className' | 'children'>, SlotProps, RenderProps<TextFieldRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
-    /** Whether the value is invalid. */
-    isInvalid?: boolean;
-}
-export const TextFieldContext: React.Context<ContextValue<TextFieldProps, HTMLDivElement>>;
-/**
- * A text field allows a user to enter a plain text value with a keyboard.
- */
-export const TextField: (props: TextFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-export interface AutocompleteProps extends AriaAutocompleteProps, SlotProps {
-}
-export const AutocompleteContext: React.Context<SlottedContextValue<Partial<AutocompleteProps>>>;
+export const AutocompleteContext: React.Context<SlottedContextValue<Partial<AutocompleteProps<any>>>>;
 export const AutocompleteStateContext: React.Context<AutocompleteState | null>;
 /**
  * An autocomplete combines a TextField or SearchField with a Menu or ListBox, allowing users to search or filter a list of suggestions.
  */
-export function Autocomplete(props: AutocompleteProps): JSX.Element;
+export function Autocomplete<T extends object>(props: AutocompleteProps<T>): JSX.Element;
 interface CollectionProps<T> extends Omit<CollectionBase<T>, 'children'> {
     /** The contents of the collection. */
     children?: ReactNode | ((item: T) => ReactNode);
@@ -876,7 +739,78 @@ export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps>, Glo
 /**
  * A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.
  */
-export const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<HTMLLIElement>) => React.ReactElement | null;
+export const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<object>) => React.ReactElement | null;
+export interface ProgressBarProps extends Omit<AriaProgressBarProps, 'label'>, RenderProps<ProgressBarRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+}
+export interface ProgressBarRenderProps {
+    /**
+     * The value as a percentage between the minimum and maximum.
+     */
+    percentage?: number;
+    /**
+     * A formatted version of the value.
+     * @selector [aria-valuetext]
+     */
+    valueText: string | undefined;
+    /**
+     * Whether the progress bar is indeterminate.
+     * @selector :not([aria-valuenow])
+     */
+    isIndeterminate: boolean;
+}
+export const ProgressBarContext: React.Context<ContextValue<ProgressBarProps, HTMLDivElement>>;
+/**
+ * Progress bars show either determinate or indeterminate progress of an operation
+ * over time.
+ */
+export const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+export interface ButtonRenderProps {
+    /**
+     * Whether the button is currently hovered with a mouse.
+     * @selector [data-hovered]
+     */
+    isHovered: boolean;
+    /**
+     * Whether the button is currently in a pressed state.
+     * @selector [data-pressed]
+     */
+    isPressed: boolean;
+    /**
+     * Whether the button is focused, either via a mouse or keyboard.
+     * @selector [data-focused]
+     */
+    isFocused: boolean;
+    /**
+     * Whether the button is keyboard focused.
+     * @selector [data-focus-visible]
+     */
+    isFocusVisible: boolean;
+    /**
+     * Whether the button is disabled.
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the button is currently in a pending state.
+     * @selector [data-pending]
+     */
+    isPending: boolean;
+}
+export interface ButtonProps extends Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>, HoverEvents, SlotProps, RenderProps<ButtonRenderProps>, Omit<GlobalDOMAttributes<HTMLButtonElement>, 'onClick'> {
+    /**
+     * Whether the button is in a pending state. This disables press and hover events
+     * while retaining focusability, and announces the pending state to screen readers.
+     */
+    isPending?: boolean;
+}
+interface ButtonContextValue extends ButtonProps {
+    isPressed?: boolean;
+}
+export const ButtonContext: React.Context<ContextValue<ButtonContextValue, HTMLButtonElement>>;
+/**
+ * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
+ */
+export const Button: (props: ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
 export interface CalendarRenderProps {
     /**
      * Whether the calendar is disabled.
@@ -1083,10 +1017,10 @@ export const ColorSwatchContext: React.Context<ContextValue<ColorSwatchProps, HT
  * A ColorSwatch displays a preview of a selected color.
  */
 export const ColorSwatch: React.ForwardRefExoticComponent<ColorSwatchProps & React.RefAttributes<HTMLDivElement>>;
-interface DraggableCollectionStateOpts extends Omit<DraggableCollectionStateOptions, 'getItems'> {
+interface DraggableCollectionStateOpts<T = object> extends Omit<DraggableCollectionStateOptions<T>, 'getItems'> {
 }
-interface DragHooks {
-    useDraggableCollectionState?: (props: DraggableCollectionStateOpts) => DraggableCollectionState;
+interface DragHooks<T = object> {
+    useDraggableCollectionState?: (props: DraggableCollectionStateOpts<T>) => DraggableCollectionState;
     useDraggableCollection?: (props: DraggableCollectionOptions, state: DraggableCollectionState, ref: RefObject<HTMLElement | null>) => void;
     useDraggableItem?: (props: DraggableItemProps, state: DraggableCollectionState) => DraggableItemResult;
     DragPreview?: typeof DragPreview;
@@ -1106,17 +1040,17 @@ interface DropHooks {
     dropTargetDelegate?: _DropTargetDelegate1;
     ListDropTargetDelegate: typeof ListDropTargetDelegate;
 }
-export type DragAndDropHooks = DragHooks & DropHooks;
-interface DragAndDrop {
+export type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;
+interface DragAndDrop<T = object> {
     /** Drag and drop hooks for the collection element.  */
-    dragAndDropHooks: DragAndDropHooks;
+    dragAndDropHooks: DragAndDropHooks<T>;
 }
-export interface DragAndDropOptions extends Omit<DraggableCollectionProps, 'preview' | 'getItems'>, DroppableCollectionProps {
+export interface DragAndDropOptions<T = object> extends Omit<DraggableCollectionProps, 'preview' | 'getItems'>, DroppableCollectionProps {
     /**
      * A function that returns the items being dragged. If not specified, we assume that the collection is not draggable.
      * @default () => []
      */
-    getItems?: (keys: Set<Key>) => DragItem[];
+    getItems?: (keys: Set<Key>, items: T[]) => DragItem[];
     /**
      * A function that renders a drag preview, which is shown under the user's cursor while dragging.
      * By default, a copy of the dragged element is rendered.
@@ -1140,7 +1074,7 @@ export interface DragAndDropOptions extends Omit<DraggableCollectionProps, 'prev
 /**
  * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible collection component.
  */
-export function useDragAndDrop(options: DragAndDropOptions): DragAndDrop;
+export function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDrop<T>;
 interface DragAndDropContextValue {
     dragAndDropHooks?: DragAndDropHooks;
     dragState?: DraggableCollectionState;
@@ -1165,11 +1099,11 @@ interface DropIndicatorContextValue {
  */
 export const DropIndicator: React.ForwardRefExoticComponent<DropIndicatorProps & React.RefAttributes<HTMLElement>>;
 export const HeaderContext: React.Context<ContextValue<React.HTMLAttributes<HTMLElement>, HTMLElement>>;
-export const Header: (props: React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+export const Header: (props: React.HTMLAttributes<HTMLElement> & React.RefAttributes<object>) => React.ReactElement | null;
 export interface SeparatorProps extends _SeparatorProps1, StyleProps, SlotProps, GlobalDOMAttributes<HTMLElement> {
 }
 export const SeparatorContext: React.Context<ContextValue<SeparatorProps, HTMLElement>>;
-export const Separator: (props: SeparatorProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+export const Separator: (props: SeparatorProps & React.RefAttributes<object>) => React.ReactElement | null;
 export interface ListBoxRenderProps {
     /**
      * Whether the listbox has no items and should display its empty state.
@@ -1208,7 +1142,7 @@ export interface ListBoxProps<T> extends Omit<AriaListBoxProps<T>, 'children' |
      */
     selectionBehavior?: SelectionBehavior;
     /** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the ListBox. */
-    dragAndDropHooks?: DragAndDropHooks;
+    dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;
     /** Provides content to display when there are no items in the list. */
     renderEmptyState?: (props: ListBoxRenderProps) => ReactNode;
     /**
@@ -1257,7 +1191,7 @@ export interface ListBoxItemProps<T = object> extends RenderProps<ListBoxItemRen
 /**
  * A ListBoxItem represents an individual option in a ListBox.
  */
-export const ListBoxItem: <T extends object>(props: ListBoxItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+export const ListBoxItem: <T extends object>(props: ListBoxItemProps<T> & React.RefAttributes<T>) => React.ReactElement | null;
 export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The load more spinner to render when loading additional items.
@@ -1268,7 +1202,7 @@ export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'c
      */
     isLoading?: boolean;
 }
-export const ListBoxLoadMoreItem: (props: ListBoxLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+export const ListBoxLoadMoreItem: (props: ListBoxLoadMoreItemProps & React.RefAttributes<object>) => React.ReactElement | null;
 export interface ColorSwatchPickerRenderProps extends Omit<ListBoxRenderProps, 'isDropTarget'> {
 }
 export interface ColorSwatchPickerProps extends ValueBase<string | Color, Color>, AriaLabelingProps, StyleRenderProps<ColorSwatchPickerRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
@@ -1467,7 +1401,7 @@ export interface MenuItemProps<T = object> extends RenderProps<MenuItemRenderPro
 /**
  * A MenuItem represents an individual action in a Menu.
  */
-export const MenuItem: <T extends object>(props: MenuItemProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
+export const MenuItem: <T extends object>(props: MenuItemProps<T> & React.RefAttributes<T>) => ReactElement | null;
 export interface DialogTriggerProps extends OverlayTriggerProps {
     children: ReactNode;
 }
@@ -1879,7 +1813,7 @@ export interface GridListProps<T> extends Omit<AriaGridListProps<T>, 'children'>
      */
     selectionBehavior?: SelectionBehavior;
     /** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the GridList. */
-    dragAndDropHooks?: DragAndDropHooks;
+    dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;
     /** Provides content to display when there are no items in the list. */
     renderEmptyState?: (props: GridListRenderProps) => ReactNode;
     /**
@@ -1914,7 +1848,7 @@ export interface GridListItemProps<T = object> extends RenderProps<GridListItemR
 /**
  * A GridListItem represents an individual item in a GridList.
  */
-export const GridListItem: <T extends object>(props: GridListItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+export const GridListItem: <T extends object>(props: GridListItemProps<T> & React.RefAttributes<T>) => React.ReactElement | null;
 export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The load more spinner to render when loading additional items.
@@ -1925,7 +1859,14 @@ export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, '
      */
     isLoading?: boolean;
 }
-export const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+export const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & React.RefAttributes<object>) => React.ReactElement | null;
+interface GridListSectionProps<T> extends SectionProps<T> {
+}
+/**
+ * A GridListSection represents a section within a GridList.
+ */
+export const GridListSection: <T extends object>(props: GridListSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+export const GridListHeader: (props: React.HTMLAttributes<HTMLElement> & React.RefAttributes<object>) => React.ReactElement | null;
 export interface MeterProps extends Omit<AriaMeterProps, 'label'>, RenderProps<MeterRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
 export interface MeterRenderProps {
@@ -2111,6 +2052,34 @@ export const RadioGroup: (props: RadioGroupProps & React.RefAttributes<HTMLDivEl
  * A radio represents an individual option within a radio group.
  */
 export const Radio: (props: RadioProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
+export interface SearchFieldRenderProps {
+    /**
+     * Whether the search field is empty.
+     * @selector [data-empty]
+     */
+    isEmpty: boolean;
+    /**
+     * Whether the search field is disabled.
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the search field is invalid.
+     * @selector [data-invalid]
+     */
+    isInvalid: boolean;
+    /**
+     * State of the search field.
+     */
+    state: SearchFieldState;
+}
+export interface SearchFieldProps extends Omit<AriaSearchFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<SearchFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+}
+export const SearchFieldContext: React.Context<ContextValue<SearchFieldProps, HTMLDivElement>>;
+/**
+ * A search field allows a user to enter and clear a search query.
+ */
+export const SearchField: (props: SearchFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface SelectRenderProps {
     /**
      * Whether the select is focused, either via a mouse or keyboard.
@@ -2386,7 +2355,7 @@ export interface ColumnProps extends RenderProps<ColumnRenderProps>, GlobalDOMAt
 /**
  * A column within a `<Table>`.
  */
-export const Column: (props: ColumnProps & React.RefAttributes<HTMLDivElement | HTMLTableCellElement>) => ReactElement | null;
+export const Column: (props: ColumnProps & React.RefAttributes<object>) => ReactElement | null;
 export interface ColumnResizerRenderProps {
     /**
      * Whether the resizer is currently hovered with a mouse.
@@ -2507,7 +2476,7 @@ export interface CellProps extends RenderProps<CellRenderProps>, GlobalDOMAttrib
 /**
  * A cell within a table row.
  */
-export const Cell: (props: CellProps & React.RefAttributes<HTMLDivElement | HTMLTableCellElement>) => ReactElement | null;
+export const Cell: (props: CellProps & React.RefAttributes<object>) => ReactElement | null;
 export interface TableLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, GlobalDOMAttributes<HTMLTableRowElement> {
     /**
      * The load more spinner to render when loading additional items.
@@ -2518,7 +2487,7 @@ export interface TableLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'col
      */
     isLoading?: boolean;
 }
-export const TableLoadMoreItem: (props: TableLoadMoreItemProps & React.RefAttributes<HTMLTableRowElement>) => ReactElement | null;
+export const TableLoadMoreItem: (props: TableLoadMoreItemProps & React.RefAttributes<object>) => ReactElement | null;
 interface LayoutOptionsDelegate<O> {
     useLayoutOptions?(): O;
 }
@@ -2648,7 +2617,7 @@ export const TabList: <T extends object>(props: TabListProps<T> & React.RefAttri
 /**
  * A Tab provides a title for an individual item within a TabList.
  */
-export const Tab: (props: TabProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+export const Tab: (props: TabProps & React.RefAttributes<object>) => React.ReactElement | null;
 /**
  * A TabPanel provides the content for a tab.
  */
@@ -2711,7 +2680,45 @@ export interface TagProps extends RenderProps<TagRenderProps>, LinkDOMProps, _Ho
 /**
  * A Tag is an individual item within a TagList.
  */
-export const Tag: (props: TagProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+export const Tag: (props: TagProps & React.RefAttributes<object>) => React.ReactElement | null;
+export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps> {
+}
+export const TextAreaContext: React.Context<ContextValue<TextAreaProps, HTMLTextAreaElement>>;
+/**
+ * A textarea allows a user to input mult-line text.
+ */
+export const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export interface TextFieldRenderProps {
+    /**
+     * Whether the text field is disabled.
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the value is invalid.
+     * @selector [data-invalid]
+     */
+    isInvalid: boolean;
+    /**
+     * Whether the text field is read only.
+     * @selector [data-readonly]
+     */
+    isReadOnly: boolean;
+    /**
+     * Whether the text field is required.
+     * @selector [data-required]
+     */
+    isRequired: boolean;
+}
+export interface TextFieldProps extends Omit<AriaTextFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, Omit<DOMProps, 'style' | 'className' | 'children'>, SlotProps, RenderProps<TextFieldRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
+    /** Whether the value is invalid. */
+    isInvalid?: boolean;
+}
+export const TextFieldContext: React.Context<ContextValue<TextFieldProps, HTMLDivElement>>;
+/**
+ * A text field allows a user to enter a plain text value with a keyboard.
+ */
+export const TextField: (props: TextFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export const UNSTABLE_ToastStateContext: React.Context<ToastState<any> | null>;
 export interface ToastRegionRenderProps<T> {
     /** A list of all currently visible toasts. */
@@ -2941,7 +2948,7 @@ export interface TreeProps<T> extends Omit<AriaTreeProps<T>, 'children'>, Multip
      */
     disabledBehavior?: _DisabledBehavior1;
     /** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the Tree. */
-    dragAndDropHooks?: DragAndDropHooks;
+    dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;
 }
 export const TreeContext: React.Context<ContextValue<TreeProps<any>, HTMLDivElement>>;
 export const TreeStateContext: React.Context<TreeState<any> | null>;
@@ -2980,7 +2987,7 @@ export interface TreeItemContentRenderProps extends TreeItemRenderProps {
 }
 export interface TreeItemContentProps extends Pick<RenderProps<TreeItemContentRenderProps>, 'children'> {
 }
-export const TreeItemContent: (props: TreeItemContentProps & React.RefAttributes<Element>) => React.ReactElement | null;
+export const TreeItemContent: (props: TreeItemContentProps & React.RefAttributes<object>) => React.ReactElement | null;
 export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Pick<AriaTreeItemOptions, 'hasChildItems'>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
     /** The unique id of the tree row. */
     id?: Key;
@@ -3023,9 +3030,9 @@ export interface TreeLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'coll
      */
     isLoading?: boolean;
 }
-export const TreeLoadMoreItem: <T extends object>(props: TreeLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+export const TreeLoadMoreItem: <T extends object>(props: TreeLoadMoreItemProps & React.RefAttributes<T>) => React.ReactElement | null;
 export { Collection, createLeafComponent as UNSTABLE_createLeafComponent, createBranchComponent as UNSTABLE_createBranchComponent, CollectionBuilder as UNSTABLE_CollectionBuilder } from '@react-aria/collections';
-export { DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem, SSRProvider, RouterProvider, I18nProvider, useLocale, useFilter, Pressable, Focusable } from 'react-aria';
+export { DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem, SSRProvider, RouterProvider, I18nProvider, useLocale, useFilter, Pressable, Focusable, VisuallyHidden } from 'react-aria';
 export { FormValidationContext, parseColor, getColorChannels, ToastQueue as UNSTABLE_ToastQueue } from 'react-stately';
 export { ListLayout, GridLayout, WaterfallLayout } from '@react-stately/layout';
 export { Layout, LayoutInfo, Size, Rect, Point } from '@react-stately/virtualizer';