react-aria-components 1.10.1 → 1.12.0

package/dist/types.d.ts

@@ -1,8 +1,8 @@
-import { AriaLabelingProps, RefObject, DOMProps as _DOMProps1, ValidationResult, HoverEvents as _HoverEvents1, InputDOMProps, CollectionBase, DropTargetDelegate, ItemDropTarget, Key, LayoutDelegate, DraggableCollectionProps, DroppableCollectionProps, LinkDOMProps, 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, UIEvent, HTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, OutputHTMLAttributes, TextareaHTMLAttributes, ReactElement } from "react";
+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, ReactElement, TextareaHTMLAttributes } from "react";
 import { FormProps as _FormProps1 } from "@react-types/form";
-import { AriaCheckboxGroupProps, AriaCheckboxProps, HoverEvents, AriaColorAreaProps, AriaColorFieldProps, AriaSliderProps, AriaSliderThumbProps, Orientation, AriaColorSliderProps, AriaColorWheelOptions, AriaProgressBarProps, AriaButtonProps, HoverProps, 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";
@@ -35,25 +35,24 @@ interface DOMProps extends StyleProps, _DOMProps1 {
     /** The children of the component. */
     children?: ReactNode;
 }
-interface ScrollableProps<T extends Element> {
-    /** Handler that is called when a user scrolls. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll_event). */
-    onScroll?: (e: UIEvent<T>) => void;
-}
+type ClassNameOrFunction<T> = string | ((values: T & {
+    defaultClassName: string | undefined;
+}) => string);
+type StyleOrFunction<T> = CSSProperties | ((values: T & {
+    defaultStyle: CSSProperties;
+}) => CSSProperties | undefined);
 export interface StyleRenderProps<T> {
     /** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state. */
-    className?: string | ((values: T & {
-        defaultClassName: string | undefined;
-    }) => string);
+    className?: ClassNameOrFunction<T>;
     /** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
-    style?: CSSProperties | ((values: T & {
-        defaultStyle: CSSProperties;
-    }) => CSSProperties | undefined);
+    style?: StyleOrFunction<T>;
 }
+type ChildrenOrFunction<T> = ReactNode | ((values: T & {
+    defaultChildren: ReactNode | undefined;
+}) => ReactNode);
 export interface RenderProps<T> extends StyleRenderProps<T> {
     /** The children of the component. A function may be provided to alter the children based on component state. */
-    children?: ReactNode | ((values: T & {
-        defaultChildren: ReactNode | undefined;
-    }) => ReactNode);
+    children?: ChildrenOrFunction<T>;
 }
 interface RenderPropsHookOptions<T> extends RenderProps<T>, _DOMProps1, AriaLabelingProps {
     values: T;
@@ -84,7 +83,7 @@ export interface SlotProps {
     slot?: string | null;
 }
 export function useSlottedContext<T>(context: Context<SlottedContextValue<T>>, slot?: string | null): T | null | undefined;
-export function useContextProps<T, U extends SlotProps, E extends Element>(props: T & SlotProps, ref: ForwardedRef<E>, context: Context<ContextValue<U, E>>): [T, RefObject<E | null>];
+export function useContextProps<T, U extends SlotProps, E extends Element>(props: T & SlotProps, ref: ForwardedRef<E> | undefined, context: Context<ContextValue<U, E>>): [T, RefObject<E | null>];
 interface RACValidation {
     /**
      * Whether to use native HTML form validation to prevent form submission
@@ -102,13 +101,13 @@ export const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttribut
 export const FieldErrorContext: React.Context<ValidationResult | null>;
 export interface FieldErrorRenderProps extends ValidationResult {
 }
-export interface FieldErrorProps extends RenderProps<FieldErrorRenderProps>, _DOMProps1 {
+export interface FieldErrorProps extends RenderProps<FieldErrorRenderProps>, _DOMProps1, GlobalDOMAttributes<HTMLDivElement> {
 }
 /**
  * A FieldError displays validation errors for a form field.
  */
 export const FieldError: React.ForwardRefExoticComponent<FieldErrorProps & React.RefAttributes<HTMLElement>>;
-export interface FormProps extends _FormProps1, DOMProps {
+export interface FormProps extends _FormProps1, DOMProps, GlobalDOMAttributes<HTMLFormElement> {
     /**
      * Whether to use native HTML form validation to prevent form submission
      * when a field value is missing or invalid, or mark fields as required
@@ -128,9 +127,9 @@ export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
 }
 export const LabelContext: React.Context<ContextValue<LabelProps, HTMLLabelElement>>;
 export const Label: (props: LabelProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
-export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxGroupRenderProps>, SlotProps {
+export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxGroupRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
-export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps>, SlotProps {
+export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
     /**
      * A ref for the HTML input element.
      */
@@ -256,7 +255,7 @@ export interface ColorThumbRenderProps {
      */
     isDisabled: boolean;
 }
-export interface ColorThumbProps extends _HoverEvents1, RenderProps<ColorThumbRenderProps> {
+export interface ColorThumbProps extends _HoverEvents1, RenderProps<ColorThumbRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
 }
 /**
  * A color thumb appears within a ColorArea, ColorSlider, or ColorWheel and allows a user to drag to adjust the color value.
@@ -273,13 +272,59 @@ export interface ColorAreaRenderProps {
      */
     state: ColorAreaState;
 }
-export interface ColorAreaProps extends AriaColorAreaProps, RenderProps<ColorAreaRenderProps>, SlotProps {
+export interface ColorAreaProps extends AriaColorAreaProps, RenderProps<ColorAreaRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
 export const ColorAreaStateContext: React.Context<ColorAreaState | null>;
 /**
  * A color area allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
  */
 export const ColorArea: React.ForwardRefExoticComponent<ColorAreaProps & React.RefAttributes<HTMLDivElement>>;
+export interface GroupRenderProps {
+    /**
+     * Whether the group is currently hovered with a mouse.
+     * @selector [data-hovered]
+     */
+    isHovered: boolean;
+    /**
+     * Whether an element within the group is focused, either via a mouse or keyboard.
+     * @selector [data-focus-within]
+     */
+    isFocusWithin: boolean;
+    /**
+     * Whether an element within the group is keyboard focused.
+     * @selector [data-focus-visible]
+     */
+    isFocusVisible: boolean;
+    /**
+     * Whether the group is disabled.
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the group is invalid.
+     * @selector [data-invalid]
+     */
+    isInvalid: boolean;
+}
+export interface GroupProps extends AriaLabelingProps, Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style' | 'role' | 'slot'>, _DOMProps1, HoverProps, RenderProps<GroupRenderProps>, SlotProps {
+    /** Whether the group is disabled. */
+    isDisabled?: boolean;
+    /** Whether the group is invalid. */
+    isInvalid?: boolean;
+    /**
+     * An accessibility role for the group. By default, this is set to `'group'`.
+     * Use `'region'` when the contents of the group is important enough to be
+     * included in the page table of contents. Use `'presentation'` if the group
+     * is visual only and does not represent a semantic grouping of controls.
+     * @default 'group'
+     */
+    role?: 'group' | 'region' | 'presentation';
+}
+export const GroupContext: React.Context<ContextValue<GroupProps, HTMLDivElement>>;
+/**
+ * A group represents a set of related UI controls, and supports interactive states for styling.
+ */
+export const Group: (props: GroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface InputRenderProps {
     /**
      * Whether the input is currently hovered with a mouse.
@@ -335,7 +380,7 @@ export interface ColorFieldRenderProps {
      */
     state: ColorFieldState;
 }
-export interface ColorFieldProps extends Omit<AriaColorFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, InputDOMProps, RenderProps<ColorFieldRenderProps>, SlotProps {
+export interface ColorFieldProps extends Omit<AriaColorFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, InputDOMProps, RenderProps<ColorFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The color channel that this field edits. If not provided,
      * the color is edited as a hex value.
@@ -352,7 +397,7 @@ export const ColorFieldStateContext: React.Context<ColorFieldState | null>;
  * A color field allows users to edit a hex color or individual color channel value.
  */
 export const ColorField: React.ForwardRefExoticComponent<ColorFieldProps & React.RefAttributes<HTMLDivElement>>;
-export interface SliderProps<T = number | number[]> extends Omit<AriaSliderProps<T>, 'label'>, RenderProps<SliderRenderProps>, SlotProps {
+export interface SliderProps<T = number | number[]> extends Omit<AriaSliderProps<T>, 'label'>, RenderProps<SliderRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The display format of the value label.
      */
@@ -382,7 +427,7 @@ export interface SliderRenderProps {
  * A slider allows a user to select one or more values within a range.
  */
 export const Slider: <T extends number | number[]>(props: SliderProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-export interface SliderOutputProps extends RenderProps<SliderRenderProps> {
+export interface SliderOutputProps extends RenderProps<SliderRenderProps>, GlobalDOMAttributes<HTMLOutputElement> {
 }
 interface SliderOutputContextValue extends Omit<OutputHTMLAttributes<HTMLOutputElement>, 'children' | 'className' | 'style'>, SliderOutputProps {
 }
@@ -397,9 +442,9 @@ export interface SliderTrackRenderProps extends SliderRenderProps {
      */
     isHovered: boolean;
 }
-export interface SliderTrackProps extends HoverEvents, RenderProps<SliderTrackRenderProps> {
+export interface SliderTrackProps extends HoverEvents, RenderProps<SliderTrackRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
 }
-interface SliderTrackContextValue extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'>, SliderTrackProps {
+interface SliderTrackContextValue extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>, SliderTrackProps {
 }
 /**
  * A slider track is a container for one or more slider thumbs.
@@ -436,7 +481,7 @@ export interface SliderThumbRenderProps {
      */
     isDisabled: boolean;
 }
-export interface SliderThumbProps extends Omit<AriaSliderThumbProps, 'label' | 'validationState'>, HoverEvents, RenderProps<SliderThumbRenderProps> {
+export interface SliderThumbProps extends Omit<AriaSliderThumbProps, 'label' | 'validationState'>, HoverEvents, RenderProps<SliderThumbRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * A ref for the HTML input element.
      */
@@ -462,7 +507,7 @@ export interface ColorSliderRenderProps {
      */
     state: ColorSliderState;
 }
-export interface ColorSliderProps extends Omit<AriaColorSliderProps, 'label'>, RenderProps<ColorSliderRenderProps>, SlotProps {
+export interface ColorSliderProps extends Omit<AriaColorSliderProps, 'label'>, RenderProps<ColorSliderRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
 export const ColorSliderStateContext: React.Context<ColorSliderState | null>;
 /**
@@ -476,11 +521,11 @@ export interface ColorWheelRenderProps {
      */
     isDisabled: boolean;
     /**
-     * State of the color color wheel.
+     * State of the color wheel.
      */
     state: ColorWheelState;
 }
-export interface ColorWheelProps extends AriaColorWheelOptions, RenderProps<ColorWheelRenderProps>, SlotProps {
+export interface ColorWheelProps extends AriaColorWheelOptions, RenderProps<ColorWheelRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
 export const ColorWheelStateContext: React.Context<ColorWheelState | null>;
 /**
@@ -489,9 +534,9 @@ export const ColorWheelStateContext: React.Context<ColorWheelState | null>;
 export const ColorWheel: React.ForwardRefExoticComponent<ColorWheelProps & React.RefAttributes<HTMLDivElement>>;
 export interface ColorWheelTrackRenderProps extends ColorWheelRenderProps {
 }
-export interface ColorWheelTrackProps extends StyleRenderProps<ColorWheelTrackRenderProps> {
+export interface ColorWheelTrackProps extends StyleRenderProps<ColorWheelTrackRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
 }
-interface ColorWheelTrackContextValue extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'>, ColorWheelTrackProps {
+interface ColorWheelTrackContextValue extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'>, StyleRenderProps<ColorWheelTrackRenderProps> {
 }
 export const ColorWheelTrackContext: React.Context<ContextValue<ColorWheelTrackContextValue, HTMLDivElement>>;
 /**
@@ -508,219 +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 {
+export interface AutocompleteProps<T = object> extends AriaAutocompleteProps<T>, SlotProps {
 }
-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> {
-    /**
-     * The `<form>` element to associate the button with.
-     * The value of this attribute must be the id of a `<form>` in the same document.
-     */
-    form?: string;
-    /**
-     * The URL that processes the information submitted by the button.
-     * Overrides the action attribute of the button's form owner.
-     */
-    formAction?: string;
-    /** Indicates how to encode the form data that is submitted. */
-    formEncType?: string;
-    /** Indicates the HTTP method used to submit the form. */
-    formMethod?: string;
-    /** Indicates that the form is not to be validated when it is submitted. */
-    formNoValidate?: boolean;
-    /** Overrides the target attribute of the button's form owner. */
-    formTarget?: string;
-    /** Submitted as a pair with the button's value as part of the form data. */
-    name?: string;
-    /** The value associated with the button's name when it's submitted with the form data. */
-    value?: string;
-    /**
-     * 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 GroupRenderProps {
-    /**
-     * Whether the group is currently hovered with a mouse.
-     * @selector [data-hovered]
-     */
-    isHovered: boolean;
-    /**
-     * Whether an element within the group is focused, either via a mouse or keyboard.
-     * @selector [data-focus-within]
-     */
-    isFocusWithin: boolean;
-    /**
-     * Whether an element within the group is keyboard focused.
-     * @selector [data-focus-visible]
-     */
-    isFocusVisible: boolean;
-    /**
-     * Whether the group is disabled.
-     * @selector [data-disabled]
-     */
-    isDisabled: boolean;
-    /**
-     * Whether the group is invalid.
-     * @selector [data-invalid]
-     */
-    isInvalid: boolean;
-}
-export interface GroupProps extends AriaLabelingProps, Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style' | 'role' | 'slot'>, _DOMProps1, HoverProps, RenderProps<GroupRenderProps>, SlotProps {
-    /** Whether the group is disabled. */
-    isDisabled?: boolean;
-    /** Whether the group is invalid. */
-    isInvalid?: boolean;
-    /**
-     * An accessibility role for the group. By default, this is set to `'group'`.
-     * Use `'region'` when the contents of the group is important enough to be
-     * included in the page table of contents. Use `'presentation'` if the group
-     * is visual only and does not represent a semantic grouping of controls.
-     * @default 'group'
-     */
-    role?: 'group' | 'region' | 'presentation';
-}
-export const GroupContext: React.Context<ContextValue<GroupProps, HTMLDivElement>>;
-/**
- * A group represents a set of related UI controls, and supports interactive states for styling.
- */
-export const Group: (props: GroupProps & React.RefAttributes<HTMLDivElement>) => 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 {
-}
-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 TextFieldProps extends Omit<AriaTextFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, Omit<DOMProps, 'style' | 'className' | 'children'>, SlotProps, RenderProps<TextFieldRenderProps> {
-    /** 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);
@@ -785,7 +625,7 @@ interface ItemRenderProps {
      */
     isDropTarget?: boolean;
 }
-export interface SectionProps<T> extends Omit<_SectionProps1<T>, 'children' | 'title'>, StyleProps {
+export interface SectionProps<T> extends Omit<_SectionProps1<T>, 'children' | 'title'>, StyleProps, GlobalDOMAttributes<HTMLElement> {
     /** The unique id of the section. */
     id?: Key;
     /** The object value that this section represents. When using dynamic collections, this is set automatically. */
@@ -829,7 +669,7 @@ export interface CollectionRenderer {
 }
 export const DefaultCollectionRenderer: CollectionRenderer;
 export const CollectionRendererContext: React.Context<CollectionRenderer>;
-export interface LinkProps extends Omit<AriaLinkOptions, 'elementType'>, HoverEvents, RenderProps<LinkRenderProps>, SlotProps {
+export interface LinkProps extends Omit<AriaLinkOptions, 'elementType'>, HoverEvents, RenderProps<LinkRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
 }
 export interface LinkRenderProps {
     /**
@@ -869,7 +709,7 @@ export const LinkContext: React.Context<ContextValue<LinkProps, HTMLAnchorElemen
  * or application.
  */
 export const Link: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
-export interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps {
+export interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps, GlobalDOMAttributes<HTMLOListElement> {
     /** Whether the breadcrumbs are disabled. */
     isDisabled?: boolean;
     /** Handler that is called when a breadcrumb is clicked. */
@@ -892,7 +732,7 @@ export interface BreadcrumbRenderProps {
      */
     isDisabled: boolean;
 }
-export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps> {
+export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps>, GlobalDOMAttributes<HTMLLIElement> {
     /** A unique id for the breadcrumb, which will be passed to `onAction` when the breadcrumb is pressed. */
     id?: Key;
 }
@@ -900,6 +740,77 @@ export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps> {
  * A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.
  */
 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.
@@ -922,7 +833,7 @@ export interface RangeCalendarRenderProps extends Omit<CalendarRenderProps, 'sta
      */
     state: RangeCalendarState;
 }
-export interface CalendarProps<T extends DateValue> extends Omit<AriaCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps>, SlotProps {
+export interface CalendarProps<T extends DateValue> extends Omit<AriaCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The amount of days that will be displayed at once. This affects how pagination works.
      * @default {months: 1}
@@ -935,7 +846,7 @@ export interface CalendarProps<T extends DateValue> extends Omit<AriaCalendarPro
      */
     createCalendar?: (identifier: CalendarIdentifier) => _Calendar1;
 }
-export interface RangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<RangeCalendarRenderProps>, SlotProps {
+export interface RangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<RangeCalendarRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The amount of days that will be displayed at once. This affects how pagination works.
      * @default {months: 1}
@@ -1034,8 +945,13 @@ export interface CalendarCellRenderProps {
      * @selector [data-invalid]
      */
     isInvalid: boolean;
+    /**
+     * Whether the cell is today.
+     * @selector [data-today]
+     */
+    isToday: boolean;
 }
-export interface CalendarGridProps extends StyleProps {
+export interface CalendarGridProps extends StyleProps, GlobalDOMAttributes<HTMLTableElement> {
     /**
      * Either a function to render calendar cells for each date in the month,
      * or children containing a `<CalendarGridHeader>`` and `<CalendarGridBody>`
@@ -1060,7 +976,7 @@ export interface CalendarGridProps extends StyleProps {
  * can be keyboard navigated and selected by the user.
  */
 export const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement | null;
-export interface CalendarGridHeaderProps extends StyleProps {
+export interface CalendarGridHeaderProps extends StyleProps, GlobalDOMAttributes<HTMLTableSectionElement> {
     /** A function to render a `<CalendarHeaderCell>` for a weekday name. */
     children: (day: string) => ReactElement;
 }
@@ -1068,13 +984,13 @@ export interface CalendarGridHeaderProps extends StyleProps {
  * A calendar grid header displays a row of week day names at the top of a month.
  */
 export const CalendarGridHeader: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
-export interface CalendarHeaderCellProps extends DOMProps {
+export interface CalendarHeaderCellProps extends DOMProps, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
 }
 /**
  * A calendar header cell displays a week day name at the top of a column within a calendar.
  */
 export const CalendarHeaderCell: React.ForwardRefExoticComponent<CalendarHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
-export interface CalendarGridBodyProps extends StyleProps {
+export interface CalendarGridBodyProps extends StyleProps, GlobalDOMAttributes<HTMLTableSectionElement> {
     /** A function to render a `<CalendarCell>` for a given date. */
     children: (date: CalendarDate) => ReactElement;
 }
@@ -1082,7 +998,7 @@ export interface CalendarGridBodyProps extends StyleProps {
  * A calendar grid body displays a grid of calendar cells within a month.
  */
 export const CalendarGridBody: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
-export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps>, _HoverEvents1 {
+export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps>, _HoverEvents1, GlobalDOMAttributes<HTMLTableCellElement> {
     /** The date to render in the cell. */
     date: CalendarDate;
 }
@@ -1094,21 +1010,25 @@ export interface ColorSwatchRenderProps {
     /** The color of the swatch. */
     color: Color;
 }
-export interface ColorSwatchProps extends AriaColorSwatchProps, StyleRenderProps<ColorSwatchRenderProps>, SlotProps {
+export interface ColorSwatchProps extends AriaColorSwatchProps, StyleRenderProps<ColorSwatchRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
 export const ColorSwatchContext: React.Context<ContextValue<ColorSwatchProps, HTMLDivElement>>;
 /**
  * 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;
-    renderDragPreview?: (items: DragItem[]) => JSX.Element;
+    renderDragPreview?: (items: DragItem[]) => JSX.Element | {
+        element: JSX.Element;
+        x: number;
+        y: number;
+    };
     isVirtualDragging?: () => boolean;
 }
 interface DropHooks {
@@ -1120,22 +1040,26 @@ 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.
      */
-    renderDragPreview?: (items: DragItem[]) => JSX.Element;
+    renderDragPreview?: (items: DragItem[]) => JSX.Element | {
+        element: JSX.Element;
+        x: number;
+        y: number;
+    };
     /**
      * A function that renders a drop indicator element between two items in a collection.
      * This should render a `<DropIndicator>` element. If this function is not provided, a
@@ -1150,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;
@@ -1176,7 +1100,7 @@ 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<object>) => React.ReactElement | null;
-export interface SeparatorProps extends _SeparatorProps1, StyleProps, SlotProps {
+export interface SeparatorProps extends _SeparatorProps1, StyleProps, SlotProps, GlobalDOMAttributes<HTMLElement> {
 }
 export const SeparatorContext: React.Context<ContextValue<SeparatorProps, HTMLElement>>;
 export const Separator: (props: SeparatorProps & React.RefAttributes<object>) => React.ReactElement | null;
@@ -1211,11 +1135,14 @@ export interface ListBoxRenderProps {
      */
     state: ListState<unknown>;
 }
-export interface ListBoxProps<T> extends Omit<AriaListBoxProps<T>, 'children' | 'label'>, CollectionProps<T>, StyleRenderProps<ListBoxRenderProps>, SlotProps, ScrollableProps<HTMLDivElement> {
-    /** How multiple selection should behave in the collection. */
+export interface ListBoxProps<T> extends Omit<AriaListBoxProps<T>, 'children' | 'label'>, CollectionProps<T>, StyleRenderProps<ListBoxRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+    /**
+     * How multiple selection should behave in the collection.
+     * @default "toggle"
+     */
     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;
     /**
@@ -1244,7 +1171,7 @@ export interface ListBoxSectionProps<T> extends SectionProps<T> {
 export const ListBoxSection: <T extends object>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
 export interface ListBoxItemRenderProps extends ItemRenderProps {
 }
-export interface ListBoxItemProps<T = object> extends RenderProps<ListBoxItemRenderProps>, LinkDOMProps, _HoverEvents1 {
+export interface ListBoxItemProps<T = object> extends RenderProps<ListBoxItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
     /** The unique id of the item. */
     id?: Key;
     /** The object value that this item represents. When using dynamic collections, this is set automatically. */
@@ -1265,7 +1192,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<T>) => React.ReactElement | null;
-interface ListBoxLoadingSentinelProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps {
+export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The load more spinner to render when loading additional items.
      */
@@ -1275,10 +1202,10 @@ interface ListBoxLoadingSentinelProps extends Omit<LoadMoreSentinelProps, 'colle
      */
     isLoading?: boolean;
 }
-export const UNSTABLE_ListBoxLoadingSentinel: <T extends object>(props: ListBoxLoadingSentinelProps & React.RefAttributes<T>) => 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> {
+export interface ColorSwatchPickerProps extends ValueBase<string | Color, Color>, AriaLabelingProps, StyleRenderProps<ColorSwatchPickerRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
     /** The children of the ColorSwatchPicker. */
     children?: ReactNode;
     /**
@@ -1296,7 +1223,7 @@ export interface ColorSwatchPickerItemRenderProps extends Omit<ListBoxItemRender
     /** The color of the swatch. */
     color: Color;
 }
-export interface ColorSwatchPickerItemProps extends RenderProps<ColorSwatchPickerItemRenderProps>, _HoverEvents1 {
+export interface ColorSwatchPickerItemProps extends RenderProps<ColorSwatchPickerItemRenderProps>, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
     /** The color of the swatch. */
     color: string | Color;
     /** Whether the color swatch is disabled. */
@@ -1330,7 +1257,7 @@ export interface OverlayArrowRenderProps {
  * such as a popover or tooltip such that it aligns with a trigger element.
  */
 export const OverlayArrow: (props: OverlayArrowProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-export interface PopoverProps extends Omit<PositionProps, 'isOpen'>, Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef' | 'groupRef' | 'offset' | 'arrowSize'>, OverlayTriggerProps, RenderProps<PopoverRenderProps>, SlotProps, AriaLabelingProps {
+export interface PopoverProps extends Omit<PositionProps, 'isOpen'>, Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef' | 'groupRef' | 'offset' | 'arrowSize'>, OverlayTriggerProps, RenderProps<PopoverRenderProps>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The name of the component that triggered the popover. This is reflected on the element
      * as the `data-trigger` attribute, and can be used to provide specific
@@ -1429,7 +1356,7 @@ interface MenuRenderProps {
      */
     isEmpty: boolean;
 }
-export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, CollectionProps<T>, StyleRenderProps<MenuRenderProps>, SlotProps, ScrollableProps<HTMLDivElement> {
+export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, CollectionProps<T>, StyleRenderProps<MenuRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /** Provides content to display when there are no items in the list. */
     renderEmptyState?: () => ReactNode;
 }
@@ -1457,7 +1384,7 @@ export interface MenuItemRenderProps extends ItemRenderProps {
      */
     isOpen: boolean;
 }
-export interface MenuItemProps<T = object> extends RenderProps<MenuItemRenderProps>, LinkDOMProps, _HoverEvents1 {
+export interface MenuItemProps<T = object> extends RenderProps<MenuItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
     /** The unique id of the item. */
     id?: Key;
     /** The object value that this item represents. When using dynamic collections, this is set automatically. */
@@ -1481,7 +1408,7 @@ export interface DialogTriggerProps extends OverlayTriggerProps {
 export interface DialogRenderProps {
     close: () => void;
 }
-export interface DialogProps extends AriaDialogProps, StyleProps, SlotProps {
+export interface DialogProps extends AriaDialogProps, StyleProps, SlotProps, GlobalDOMAttributes<HTMLElement> {
     /** Children of the dialog. A function may be provided to access a function to close the dialog. */
     children?: ReactNode | ((opts: DialogRenderProps) => ReactNode);
 }
@@ -1517,7 +1444,7 @@ export interface ComboBoxRenderProps {
      */
     isRequired: boolean;
 }
-export interface ComboBoxProps<T extends object> extends Omit<AriaComboBoxProps<T>, 'children' | 'placeholder' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<ComboBoxRenderProps>, SlotProps {
+export interface ComboBoxProps<T extends object> extends Omit<AriaComboBoxProps<T>, 'children' | 'placeholder' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<ComboBoxRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /** The filter function used to determine if a option should be included in the combo box list. */
     defaultFilter?: (textValue: string, inputValue: string) => boolean;
     /**
@@ -1551,9 +1478,9 @@ export interface DateFieldRenderProps {
      */
     isDisabled: boolean;
 }
-export interface DateFieldProps<T extends DateValue> extends Omit<AriaDateFieldProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<DateFieldRenderProps>, SlotProps {
+export interface DateFieldProps<T extends DateValue> extends Omit<AriaDateFieldProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<DateFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
-export interface TimeFieldProps<T extends TimeValue> extends Omit<AriaTimeFieldProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<DateFieldRenderProps>, SlotProps {
+export interface TimeFieldProps<T extends TimeValue> extends Omit<AriaTimeFieldProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<DateFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
 export const DateFieldContext: React.Context<ContextValue<DateFieldProps<any>, HTMLDivElement>>;
 export const TimeFieldContext: React.Context<ContextValue<TimeFieldProps<any>, HTMLDivElement>>;
@@ -1596,7 +1523,7 @@ export interface DateInputRenderProps {
      */
     isInvalid: boolean;
 }
-export interface DateInputProps extends SlotProps, StyleRenderProps<DateInputRenderProps> {
+export interface DateInputProps extends SlotProps, StyleRenderProps<DateInputRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
     children: (segment: _DateSegment1) => ReactElement;
 }
 /**
@@ -1645,14 +1572,14 @@ export interface DateSegmentRenderProps extends Omit<_DateSegment1, 'isEditable'
      */
     type: DateSegmentType;
 }
-export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps>, HoverEvents {
+export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps>, HoverEvents, GlobalDOMAttributes<HTMLSpanElement> {
     segment: _DateSegment1;
 }
 /**
  * A date segment displays an individual unit of a date and time, and allows users to edit
  * the value by typing or using the arrow keys to increment and decrement.
  */
-export const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
+export const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLSpanElement>) => ReactElement | null;
 export interface DatePickerRenderProps {
     /**
      * Whether an element within the date picker is focused, either via a mouse or keyboard.
@@ -1690,9 +1617,9 @@ export interface DateRangePickerRenderProps extends Omit<DatePickerRenderProps,
      */
     state: DateRangePickerState;
 }
-export interface DatePickerProps<T extends DateValue> extends Omit<AriaDatePickerProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, Pick<DatePickerStateOptions<T>, 'shouldCloseOnSelect'>, RACValidation, RenderProps<DatePickerRenderProps>, SlotProps {
+export interface DatePickerProps<T extends DateValue> extends Omit<AriaDatePickerProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, Pick<DatePickerStateOptions<T>, 'shouldCloseOnSelect'>, RACValidation, RenderProps<DatePickerRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
-export interface DateRangePickerProps<T extends DateValue> extends Omit<AriaDateRangePickerProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, Pick<DateRangePickerStateOptions<T>, 'shouldCloseOnSelect'>, RACValidation, RenderProps<DateRangePickerRenderProps>, SlotProps {
+export interface DateRangePickerProps<T extends DateValue> extends Omit<AriaDateRangePickerProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, Pick<DateRangePickerStateOptions<T>, 'shouldCloseOnSelect'>, RACValidation, RenderProps<DateRangePickerRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
 export const DatePickerContext: React.Context<ContextValue<DatePickerProps<any>, HTMLDivElement>>;
 export const DateRangePickerContext: React.Context<ContextValue<DateRangePickerProps<any>, HTMLDivElement>>;
@@ -1707,7 +1634,7 @@ export const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & React
  * users to enter or select a date and time range.
  */
 export const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-export interface DisclosureGroupProps extends _DisclosureGroupProps1, RenderProps<DisclosureGroupRenderProps>, _DOMProps1 {
+export interface DisclosureGroupProps extends _DisclosureGroupProps1, RenderProps<DisclosureGroupRenderProps>, _DOMProps1, GlobalDOMAttributes<HTMLDivElement> {
 }
 export interface DisclosureGroupRenderProps {
     /**
@@ -1726,7 +1653,7 @@ export const DisclosureGroupStateContext: React.Context<DisclosureGroupState | n
  * It supports both single and multiple expanded items.
  */
 export const DisclosureGroup: React.ForwardRefExoticComponent<DisclosureGroupProps & React.RefAttributes<HTMLDivElement>>;
-export interface DisclosureProps extends Omit<AriaDisclosureProps, 'children'>, RenderProps<DisclosureRenderProps>, SlotProps {
+export interface DisclosureProps extends Omit<AriaDisclosureProps, 'children'>, RenderProps<DisclosureRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /** An id for the disclosure when used within a DisclosureGroup, matching the id used in `expandedKeys`. */
     id?: Key;
 }
@@ -1764,7 +1691,7 @@ export interface DisclosurePanelRenderProps {
      */
     isFocusVisibleWithin: boolean;
 }
-export interface DisclosurePanelProps extends RenderProps<DisclosurePanelRenderProps>, _DOMProps1 {
+export interface DisclosurePanelProps extends RenderProps<DisclosurePanelRenderProps>, _DOMProps1, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The accessibility role for the disclosure's panel.
      * @default 'group'
@@ -1806,18 +1733,18 @@ export interface DropZoneRenderProps {
      */
     isDisabled: boolean;
 }
-export interface DropZoneProps extends Omit<DropOptions, 'getDropOperationForPoint' | 'ref' | 'hasDropButton'>, _HoverEvents1, RenderProps<DropZoneRenderProps>, SlotProps, AriaLabelingProps {
+export interface DropZoneProps extends Omit<DropOptions, 'getDropOperationForPoint' | 'ref' | 'hasDropButton'>, _HoverEvents1, RenderProps<DropZoneRenderProps>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLDivElement> {
 }
 export const DropZoneContext: React.Context<ContextValue<DropZoneProps, HTMLDivElement>>;
 /**
  * A drop zone is an area into which one or multiple objects can be dragged and dropped.
  */
 export const DropZone: React.ForwardRefExoticComponent<DropZoneProps & React.RefAttributes<HTMLDivElement>>;
-export interface FileTriggerProps {
+export interface FileTriggerProps extends GlobalDOMAttributes<HTMLInputElement> {
     /**
      * Specifies what mime type of files are allowed.
      */
-    acceptedFileTypes?: Array<string>;
+    acceptedFileTypes?: ReadonlyArray<string>;
     /**
      * Whether multiple files can be selected.
      */
@@ -1874,16 +1801,19 @@ export interface GridListRenderProps {
      */
     state: ListState<unknown>;
 }
-export interface GridListProps<T> extends Omit<AriaGridListProps<T>, 'children'>, CollectionProps<T>, StyleRenderProps<GridListRenderProps>, SlotProps, ScrollableProps<HTMLDivElement> {
+export interface GridListProps<T> extends Omit<AriaGridListProps<T>, 'children'>, CollectionProps<T>, StyleRenderProps<GridListRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * Whether typeahead navigation is disabled.
      * @default false
      */
     disallowTypeAhead?: boolean;
-    /** How multiple selection should behave in the collection. */
+    /**
+     * How multiple selection should behave in the collection.
+     * @default "toggle"
+     */
     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;
     /**
@@ -1900,7 +1830,7 @@ export const GridListContext: React.Context<ContextValue<GridListProps<any>, HTM
 export const GridList: <T extends object>(props: GridListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface GridListItemRenderProps extends ItemRenderProps {
 }
-export interface GridListItemProps<T = object> extends RenderProps<GridListItemRenderProps>, LinkDOMProps, _HoverEvents1 {
+export interface GridListItemProps<T = object> extends RenderProps<GridListItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
     /** The unique id of the item. */
     id?: Key;
     /** The object value that this item represents. When using dynamic collections, this is set automatically. */
@@ -1919,7 +1849,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<T>) => React.ReactElement | null;
-interface GridListLoadingSentinelProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps {
+export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The load more spinner to render when loading additional items.
      */
@@ -1929,8 +1859,15 @@ interface GridListLoadingSentinelProps extends Omit<LoadMoreSentinelProps, 'coll
      */
     isLoading?: boolean;
 }
-export const UNSTABLE_GridListLoadingSentinel: <T extends object>(props: GridListLoadingSentinelProps & React.RefAttributes<T>) => React.ReactElement | null;
-export interface MeterProps extends Omit<AriaMeterProps, 'label'>, RenderProps<MeterRenderProps>, SlotProps {
+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 {
     /**
@@ -1948,7 +1885,7 @@ export const MeterContext: React.Context<ContextValue<MeterProps, HTMLDivElement
  * A meter represents a quantity within a known range, or a fractional value.
  */
 export const Meter: (props: MeterProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-export interface ModalOverlayProps extends AriaModalOverlayProps, OverlayTriggerProps, RenderProps<ModalRenderProps>, SlotProps {
+export interface ModalOverlayProps extends AriaModalOverlayProps, OverlayTriggerProps, RenderProps<ModalRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * Whether the modal is currently performing an entry animation.
      */
@@ -2010,7 +1947,7 @@ export interface NumberFieldRenderProps {
      */
     state: NumberFieldState;
 }
-export interface NumberFieldProps extends Omit<AriaNumberFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, InputDOMProps, RenderProps<NumberFieldRenderProps>, SlotProps {
+export interface NumberFieldProps extends Omit<AriaNumberFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, InputDOMProps, RenderProps<NumberFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
 export const NumberFieldContext: React.Context<ContextValue<NumberFieldProps, HTMLDivElement>>;
 export const NumberFieldStateContext: React.Context<NumberFieldState | null>;
@@ -2018,9 +1955,9 @@ export const NumberFieldStateContext: React.Context<NumberFieldState | null>;
  * A number field allows a user to enter a number, and increment or decrement the value using stepper buttons.
  */
 export const NumberField: (props: NumberFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-export interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<RadioGroupRenderProps>, SlotProps {
+export interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<RadioGroupRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
-export interface RadioProps extends Omit<AriaRadioProps, 'children'>, HoverEvents, RenderProps<RadioRenderProps>, SlotProps {
+export interface RadioProps extends Omit<AriaRadioProps, 'children'>, HoverEvents, RenderProps<RadioRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
     /**
      * A ref for the HTML input element.
      */
@@ -2115,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.
@@ -2147,7 +2112,7 @@ export interface SelectRenderProps {
      */
     isRequired: boolean;
 }
-export interface SelectProps<T extends object = {}> extends Omit<AriaSelectProps<T>, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior' | 'items'>, RACValidation, RenderProps<SelectRenderProps>, SlotProps {
+export interface SelectProps<T extends object = {}> extends Omit<AriaSelectProps<T>, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior' | 'items'>, RACValidation, RenderProps<SelectRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * Temporary text that occupies the select when it is empty.
      * @default 'Select an item' (localized)
@@ -2179,7 +2144,7 @@ export const SelectValueContext: React.Context<ContextValue<SelectValueProps<any
  * It is usually placed within the button element.
  */
 export const SelectValue: <T extends object>(props: SelectValueProps<T> & React.RefAttributes<HTMLSpanElement>) => React.ReactElement | null;
-export interface SwitchProps extends Omit<AriaSwitchProps, 'children'>, HoverEvents, RenderProps<SwitchRenderProps>, SlotProps {
+export interface SwitchProps extends Omit<AriaSwitchProps, 'children'>, HoverEvents, RenderProps<SwitchRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
     /**
      * A ref for the HTML input element.
      */
@@ -2231,7 +2196,7 @@ export const SwitchContext: React.Context<ContextValue<SwitchProps, HTMLLabelEle
  * A switch allows a user to turn a setting on or off.
  */
 export const Switch: (props: SwitchProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
-export interface ResizableTableContainerProps extends DOMProps, ScrollableProps<HTMLDivElement> {
+export interface ResizableTableContainerProps extends DOMProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * Handler that is called when a user starts a column resize.
      */
@@ -2249,7 +2214,7 @@ export interface ResizableTableContainerProps extends DOMProps, ScrollableProps<
     onResizeEnd?: (widths: Map<Key, ColumnSize>) => void;
 }
 export const ResizableTableContainer: React.ForwardRefExoticComponent<ResizableTableContainerProps & React.RefAttributes<HTMLDivElement>>;
-export const TableContext: React.Context<ContextValue<TableProps, HTMLTableElement>>;
+export const TableContext: React.Context<ContextValue<TableProps, HTMLDivElement | HTMLTableElement>>;
 export const TableStateContext: React.Context<TableState<any> | null>;
 export const TableColumnResizeStateContext: React.Context<TableColumnResizeState<unknown> | null>;
 export interface TableRenderProps {
@@ -2273,7 +2238,7 @@ export interface TableRenderProps {
      */
     state: TableState<unknown>;
 }
-export interface TableProps extends Omit<_TableProps1<any>, 'children'>, StyleRenderProps<TableRenderProps>, SlotProps, AriaLabelingProps, ScrollableProps<HTMLTableElement> {
+export interface TableProps extends Omit<_TableProps1<any>, 'children'>, StyleRenderProps<TableRenderProps>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLTableElement> {
     /** The elements that make up the table. Includes the TableHeader, TableBody, Columns, and Rows. */
     children?: ReactNode;
     /**
@@ -2295,7 +2260,7 @@ export interface TableProps extends Omit<_TableProps1<any>, 'children'>, StyleRe
  * A table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys,
  * and optionally supports row selection and sorting.
  */
-export const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement | HTMLTableElement>>;
 interface TableOptionsContextValue {
     /** The type of selection that is allowed in the table. */
     selectionMode: SelectionMode;
@@ -2317,7 +2282,7 @@ interface TableHeaderRenderProps {
      */
     isHovered: boolean;
 }
-export interface TableHeaderProps<T> extends StyleRenderProps<TableHeaderRenderProps>, _HoverEvents1 {
+export interface TableHeaderProps<T> extends StyleRenderProps<TableHeaderRenderProps>, _HoverEvents1, GlobalDOMAttributes<HTMLTableSectionElement> {
     /** A list of table columns. */
     columns?: Iterable<T>;
     /** A list of `Column(s)` or a function. If the latter, a list of columns must be provided using the `columns` prop. */
@@ -2328,7 +2293,7 @@ export interface TableHeaderProps<T> extends StyleRenderProps<TableHeaderRenderP
 /**
  * A header within a `<Table>`, containing the table columns.
  */
-export const TableHeader: <T extends object>(props: TableHeaderProps<T> & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
+export const TableHeader: <T extends object>(props: TableHeaderProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableSectionElement>) => ReactElement | null;
 export interface ColumnRenderProps {
     /**
      * Whether the item is currently hovered with a mouse.
@@ -2369,7 +2334,7 @@ export interface ColumnRenderProps {
      */
     startResize(): void;
 }
-export interface ColumnProps extends RenderProps<ColumnRenderProps> {
+export interface ColumnProps extends RenderProps<ColumnRenderProps>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
     /** The unique id of the column. */
     id?: Key;
     /** Whether the column allows sorting. */
@@ -2418,7 +2383,7 @@ export interface ColumnResizerRenderProps {
      */
     resizableDirection: 'right' | 'left' | 'both';
 }
-export interface ColumnResizerProps extends _HoverEvents1, RenderProps<ColumnResizerRenderProps> {
+export interface ColumnResizerProps extends _HoverEvents1, RenderProps<ColumnResizerRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
     /** A custom accessibility label for the resizer. */
     'aria-label'?: string;
 }
@@ -2435,21 +2400,21 @@ export interface TableBodyRenderProps {
      */
     isDropTarget: boolean;
 }
-export interface TableBodyProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TableBodyRenderProps> {
+export interface TableBodyProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TableBodyRenderProps>, GlobalDOMAttributes<HTMLTableSectionElement> {
     /** Provides content to display when there are no rows in the table. */
     renderEmptyState?: (props: TableBodyRenderProps) => ReactNode;
 }
 /**
  * The body of a `<Table>`, containing the table rows.
  */
-export const TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
+export const TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableSectionElement>) => ReactElement | null;
 export interface RowRenderProps extends ItemRenderProps {
     /** Whether the row's children have keyboard focus. */
     isFocusVisibleWithin: boolean;
     /** The unique id of the row. */
     id?: Key;
 }
-export interface RowProps<T> extends StyleRenderProps<RowRenderProps>, LinkDOMProps, _HoverEvents1 {
+export interface RowProps<T> extends StyleRenderProps<RowRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLTableRowElement>, 'onClick'> {
     /** A list of columns used when dynamically rendering cells. */
     columns?: Iterable<T>;
     /** The cells within the row. Supports static items or a function for dynamic rendering. */
@@ -2473,7 +2438,7 @@ export interface RowProps<T> extends StyleRenderProps<RowRenderProps>, LinkDOMPr
 /**
  * A row within a `<Table>`.
  */
-export const Row: <T extends object>(props: RowProps<T> & React.RefAttributes<HTMLTableRowElement>) => ReactElement | null;
+export const Row: <T extends object>(props: RowProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableRowElement>) => ReactElement | null;
 export interface CellRenderProps {
     /**
      * Whether the cell is currently in a pressed state.
@@ -2500,7 +2465,7 @@ export interface CellRenderProps {
      **/
     id?: Key;
 }
-export interface CellProps extends RenderProps<CellRenderProps> {
+export interface CellProps extends RenderProps<CellRenderProps>, GlobalDOMAttributes<HTMLTableCellElement> {
     /** The unique id of the cell. */
     id?: Key;
     /** A string representation of the cell's contents, used for features like typeahead. */
@@ -2512,7 +2477,7 @@ export interface CellProps extends RenderProps<CellRenderProps> {
  * A cell within a table row.
  */
 export const Cell: (props: CellProps & React.RefAttributes<object>) => ReactElement | null;
-interface TableLoadingSentinelProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps {
+export interface TableLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, GlobalDOMAttributes<HTMLTableRowElement> {
     /**
      * The load more spinner to render when loading additional items.
      */
@@ -2522,7 +2487,7 @@ interface TableLoadingSentinelProps extends Omit<LoadMoreSentinelProps, 'collect
      */
     isLoading?: boolean;
 }
-export const UNSTABLE_TableLoadingSentinel: <T extends object>(props: TableLoadingSentinelProps & React.RefAttributes<T>) => ReactElement | null;
+export const TableLoadMoreItem: (props: TableLoadMoreItemProps & React.RefAttributes<object>) => ReactElement | null;
 interface LayoutOptionsDelegate<O> {
     useLayoutOptions?(): O;
 }
@@ -2548,7 +2513,7 @@ export function Virtualizer<O>(props: VirtualizerProps<O>): JSX.Element;
 export class TableLayout<T, O extends TableLayoutProps = TableLayoutProps> extends _TableLayout1<T, O> implements LayoutOptionsDelegate<TableLayoutProps> {
     useLayoutOptions(): TableLayoutProps;
 }
-export interface TabsProps extends Omit<AriaTabListProps<any>, 'items' | 'children'>, RenderProps<TabsRenderProps>, SlotProps {
+export interface TabsProps extends Omit<AriaTabListProps<any>, 'items' | 'children'>, RenderProps<TabsRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
 export interface TabsRenderProps {
     /**
@@ -2557,7 +2522,7 @@ export interface TabsRenderProps {
      */
     orientation: Orientation;
 }
-export interface TabListProps<T> extends StyleRenderProps<TabListRenderProps>, AriaLabelingProps, Omit<CollectionProps<T>, 'disabledKeys'> {
+export interface TabListProps<T> extends StyleRenderProps<TabListRenderProps>, AriaLabelingProps, Omit<CollectionProps<T>, 'disabledKeys'>, GlobalDOMAttributes<HTMLDivElement> {
 }
 export interface TabListRenderProps {
     /**
@@ -2570,7 +2535,7 @@ export interface TabListRenderProps {
      */
     state: TabListState<unknown>;
 }
-export interface TabProps extends RenderProps<TabRenderProps>, AriaLabelingProps, LinkDOMProps, _HoverEvents1 {
+export interface TabProps extends RenderProps<TabRenderProps>, AriaLabelingProps, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
     /** The unique id of the tab. */
     id?: Key;
     /** Whether the tab is disabled. */
@@ -2608,7 +2573,7 @@ export interface TabRenderProps {
      */
     isDisabled: boolean;
 }
-export interface TabPanelProps extends AriaTabPanelProps, RenderProps<TabPanelRenderProps> {
+export interface TabPanelProps extends AriaTabPanelProps, RenderProps<TabPanelRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * Whether to mount the tab panel in the DOM even when it is not currently selected.
      * Inactive tab panels are inert and cannot be interacted with. They must be styled appropriately so this is clear to the user visually.
@@ -2657,7 +2622,7 @@ export const Tab: (props: TabProps & React.RefAttributes<object>) => React.React
  * A TabPanel provides the content for a tab.
  */
 export const TabPanel: (props: TabPanelProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-export interface TagGroupProps extends Omit<AriaTagGroupProps<unknown>, 'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'>, DOMProps, SlotProps {
+export interface TagGroupProps extends Omit<AriaTagGroupProps<unknown>, 'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'>, DOMProps, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
 export interface TagListRenderProps {
     /**
@@ -2680,7 +2645,7 @@ export interface TagListRenderProps {
      */
     state: ListState<unknown>;
 }
-export interface TagListProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TagListRenderProps> {
+export interface TagListProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TagListRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
     /** Provides content to display when there are no items in the tag list. */
     renderEmptyState?: (props: TagListRenderProps) => ReactNode;
 }
@@ -2701,7 +2666,7 @@ export interface TagRenderProps extends Omit<ItemRenderProps, 'allowsDragging' |
      */
     allowsRemoving: boolean;
 }
-export interface TagProps extends RenderProps<TagRenderProps>, LinkDOMProps, _HoverEvents1 {
+export interface TagProps extends RenderProps<TagRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
     /** A unique id for the tag. */
     id?: Key;
     /**
@@ -2716,6 +2681,44 @@ export interface TagProps extends RenderProps<TagRenderProps>, LinkDOMProps, _Ho
  * A Tag is an individual item within a TagList.
  */
 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. */
@@ -2736,7 +2739,7 @@ export interface ToastRegionRenderProps<T> {
      */
     isFocusVisible: boolean;
 }
-export interface ToastRegionProps<T> extends AriaToastRegionProps, StyleRenderProps<ToastRegionRenderProps<T>> {
+export interface ToastRegionProps<T> extends AriaToastRegionProps, StyleRenderProps<ToastRegionRenderProps<T>>, GlobalDOMAttributes<HTMLDivElement> {
     /** The queue of toasts to display. */
     queue: ToastQueue<T>;
     /** A function to render each toast, or children containing a `<ToastList>`. */
@@ -2771,7 +2774,7 @@ export interface ToastRenderProps<T> {
      */
     isFocusVisible: boolean;
 }
-export interface ToastProps<T> extends AriaToastProps<T>, RenderProps<ToastRenderProps<T>> {
+export interface ToastProps<T> extends AriaToastProps<T>, RenderProps<ToastRenderProps<T>>, GlobalDOMAttributes<HTMLDivElement> {
 }
 /**
  * A Toast displays a brief, temporary notification of actions, errors, or other events in an application.
@@ -2792,7 +2795,7 @@ export interface ToggleButtonGroupRenderProps {
      */
     state: ToggleGroupState;
 }
-export interface ToggleButtonGroupProps extends AriaToggleButtonGroupProps, RenderProps<ToggleButtonGroupRenderProps>, SlotProps {
+export interface ToggleButtonGroupProps extends AriaToggleButtonGroupProps, RenderProps<ToggleButtonGroupRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
 }
 export const ToggleButtonGroupContext: React.Context<ContextValue<ToggleButtonGroupProps, HTMLDivElement>>;
 export const ToggleGroupStateContext: React.Context<ToggleGroupState | null>;
@@ -2811,7 +2814,7 @@ export interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPend
      */
     state: ToggleState;
 }
-export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>, HoverEvents, SlotProps, RenderProps<ToggleButtonRenderProps> {
+export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>, HoverEvents, SlotProps, RenderProps<ToggleButtonRenderProps>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
     /** When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used standalone, a DOM id. */
     id?: Key;
 }
@@ -2827,7 +2830,7 @@ export interface ToolbarRenderProps {
      */
     orientation: _Orientation2;
 }
-export interface ToolbarProps extends AriaToolbarProps, SlotProps, RenderProps<ToolbarRenderProps> {
+export interface ToolbarProps extends AriaToolbarProps, SlotProps, RenderProps<ToolbarRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
 }
 export const ToolbarContext: React.Context<ContextValue<ToolbarProps, HTMLDivElement>>;
 /**
@@ -2838,7 +2841,7 @@ export const Toolbar: (props: ToolbarProps & React.RefAttributes<HTMLDivElement>
 export interface TooltipTriggerComponentProps extends TooltipTriggerProps {
     children: ReactNode;
 }
-export interface TooltipProps extends PositionProps, Pick<AriaPositionProps, 'arrowBoundaryOffset'>, OverlayTriggerProps, AriaLabelingProps, RenderProps<TooltipRenderProps> {
+export interface TooltipProps extends PositionProps, Pick<AriaPositionProps, 'arrowBoundaryOffset'>, OverlayTriggerProps, AriaLabelingProps, RenderProps<TooltipRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * The ref for the element which the tooltip positions itself with respect to.
      *
@@ -2931,8 +2934,11 @@ export interface TreeRenderProps {
 }
 interface TreeEmptyStateRenderProps extends Omit<TreeRenderProps, 'isEmpty'> {
 }
-export interface TreeProps<T> extends Omit<AriaTreeProps<T>, 'children'>, MultipleSelection, CollectionProps<T>, StyleRenderProps<TreeRenderProps>, SlotProps, ScrollableProps<HTMLDivElement>, Expandable {
-    /** How multiple selection should behave in the tree. */
+export interface TreeProps<T> extends Omit<AriaTreeProps<T>, 'children'>, MultipleSelection, CollectionProps<T>, StyleRenderProps<TreeRenderProps>, SlotProps, Expandable, GlobalDOMAttributes<HTMLDivElement> {
+    /**
+     * How multiple selection should behave in the tree.
+     * @default "toggle"
+     */
     selectionBehavior?: SelectionBehavior;
     /** Provides content to display when there are no items in the list. */
     renderEmptyState?: (props: TreeEmptyStateRenderProps) => ReactNode;
@@ -2942,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>;
@@ -2982,7 +2988,7 @@ export interface TreeItemContentRenderProps extends TreeItemRenderProps {
 export interface TreeItemContentProps extends Pick<RenderProps<TreeItemContentRenderProps>, 'children'> {
 }
 export const TreeItemContent: (props: TreeItemContentProps & React.RefAttributes<object>) => React.ReactElement | null;
-export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRenderProps>, LinkDOMProps, _HoverEvents1, Pick<AriaTreeItemOptions, 'hasChildItems'> {
+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;
     /** The object value that this tree item represents. When using dynamic collections, this is set automatically. */
@@ -3005,18 +3011,28 @@ export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRend
  * A TreeItem represents an individual item in a Tree.
  */
 export const TreeItem: <T extends object>(props: TreeItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-interface UNSTABLE_TreeLoadingIndicatorRenderProps {
+export interface TreeLoadMoreItemRenderProps {
     /**
      * What level the tree item has within the tree.
      * @selector [data-level]
      */
     level: number;
 }
-interface TreeLoaderProps extends RenderProps<UNSTABLE_TreeLoadingIndicatorRenderProps>, StyleRenderProps<UNSTABLE_TreeLoadingIndicatorRenderProps> {
+export interface TreeLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, RenderProps<TreeLoadMoreItemRenderProps> {
+    /**
+     * The load more spinner to render when loading additional items.
+     */
+    children?: ReactNode | ((values: TreeLoadMoreItemRenderProps & {
+        defaultChildren: ReactNode | undefined;
+    }) => ReactNode);
+    /**
+     * Whether or not the loading spinner should be rendered or not.
+     */
+    isLoading?: boolean;
 }
-export const UNSTABLE_TreeLoadingIndicator: <T extends object>(props: TreeLoaderProps & React.RefAttributes<T>) => 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';