react-aria 3.48.0 → 3.50.0

package/dist/types/src/breadcrumbs/useBreadcrumbItem.d.ts

@@ -6,6 +6,7 @@ export interface BreadcrumbItemProps extends AriaLinkProps, LinkDOMProps {
     isCurrent?: boolean;
     /**
      * The type of current location the breadcrumb item represents, if `isCurrent` is true.
+     *
      * @default 'page'
      */
     'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | boolean | 'true' | 'false';
@@ -17,6 +18,7 @@ export interface BreadcrumbItemProps extends AriaLinkProps, LinkDOMProps {
 export interface AriaBreadcrumbItemProps extends BreadcrumbItemProps, DOMProps {
     /**
      * The HTML element used to render the breadcrumb link, e.g. 'a', or 'span'.
+     *
      * @default 'a'
      */
     elementType?: string;

package/dist/types/src/button/useButton.d.ts

@@ -9,26 +9,40 @@ export interface ButtonProps extends PressEvents, FocusableProps {
 export interface AriaBaseButtonProps extends FocusableDOMProps, AriaLabelingProps {
     /** Indicates whether the element is disabled to users of assistive technology. */
     'aria-disabled'?: boolean | 'true' | 'false';
-    /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
+    /**
+     * Indicates whether the element, or another grouping element it controls, is currently expanded
+     * or collapsed.
+     */
     'aria-expanded'?: boolean | 'true' | 'false';
-    /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */
+    /**
+     * Indicates the availability and type of interactive popup element, such as menu or dialog, that
+     * can be triggered by an element.
+     */
     'aria-haspopup'?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog' | 'true' | 'false';
-    /** Identifies the element (or elements) whose contents or presence are controlled by the current element. */
+    /**
+     * Identifies the element (or elements) whose contents or presence are controlled by the current
+     * element.
+     */
     'aria-controls'?: string;
     /** Indicates the current "pressed" state of toggle buttons. */
     'aria-pressed'?: boolean | 'true' | 'false' | 'mixed';
-    /** Indicates whether this element represents the current item within a container or set of related elements. */
+    /**
+     * Indicates whether this element represents the current item within a container or set of related
+     * elements.
+     */
     'aria-current'?: boolean | 'true' | 'false' | 'page' | 'step' | 'location' | 'date' | 'time';
     /**
      * The behavior of the button when used in an HTML form.
+     *
      * @default 'button'
      */
     type?: 'button' | 'submit' | 'reset';
     /**
      * Whether to prevent focus from moving to the button when pressing it.
      *
-     * Caution, this can make the button inaccessible and should only be used when alternative keyboard interaction is provided,
-     * such as ComboBox's MenuTrigger or a NumberField's increment/decrement control.
+     * Caution, this can make the button inaccessible and should only be used when alternative
+     * keyboard interaction is provided, such as ComboBox's MenuTrigger or a NumberField's
+     * increment/decrement control.
      */
     preventFocusOnPress?: boolean;
     /**
@@ -58,6 +72,7 @@ export interface AriaBaseButtonProps extends FocusableDOMProps, AriaLabelingProp
 export interface AriaButtonElementTypeProps<T extends ElementType = 'button'> {
     /**
      * The HTML element or React element used to render the button, e.g. 'div', 'a', or `RouterLink`.
+     *
      * @default 'button'
      */
     elementType?: T | JSXElementConstructor<any>;
@@ -67,7 +82,10 @@ export interface LinkButtonProps<T extends ElementType = 'button'> extends AriaB
     href?: string;
     /** The target window for the link. */
     target?: string;
-    /** The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel). */
+    /**
+     * The relationship between the linked resource and the current page. See
+     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel).
+     */
     rel?: string;
 }
 export interface AriaButtonProps<T extends ElementType = 'button'> extends ButtonProps, LinkButtonProps<T>, AriaBaseButtonProps {

package/dist/types/src/button/useToggleButtonGroup.d.ts

@@ -5,6 +5,7 @@ import { ToggleGroupProps, ToggleGroupState } from 'react-stately/useToggleGroup
 export interface AriaToggleButtonGroupProps extends ToggleGroupProps, AriaLabelingProps {
     /**
      * The orientation of the the toggle button group.
+     *
      * @default 'horizontal'
      */
     orientation?: Orientation;

package/dist/types/src/calendar/useCalendar.d.ts

@@ -1,10 +1,10 @@
 import { AriaLabelingProps, DOMProps } from '@react-types/shared';
 import { CalendarAria } from './useCalendarBase';
-import { CalendarProps, CalendarState, DateValue } from 'react-stately/useCalendarState';
-export interface AriaCalendarProps<T extends DateValue> extends CalendarProps<T>, DOMProps, AriaLabelingProps {
+import { CalendarProps, CalendarSelectionMode, CalendarState, DateValue } from 'react-stately/useCalendarState';
+export interface AriaCalendarProps<T extends DateValue, M extends CalendarSelectionMode = 'single'> extends CalendarProps<T, M>, DOMProps, AriaLabelingProps {
 }
 /**
  * Provides the behavior and accessibility implementation for a calendar component.
  * A calendar displays one or more date grids and allows users to select a single date.
  */
-export declare function useCalendar<T extends DateValue>(props: AriaCalendarProps<T>, state: CalendarState): CalendarAria;
+export declare function useCalendar<T extends DateValue, M extends CalendarSelectionMode = 'single'>(props: AriaCalendarProps<T, M>, state: CalendarState<M>): CalendarAria;

package/dist/types/src/calendar/useCalendarBase.d.ts

@@ -1,6 +1,6 @@
 import { AriaButtonProps } from '../button/useButton';
 import { AriaLabelingProps, DOMAttributes, DOMProps } from '@react-types/shared';
-import { CalendarPropsBase, CalendarState } from 'react-stately/useCalendarState';
+import { CalendarPropsBase, CalendarSelectionMode, CalendarState } from 'react-stately/useCalendarState';
 import { RangeCalendarState } from 'react-stately/useRangeCalendarState';
 export interface CalendarAria {
     /** Props for the calendar grouping element. */
@@ -14,4 +14,4 @@ export interface CalendarAria {
     /** A description of the visible date range, for use in the calendar title. */
     title: string;
 }
-export declare function useCalendarBase(props: CalendarPropsBase & DOMProps & AriaLabelingProps, state: CalendarState | RangeCalendarState): CalendarAria;
+export declare function useCalendarBase(props: CalendarPropsBase & DOMProps & AriaLabelingProps, state: CalendarState<CalendarSelectionMode> | RangeCalendarState): CalendarAria;

package/dist/types/src/calendar/useCalendarCell.d.ts

@@ -1,5 +1,5 @@
 import { CalendarDate } from '@internationalized/date';
-import { CalendarState } from 'react-stately/useCalendarState';
+import { CalendarSelectionMode, CalendarState } from 'react-stately/useCalendarState';
 import { DOMAttributes, RefObject } from '@react-types/shared';
 import { RangeCalendarState } from 'react-stately/useRangeCalendarState';
 export interface AriaCalendarCellProps {
@@ -27,15 +27,16 @@ export interface CalendarCellAria {
     /** Whether the cell is focused. */
     isFocused: boolean;
     /**
-     * Whether the cell is disabled, according to the calendar's `minValue`, `maxValue`, and `isDisabled` props.
-     * Disabled dates are not focusable, and cannot be selected by the user. They are typically
-     * displayed with a dimmed appearance.
+     * Whether the cell is disabled, according to the calendar's `minValue`, `maxValue`, and
+     * `isDisabled` props. Disabled dates are not focusable, and cannot be selected by the user. They
+     * are typically displayed with a dimmed appearance.
      */
     isDisabled: boolean;
     /**
-     * Whether the cell is unavailable, according to the calendar's `isDateUnavailable` prop. Unavailable dates remain
-     * focusable, but cannot be selected by the user. They should be displayed with a visual affordance to indicate they
-     * are unavailable, such as a different color or a strikethrough.
+     * Whether the cell is unavailable, according to the calendar's `isDateUnavailable` prop.
+     * Unavailable dates remain focusable, but cannot be selected by the user. They should be
+     * displayed with a visual affordance to indicate they are unavailable, such as a different color
+     * or a strikethrough.
      *
      * Note that because they are focusable, unavailable dates must meet a 4.5:1 color contrast ratio,
      * [as defined by WCAG](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html).
@@ -55,4 +56,4 @@ export interface CalendarCellAria {
  * Provides the behavior and accessibility implementation for a calendar cell component.
  * A calendar cell displays a date cell within a calendar grid which can be selected by the user.
  */
-export declare function useCalendarCell(props: AriaCalendarCellProps, state: CalendarState | RangeCalendarState, ref: RefObject<HTMLElement | null>): CalendarCellAria;
+export declare function useCalendarCell(props: AriaCalendarCellProps, state: CalendarState<CalendarSelectionMode> | RangeCalendarState, ref: RefObject<HTMLElement | null>): CalendarCellAria;

package/dist/types/src/calendar/useCalendarGrid.d.ts

@@ -1,5 +1,5 @@
 import { CalendarDate } from '@internationalized/date';
-import { CalendarState } from 'react-stately/useCalendarState';
+import { CalendarSelectionMode, CalendarState } from 'react-stately/useCalendarState';
 import { DOMAttributes } from '@react-types/shared';
 import { RangeCalendarState } from 'react-stately/useRangeCalendarState';
 export interface AriaCalendarGridProps {
@@ -18,7 +18,8 @@ export interface AriaCalendarGridProps {
     /**
      * The style of weekday names to display in the calendar grid header,
      * e.g. single letter, abbreviation, or full day name.
-     * @default "narrow"
+     *
+     * @default 'narrow'
      */
     weekdayStyle?: 'narrow' | 'short' | 'long';
     /**
@@ -31,7 +32,10 @@ export interface CalendarGridAria {
     gridProps: DOMAttributes;
     /** Props for the grid header element (e.g. `<thead>`). */
     headerProps: DOMAttributes;
-    /** A list of week day abbreviations formatted for the current locale, typically used in column headers. */
+    /**
+     * A list of week day abbreviations formatted for the current locale, typically used in column
+     * headers.
+     */
     weekDays: string[];
     /** The number of weeks in the month. */
     weeksInMonth: number;
@@ -41,4 +45,4 @@ export interface CalendarGridAria {
  * 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 declare function useCalendarGrid(props: AriaCalendarGridProps, state: CalendarState | RangeCalendarState): CalendarGridAria;
+export declare function useCalendarGrid(props: AriaCalendarGridProps, state: CalendarState<CalendarSelectionMode> | RangeCalendarState): CalendarGridAria;

package/dist/types/src/calendar/useCalendarHeading.d.ts

@@ -0,0 +1,22 @@
+import { CalendarSelectionMode, CalendarState } from 'react-stately/useCalendarState';
+import { DateDuration } from '@internationalized/date';
+import { RangeCalendarState } from 'react-stately/useRangeCalendarState';
+export interface CalendarHeadingFormatOptions {
+    day?: 'numeric' | '2-digit';
+    month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';
+    year?: 'numeric' | '2-digit';
+    era?: 'long' | 'short' | 'narrow';
+}
+export interface CalendarHeadingProps {
+    /**
+     * The number of months from the start of the visible range to display.
+     *
+     * @default 0
+     */
+    offset?: DateDuration;
+    /**
+     * The format of the month heading.
+     */
+    format?: CalendarHeadingFormatOptions;
+}
+export declare function useCalendarHeading(props: CalendarHeadingProps, state: CalendarState<CalendarSelectionMode> | RangeCalendarState): string;

package/dist/types/src/calendar/useCalendarMonthPicker.d.ts

@@ -0,0 +1,22 @@
+import { CalendarDate } from '@internationalized/date';
+import { CalendarSelectionMode, CalendarState } from 'react-stately/useCalendarState';
+import { Key } from '@react-types/shared';
+import { RangeCalendarState } from 'react-stately/useRangeCalendarState';
+export interface CalendarMonthPickerProps {
+    /**
+     * The format of the month.
+     */
+    format?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';
+}
+export interface CalendarMonthPickerAria {
+    'aria-label': string;
+    value: Key;
+    onChange: (key: Key | null) => void;
+    items: CalendarMonthPickerItem[];
+}
+export interface CalendarMonthPickerItem {
+    id: number;
+    date: CalendarDate;
+    formatted: string;
+}
+export declare function useCalendarMonthPicker(props: CalendarMonthPickerProps, state: CalendarState<CalendarSelectionMode> | RangeCalendarState): CalendarMonthPickerAria;

package/dist/types/src/calendar/useCalendarYearPicker.d.ts

@@ -0,0 +1,32 @@
+import { CalendarDate } from '@internationalized/date';
+import { CalendarSelectionMode, CalendarState } from 'react-stately/useCalendarState';
+import { Key } from '@react-types/shared';
+import { RangeCalendarState } from 'react-stately/useRangeCalendarState';
+export interface CalendarYearPickerFormatOptions {
+    year?: 'numeric' | '2-digit';
+    era?: 'long' | 'short' | 'narrow';
+}
+export interface CalendarYearPickerProps {
+    /**
+     * The number of years to display.
+     *
+     * @default 20
+     */
+    visibleYears?: number;
+    /**
+     * The format to display.
+     */
+    format?: CalendarYearPickerFormatOptions;
+}
+export interface CalendarYearPickerAria {
+    'aria-label': string;
+    value: Key;
+    onChange: (key: Key | null) => void;
+    items: CalendarYearPickerItem[];
+}
+export interface CalendarYearPickerItem {
+    id: number;
+    date: CalendarDate;
+    formatted: string;
+}
+export declare function useCalendarYearPicker(props: CalendarYearPickerProps, state: CalendarState<CalendarSelectionMode> | RangeCalendarState): CalendarYearPickerAria;

package/dist/types/src/calendar/useRangeCalendar.d.ts

@@ -4,19 +4,19 @@ import { DateValue, RangeCalendarState } from 'react-stately/useRangeCalendarSta
 import { RangeCalendarProps } from 'react-stately/useRangeCalendarState';
 export interface AriaRangeCalendarProps<T extends DateValue> extends RangeCalendarProps<T>, DOMProps, AriaLabelingProps {
     /**
-     * Controls the behavior when a pointer is released outside the calendar or a blur occurs mid selection:
+     * Controls the behavior when a pointer is released outside the calendar or a blur occurs mid
+     * selection:
      *
      * - `clear`: clear the currently selected range of dates.
-     *
      * - `reset`: reset the selection to the previously selected range of dates.
-     *
      * - `select`: select the currently hovered range of dates.
+     *
      * @default 'select'
      */
     commitBehavior?: 'clear' | 'reset' | 'select';
 }
 /**
- * Provides the behavior and accessibility implementation for a range calendar component.
- * A range calendar displays one or more date grids and allows users to select a contiguous range of dates.
+ * Provides the behavior and accessibility implementation for a range calendar component. A range
+ * calendar displays one or more date grids and allows users to select a contiguous range of dates.
  */
 export declare function useRangeCalendar<T extends DateValue>(props: AriaRangeCalendarProps<T>, state: RangeCalendarState, ref: RefObject<FocusableElement | null>): CalendarAria;

package/dist/types/src/calendar/utils.d.ts

@@ -1,5 +1,5 @@
 import { CalendarDate } from '@internationalized/date';
-import { CalendarState } from 'react-stately/useCalendarState';
+import { CalendarSelectionMode, CalendarState } from 'react-stately/useCalendarState';
 import { RangeCalendarState } from 'react-stately/useRangeCalendarState';
 interface HookData {
     ariaLabel?: string;
@@ -7,8 +7,8 @@ interface HookData {
     errorMessageId: string;
     selectedDateDescription: string;
 }
-export declare const hookData: WeakMap<CalendarState | RangeCalendarState, HookData>;
+export declare const hookData: WeakMap<CalendarState<CalendarSelectionMode> | RangeCalendarState, HookData>;
 export declare function getEraFormat(date: CalendarDate | undefined): 'short' | undefined;
-export declare function useSelectedDateDescription(state: CalendarState | RangeCalendarState): string;
+export declare function useSelectedDateDescription(state: CalendarState<'single' | 'multiple'> | RangeCalendarState): string;
 export declare function useVisibleRangeDescription(startDate: CalendarDate, endDate: CalendarDate, timeZone: string, isAria: boolean): string;
 export {};

package/dist/types/src/checkbox/useCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { AriaToggleProps } from '../toggle/useToggle';
-import { InputDOMProps, RefObject, ValidationResult } from '@react-types/shared';
+import { DOMAttributesWithRef, InputDOMProps, RefObject, ValidationResult } from '@react-types/shared';
 import { InputHTMLAttributes, LabelHTMLAttributes } from 'react';
 import { ToggleProps, ToggleState } from 'react-stately/useToggleState';
 export interface CheckboxProps extends ToggleProps {
@@ -16,6 +16,10 @@ export interface CheckboxAria extends ValidationResult {
     labelProps: LabelHTMLAttributes<HTMLLabelElement>;
     /** Props for the input element. */
     inputProps: InputHTMLAttributes<HTMLInputElement>;
+    /** Props for the checkbox description element, if any. */
+    descriptionProps: DOMAttributesWithRef<HTMLElement>;
+    /** Props for the checkbox error message element, if any. */
+    errorMessageProps: DOMAttributesWithRef<HTMLElement>;
     /** Whether the checkbox is selected. */
     isSelected: boolean;
     /** Whether the checkbox is in a pressed state. */
@@ -29,6 +33,7 @@ export interface CheckboxAria extends ValidationResult {
  * Provides the behavior and accessibility implementation for a checkbox component.
  * Checkboxes allow users to select multiple items from a list of individual items, or
  * to mark one individual item as selected.
+ *
  * @param props - Props for the checkbox.
  * @param state - State for the checkbox, as returned by `useToggleState`.
  * @param inputRef - A ref for the HTML input element.

package/dist/types/src/checkbox/useCheckboxGroup.d.ts

@@ -15,6 +15,7 @@ export interface CheckboxGroupAria extends ValidationResult {
 /**
  * Provides the behavior and accessibility implementation for a checkbox group component.
  * Checkbox groups allow users to select multiple items from a list of options.
+ *
  * @param props - Props for the checkbox group.
  * @param state - State for the checkbox group, as returned by `useCheckboxGroupState`.
  */

package/dist/types/src/checkbox/useCheckboxGroupItem.d.ts

@@ -5,8 +5,9 @@ export interface AriaCheckboxGroupItemProps extends Omit<AriaCheckboxProps, 'isS
     value: string;
 }
 /**
- * Provides the behavior and accessibility implementation for a checkbox component contained within a checkbox group.
- * Checkbox groups allow users to select multiple items from a list of options.
+ * Provides the behavior and accessibility implementation for a checkbox component contained within
+ * a checkbox group. Checkbox groups allow users to select multiple items from a list of options.
+ *
  * @param props - Props for the checkbox.
  * @param state - State for the checkbox, as returned by `useCheckboxGroupState`.
  * @param inputRef - A ref for the HTML input element.

package/dist/types/src/collections/CollectionBuilder.d.ts

@@ -2,25 +2,26 @@ import { BaseCollection, CollectionNode } from './BaseCollection';
 import { CachedChildrenOptions } from './useCachedChildren';
 import { Key, Node } from '@react-types/shared';
 import React, { ForwardedRef, JSX, ReactElement, ReactNode } from 'react';
-export interface CollectionBuilderProps<C extends BaseCollection<object>> {
+export interface CollectionBuilderProps<C extends BaseCollection<any>> {
     content: ReactNode;
     children: (collection: C) => ReactNode;
     createCollection?: () => C;
 }
 /**
- * Builds a `Collection` from the children provided to the `content` prop, and passes it to the child render prop function.
+ * Builds a `Collection` from the children provided to the `content` prop, and passes it to the
+ * child render prop function.
  */
-export declare function CollectionBuilder<C extends BaseCollection<object>>(props: CollectionBuilderProps<C>): ReactElement;
+export declare function CollectionBuilder<C extends BaseCollection<any>>(props: CollectionBuilderProps<C>): ReactElement;
 export type CollectionNodeClass<T> = {
     new (key: Key): CollectionNode<T>;
     readonly type: string;
 };
-export declare function createLeafComponent<T extends object, P extends object, E extends Element>(CollectionNodeClass: CollectionNodeClass<any> | string, render: (props: P, ref: ForwardedRef<E>) => ReactElement | null): (props: P & React.RefAttributes<E>) => ReactElement | null;
-export declare function createLeafComponent<T extends object, P extends object, E extends Element>(CollectionNodeClass: CollectionNodeClass<any> | string, render: (props: P, ref: ForwardedRef<E>, node: Node<T>) => ReactElement | null): (props: P & React.RefAttributes<E>) => ReactElement | null;
-export declare function createBranchComponent<T extends object, P extends {
+export declare function createLeafComponent<T, P extends object, E extends Element>(CollectionNodeClass: CollectionNodeClass<any> | string, render: (props: P, ref: ForwardedRef<E>) => ReactElement | null): (props: P & React.RefAttributes<E>) => ReactElement | null;
+export declare function createLeafComponent<T, P extends object, E extends Element>(CollectionNodeClass: CollectionNodeClass<any> | string, render: (props: P, ref: ForwardedRef<E>, node: Node<T>) => ReactElement | null): (props: P & React.RefAttributes<E>) => ReactElement | null;
+export declare function createBranchComponent<T, P extends {
     children?: any;
 }, E extends Element>(CollectionNodeClass: CollectionNodeClass<any> | string, render: (props: P, ref: ForwardedRef<E>, node: Node<T>) => ReactElement | null, useChildren?: (props: P) => ReactNode): (props: P & React.RefAttributes<E>) => ReactElement | null;
 export interface CollectionProps<T> extends CachedChildrenOptions<T> {
 }
 /** A Collection renders a list of items, automatically managing caching and keys. */
-export declare function Collection<T extends object>(props: CollectionProps<T>): JSX.Element;
+export declare function Collection<T>(props: CollectionProps<T>): JSX.Element;

package/dist/types/src/collections/useCachedChildren.d.ts

@@ -16,4 +16,4 @@ export interface CachedChildrenOptions<T> {
  * Maps over a list of items and renders React elements for them. Each rendered item is
  * cached based on object identity, and React keys are generated from the `key` or `id` property.
  */
-export declare function useCachedChildren<T extends object>(props: CachedChildrenOptions<T>): ReactNode;
+export declare function useCachedChildren<T>(props: CachedChildrenOptions<T>): ReactNode;

package/dist/types/src/color/useColorArea.d.ts

@@ -3,11 +3,13 @@ import { ColorAreaProps, ColorAreaState } from 'react-stately/useColorAreaState'
 import { InputHTMLAttributes } from 'react';
 export interface AriaColorAreaProps extends ColorAreaProps, DOMProps, AriaLabelingProps {
     /**
-     * The name of the x channel input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
+     * The name of the x channel input element, used when submitting an HTML form. See
+     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
      */
     xName?: string;
     /**
-     * The name of the y channel input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
+     * The name of the y channel input element, used when submitting an HTML form. See
+     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
      */
     yName?: string;
     /**
@@ -36,7 +38,8 @@ export interface AriaColorAreaOptions extends AriaColorAreaProps {
     containerRef: RefObject<Element | null>;
 }
 /**
- * Provides the behavior and accessibility implementation for a color area component.
- * Color area allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
+ * Provides the behavior and accessibility implementation for a color area component. Color area
+ * allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional
+ * gradient background.
  */
 export declare function useColorArea(props: AriaColorAreaOptions, state: ColorAreaState): ColorAreaAria;

package/dist/types/src/color/useColorChannelField.d.ts

@@ -6,7 +6,7 @@ export interface AriaColorChannelFieldProps extends ColorChannelFieldProps, Aria
 export interface ColorChannelFieldAria extends NumberFieldAria {
 }
 /**
- * Provides the behavior and accessibility implementation for a color channel field, allowing users to edit the
- * value of an individual color channel.
+ * Provides the behavior and accessibility implementation for a color channel field, allowing users
+ * to edit the value of an individual color channel.
  */
 export declare function useColorChannelField(props: AriaColorChannelFieldProps, state: ColorChannelFieldState, inputRef: RefObject<HTMLInputElement | null>): ColorChannelFieldAria;

package/dist/types/src/combobox/useComboBox.d.ts

@@ -14,7 +14,7 @@ export interface AriaComboBoxOptions<T, M extends SelectionMode = 'single'> exte
     popoverRef: RefObject<Element | null>;
     /** The ref for the list box. */
     listBoxRef: RefObject<HTMLElement | null>;
-    /** The ref for the optional list box popup trigger button.  */
+    /** The ref for the optional list box popup trigger button. */
     buttonRef?: RefObject<Element | null>;
     /** An optional keyboard delegate implementation, to override the default. */
     keyboardDelegate?: KeyboardDelegate;
@@ -42,8 +42,10 @@ export interface ComboBoxAria<T> extends ValidationResult {
     errorMessageProps: DOMAttributes;
 }
 /**
- * Provides the behavior and accessibility implementation for a combo box component.
- * A combo box combines a text input with a listbox, allowing users to filter a list of options to items matching a query.
+ * Provides the behavior and accessibility implementation for a combo box component. A combo box
+ * combines a text input with a listbox, allowing users to filter a list of options to items
+ * matching a query.
+ *
  * @param props - Props for the combo box.
  * @param state - State for the select, as returned by `useComboBoxState`.
  */

package/dist/types/src/datepicker/useDateField.d.ts

@@ -5,7 +5,8 @@ import { InputHTMLAttributes } from 'react';
 import { TimeFieldState, TimePickerProps, TimeValue } from 'react-stately/useTimeFieldState';
 export interface AriaDateFieldProps<T extends DateValue> extends DateFieldProps<T>, AriaLabelingProps, DOMProps, InputDOMProps {
     /**
-     * Describes the type of autocomplete functionality the input should provide if any. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).
+     * Describes the type of autocomplete functionality the input should provide if any. See
+     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).
      */
     autoComplete?: string;
 }

package/dist/types/src/datepicker/useDatePicker.d.ts

@@ -5,7 +5,8 @@ import { CalendarProps } from 'react-stately/useCalendarState';
 import { DatePickerProps, DatePickerState, DateValue } from 'react-stately/useDatePickerState';
 export interface AriaDatePickerProps<T extends DateValue> extends DatePickerProps<T>, AriaLabelingProps, InputDOMProps, DOMProps, InputDOMProps {
     /**
-     * Describes the type of autocomplete functionality the input should provide if any. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).
+     * Describes the type of autocomplete functionality the input should provide if any. See
+     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).
      */
     autoComplete?: string;
 }
@@ -28,7 +29,8 @@ export interface DatePickerAria extends ValidationResult {
     calendarProps: CalendarProps<DateValue>;
 }
 /**
- * Provides the behavior and accessibility implementation for a date picker component.
- * A date picker combines a DateField and a Calendar popover to allow users to enter or select a date and time value.
+ * Provides the behavior and accessibility implementation for a date picker component. A date picker
+ * combines a DateField and a Calendar popover to allow users to enter or select a date and time
+ * value.
  */
 export declare function useDatePicker<T extends DateValue>(props: AriaDatePickerProps<T>, state: DatePickerState, ref: RefObject<Element | null>): DatePickerAria;

package/dist/types/src/dialog/useDialog.d.ts

@@ -2,6 +2,7 @@ import { AriaLabelingProps, DOMAttributes, DOMProps, FocusableElement, RefObject
 export interface AriaDialogProps extends DOMProps, AriaLabelingProps {
     /**
      * The accessibility role for the dialog.
+     *
      * @default 'dialog'
      */
     role?: 'dialog' | 'alertdialog';

package/dist/types/src/disclosure/useDisclosure.d.ts

@@ -19,6 +19,7 @@ export interface DisclosureAria {
 }
 /**
  * Provides the behavior and accessibility implementation for a disclosure component.
+ *
  * @param props - Props for the disclosure.
  * @param state - State for the disclosure, as returned by `useDisclosureState`.
  * @param ref - A ref for the disclosure panel.

package/dist/types/src/dnd/ListDropTargetDelegate.d.ts

@@ -2,17 +2,20 @@ import { Direction, DropTarget, DropTargetDelegate, Node, Orientation, RefObject
 interface ListDropTargetDelegateOptions {
     /**
      * Whether the items are arranged in a stack or grid.
+     *
      * @default 'stack'
      */
     layout?: 'stack' | 'grid';
     /**
      * The primary orientation of the items. Usually this is the
      * direction that the collection scrolls.
+     *
      * @default 'vertical'
      */
     orientation?: Orientation;
     /**
      * The horizontal layout direction.
+     *
      * @default 'ltr'
      */
     direction?: Direction;

package/dist/types/src/dnd/useDrag.d.ts

@@ -6,17 +6,24 @@ export interface DragOptions {
     onDragStart?: (e: DragStartEvent) => void;
     /** Handler that is called when the drag is moved. */
     onDragMove?: (e: DragMoveEvent) => void;
-    /** Handler that is called when the drag operation is ended, either as a result of a drop or a cancellation. */
+    /**
+     * Handler that is called when the drag operation is ended, either as a result of a drop or a
+     * cancellation.
+     */
     onDragEnd?: (e: DragEndEvent) => void;
     /** A function that returns the items being dragged. */
     getItems: () => DragItem[];
     /** The ref of the element that will be rendered as the drag preview while dragging. */
     preview?: RefObject<DragPreviewRenderer | null>;
-    /** Function that returns the drop operations that are allowed for the dragged items. If not provided, all drop operations are allowed. */
+    /**
+     * Function that returns the drop operations that are allowed for the dragged items. If not
+     * provided, all drop operations are allowed.
+     */
     getAllowedDropOperations?: () => DropOperation[];
     /**
-     * Whether the item has an explicit focusable drag affordance to initiate accessible drag and drop mode.
-     * If true, the dragProps will omit these event handlers, and they will be applied to dragButtonProps instead.
+     * Whether the item has an explicit focusable drag affordance to initiate accessible drag and drop
+     * mode. If true, the dragProps will omit these event handlers, and they will be applied to
+     * dragButtonProps instead.
      */
     hasDragButton?: boolean;
     /**

package/dist/types/src/dnd/useDraggableCollection.d.ts

@@ -3,7 +3,7 @@ import { RefObject } from '@react-types/shared';
 export interface DraggableCollectionOptions {
 }
 /**
- * Handles drag interactions for a collection component, with support for traditional mouse and touch
- * based drag and drop, in addition to full parity for keyboard and screen reader users.
+ * Handles drag interactions for a collection component, with support for traditional mouse and
+ * touch based drag and drop, in addition to full parity for keyboard and screen reader users.
  */
 export declare function useDraggableCollection(props: DraggableCollectionOptions, state: DraggableCollectionState, ref: RefObject<HTMLElement | null>): void;

package/dist/types/src/dnd/useDraggableItem.d.ts

@@ -6,15 +6,16 @@ export interface DraggableItemProps {
     /** The key of the draggable item within the collection. */
     key: Key;
     /**
-     * Whether the item has an explicit focusable drag affordance to initiate accessible drag and drop mode.
-     * If true, the dragProps will omit these event handlers, and they will be applied to dragButtonProps instead.
+     * Whether the item has an explicit focusable drag affordance to initiate accessible drag and drop
+     * mode. If true, the dragProps will omit these event handlers, and they will be applied to
+     * dragButtonProps instead.
      */
     hasDragButton?: boolean;
     /**
-     * Whether the item has a primary action (e.g. Enter key or long press) that would
-     * conflict with initiating accessible drag and drop. If true, the Alt key must be held to
-     * start dragging with a keyboard, and long press is disabled until selection mode is entered.
-     * This should be passed from the associated collection item hook (e.g. useOption, useGridListItem, etc.).
+     * Whether the item has a primary action (e.g. Enter key or long press) that would conflict with
+     * initiating accessible drag and drop. If true, the Alt key must be held to start dragging with a
+     * keyboard, and long press is disabled until selection mode is entered. This should be passed
+     * from the associated collection item hook (e.g. useOption, useGridListItem, etc.).
      */
     hasAction?: boolean;
 }