react-aria-components 1.0.0-beta.0 → 1.0.0-beta.2

package/dist/types.d.ts

@@ -1,22 +1,24 @@
-import React, { Context, CSSProperties, ForwardedRef, ReactNode, RefObject, Key, ReactElement, HTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes } from "react";
-import { CollectionBase, DraggableCollectionProps, DroppableCollectionProps, AriaLabelingProps, InputDOMProps } from "@react-types/shared";
-import { Collection as _Collection1, Node, SelectionBehavior, SelectionMode, ItemProps as _ItemProps1, SectionProps as _SectionProps1, CalendarState, RangeCalendarState, CheckboxGroupState, DraggableCollectionState, DraggableCollectionStateOptions, DroppableCollectionState, DroppableCollectionStateOptions, ListState, Orientation, OverlayTriggerProps, OverlayTriggerState, DateFieldState, DateSegmentType, DateSegment as _DateSegment1, DatePickerState, DateRangePickerState, MenuTriggerProps as _MenuTriggerProps1, NumberFieldState, RadioGroupState, SearchFieldState, SliderState, ToggleState, DisabledBehavior, SortDirection, TableState, TabListState, TooltipTriggerProps, TooltipTriggerState } from "react-stately";
-import { AriaLinkOptions, AriaBreadcrumbsProps, AriaButtonProps, CalendarProps as _CalendarProps1, RangeCalendarProps as _RangeCalendarProps1, DateValue, AriaCheckboxGroupProps, AriaCheckboxProps, DropIndicatorProps as _DropIndicatorProps1, DraggableCollectionOptions, DraggableItemProps, DraggableItemResult, DragItem, DragPreview, DropIndicatorAria, DroppableCollectionOptions, DroppableCollectionResult, DroppableItemOptions, DroppableItemResult, DropTarget, DropTargetDelegate, ListDropTargetDelegate, SeparatorProps as _SeparatorProps1, AriaListBoxProps, PlacementAxis, AriaPopoverProps, PositionProps, AriaComboBoxProps, AriaDateFieldProps, AriaTimeFieldProps, TimeValue, AriaModalOverlayProps, AriaDialogProps, AriaDatePickerProps, AriaDateRangePickerProps, DropOptions, AriaGridListProps, AriaMenuProps, AriaMeterProps, AriaNumberFieldProps, AriaProgressBarProps, AriaRadioGroupProps, AriaRadioProps, Orientation as _Orientation1, AriaSearchFieldProps, AriaSelectProps, AriaSliderProps, AriaSliderThumbProps, AriaSwitchProps, AriaTabListProps, AriaTabPanelProps, AriaTagGroupProps, AriaTextFieldProps, AriaToggleButtonProps } from "react-aria";
+import React, { Context, CSSProperties, ForwardedRef, ReactNode, RefObject, Key, ReactElement, HTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, OutputHTMLAttributes, TextareaHTMLAttributes } from "react";
+import { CollectionBase, LinkDOMProps, DraggableCollectionProps, DroppableCollectionProps, AriaLabelingProps, InputDOMProps } from "@react-types/shared";
+import { SelectionBehavior, SelectionMode, ItemProps as _ItemProps1, SectionProps as _SectionProps1, CalendarState, RangeCalendarState, CheckboxGroupState, DraggableCollectionState, DraggableCollectionStateOptions, DroppableCollectionState, DroppableCollectionStateOptions, ListState, Orientation, OverlayTriggerProps, OverlayTriggerState, ComboBoxState, DateFieldState, DateSegmentType, DateSegment as _DateSegment1, TimeFieldState, DatePickerState, DateRangePickerState, MenuTriggerProps as _MenuTriggerProps1, TreeState, NumberFieldState, RadioGroupState, SearchFieldState, SelectState, SliderState, ToggleState, DisabledBehavior, SortDirection, TableState, TabListState, TooltipTriggerProps, TooltipTriggerState } from "react-stately";
+import { AriaLinkOptions, AriaBreadcrumbsProps, AriaButtonProps, CalendarProps as _CalendarProps1, RangeCalendarProps as _RangeCalendarProps1, DateValue, AriaCheckboxGroupProps, AriaCheckboxProps, DropIndicatorProps as _DropIndicatorProps1, DraggableCollectionOptions, DraggableItemProps, DraggableItemResult, DragItem, DragPreview, DropIndicatorAria, DroppableCollectionOptions, DroppableCollectionResult, DroppableItemOptions, DroppableItemResult, DropTarget, DropTargetDelegate, ListDropTargetDelegate, SeparatorProps as _SeparatorProps1, AriaListBoxProps, PlacementAxis, AriaPopoverProps, PositionProps, AriaDialogProps, AriaComboBoxProps, AriaDateFieldProps, AriaTimeFieldProps, TimeValue, AriaDatePickerProps, AriaDateRangePickerProps, DropOptions, AriaGridListProps, AriaMenuProps, AriaMeterProps, AriaModalOverlayProps, AriaNumberFieldProps, AriaProgressBarProps, AriaRadioGroupProps, AriaRadioProps, Orientation as _Orientation1, AriaSearchFieldProps, AriaSelectProps, AriaSliderProps, AriaSliderThumbProps, AriaSwitchProps, AriaTabListProps, AriaTabPanelProps, AriaTagGroupProps, AriaTextFieldProps, AriaToggleButtonProps } from "react-aria";
 import { CalendarDate, DateDuration } from "@internationalized/date";
+import { TableColumnResizeState } from "@react-stately/table";
 import { ColumnSize, ColumnStaticSize, TableProps as _TableProps1 } from "@react-types/table";
 declare const slotCallbackSymbol: unique symbol;
 interface SlottedValue<T> {
     slots?: Record<string | symbol, T>;
     [slotCallbackSymbol]?: (value: T) => void;
 }
-export type ContextValue<T extends SlotProps, E extends Element> = SlottedValue<WithRef<T, E>> | WithRef<T, E> | null | undefined;
+type SlottedContextValue<T> = SlottedValue<T> | T | null | undefined;
+export type ContextValue<T, E extends Element> = SlottedContextValue<WithRef<T, E>>;
 type ProviderValue<T> = [Context<T>, T];
-type ProviderValues<A, B, C, D, E, F, G, H> = [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>];
-interface ProviderProps<A, B, C, D, E, F, G, H> {
-    values: ProviderValues<A, B, C, D, E, F, G, H>;
+type ProviderValues<A, B, C, D, E, F, G, H, I, J> = [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>];
+interface ProviderProps<A, B, C, D, E, F, G, H, I, J> {
+    values: ProviderValues<A, B, C, D, E, F, G, H, I, J>;
     children: ReactNode;
 }
-export function Provider<A, B, C, D, E, F, G, H>({ values, children }: ProviderProps<A, B, C, D, E, F, G, H>): JSX.Element;
+export function Provider<A, B, C, D, E, F, G, H, I, J>({ values, children }: ProviderProps<A, B, C, D, E, F, G, H, I, J>): JSX.Element;
 interface StyleProps {
     /** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. */
     className?: string;
@@ -41,129 +43,14 @@ type WithRef<T, E> = T & {
     ref?: ForwardedRef<E>;
 };
 export interface SlotProps {
-    /** A slot name for the component. Slots allow the component to receive props from a parent component. */
-    slot?: string;
+    /**
+     * A slot name for the component. Slots allow the component to receive props from a parent component.
+     * An explicit `null` value indicates that the local props completely override all props received from a parent.
+     */
+    slot?: string | null;
 }
-export function useSlottedContext<U extends SlotProps, E extends Element>(context: Context<ContextValue<U, E>>, slot?: string): WithRef<U, E> | null | undefined;
+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>];
-type Mutable<T> = {
-    -readonly [P in keyof T]: T[P];
-};
-/** An immutable object representing a Node in a Collection. */
-declare class NodeValue<T> implements Node<T> {
-    readonly type: string;
-    readonly key: Key;
-    readonly value: T | null;
-    readonly level: number;
-    readonly hasChildNodes: boolean;
-    readonly rendered: ReactNode;
-    readonly textValue: string;
-    readonly 'aria-label'?: string;
-    readonly index: number;
-    readonly parentKey: Key | null;
-    readonly prevKey: Key | null;
-    readonly nextKey: Key | null;
-    readonly firstChildKey: Key | null;
-    readonly lastChildKey: Key | null;
-    readonly props: any;
-    constructor(type: string, key: Key);
-    get childNodes(): Iterable<Node<T>>;
-    clone(): NodeValue<T>;
-}
-/**
- * A mutable node in the fake DOM tree. When mutated, it marks itself as dirty
- * and queues an update with the owner document.
- */
-declare class BaseNode<T> {
-    ownerDocument: Document<T, any>;
-    constructor(ownerDocument: Document<T, any>);
-    [Symbol.iterator](): Generator<ElementNode<T>, void, unknown>;
-    get firstChild(): ElementNode<T>;
-    set firstChild(firstChild: ElementNode<T>);
-    get lastChild(): ElementNode<T>;
-    set lastChild(lastChild: ElementNode<T>);
-    get previousSibling(): ElementNode<T>;
-    set previousSibling(previousSibling: ElementNode<T>);
-    get nextSibling(): ElementNode<T>;
-    set nextSibling(nextSibling: ElementNode<T>);
-    get parentNode(): BaseNode<T>;
-    set parentNode(parentNode: BaseNode<T>);
-    appendChild(child: ElementNode<T>): void;
-    insertBefore(newNode: ElementNode<T>, referenceNode: ElementNode<T>): void;
-    removeChild(child: ElementNode<T>): void;
-    addEventListener(): void;
-    removeEventListener(): void;
-}
-/**
- * A mutable element node in the fake DOM tree. It owns an immutable
- * Collection Node which is copied on write.
- */
-declare class ElementNode<T> extends BaseNode<T> {
-    nodeType: number;
-    node: NodeValue<T>;
-    hasSetProps: boolean;
-    constructor(type: string, ownerDocument: Document<T, any>);
-    get index(): number;
-    set index(index: number);
-    get level(): number;
-    updateNode(): void;
-    setProps<T extends Element>(obj: any, ref: ForwardedRef<T>, rendered?: any): void;
-    get style(): {};
-    hasAttribute(): void;
-    setAttribute(): void;
-    setAttributeNS(): void;
-    removeAttribute(): void;
-}
-/**
- * An immutable Collection implementation. Updates are only allowed
- * when it is not marked as frozen.
- */
-declare class BaseCollection<T> implements _Collection1<Node<T>> {
-    get size(): number;
-    getKeys(): IterableIterator<React.Key>;
-    [Symbol.iterator](): Generator<Node<T>, void, unknown>;
-    getChildren(key: Key): Iterable<Node<T>>;
-    getKeyBefore(key: Key): React.Key;
-    getKeyAfter(key: Key): React.Key;
-    getFirstKey(): React.Key;
-    getLastKey(): React.Key;
-    getItem(key: Key): Node<T> | null;
-    at(): Node<T>;
-    clone(): this;
-    addNode(node: NodeValue<T>): void;
-    removeNode(key: Key): void;
-    commit(firstKey: Key | null, lastKey: Key | null, isSSR?: boolean): void;
-}
-/**
- * A mutable Document in the fake DOM. It owns an immutable Collection instance,
- * which is lazily copied on write during updates.
- */
-declare class Document<T, C extends BaseCollection<T> = BaseCollection<T>> extends BaseNode<T> {
-    nodeType: number;
-    ownerDocument: this;
-    dirtyNodes: Set<BaseNode<T>>;
-    isSSR: boolean;
-    nodeId: number;
-    nodesByProps: WeakMap<object, ElementNode<T>>;
-    constructor(collection: C);
-    createElement(type: string): ElementNode<T>;
-    /**
-     * Lazily gets a mutable instance of a Node. If the node has already
-     * been cloned during this update cycle, it just returns the existing one.
-     */
-    getMutableNode(element: ElementNode<T>): Mutable<NodeValue<T>>;
-    markDirty(node: BaseNode<T>): void;
-    startTransaction(): void;
-    endTransaction(): void;
-    addNode(element: ElementNode<T>): void;
-    removeNode(node: ElementNode<T>): void;
-    /** Finalizes the collection update, updating all nodes and freezing the collection. */
-    getCollection(): C;
-    updateCollection(): void;
-    queueUpdate(): void;
-    subscribe(fn: () => void): () => boolean;
-    resetAfterSSR(): void;
-}
 interface CollectionProps<T> extends Omit<CollectionBase<T>, 'children'> {
     /** The contents of the collection. */
     children?: ReactNode | ((item: T) => ReactNode);
@@ -226,7 +113,7 @@ export interface ItemRenderProps {
      */
     isDropTarget?: boolean;
 }
-export interface ItemProps<T = object> extends Omit<_ItemProps1<T>, 'children'>, RenderProps<ItemRenderProps> {
+export interface ItemProps<T = object> extends Omit<_ItemProps1<T>, 'children'>, RenderProps<ItemRenderProps>, LinkDOMProps {
     /** The unique id of the item. */
     id?: Key;
     /** The object value that this item represents. When using dynamic collections, this is set automatically. */
@@ -292,7 +179,7 @@ export interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledK
 }
 export const BreadcrumbsContext: React.Context<ContextValue<BreadcrumbsProps<any>, HTMLOListElement>>;
 /**
- * Breadcrumbs display a heirarchy of links to the current page or resource in an application.
+ * 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.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export interface BreadcrumbProps extends StyleProps {
@@ -412,6 +299,8 @@ export interface RangeCalendarProps<T extends DateValue> extends Omit<_RangeCale
 }
 export const CalendarContext: React.Context<ContextValue<CalendarProps<any>, HTMLDivElement>>;
 export const RangeCalendarContext: React.Context<ContextValue<RangeCalendarProps<any>, HTMLDivElement>>;
+export const CalendarStateContext: React.Context<CalendarState>;
+export const RangeCalendarStateContext: React.Context<RangeCalendarState>;
 /**
  * A calendar displays one or more date grids and allows users to select a single date.
  */
@@ -638,6 +527,7 @@ export interface CheckboxRenderProps {
     isRequired: boolean;
 }
 export const CheckboxGroupContext: React.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
+export const CheckboxGroupStateContext: React.Context<CheckboxGroupState>;
 export const CheckboxContext: React.Context<ContextValue<CheckboxProps, HTMLInputElement>>;
 /**
  * A checkbox allows a user to select multiple items from a list of individual items, or
@@ -746,6 +636,12 @@ 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 DragAndDropContextValue {
+    dragAndDropHooks?: DragAndDropHooks;
+    dragState?: DraggableCollectionState;
+    dropState?: DroppableCollectionState;
+}
+export const DragAndDropContext: React.Context<DragAndDropContextValue>;
 export const Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export interface SeparatorProps extends _SeparatorProps1, StyleProps, SlotProps {
 }
@@ -801,15 +697,12 @@ export interface ListBoxProps<T> extends Omit<AriaListBoxProps<T>, 'children' |
      */
     orientation?: Orientation;
 }
-interface ListBoxContextValue<T> extends ListBoxProps<T> {
-    state?: ListState<T>;
-    document?: Document<any, any>;
-}
-export const ListBoxContext: React.Context<ContextValue<ListBoxContextValue<any>, HTMLDivElement>>;
+export const ListBoxContext: React.Context<ContextValue<ListBoxProps<any>, HTMLDivElement>>;
+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>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export const ListBox: <T extends object>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export interface OverlayArrowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children'>, RenderProps<OverlayArrowRenderProps> {
 }
 export interface OverlayArrowRenderProps {
@@ -850,15 +743,31 @@ export interface PopoverRenderProps {
      */
     isExiting: boolean;
 }
-interface PopoverContextValue extends PopoverProps {
-    state?: OverlayTriggerState;
-    triggerRef?: RefObject<Element>;
-}
-export const PopoverContext: React.Context<ContextValue<PopoverContextValue, HTMLElement>>;
+export const PopoverContext: React.Context<ContextValue<PopoverProps, HTMLElement>>;
 /**
  * A popover is an overlay element positioned relative to a trigger.
  */
 export const Popover: (props: PopoverProps & React.RefAttributes<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export interface DialogTriggerProps extends OverlayTriggerProps {
+    children: ReactNode;
+}
+interface DialogRenderProps {
+    close: () => void;
+}
+export interface DialogProps extends AriaDialogProps, StyleProps, SlotProps {
+    /** Children of the dialog. A function may be provided to access a function to close the dialog. */
+    children?: ReactNode | ((opts: DialogRenderProps) => ReactNode);
+}
+export const DialogContext: React.Context<ContextValue<DialogProps, HTMLElement>>;
+export const OverlayTriggerStateContext: React.Context<OverlayTriggerState>;
+/**
+ * A DialogTrigger opens a dialog when a trigger element is pressed.
+ */
+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.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export interface ComboBoxRenderProps {
     /**
      * Whether the combobox is currently open.
@@ -892,10 +801,57 @@ export interface ComboBoxProps<T extends object> extends Omit<AriaComboBoxProps<
     formValue?: 'text' | 'key';
 }
 export const ComboBoxContext: React.Context<ContextValue<ComboBoxProps<any>, HTMLDivElement>>;
+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.ReactElement<any, string | React.JSXElementConstructor<any>>;
+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>, 'className' | 'style' | 'role'>, StyleRenderProps<GroupRenderProps> {
+    /** 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: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;
 export interface DateFieldRenderProps {
     /**
      * State of the date field.
@@ -918,6 +874,8 @@ export interface TimeFieldProps<T extends TimeValue> extends Omit<AriaTimeFieldP
 }
 export const DateFieldContext: React.Context<ContextValue<DateFieldProps<any>, HTMLDivElement>>;
 export const TimeFieldContext: React.Context<ContextValue<TimeFieldProps<any>, HTMLDivElement>>;
+export const DateFieldStateContext: React.Context<DateFieldState>;
+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.
@@ -958,6 +916,21 @@ export interface DateInputProps extends SlotProps, StyleRenderProps<DateInputRen
  */
 export const DateInput: (props: DateInputProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export interface DateSegmentRenderProps extends Omit<_DateSegment1, 'isEditable'> {
+    /**
+     * Whether the segment is currently hovered with a mouse.
+     * @selector [data-hovered]
+     */
+    isHovered: boolean;
+    /**
+     * Whether the segment is focused, either via a mouse or keyboard.
+     * @selector [data-focused]
+     */
+    isFocused: boolean;
+    /**
+     * Whether the segment is keyboard focused.
+     * @selector [data-focus-visible]
+     */
+    isFocusVisible: boolean;
     /**
      * Whether the value is a placeholder.
      * @selector [data-placeholder]
@@ -987,79 +960,6 @@ export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps> {
  * the value by typing or using the arrow keys to increment and decrement.
  */
 export const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export interface ModalOverlayProps extends AriaModalOverlayProps, OverlayTriggerProps, RenderProps<ModalRenderProps>, SlotProps {
-}
-interface ModalContextValue extends ModalOverlayProps {
-    state?: OverlayTriggerState;
-}
-export const ModalContext: React.Context<ContextValue<ModalContextValue, HTMLDivElement>>;
-export interface ModalRenderProps {
-    /**
-     * Whether the modal is currently entering. Use this to apply animations.
-     * @selector [data-entering]
-     */
-    isEntering: boolean;
-    /**
-     * Whether the modal is currently exiting. Use this to apply animations.
-     * @selector [data-exiting]
-     */
-    isExiting: boolean;
-    /**
-     * State of the modal.
-     */
-    state: OverlayTriggerState;
-}
-/**
- * A modal is an overlay element which blocks interaction with elements outside it.
- */
-export const Modal: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-/**
- * A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.
- */
-export const ModalOverlay: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export interface DialogTriggerProps extends OverlayTriggerProps {
-    children: ReactNode;
-}
-interface DialogRenderProps {
-    close: () => void;
-}
-export interface DialogProps extends AriaDialogProps, StyleProps, SlotProps {
-    children?: ReactNode | ((opts: DialogRenderProps) => ReactNode);
-    onClose?: () => void;
-}
-export const DialogContext: React.Context<ContextValue<DialogProps, HTMLElement>>;
-/**
- * A DialogTrigger opens a dialog when a trigger element is pressed.
- */
-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.ReactElement<any, string | React.JSXElementConstructor<any>>;
-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;
-}
-export interface GroupProps extends Omit<HTMLAttributes<HTMLElement>, 'className' | 'style'>, StyleRenderProps<GroupRenderProps> {
-}
-export const GroupContext: React.Context<ContextValue<GroupProps, HTMLDivElement>>;
-/**
- * An group represents a set of related UI controls.
- */
-export const Group: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;
 export interface DatePickerRenderProps {
     /**
      * Whether an element within the date picker is focused, either via a mouse or keyboard.
@@ -1081,6 +981,11 @@ export interface DatePickerRenderProps {
      * @selector [data-disabled]
      */
     isInvalid: boolean;
+    /**
+     * Whether the date picker's popover is currently open.
+     * @selector [data-open]
+     */
+    isOpen: boolean;
     /**
      * State of the date picker.
      */
@@ -1098,6 +1003,8 @@ export interface DateRangePickerProps<T extends DateValue> extends Omit<AriaDate
 }
 export const DatePickerContext: React.Context<ContextValue<DatePickerProps<any>, HTMLDivElement>>;
 export const DateRangePickerContext: React.Context<ContextValue<DateRangePickerProps<any>, HTMLDivElement>>;
+export const DatePickerStateContext: React.Context<DatePickerState>;
+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.
  */
@@ -1152,11 +1059,7 @@ export interface FileTriggerProps {
     /**
      * Handler when a user selects a file.
      */
-    onChange?: (files: FileList | null) => void;
-    /**
-     * The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
-     */
-    name?: string;
+    onSelect?: (files: FileList | null) => void;
     /**
      * The children of the component.
      */
@@ -1209,6 +1112,7 @@ export const GridList: <T extends object>(props: GridListProps<T> & React.RefAtt
 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>>;
+export const MenuStateContext: React.Context<TreeState<unknown>>;
 export interface MenuTriggerProps extends _MenuTriggerProps1 {
     children?: ReactNode;
 }
@@ -1237,6 +1141,33 @@ 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<any, string | React.JSXElementConstructor<any>>;
+export interface ModalOverlayProps extends AriaModalOverlayProps, OverlayTriggerProps, RenderProps<ModalRenderProps>, SlotProps {
+}
+export const ModalContext: React.Context<ContextValue<ModalOverlayProps, HTMLDivElement>>;
+export interface ModalRenderProps {
+    /**
+     * Whether the modal is currently entering. Use this to apply animations.
+     * @selector [data-entering]
+     */
+    isEntering: boolean;
+    /**
+     * Whether the modal is currently exiting. Use this to apply animations.
+     * @selector [data-exiting]
+     */
+    isExiting: boolean;
+    /**
+     * State of the modal.
+     */
+    state: OverlayTriggerState;
+}
+/**
+ * A modal is an overlay element which blocks interaction with elements outside it.
+ */
+export const Modal: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+/**
+ * A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.
+ */
+export const ModalOverlay: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export interface NumberFieldRenderProps {
     /**
      * Whether the number field is disabled.
@@ -1256,6 +1187,7 @@ export interface NumberFieldRenderProps {
 export interface NumberFieldProps extends Omit<AriaNumberFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState'>, InputDOMProps, RenderProps<NumberFieldRenderProps>, SlotProps {
 }
 export const NumberFieldContext: React.Context<ContextValue<NumberFieldProps, HTMLDivElement>>;
+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.
  */
@@ -1368,6 +1300,7 @@ export interface RadioRenderProps {
 }
 export const RadioGroupContext: React.Context<ContextValue<RadioGroupProps, HTMLDivElement>>;
 export const RadioContext: React.Context<ContextValue<Partial<RadioProps>, HTMLInputElement>>;
+export const RadioGroupStateContext: React.Context<RadioGroupState>;
 /**
  * A radio group allows a user to select a single item from a list of mutually exclusive options.
  */
@@ -1439,6 +1372,7 @@ export interface SelectRenderProps {
 export interface SelectProps<T extends object> extends Omit<AriaSelectProps<T>, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'items'>, RenderProps<SelectRenderProps>, SlotProps {
 }
 export const SelectContext: React.Context<ContextValue<SelectProps<any>, HTMLDivElement>>;
+export const SelectStateContext: React.Context<SelectState<unknown>>;
 /**
  * A select displays a collapsible list of options and allows a user to select one of them.
  */
@@ -1456,6 +1390,7 @@ export interface SelectValueRenderProps<T> {
 }
 export interface SelectValueProps<T extends object> extends Omit<HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>, RenderProps<SelectValueRenderProps<T>> {
 }
+export const SelectValueContext: React.Context<ContextValue<SelectValueProps<any>, HTMLSpanElement>>;
 /**
  * SelectValue renders the current value of a Select, or a placeholder if no value is selected.
  * It is usually placed within the button element.
@@ -1468,6 +1403,9 @@ export interface SliderProps<T = number | number[]> extends Omit<AriaSliderProps
     formatOptions?: Intl.NumberFormatOptions;
 }
 export const SliderContext: React.Context<ContextValue<SliderProps<number | number[]>, HTMLDivElement>>;
+export const SliderStateContext: React.Context<SliderState>;
+export const SliderTrackContext: React.Context<ContextValue<SliderTrackContextValue, HTMLDivElement>>;
+export const SliderOutputContext: React.Context<ContextValue<SliderOutputContextValue, HTMLOutputElement>>;
 export interface SliderRenderProps {
     /**
      * The orientation of the slider.
@@ -1490,6 +1428,8 @@ export interface SliderRenderProps {
 export const Slider: <T extends number | number[]>(props: SliderProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export interface SliderOutputProps extends RenderProps<SliderRenderProps> {
 }
+interface SliderOutputContextValue extends Omit<OutputHTMLAttributes<HTMLOutputElement>, 'children' | 'className' | 'style'>, SliderOutputProps {
+}
 /**
  * A slider output displays the current value of a slider as text.
  */
@@ -1503,6 +1443,8 @@ export interface SliderTrackRenderProps extends SliderRenderProps {
 }
 export interface SliderTrackProps extends RenderProps<SliderTrackRenderProps> {
 }
+interface SliderTrackContextValue extends Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'>, SliderTrackProps {
+}
 /**
  * A slider track is a container for one or more slider thumbs.
  */
@@ -1611,6 +1553,8 @@ export interface ResizableTableContainerProps extends DOMProps {
 }
 export const ResizableTableContainer: React.ForwardRefExoticComponent<ResizableTableContainerProps & React.RefAttributes<HTMLDivElement>>;
 export const TableContext: React.Context<ContextValue<TableProps, HTMLTableElement>>;
+export const TableStateContext: React.Context<TableState<unknown>>;
+export const TableColumnResizeStateContext: React.Context<TableColumnResizeState<unknown>>;
 export interface TableRenderProps {
     /**
      * Whether the table is currently focused.
@@ -1763,7 +1707,7 @@ export interface TableBodyProps<T> extends CollectionProps<T>, StyleRenderProps<
 export const TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<HTMLTableSectionElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export interface RowRenderProps extends ItemRenderProps {
 }
-export interface RowProps<T> extends StyleRenderProps<RowRenderProps> {
+export interface RowProps<T> extends StyleRenderProps<RowRenderProps>, LinkDOMProps {
     id?: Key;
     /** A list of columns used when dynamically rendering cells. */
     columns?: Iterable<T>;
@@ -1861,7 +1805,7 @@ export interface TabListRenderProps {
      */
     state: TabListState<unknown>;
 }
-export interface TabProps extends RenderProps<TabRenderProps>, AriaLabelingProps {
+export interface TabProps extends RenderProps<TabRenderProps>, AriaLabelingProps, LinkDOMProps {
     id?: Key;
 }
 export interface TabRenderProps {
@@ -1927,6 +1871,7 @@ export interface TabPanelRenderProps {
     state: TabListState<unknown>;
 }
 export const TabsContext: React.Context<ContextValue<TabsProps, HTMLDivElement>>;
+export const TabListStateContext: React.Context<TabListState<object>>;
 /**
  * Tabs organize content into multiple sections and allow users to navigate between them.
  */
@@ -1968,6 +1913,7 @@ export interface TagListProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'
     renderEmptyState?: () => ReactNode;
 }
 export const TagGroupContext: React.Context<ContextValue<TagGroupProps, HTMLDivElement>>;
+export const TagListContext: React.Context<ContextValue<TagListProps<any>, HTMLDivElement>>;
 /**
  * A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
  */
@@ -1983,7 +1929,7 @@ export interface TagRenderProps extends Omit<ItemRenderProps, 'allowsDragging' |
      */
     allowsRemoving: boolean;
 }
-export interface TagProps extends RenderProps<TagRenderProps> {
+export interface TagProps extends RenderProps<TagRenderProps>, LinkDOMProps {
     /** A unique id for the tag. */
     id?: Key;
     /**
@@ -2045,7 +1991,13 @@ export const ToggleButton: (props: ToggleButtonProps & React.RefAttributes<HTMLB
 export interface TooltipTriggerComponentProps extends TooltipTriggerProps {
     children: ReactNode;
 }
-export interface TooltipProps extends PositionProps, AriaLabelingProps, RenderProps<TooltipRenderProps> {
+export interface TooltipProps extends PositionProps, OverlayTriggerProps, AriaLabelingProps, RenderProps<TooltipRenderProps> {
+    /**
+     * The ref for the element which the tooltip positions itself with respect to.
+     *
+     * When used within a TooltipTrigger this is set automatically. It is only required when used standalone.
+     */
+    triggerRef?: RefObject<Element>;
 }
 export interface TooltipRenderProps {
     /**
@@ -2068,6 +2020,8 @@ export interface TooltipRenderProps {
      */
     state: TooltipTriggerState;
 }
+export const TooltipTriggerStateContext: React.Context<TooltipTriggerState>;
+export const TooltipContext: React.Context<ContextValue<TooltipProps, HTMLDivElement>>;
 /**
  * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
  * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
@@ -2078,7 +2032,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.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export { DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem, SSRProvider } from 'react-aria';
+export { DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem, SSRProvider, RouterProvider, I18nProvider } from 'react-aria';
 export type { DateValue, DateRange, TimeValue } from 'react-aria';
 export type { DirectoryDropItem, DraggableCollectionEndEvent, DraggableCollectionMoveEvent, DraggableCollectionStartEvent, DragPreviewRenderer, DragTypes, DropItem, DropOperation, DroppableCollectionDropEvent, DroppableCollectionEnterEvent, DroppableCollectionExitEvent, DroppableCollectionInsertDropEvent, DroppableCollectionMoveEvent, DroppableCollectionOnItemDropEvent, DroppableCollectionReorderEvent, DroppableCollectionRootDropEvent, DropPosition, DropTarget, FileDropItem, ItemDropTarget, RootDropTarget, TextDropItem, PressEvent } from 'react-aria';
 export type { Selection, SortDescriptor, SortDirection, SelectionMode } from 'react-stately';