react-aria-components 1.17.0 → 1.18.0

package/dist/types/src/Calendar.d.ts

@@ -1,24 +1,27 @@
-import { AriaCalendarProps } from 'react-aria/useCalendar';
+import { CalendarHeadingProps as AriaCalendarHeadingProps, CalendarMonthPickerProps as AriaCalendarMonthPickerProps, AriaCalendarProps, CalendarYearPickerProps as AriaCalendarYearPickerProps, CalendarMonthPickerAria, CalendarYearPickerAria } from 'react-aria/useCalendar';
 import { AriaRangeCalendarProps } from 'react-aria/useRangeCalendar';
 import { CalendarDate, CalendarIdentifier, DateDuration, Calendar as ICalendar } from '@internationalized/date';
-import { CalendarState } from 'react-stately/useCalendarState';
+import { CalendarSelectionMode, CalendarState } from 'react-stately/useCalendarState';
 import { ClassNameOrFunction, ContextValue, DOMProps, DOMRenderProps, RenderProps, SlotProps, StyleProps } from './utils';
 import { DateValue } from 'react-stately/useRangeCalendarState';
 import { GlobalDOMAttributes, HoverEvents } from '@react-types/shared';
+import { HeadingProps } from './Heading';
 import { RangeCalendarState } from 'react-stately/useRangeCalendarState';
-import React, { ReactElement } from 'react';
-export interface CalendarRenderProps {
+import React, { JSX, ReactElement } from 'react';
+export interface CalendarRenderProps<M extends CalendarSelectionMode = 'single'> {
     /**
      * Whether the calendar is disabled.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
     /**
      * State of the calendar.
      */
-    state: CalendarState;
+    state: CalendarState<M>;
     /**
      * Whether the calendar is invalid.
+     *
      * @selector [data-invalid]
      */
     isInvalid: boolean;
@@ -29,52 +32,61 @@ export interface RangeCalendarRenderProps extends Omit<CalendarRenderProps, 'sta
      */
     state: RangeCalendarState;
 }
-export interface CalendarProps<T extends DateValue> extends Omit<AriaCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+export interface CalendarProps<T extends DateValue, M extends CalendarSelectionMode = 'single'> extends Omit<AriaCalendarProps<T, M>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps<M>, 'div'>, 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.
+     * 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-Calendar'
      */
-    className?: ClassNameOrFunction<CalendarRenderProps>;
+    className?: ClassNameOrFunction<CalendarRenderProps<M>>;
     /**
      * The amount of days that will be displayed at once. This affects how pagination works.
-     * @default {months: 1}
+     *
+     * @default { months: 1 }
      */
     visibleDuration?: DateDuration;
     /**
-     * A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)
-     * object for a given calendar identifier. If not provided, the `createCalendar` function
-     * from `@internationalized/date` will be used.
+     * A function to create a new
+     * [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html) object for a
+     * given calendar identifier. If not provided, the `createCalendar` function from
+     * `@internationalized/date` will be used.
      */
     createCalendar?: (identifier: CalendarIdentifier) => ICalendar;
 }
 export interface RangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<RangeCalendarRenderProps, 'div'>, 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.
+     * 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-RangeCalendar'
      */
     className?: ClassNameOrFunction<RangeCalendarRenderProps>;
     /**
      * The amount of days that will be displayed at once. This affects how pagination works.
-     * @default {months: 1}
+     *
+     * @default { months: 1 }
      */
     visibleDuration?: DateDuration;
     /**
-     * A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)
-     * object for a given calendar identifier. If not provided, the `createCalendar` function
-     * from `@internationalized/date` will be used.
+     * A function to create a new
+     * [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html) object for a
+     * given calendar identifier. If not provided, the `createCalendar` function from
+     * `@internationalized/date` will be used.
      */
     createCalendar?: (identifier: CalendarIdentifier) => ICalendar;
 }
-export declare const CalendarContext: React.Context<ContextValue<CalendarProps<any>, HTMLDivElement>>;
+export declare const CalendarContext: React.Context<ContextValue<CalendarProps<any, CalendarSelectionMode>, HTMLDivElement>>;
 export declare const RangeCalendarContext: React.Context<ContextValue<RangeCalendarProps<any>, HTMLDivElement>>;
-export declare const CalendarStateContext: React.Context<CalendarState | null>;
+export declare const CalendarStateContext: React.Context<CalendarState<CalendarSelectionMode> | null>;
 export declare const RangeCalendarStateContext: React.Context<RangeCalendarState<DateValue> | null>;
 /**
  * A calendar displays one or more date grids and allows users to select a single date.
  */
-export declare const Calendar: <T extends DateValue>(props: CalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Calendar: <T extends DateValue, M extends CalendarSelectionMode = "single">(props: CalendarProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 /**
- * A range calendar displays one or more date grids and allows users to select a contiguous range of dates.
+ * A range calendar displays one or more date grids and allows users to select a contiguous range of
+ * dates.
  */
 export declare const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface CalendarCellRenderProps {
@@ -84,61 +96,72 @@ export interface CalendarCellRenderProps {
     formattedDate: string;
     /**
      * Whether the cell is currently hovered with a mouse.
+     *
      * @selector [data-hovered]
      */
     isHovered: boolean;
     /**
      * Whether the cell is currently being pressed.
+     *
      * @selector [data-pressed]
      */
     isPressed: boolean;
     /**
      * Whether the cell is selected.
+     *
      * @selector [data-selected]
      */
     isSelected: boolean;
     /**
      * Whether the cell is the first date in a range selection.
+     *
      * @selector [data-selection-start]
      */
     isSelectionStart: boolean;
     /**
      * Whether the cell is the last date in a range selection.
+     *
      * @selector [data-selection-end]
      */
     isSelectionEnd: boolean;
     /**
      * Whether the cell is focused.
+     *
      * @selector [data-focused]
      */
     isFocused: boolean;
     /**
      * Whether the cell is keyboard focused.
+     *
      * @selector [data-focus-visible]
      */
     isFocusVisible: 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.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
     /**
      * Whether the cell is outside the visible range of the calendar.
      * For example, dates before the first day of a month in the same week.
+     *
      * @selector [data-outside-visible-range]
      */
     isOutsideVisibleRange: boolean;
     /**
      * Whether the cell is outside the current month.
+     *
      * @selector [data-outside-month]
      */
     isOutsideMonth: 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).
@@ -148,18 +171,22 @@ export interface CalendarCellRenderProps {
     isUnavailable: boolean;
     /**
      * Whether the cell is part of an invalid selection.
+     *
      * @selector [data-invalid]
      */
     isInvalid: boolean;
     /**
      * Whether the cell is today.
+     *
      * @selector [data-today]
      */
     isToday: boolean;
 }
 export interface CalendarGridProps extends StyleProps, DOMRenderProps<'table', undefined>, GlobalDOMAttributes<HTMLTableElement> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
      * @default 'react-aria-CalendarGrid'
      */
     className?: string;
@@ -178,7 +205,8 @@ export interface CalendarGridProps extends StyleProps, DOMRenderProps<'table', u
     /**
      * 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';
 }
@@ -189,7 +217,9 @@ export interface CalendarGridProps extends StyleProps, DOMRenderProps<'table', u
 export declare const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface CalendarGridHeaderProps extends StyleProps, DOMRenderProps<'thead', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
      * @default 'react-aria-CalendarGridHeader'
      */
     className?: string;
@@ -203,7 +233,9 @@ declare const CalendarGridHeaderForwardRef: (props: CalendarGridHeaderProps & Re
 export { CalendarGridHeaderForwardRef as CalendarGridHeader };
 export interface CalendarHeaderCellProps extends DOMProps, DOMRenderProps<'th', undefined>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
      * @default 'react-aria-CalendarHeaderCell'
      */
     className?: string;
@@ -215,7 +247,9 @@ declare const CalendarHeaderCellForwardRef: React.ForwardRefExoticComponent<Cale
 export { CalendarHeaderCellForwardRef as CalendarHeaderCell };
 export interface CalendarGridBodyProps extends StyleProps, DOMRenderProps<'tbody', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
      * @default 'react-aria-CalendarGridBody'
      */
     className?: string;
@@ -229,7 +263,9 @@ declare const CalendarGridBodyForwardRef: (props: CalendarGridBodyProps & React.
 export { CalendarGridBodyForwardRef as CalendarGridBody };
 export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps, 'div'>, HoverEvents, GlobalDOMAttributes<HTMLTableCellElement> {
     /**
-     * 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.
+     * 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-CalendarCell'
      */
     className?: ClassNameOrFunction<CalendarCellRenderProps>;
@@ -240,3 +276,27 @@ export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps,
  * A calendar cell displays a date cell within a calendar grid which can be selected by the user.
  */
 export declare const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export interface CalendarYearPickerProps extends AriaCalendarYearPickerProps {
+    /**
+     * A function to render the year picker.
+     */
+    children: (renderProps: CalendarYearPickerAria) => JSX.Element;
+}
+export declare function CalendarYearPicker(props: CalendarYearPickerProps): JSX.Element;
+export interface CalendarMonthPickerProps extends AriaCalendarMonthPickerProps {
+    /**
+     * A function to render the month picker.
+     */
+    children: (renderProps: CalendarMonthPickerAria) => JSX.Element;
+}
+export declare function CalendarMonthPicker(props: CalendarMonthPickerProps): JSX.Element;
+export interface CalendarHeadingProps extends AriaCalendarHeadingProps, HeadingProps {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
+     * @default 'react-aria-CalendarHeading'
+     */
+    className?: string;
+}
+export declare const CalendarHeading: React.ForwardRefExoticComponent<CalendarHeadingProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/types/src/Checkbox.d.ts

@@ -7,14 +7,18 @@ import { HoverEvents } from '@react-types/shared';
 import React from 'react';
 export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxGroupRenderProps, 'div'>, 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.
+     * 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-CheckboxGroup'
      */
     className?: ClassNameOrFunction<CheckboxGroupRenderProps>;
 }
 export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, '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.
+     * 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-Checkbox'
      */
     className?: ClassNameOrFunction<CheckboxRenderProps>;
@@ -23,24 +27,50 @@ export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'val
      */
     inputRef?: RefObject<HTMLInputElement | null>;
 }
+export interface CheckboxFieldProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxFieldRenderProps>, SlotProps, 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-CheckboxField'
+     */
+    className?: ClassNameOrFunction<CheckboxFieldRenderProps>;
+    /**
+     * A ref for the HTML input element.
+     */
+    inputRef?: RefObject<HTMLInputElement | null>;
+}
+export interface CheckboxButtonProps extends HoverEvents, RenderProps<CheckboxButtonRenderProps, 'label'>, SlotProps, GlobalDOMAttributes<HTMLLabelElement> {
+    /**
+     * 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-CheckboxButton'
+     */
+    className?: ClassNameOrFunction<CheckboxButtonRenderProps>;
+}
 export interface CheckboxGroupRenderProps {
     /**
      * Whether the checkbox group is disabled.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
     /**
      * Whether the checkbox group is read only.
+     *
      * @selector [data-readonly]
      */
     isReadOnly: boolean;
     /**
      * Whether the checkbox group is required.
+     *
      * @selector [data-required]
      */
     isRequired: boolean;
     /**
      * Whether the checkbox group is invalid.
+     *
      * @selector [data-invalid]
      */
     isInvalid: boolean;
@@ -52,64 +82,125 @@ export interface CheckboxGroupRenderProps {
 export interface CheckboxRenderProps {
     /**
      * Whether the checkbox is selected.
+     *
      * @selector [data-selected]
      */
     isSelected: boolean;
     /**
      * Whether the checkbox is indeterminate.
+     *
      * @selector [data-indeterminate]
      */
     isIndeterminate: boolean;
     /**
      * Whether the checkbox is currently hovered with a mouse.
+     *
      * @selector [data-hovered]
      */
     isHovered: boolean;
     /**
      * Whether the checkbox is currently in a pressed state.
+     *
      * @selector [data-pressed]
      */
     isPressed: boolean;
     /**
      * Whether the checkbox is focused, either via a mouse or keyboard.
+     *
      * @selector [data-focused]
      */
     isFocused: boolean;
     /**
      * Whether the checkbox is keyboard focused.
+     *
      * @selector [data-focus-visible]
      */
     isFocusVisible: boolean;
     /**
      * Whether the checkbox is disabled.
+     *
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the checkbox is read only.
+     *
+     * @selector [data-readonly]
+     */
+    isReadOnly: boolean;
+    /**
+     * Whether the checkbox invalid.
+     *
+     * @selector [data-invalid]
+     */
+    isInvalid: boolean;
+    /**
+     * Whether the checkbox is required.
+     *
+     * @selector [data-required]
+     */
+    isRequired: boolean;
+}
+export interface CheckboxFieldRenderProps {
+    /**
+     * Whether the checkbox is selected.
+     *
+     * @selector [data-selected]
+     */
+    isSelected: boolean;
+    /**
+     * Whether the checkbox is indeterminate.
+     *
+     * @selector [data-indeterminate]
+     */
+    isIndeterminate: boolean;
+    /**
+     * Whether the checkbox is disabled.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
     /**
      * Whether the checkbox is read only.
+     *
      * @selector [data-readonly]
      */
     isReadOnly: boolean;
     /**
      * Whether the checkbox invalid.
+     *
      * @selector [data-invalid]
      */
     isInvalid: boolean;
     /**
      * Whether the checkbox is required.
+     *
      * @selector [data-required]
      */
     isRequired: boolean;
 }
+export interface CheckboxButtonRenderProps extends CheckboxRenderProps {
+}
 export declare const CheckboxContext: React.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
+export declare const CheckboxFieldContext: React.Context<ContextValue<CheckboxFieldProps, HTMLDivElement>>;
 export declare const CheckboxGroupContext: React.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
 export declare const CheckboxGroupStateContext: React.Context<CheckboxGroupState | null>;
 /**
  * A checkbox group allows a user to select multiple items from a list of options.
  */
 export declare const CheckboxGroup: (props: CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+/**
+ * A checkbox allows a user to select an item, with support for validation and help text.
+ */
+export declare const CheckboxField: (props: CheckboxFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 /**
  * A checkbox allows a user to select multiple items from a list of individual items, or
  * to mark one individual item as selected.
+ *
+ * @deprecated Use CheckboxField + CheckboxButton instead.
  */
 export declare const Checkbox: (props: CheckboxProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+/**
+ * A checkbox button is the clickable area of a checkbox, including the indicator and label.
+ */
+export declare const CheckboxButton: (props: CheckboxButtonProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;

package/dist/types/src/Collection.d.ts

@@ -11,37 +11,44 @@ export interface CollectionProps<T> extends Omit<CollectionBase<T>, 'children'>
 export interface ItemRenderProps {
     /**
      * Whether the item is currently hovered with a mouse.
+     *
      * @selector [data-hovered]
      */
     isHovered: boolean;
     /**
      * Whether the item is currently in a pressed state.
+     *
      * @selector [data-pressed]
      */
     isPressed: boolean;
     /**
      * Whether the item is currently selected.
+     *
      * @selector [data-selected]
      */
     isSelected: boolean;
     /**
      * Whether the item is currently focused.
+     *
      * @selector [data-focused]
      */
     isFocused: boolean;
     /**
      * Whether the item is currently keyboard focused.
+     *
      * @selector [data-focus-visible]
      */
     isFocusVisible: boolean;
     /**
-     * Whether the item is non-interactive, i.e. both selection and actions are disabled and the item may
-     * not be focused. Dependent on `disabledKeys` and `disabledBehavior`.
+     * Whether the item is non-interactive, i.e. both selection and actions are disabled and the item
+     * may not be focused. Dependent on `disabledKeys` and `disabledBehavior`.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
     /**
      * The type of selection that is allowed in the collection.
+     *
      * @selector [data-selection-mode="single | multiple"]
      */
     selectionMode: SelectionMode;
@@ -49,18 +56,21 @@ export interface ItemRenderProps {
     selectionBehavior: SelectionBehavior;
     /**
      * Whether the item allows dragging.
+     *
      * @note This property is only available in collection components that support drag and drop.
      * @selector [data-allows-dragging]
      */
     allowsDragging?: boolean;
     /**
      * Whether the item is currently being dragged.
+     *
      * @note This property is only available in collection components that support drag and drop.
      * @selector [data-dragging]
      */
     isDragging?: boolean;
     /**
      * Whether the item is currently an active drop target.
+     *
      * @note This property is only available in collection components that support drag and drop.
      * @selector [data-drop-target]
      */
@@ -69,7 +79,10 @@ export interface ItemRenderProps {
 export interface SectionProps<T> extends Omit<SharedSectionProps<T>, 'children' | 'title'>, StyleProps, GlobalDOMAttributes<HTMLElement> {
     /** The unique id of the section. */
     id?: Key;
-    /** The object value that this section represents. When using dynamic collections, this is set automatically. */
+    /**
+     * The object value that this section represents. When using dynamic collections, this is set
+     * automatically.
+     */
     value?: T;
     /** Static child items or a function to render children. */
     children?: ReactNode | ((item: T) => ReactElement);
@@ -82,7 +95,7 @@ interface SectionContextValue {
 }
 export declare const SectionContext: React.Context<SectionContextValue | null>;
 /** @deprecated */
-export declare const Section: <T extends object>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Section: <T extends unknown>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface CollectionBranchProps {
     /** The collection of items to render. */
     collection: ICollection<Node<unknown>>;

package/dist/types/src/ColorArea.d.ts

@@ -6,6 +6,7 @@ import React from 'react';
 export interface ColorAreaRenderProps {
     /**
      * Whether the color area is disabled.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
@@ -16,7 +17,9 @@ export interface ColorAreaRenderProps {
 }
 export interface ColorAreaProps extends AriaColorAreaProps, RenderProps<ColorAreaRenderProps>, 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.
+     * 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-ColorArea'
      */
     className?: ClassNameOrFunction<ColorAreaRenderProps>;
@@ -24,6 +27,7 @@ export interface ColorAreaProps extends AriaColorAreaProps, RenderProps<ColorAre
 export declare const ColorAreaContext: React.Context<ContextValue<Partial<ColorAreaProps>, HTMLDivElement>>;
 export declare const ColorAreaStateContext: React.Context<ColorAreaState | null>;
 /**
- * A color area allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
+ * A color area allows users to adjust two channels of an RGB, HSL or HSB color value against a
+ * two-dimensional gradient background.
  */
 export declare const ColorArea: React.ForwardRefExoticComponent<ColorAreaProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/src/ColorField.d.ts

@@ -7,26 +7,31 @@ import React from 'react';
 export interface ColorFieldRenderProps {
     /**
      * Whether the color field is disabled.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
     /**
      * Whether the color field is invalid.
+     *
      * @selector [data-invalid]
      */
     isInvalid: boolean;
     /**
      * Whether the color field is read only.
+     *
      * @selector [data-readonly]
      */
     isReadOnly: boolean;
     /**
      * Whether the color field is required.
+     *
      * @selector [data-required]
      */
     isRequired: boolean;
     /**
      * The color channel that this field edits, or "hex" if no `channel` prop is set.
+     *
      * @selector [data-channel="hex | hue | saturation | ..."]
      */
     channel: ColorChannel | 'hex';
@@ -37,7 +42,9 @@ export interface ColorFieldRenderProps {
 }
 export interface ColorFieldProps extends Omit<AriaColorFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, InputDOMProps, RenderProps<ColorFieldRenderProps>, 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.
+     * 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-ColorField'
      */
     className?: ClassNameOrFunction<ColorFieldRenderProps>;

package/dist/types/src/ColorPicker.d.ts

@@ -7,7 +7,10 @@ export interface ColorPickerRenderProps {
     color: Color;
 }
 export interface ColorPickerProps extends StatelyColorPickerProps, SlotProps {
-    /** The children of the component. A function may be provided to alter the children based on component state. */
+    /**
+     * The children of the component. A function may be provided to alter the children based on
+     * component state.
+     */
     children: ChildrenOrFunction<ColorPickerRenderProps>;
 }
 export declare const ColorPickerContext: React.Context<SlottedContextValue<ColorPickerProps>>;