react-aria-components 1.3.0 → 1.3.1

package/dist/types.d.ts

@@ -116,7 +116,7 @@ export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
     elementType?: string;
 }
 export const LabelContext: React.Context<ContextValue<LabelProps, HTMLLabelElement>>;
-export const Label: (props: LabelProps & React.RefAttributes<HTMLLabelElement>) => React.ReactNode | null;
+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 CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps>, SlotProps {
@@ -209,11 +209,11 @@ export const CheckboxGroupStateContext: React.Context<CheckboxGroupState>;
  * A checkbox allows a user to select multiple items from a list of individual items, or
  * to mark one individual item as selected.
  */
-export const Checkbox: (props: CheckboxProps & React.RefAttributes<HTMLLabelElement>) => React.ReactNode | null;
+export const Checkbox: (props: CheckboxProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
 /**
  * A checkbox group allows a user to select multiple items from a list of options.
  */
-export const CheckboxGroup: (props: CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const CheckboxGroup: (props: CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface ColorThumbRenderProps {
     /**
      * The selected color, excluding the alpha channel.
@@ -302,7 +302,7 @@ export const InputContext: React.Context<ContextValue<InputProps, HTMLInputEleme
 /**
  * An input allows a user to input text.
  */
-export const Input: (props: InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactNode | null;
+export const Input: (props: InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;
 export interface ColorFieldRenderProps {
     /**
      * Whether the color field is disabled.
@@ -370,7 +370,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.ReactNode | null;
+export const Slider: <T extends number | number[]>(props: SliderProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface SliderOutputProps extends RenderProps<SliderRenderProps> {
 }
 interface SliderOutputContextValue extends Omit<OutputHTMLAttributes<HTMLOutputElement>, 'children' | 'className' | 'style'>, SliderOutputProps {
@@ -378,7 +378,7 @@ interface SliderOutputContextValue extends Omit<OutputHTMLAttributes<HTMLOutputE
 /**
  * A slider output displays the current value of a slider as text.
  */
-export const SliderOutput: (props: SliderOutputProps & React.RefAttributes<HTMLOutputElement>) => React.ReactNode | null;
+export const SliderOutput: (props: SliderOutputProps & React.RefAttributes<HTMLOutputElement>) => React.ReactElement | null;
 export interface SliderTrackRenderProps extends SliderRenderProps {
     /**
      * Whether the slider track is currently hovered with a mouse.
@@ -393,7 +393,7 @@ interface SliderTrackContextValue extends Omit<HTMLAttributes<HTMLElement>, 'chi
 /**
  * A slider track is a container for one or more slider thumbs.
  */
-export const SliderTrack: (props: SliderTrackProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const SliderTrack: (props: SliderTrackProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface SliderThumbRenderProps {
     /**
      * State of the slider.
@@ -434,7 +434,7 @@ export interface SliderThumbProps extends Omit<AriaSliderThumbProps, 'label' | '
 /**
  * A slider thumb represents an individual value that the user can adjust within a slider track.
  */
-export const SliderThumb: (props: SliderThumbProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const SliderThumb: (props: SliderThumbProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface ColorSliderRenderProps {
     /**
      * The orientation of the color slider.
@@ -571,7 +571,7 @@ export interface SectionProps<T> extends Omit<_SectionProps1<T>, 'children' | 't
     /** Values that should invalidate the item cache when using dynamic collections. */
     dependencies?: any[];
 }
-export const Section: <T extends object>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactNode | null;
+export const Section: <T extends object>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
 interface CollectionBranchProps {
     /** The collection of items to render. */
     collection: Collection<Node<unknown>>;
@@ -643,7 +643,7 @@ export const LinkContext: React.Context<ContextValue<LinkProps, HTMLAnchorElemen
  * A link allows a user to navigate to another page or resource within a web page
  * or application.
  */
-export const Link: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactNode | null;
+export const Link: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
 export interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps {
     /** Whether the breadcrumbs are disabled. */
     isDisabled?: boolean;
@@ -654,7 +654,7 @@ export const BreadcrumbsContext: React.Context<ContextValue<BreadcrumbsProps<any
 /**
  * Breadcrumbs display a hierarchy of links to the current page or resource in an application.
  */
-export const Breadcrumbs: <T extends object>(props: BreadcrumbsProps<T> & React.RefAttributes<HTMLOListElement>) => React.ReactNode | null;
+export const Breadcrumbs: <T extends object>(props: BreadcrumbsProps<T> & React.RefAttributes<HTMLOListElement>) => React.ReactElement | null;
 export interface BreadcrumbRenderProps {
     /**
      * Whether the breadcrumb is for the current page.
@@ -671,7 +671,7 @@ 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.ReactNode | null;
+export const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<object>) => React.ReactElement | null;
 export interface ButtonRenderProps {
     /**
      * Whether the button is currently hovered with a mouse.
@@ -730,7 +730,7 @@ export const ButtonContext: React.Context<ContextValue<ButtonContextValue, HTMLB
 /**
  * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
  */
-export const Button: (props: ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactNode | null;
+export const Button: (props: ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
 export interface CalendarRenderProps {
     /**
      * Whether the calendar is disabled.
@@ -774,11 +774,11 @@ export const RangeCalendarStateContext: React.Context<RangeCalendarState>;
 /**
  * A calendar displays one or more date grids and allows users to select a single date.
  */
-export const Calendar: <T extends DateValue>(props: CalendarProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const Calendar: <T extends DateValue>(props: CalendarProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /**
  * A range calendar displays one or more date grids and allows users to select a contiguous range of dates.
  */
-export const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface CalendarCellRenderProps {
     /** The date that the cell represents. */
     date: CalendarDate;
@@ -878,7 +878,7 @@ export interface CalendarGridProps extends StyleProps {
  * A calendar grid displays a single grid of days within a calendar or range calendar which
  * can be keyboard navigated and selected by the user.
  */
-export const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => React.ReactNode | null;
+export const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => React.ReactElement | null;
 export interface CalendarGridHeaderProps extends StyleProps {
     /** A function to render a `<CalendarHeaderCell>` for a weekday name. */
     children: (day: string) => ReactElement;
@@ -886,7 +886,7 @@ 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>) => React.ReactNode | null;
+export const CalendarGridHeader: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => React.ReactElement | null;
 export interface CalendarHeaderCellProps extends DOMProps {
 }
 /**
@@ -900,7 +900,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>) => React.ReactNode | null;
+export const CalendarGridBody: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => React.ReactElement | null;
 export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps>, _HoverEvents1 {
     /** The date to render in the cell. */
     date: CalendarDate;
@@ -908,7 +908,7 @@ export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps>,
 /**
  * A calendar cell displays a date cell within a calendar grid which can be selected by the user.
  */
-export const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) => React.ReactNode | null;
+export const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) => React.ReactElement | null;
 export interface ColorSwatchRenderProps {
     /** The color of the swatch. */
     color: Color;
@@ -994,11 +994,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<object>) => React.ReactNode | null;
+export const Header: (props: React.HTMLAttributes<HTMLElement> & React.RefAttributes<object>) => React.ReactElement | null;
 export interface SeparatorProps extends _SeparatorProps1, StyleProps, SlotProps {
 }
 export const SeparatorContext: React.Context<ContextValue<SeparatorProps, HTMLElement>>;
-export const Separator: (props: SeparatorProps & React.RefAttributes<object>) => React.ReactNode | 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.
@@ -1054,7 +1054,7 @@ export const ListStateContext: React.Context<ListState<any>>;
 /**
  * A listbox displays a list of options and allows a user to select one or more of them.
  */
-export const ListBox: <T extends object>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const ListBox: <T extends object>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface ListBoxItemRenderProps extends ItemRenderProps {
 }
 export interface ListBoxItemProps<T = object> extends RenderProps<ListBoxItemRenderProps>, LinkDOMProps, _HoverEvents1 {
@@ -1077,7 +1077,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.ReactNode | null;
+export const ListBoxItem: <T extends object>(props: ListBoxItemProps<T> & React.RefAttributes<T>) => React.ReactElement | null;
 export interface ColorSwatchPickerRenderProps extends Omit<ListBoxRenderProps, 'isDropTarget'> {
 }
 export interface ColorSwatchPickerProps extends ValueBase<string | _Color1, _Color1>, AriaLabelingProps, StyleRenderProps<ColorSwatchPickerRenderProps> {
@@ -1163,7 +1163,7 @@ 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.ReactNode | null;
+export const Group: (props: GroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface OverlayArrowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children'>, RenderProps<OverlayArrowRenderProps> {
 }
 export interface OverlayArrowRenderProps {
@@ -1177,7 +1177,7 @@ export interface OverlayArrowRenderProps {
  * An OverlayArrow renders a custom arrow element relative to an overlay element
  * such as a popover or tooltip such that it aligns with a trigger element.
  */
-export const OverlayArrow: (props: OverlayArrowProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const OverlayArrow: (props: OverlayArrowProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface PopoverProps extends Omit<PositionProps, 'isOpen'>, Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef' | 'offset' | 'arrowSize'>, OverlayTriggerProps, RenderProps<PopoverRenderProps>, SlotProps {
     /**
      * The name of the component that triggered the popover. This is reflected on the element
@@ -1238,7 +1238,7 @@ export const PopoverContext: React.Context<ContextValue<PopoverProps, HTMLElemen
 /**
  * A popover is an overlay element positioned relative to a trigger.
  */
-export const Popover: (props: PopoverProps & React.RefAttributes<HTMLElement>) => React.ReactNode | null;
+export const Popover: (props: PopoverProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
 export interface DialogTriggerProps extends OverlayTriggerProps {
     children: ReactNode;
 }
@@ -1258,7 +1258,7 @@ export function DialogTrigger(props: DialogTriggerProps): React.JSX.Element;
 /**
  * A dialog is an overlay shown above other content in an application.
  */
-export const Dialog: (props: DialogProps & React.RefAttributes<HTMLElement>) => React.ReactNode | null;
+export const Dialog: (props: DialogProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
 export interface ComboBoxRenderProps {
     /**
      * Whether the combobox is currently open.
@@ -1298,7 +1298,7 @@ export const ComboBoxStateContext: React.Context<ComboBoxState<any>>;
 /**
  * A combo box combines a text input with a listbox, allowing users to filter a list of options to items matching a query.
  */
-export const ComboBox: <T extends object>(props: ComboBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const ComboBox: <T extends object>(props: ComboBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface DateFieldRenderProps {
     /**
      * State of the date field.
@@ -1327,12 +1327,12 @@ export const TimeFieldStateContext: React.Context<TimeFieldState>;
  * A date field allows users to enter and edit date and time values using a keyboard.
  * Each part of a date value is displayed in an individually editable segment.
  */
-export const DateField: <T extends DateValue>(props: DateFieldProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const DateField: <T extends DateValue>(props: DateFieldProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /**
  * A time field allows users to enter and edit time values using a keyboard.
  * Each part of a time value is displayed in an individually editable segment.
  */
-export const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface DateInputRenderProps {
     /**
      * Whether the date input is currently hovered with a mouse.
@@ -1366,7 +1366,7 @@ export interface DateInputProps extends SlotProps, StyleRenderProps<DateInputRen
 /**
  * A date input groups the editable date segments within a date field.
  */
-export const DateInput: (props: DateInputProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const DateInput: (props: DateInputProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface DateSegmentRenderProps extends Omit<_DateSegment1, 'isEditable'> {
     /**
      * Whether the segment is currently hovered with a mouse.
@@ -1416,7 +1416,7 @@ export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps>, H
  * 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>) => React.ReactNode | null;
+export const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface DatePickerRenderProps {
     /**
      * Whether an element within the date picker is focused, either via a mouse or keyboard.
@@ -1465,12 +1465,12 @@ export const DateRangePickerStateContext: React.Context<DateRangePickerState>;
 /**
  * A date picker combines a DateField and a Calendar popover to allow users to enter or select a date and time value.
  */
-export const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /**
  * A date range picker combines two DateFields and a RangeCalendar popover to allow
  * users to enter or select a date and time range.
  */
-export const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface DropZoneRenderProps {
     /**
      * Whether the dropzone is currently hovered with a mouse.
@@ -1584,7 +1584,7 @@ export const GridListContext: React.Context<ContextValue<GridListProps<any>, HTM
  * A grid list displays a list of interactive items, with support for keyboard navigation,
  * single or multiple selection, and row actions.
  */
-export const GridList: <T extends object>(props: GridListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+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 {
@@ -1605,7 +1605,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.ReactNode | null;
+export const GridListItem: <T extends object>(props: GridListItemProps<T> & React.RefAttributes<T>) => React.ReactElement | null;
 export const KeyboardContext: React.Context<ContextValue<React.HTMLAttributes<HTMLElement>, HTMLElement>>;
 export const Keyboard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export const MenuContext: React.Context<ContextValue<MenuProps<any>, HTMLDivElement>>;
@@ -1631,13 +1631,13 @@ export interface SubmenuTriggerProps {
  *
  * @version alpha
  */
-export const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, CollectionProps<T>, StyleProps, SlotProps, ScrollableProps<HTMLDivElement> {
 }
 /**
  * A menu displays a list of actions or options that a user can choose.
  */
-export const Menu: <T extends object>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const Menu: <T extends object>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface MenuItemRenderProps extends ItemRenderProps {
     /**
      * Whether the item has a submenu.
@@ -1669,7 +1669,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<T>) => React.ReactNode | null;
+export const MenuItem: <T extends object>(props: MenuItemProps<T> & React.RefAttributes<T>) => React.ReactElement | null;
 export interface MeterProps extends Omit<AriaMeterProps, 'label'>, RenderProps<MeterRenderProps>, SlotProps {
 }
 export interface MeterRenderProps {
@@ -1687,7 +1687,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.ReactNode | null;
+export const Meter: (props: MeterProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface ModalOverlayProps extends AriaModalOverlayProps, OverlayTriggerProps, RenderProps<ModalRenderProps>, SlotProps {
     /**
      * Whether the modal is currently performing an entry animation.
@@ -1723,11 +1723,11 @@ export interface ModalRenderProps {
 /**
  * A modal is an overlay element which blocks interaction with elements outside it.
  */
-export const Modal: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const Modal: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /**
  * A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.
  */
-export const ModalOverlay: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const ModalOverlay: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface NumberFieldRenderProps {
     /**
      * Whether the number field is disabled.
@@ -1751,7 +1751,7 @@ export const NumberFieldStateContext: React.Context<NumberFieldState>;
 /**
  * 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.ReactNode | null;
+export const NumberField: (props: NumberFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface ProgressBarProps extends Omit<AriaProgressBarProps, 'label'>, RenderProps<ProgressBarRenderProps>, SlotProps {
 }
 export interface ProgressBarRenderProps {
@@ -1868,11 +1868,11 @@ export const RadioGroupStateContext: React.Context<RadioGroupState>;
 /**
  * A radio group allows a user to select a single item from a list of mutually exclusive options.
  */
-export const RadioGroup: (props: RadioGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const RadioGroup: (props: RadioGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /**
  * A radio represents an individual option within a radio group.
  */
-export const Radio: (props: RadioProps & React.RefAttributes<HTMLLabelElement>) => React.ReactNode | null;
+export const Radio: (props: RadioProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
 export interface SearchFieldRenderProps {
     /**
      * Whether the search field is empty.
@@ -1900,7 +1900,7 @@ export const SearchFieldContext: React.Context<ContextValue<SearchFieldProps, HT
 /**
  * A search field allows a user to enter and clear a search query.
  */
-export const SearchField: (props: SearchFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+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.
@@ -1940,7 +1940,7 @@ export const SelectStateContext: React.Context<SelectState<unknown>>;
 /**
  * A select displays a collapsible list of options and allows a user to select one of them.
  */
-export const Select: <T extends object>(props: SelectProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const Select: <T extends object>(props: SelectProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface SelectValueRenderProps<T> {
     /**
      * Whether the value is a placeholder.
@@ -1959,7 +1959,7 @@ export const SelectValueContext: React.Context<ContextValue<SelectValueProps<any
  * SelectValue renders the current value of a Select, or a placeholder if no value is selected.
  * It is usually placed within the button element.
  */
-export const SelectValue: <T extends object>(props: SelectValueProps<T> & React.RefAttributes<HTMLSpanElement>) => React.ReactNode | null;
+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 {
     /**
      * A ref for the HTML input element.
@@ -2011,7 +2011,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.ReactNode | null;
+export const Switch: (props: SwitchProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
 export interface ResizableTableContainerProps extends DOMProps, ScrollableProps<HTMLDivElement> {
     /**
      * Handler that is called when a user starts a column resize.
@@ -2109,7 +2109,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>) => React.ReactNode | null;
+export const TableHeader: <T extends object>(props: TableHeaderProps<T> & React.RefAttributes<HTMLTableSectionElement>) => React.ReactElement | null;
 export interface ColumnRenderProps {
     /**
      * Whether the item is currently hovered with a mouse.
@@ -2171,7 +2171,7 @@ export interface ColumnProps extends RenderProps<ColumnRenderProps> {
 /**
  * A column within a `<Table>`.
  */
-export const Column: (props: ColumnProps & React.RefAttributes<object>) => React.ReactNode | null;
+export const Column: (props: ColumnProps & React.RefAttributes<object>) => React.ReactElement | null;
 export interface ColumnResizerRenderProps {
     /**
      * Whether the resizer is currently hovered with a mouse.
@@ -2223,7 +2223,7 @@ export interface TableBodyProps<T> extends CollectionProps<T>, StyleRenderProps<
 /**
  * The body of a `<Table>`, containing the table rows.
  */
-export const TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<HTMLTableSectionElement>) => React.ReactNode | null;
+export const TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<HTMLTableSectionElement>) => React.ReactElement | null;
 export interface RowRenderProps extends ItemRenderProps {
     /** Whether the row's children have keyboard focus. */
     isFocusVisibleWithin: boolean;
@@ -2252,7 +2252,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>) => React.ReactNode | null;
+export const Row: <T extends object>(props: RowProps<T> & React.RefAttributes<HTMLTableRowElement>) => React.ReactElement | null;
 export interface CellRenderProps {
     /**
      * Whether the cell is currently in a pressed state.
@@ -2284,11 +2284,11 @@ export interface CellProps extends RenderProps<CellRenderProps> {
 /**
  * A cell within a table row.
  */
-export const Cell: (props: CellProps & React.RefAttributes<object>) => React.ReactNode | null;
+export const Cell: (props: CellProps & React.RefAttributes<object>) => React.ReactElement | null;
 interface TableLoadingIndicatorProps extends StyleProps {
     children?: ReactNode;
 }
-export const UNSTABLE_TableLoadingIndicator: <T extends object>(props: TableLoadingIndicatorProps & React.RefAttributes<T>) => React.ReactNode | null;
+export const UNSTABLE_TableLoadingIndicator: <T extends object>(props: TableLoadingIndicatorProps & React.RefAttributes<T>) => React.ReactElement | null;
 interface LayoutOptionsDelegate<O> {
     useLayoutOptions?(): O;
 }
@@ -2401,20 +2401,20 @@ export const TabListStateContext: React.Context<TabListState<object>>;
 /**
  * Tabs organize content into multiple sections and allow users to navigate between them.
  */
-export const Tabs: (props: TabsProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const Tabs: (props: TabsProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /**
  * A TabList is used within Tabs to group tabs that a user can switch between.
  * The ids of the items within the <TabList> must match up with a corresponding item inside the <TabPanels>.
  */
-export const TabList: <T extends object>(props: TabListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const TabList: <T extends object>(props: TabListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /**
  * A Tab provides a title for an individual item within a TabList.
  */
-export const Tab: (props: TabProps & React.RefAttributes<object>) => React.ReactNode | null;
+export const Tab: (props: TabProps & React.RefAttributes<object>) => React.ReactElement | null;
 /**
  * A TabPanel provides the content for a tab.
  */
-export const TabPanel: (props: TabPanelProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+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 TagListRenderProps {
@@ -2447,11 +2447,11 @@ export const TagListContext: React.Context<ContextValue<TagListProps<any>, HTMLD
 /**
  * A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
  */
-export const TagGroup: (props: TagGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const TagGroup: (props: TagGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /**
  * A tag list is a container for tags within a TagGroup.
  */
-export const TagList: <T extends object>(props: TagListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const TagList: <T extends object>(props: TagListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface TagRenderProps extends Omit<ItemRenderProps, 'allowsDragging' | 'isDragging' | 'isDropTarget'> {
     /**
      * Whether the tag group allows items to be removed.
@@ -2473,7 +2473,7 @@ 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.ReactNode | 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>>;
@@ -2511,7 +2511,7 @@ export const TextFieldContext: React.Context<ContextValue<TextFieldProps, HTMLDi
 /**
  * A text field allows a user to enter a plain text value with a keyboard.
  */
-export const TextField: (props: TextFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const TextField: (props: TextFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface ToggleButtonRenderProps extends ButtonRenderProps {
     /**
      * Whether the button is currently selected.
@@ -2529,7 +2529,7 @@ export const ToggleButtonContext: React.Context<ContextValue<ToggleButtonProps,
 /**
  * A toggle button allows a user to toggle a selection on or off, for example switching between two states or modes.
  */
-export const ToggleButton: (props: ToggleButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactNode | null;
+export const ToggleButton: (props: ToggleButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
 export interface ToolbarRenderProps {
     /**
      * The current orientation of the toolbar.
@@ -2544,7 +2544,7 @@ export const ToolbarContext: React.Context<ContextValue<ToolbarProps, HTMLDivEle
  * A toolbar is a container for a set of interactive controls, such as buttons, dropdown menus, or checkboxes,
  * with arrow key navigation.
  */
-export const Toolbar: (props: ToolbarProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const Toolbar: (props: ToolbarProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface TooltipTriggerComponentProps extends TooltipTriggerProps {
     children: ReactNode;
 }
@@ -2606,7 +2606,7 @@ export function TooltipTrigger(props: TooltipTriggerComponentProps): React.JSX.E
 /**
  * A tooltip displays a description of an element on hover or focus.
  */
-export const Tooltip: (props: TooltipProps & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const Tooltip: (props: TooltipProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface TreeRenderProps {
     /**
      * Whether the tree has no items and should display its empty state.
@@ -2645,7 +2645,7 @@ export const UNSTABLE_TreeStateContext: React.Context<TreeState<any>>;
  * A tree provides users with a way to navigate nested hierarchical information, with support for keyboard navigation
  * and selection.
  */
-export const UNSTABLE_Tree: <T extends object>(props: TreeProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const UNSTABLE_Tree: <T extends object>(props: TreeProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface TreeItemRenderProps extends Omit<ItemRenderProps, 'allowsDragging' | 'isDragging' | 'isDropTarget'> {
     /** Whether the tree item is expanded. */
     isExpanded: boolean;
@@ -2660,7 +2660,7 @@ export interface TreeItemContentRenderProps extends ItemRenderProps {
 }
 export interface TreeItemContentProps extends Pick<RenderProps<TreeItemContentRenderProps>, 'children'> {
 }
-export const UNSTABLE_TreeItemContent: (props: TreeItemContentProps & React.RefAttributes<object>) => React.ReactNode | null;
+export const UNSTABLE_TreeItemContent: (props: TreeItemContentProps & React.RefAttributes<object>) => React.ReactElement | null;
 export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRenderProps>, LinkDOMProps, _HoverEvents1 {
     /** The unique id of the tree row. */
     id?: Key;
@@ -2676,7 +2676,7 @@ export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRend
 /**
  * A TreeItem represents an individual item in a Tree.
  */
-export const UNSTABLE_TreeItem: <T extends object>(props: TreeItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactNode | null;
+export const UNSTABLE_TreeItem: <T extends object>(props: TreeItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 interface TreeLoadingIndicatorRenderProps {
     /**
      * What level the tree item has within the tree.
@@ -2686,7 +2686,7 @@ interface TreeLoadingIndicatorRenderProps {
 }
 interface TreeLoaderProps extends RenderProps<TreeLoadingIndicatorRenderProps>, StyleRenderProps<TreeLoadingIndicatorRenderProps> {
 }
-export const UNSTABLE_TreeLoadingIndicator: <T extends object>(props: TreeLoaderProps & React.RefAttributes<T>) => React.ReactNode | null;
+export const UNSTABLE_TreeLoadingIndicator: <T extends object>(props: TreeLoaderProps & 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 } from 'react-aria';
 export { FormValidationContext } from 'react-stately';