react-aria-components 1.15.0 → 1.16.0

package/dist/types.d.ts

@@ -1,8 +1,8 @@
-import { AriaLabelingProps, RefObject, DOMProps as _DOMProps1, GlobalDOMAttributes, ValidationResult, HoverEvents as _HoverEvents1, InputDOMProps, FocusableElement, FocusEvents, KeyboardEvents, Node, ValueBase, CollectionBase, DropTargetDelegate, ItemDropTarget, Key, LayoutDelegate, DraggableCollectionProps, DroppableCollectionProps, LinkDOMProps, PressEvents, MultipleSelection, Orientation as _Orientation2, DisabledBehavior as _DisabledBehavior1, Expandable, SelectionMode as _SelectionMode2 } from "@react-types/shared";
+import { AriaLabelingProps, RefObject, DOMProps as _DOMProps1, GlobalDOMAttributes, ValidationResult, HoverEvents as _HoverEvents1, InputDOMProps, FocusableElement, FocusEvents, KeyboardEvents, Node, ValueBase, CollectionBase, DropTargetDelegate, ItemDropTarget, Key, LayoutDelegate, DraggableCollectionProps, DroppableCollectionProps, LinkDOMProps, PressEvents, MultipleSelection, Orientation as _Orientation2, DisabledBehavior as _DisabledBehavior1, Expandable, SelectionMode as _SelectionMode3 } from "@react-types/shared";
 import React, { AnchorHTMLAttributes, Context, CSSProperties, DetailedHTMLProps, ForwardedRef, JSX, ReactElement, ReactNode, HTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, OutputHTMLAttributes, TextareaHTMLAttributes } from "react";
 import { FormProps as _FormProps1 } from "@react-types/form";
 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, LabelAriaProps, DropOptions, AriaGridListProps, AriaMeterProps, AriaModalOverlayProps, AriaNumberFieldProps, AriaRadioGroupProps, AriaRadioProps, AriaSearchFieldProps, AriaSelectProps, AriaSwitchProps, AriaTabListProps, AriaTabPanelProps, AriaTagGroupProps, AriaTextFieldProps as _AriaTextFieldProps1, AriaToastProps, AriaToastRegionProps, AriaToggleButtonGroupProps, AriaToggleButtonProps, AriaPositionProps, Placement, AriaTreeItemOptions, AriaTreeProps } from "react-aria";
-import { CheckboxGroupState, Color, ColorAreaState, ColorChannel, ColorFieldState, ColorSpace, SliderState, ColorSliderState, ColorWheelState, Collection, Node as _Node1, SelectionBehavior, SelectionMode as _SelectionMode1, 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 { CheckboxGroupState, Color, ColorAreaState, ColorChannel, ColorFieldState, ColorSpace, SliderState, ColorSliderState, ColorWheelState, Collection, Node as _Node1, SelectionBehavior, SelectionMode as _SelectionMode2, 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 { AriaTextFieldProps } from "@react-aria/textfield";
 import { AriaAutocompleteProps } from "@react-aria/autocomplete";
 import { AutocompleteState } from "@react-stately/autocomplete";
@@ -18,15 +18,15 @@ export const DEFAULT_SLOT: unique symbol;
 interface SlottedValue<T> {
     slots?: Record<string | symbol, T>;
 }
-type SlottedContextValue<T> = (SlottedValue<T> & T) | null | undefined;
+type SlottedContextValue<T> = SlottedValue<T> | T | null | undefined;
 export type ContextValue<T, E> = SlottedContextValue<WithRef<T, E>>;
 type ProviderValue<T> = [Context<T>, T];
-type ProviderValues<A, B, C, D, E, F, G, H, I, J, K> = [ProviderValue<A>] | [ProviderValue<A>, ProviderValue<B>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>, ProviderValue<I>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>, ProviderValue<I>, ProviderValue<J>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>, ProviderValue<I>, ProviderValue<J>, ProviderValue<K>];
-interface ProviderProps<A, B, C, D, E, F, G, H, I, J, K> {
-    values: ProviderValues<A, B, C, D, E, F, G, H, I, J, K>;
+type ProviderValues<A, B, C, D, E, F, G, H, I, J, K, L> = [ProviderValue<A>] | [ProviderValue<A>, ProviderValue<B>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>, ProviderValue<I>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>, ProviderValue<I>, ProviderValue<J>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>, ProviderValue<I>, ProviderValue<J>, ProviderValue<K>] | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>, ProviderValue<F>, ProviderValue<G>, ProviderValue<H>, ProviderValue<I>, ProviderValue<J>, ProviderValue<K>, ProviderValue<L>];
+interface ProviderProps<A, B, C, D, E, F, G, H, I, J, K, L> {
+    values: ProviderValues<A, B, C, D, E, F, G, H, I, J, K, L>;
     children: ReactNode;
 }
-export function Provider<A, B, C, D, E, F, G, H, I, J, K>({ values, children }: ProviderProps<A, B, C, D, E, F, G, H, I, J, K>): JSX.Element;
+export function Provider<A, B, C, D, E, F, G, H, I, J, K, L>({ values, children }: ProviderProps<A, B, C, D, E, F, G, H, I, J, K, L>): JSX.Element;
 interface StyleProps {
     /** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. */
     className?: string;
@@ -746,7 +746,7 @@ interface ItemRenderProps {
      * The type of selection that is allowed in the collection.
      * @selector [data-selection-mode="single | multiple"]
      */
-    selectionMode: _SelectionMode1;
+    selectionMode: _SelectionMode2;
     /** The selection behavior for the collection. */
     selectionBehavior: SelectionBehavior;
     /**
@@ -1311,7 +1311,7 @@ interface DropIndicatorContextValue {
  * A DropIndicator is rendered between items in a collection to indicate where dropped data will be inserted.
  */
 export const DropIndicator: React.ForwardRefExoticComponent<DropIndicatorProps & React.RefAttributes<HTMLElement>>;
-interface HeaderProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'header', undefined> {
+export interface HeaderProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'header', undefined> {
 }
 export const HeaderContext: React.Context<ContextValue<HeaderProps, HTMLElement>>;
 export const Header: (props: HeaderProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
@@ -1447,7 +1447,7 @@ export interface ListBoxSectionProps<T> extends SectionProps<T>, DOMRenderProps<
 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 Omit<RenderProps<ListBoxItemRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', ListBoxItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, FocusEvents<HTMLDivElement>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
+export interface ListBoxItemProps<T = object> extends Omit<RenderProps<ListBoxItemRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', ListBoxItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, KeyboardEvents, FocusEvents<HTMLDivElement>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
     /**
      * 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.
      * @default 'react-aria-ListBoxItem'
@@ -1631,8 +1631,10 @@ export const PopoverContext: React.Context<ContextValue<PopoverContextValue, HTM
  * A popover is an overlay element positioned relative to a trigger.
  */
 export const Popover: (props: PopoverProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
-export const KeyboardContext: React.Context<ContextValue<React.HTMLAttributes<HTMLElement>, HTMLElement>>;
-export const Keyboard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+interface KeyboardProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'kbd', undefined> {
+}
+export const KeyboardContext: React.Context<ContextValue<KeyboardProps, HTMLElement>>;
+export const Keyboard: React.ForwardRefExoticComponent<KeyboardProps & React.RefAttributes<HTMLElement>>;
 export const MenuContext: React.Context<ContextValue<MenuProps<any>, HTMLDivElement>>;
 export const MenuStateContext: React.Context<TreeState<any> | null>;
 export const RootMenuTriggerStateContext: React.Context<RootMenuTriggerState | null>;
@@ -1756,6 +1758,7 @@ export function DialogTrigger(props: DialogTriggerProps): JSX.Element;
  * A dialog is an overlay shown above other content in an application.
  */
 export const Dialog: (props: DialogProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+type SelectionMode = 'single' | 'multiple';
 export interface ComboBoxRenderProps {
     /**
      * Whether the combobox is currently open.
@@ -1778,7 +1781,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, GlobalDOMAttributes<HTMLDivElement> {
+export interface ComboBoxProps<T extends object, M extends SelectionMode = 'single'> extends Omit<AriaComboBoxProps<T, M>, 'children' | 'placeholder' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<ComboBoxRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * 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.
      * @default 'react-aria-ComboBox'
@@ -1795,12 +1798,40 @@ export interface ComboBoxProps<T extends object> extends Omit<AriaComboBoxProps<
     /** Whether the combo box allows the menu to be open when the collection is empty. */
     allowsEmptyCollection?: boolean;
 }
-export const ComboBoxContext: React.Context<ContextValue<ComboBoxProps<any>, HTMLDivElement>>;
-export const ComboBoxStateContext: React.Context<ComboBoxState<any> | null>;
+export const ComboBoxContext: React.Context<ContextValue<ComboBoxProps<any, SelectionMode>, HTMLDivElement>>;
+export const ComboBoxStateContext: React.Context<ComboBoxState<any, SelectionMode> | null>;
 /**
  * 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.ReactElement | null;
+export const ComboBox: <T extends object, M extends SelectionMode = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
+export interface ComboBoxValueRenderProps<T> {
+    /**
+     * Whether the value is a placeholder.
+     * @selector [data-placeholder]
+     */
+    isPlaceholder: boolean;
+    /** The object values of the currently selected items. */
+    selectedItems: (T | null)[];
+    /** The textValue of the currently selected items. */
+    selectedText: string;
+    /** The state of the ComboBox. */
+    state: ComboBoxState<T, 'single' | 'multiple'>;
+}
+export interface ComboBoxValueProps<T extends object> extends Omit<HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>, RenderProps<ComboBoxValueRenderProps<T>, 'div'> {
+    /**
+     * 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.
+     * @default 'react-aria-ComboBoxValue'
+     */
+    className?: ClassNameOrFunction<ComboBoxValueRenderProps<T>>;
+    /** A value to display when no items are selected. */
+    placeholder?: ReactNode;
+}
+export const ComboBoxValueContext: React.Context<ContextValue<ComboBoxValueProps<any>, HTMLDivElement>>;
+/**
+ * ComboBoxValue renders the selected values of a ComboBox, or a placeholder if no value is selected.
+ * By default, the items are rendered as a comma separated list. Use the render function to customize this.
+ */
+export const ComboBoxValue: <T extends object>(props: ComboBoxValueProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
 export interface DateFieldRenderProps {
     /**
      * State of the date field.
@@ -1821,6 +1852,11 @@ export interface DateFieldRenderProps {
      * @selector [data-readonly]
      */
     isReadOnly: boolean;
+    /**
+     * Whether the date field is required.
+     * @selector [data-required]
+     */
+    isRequired: boolean;
 }
 export interface DateFieldProps<T extends DateValue> extends Omit<AriaDateFieldProps<T>, 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<DateFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
@@ -1970,6 +2006,11 @@ export interface DatePickerRenderProps {
      * @selector [data-invalid]
      */
     isInvalid: boolean;
+    /**
+     * Whether the date picker is required.
+     * @selector [data-required]
+     */
+    isRequired: boolean;
     /**
      * Whether the date picker's popover is currently open.
      * @selector [data-open]
@@ -2233,6 +2274,12 @@ 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 {
+    /** The unique id of the item. */
+    id?: Key;
+    /**
+     * State of the grid list.
+     */
+    state: ListState<unknown>;
 }
 export interface GridListItemProps<T = object> extends RenderProps<GridListItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
     /**
@@ -2542,7 +2589,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.ReactElement | null;
-type SelectionMode = 'single' | 'multiple';
+type _SelectionMode1 = 'single' | 'multiple';
 export interface SelectRenderProps {
     /**
      * Whether the select is focused, either via a mouse or keyboard.
@@ -2575,7 +2622,7 @@ export interface SelectRenderProps {
      */
     isRequired: boolean;
 }
-export interface SelectProps<T extends object = {}, M extends SelectionMode = 'single'> extends Omit<AriaSelectProps<T, M>, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior' | 'items'>, RACValidation, RenderProps<SelectRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+export interface SelectProps<T extends object = {}, M extends _SelectionMode1 = 'single'> extends Omit<AriaSelectProps<T, M>, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior' | 'items'>, RACValidation, RenderProps<SelectRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
      * 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.
      * @default 'react-aria-Select'
@@ -2587,12 +2634,12 @@ export interface SelectProps<T extends object = {}, M extends SelectionMode = 's
      */
     placeholder?: string;
 }
-export const SelectContext: React.Context<ContextValue<SelectProps<any, SelectionMode>, HTMLDivElement>>;
-export const SelectStateContext: React.Context<SelectState<unknown, SelectionMode> | null>;
+export const SelectContext: React.Context<ContextValue<SelectProps<any, _SelectionMode1>, HTMLDivElement>>;
+export const SelectStateContext: React.Context<SelectState<unknown, _SelectionMode1> | null>;
 /**
  * A select displays a collapsible list of options and allows a user to select one of them.
  */
-export const Select: <T extends object = {}, M extends SelectionMode = "single">(props: SelectProps<T, M> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+export const Select: <T extends object = {}, M extends _SelectionMode1 = "single">(props: SelectProps<T, M> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export interface SelectValueRenderProps<T> {
     /**
      * Whether the value is a placeholder.
@@ -2758,7 +2805,7 @@ export interface TableProps extends Omit<_TableProps1<any>, 'children'>, StyleRe
 export const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement | HTMLTableElement>>;
 interface TableOptionsContextValue {
     /** The type of selection that is allowed in the table. */
-    selectionMode: _SelectionMode1;
+    selectionMode: _SelectionMode2;
     /** The selection behavior for the table. If selectionMode is `"none"`, this will be `null`. */
     selectionBehavior: SelectionBehavior | null;
     /** Whether the table allows empty selection. */
@@ -3568,7 +3615,7 @@ export interface TreeRenderProps {
      * The type of selection that is allowed in the collection.
      * @selector [data-selection-mode="single | multiple"]
      */
-    selectionMode: _SelectionMode2;
+    selectionMode: _SelectionMode3;
     /**
      * Whether the tree allows dragging.
      * @selector [data-allows-dragging]
@@ -3693,6 +3740,13 @@ export interface TreeLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'coll
     isLoading?: boolean;
 }
 export const TreeLoadMoreItem: <T extends object>(props: TreeLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+interface _GridListSectionProps1<T> extends SectionProps<T>, DOMRenderProps<'section', undefined> {
+}
+/**
+ * A TreeSection represents a section within a Tree.
+ */
+export const TreeSection: <T extends object>(props: _GridListSectionProps1<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+export const TreeHeader: (props: GridListHeaderProps) => ReactNode;
 export { Collection, createLeafComponent, createBranchComponent, CollectionBuilder } from '@react-aria/collections';
 export { useDrag, useDrop } from '@react-aria/dnd';
 export { DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem, SSRProvider, RouterProvider, I18nProvider, isRTL, useLocale, useFilter, Pressable, Focusable, VisuallyHidden } from 'react-aria';