react-aria-components 1.17.0 → 1.19.0

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

@@ -8,10 +8,11 @@ import { LoadMoreSentinelProps } from 'react-aria/private/utils/useLoadMoreSenti
 import React, { ReactElement, ReactNode } from 'react';
 import { TableProps as SharedTableProps, TableState } from 'react-stately/useTableState';
 import { TableColumnResizeState } from 'react-stately/useTableState';
-export { TableLayout } from './TableLayout';
 export interface ResizableTableContainerProps extends DOMProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
     /**
-     * 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-ResizableTableContainer'
      */
     className?: string;
@@ -38,16 +39,19 @@ export declare const TableColumnResizeStateContext: React.Context<TableColumnRes
 export interface TableRenderProps {
     /**
      * Whether the table is currently focused.
+     *
      * @selector [data-focused]
      */
     isFocused: boolean;
     /**
      * Whether the table is currently keyboard focused.
+     *
      * @selector [data-focus-visible]
      */
     isFocusVisible: boolean;
     /**
      * Whether the table is currently the active drop target.
+     *
      * @selector [data-drop-target]
      */
     isDropTarget: boolean;
@@ -58,7 +62,9 @@ export interface TableRenderProps {
 }
 export interface TableProps extends Omit<SharedTableProps<any>, 'children'>, StyleRenderProps<TableRenderProps, 'table' | 'div'>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLTableElement> {
     /**
-     * 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-Table'
      */
     className?: ClassNameOrFunction<TableRenderProps>;
@@ -66,22 +72,27 @@ export interface TableProps extends Omit<SharedTableProps<any>, 'children'>, Sty
     children?: ReactNode;
     /**
      * How multiple selection should behave in the collection.
-     * @default "toggle"
+     *
+     * @default 'toggle'
      */
     selectionBehavior?: SelectionBehavior;
     /**
      * Whether `disabledKeys` applies to all interactions, or only selection.
-     * @default "all"
+     *
+     * @default 'all'
      */
     disabledBehavior?: DisabledBehavior;
     /** Handler that is called when a user performs an action on the row. */
     onRowAction?: (key: Key) => void;
-    /** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the Table. */
+    /**
+     * The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for
+     * the Table.
+     */
     dragAndDropHooks?: DragAndDropHooks;
 }
 /**
- * A table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys,
- * and optionally supports row selection and sorting.
+ * A table displays data in rows and columns and enables a user to navigate its contents via
+ * directional navigation keys, and optionally supports row selection and sorting.
  */
 export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement | HTMLTableElement>>;
 export interface TableOptionsContextValue {
@@ -101,19 +112,25 @@ export declare function useTableOptions(): TableOptionsContextValue;
 export interface TableHeaderRenderProps {
     /**
      * Whether the table header is currently hovered with a mouse.
+     *
      * @selector [data-hovered]
      */
     isHovered: boolean;
 }
 export interface TableHeaderProps<T> extends StyleRenderProps<TableHeaderRenderProps, 'thead' | 'div'>, HoverEvents, GlobalDOMAttributes<HTMLTableSectionElement> {
     /**
-     * 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-TableHeader'
      */
     className?: ClassNameOrFunction<TableHeaderRenderProps>;
     /** A list of table columns. */
     columns?: Iterable<T>;
-    /** A list of `Column(s)` or a function. If the latter, a list of columns must be provided using the `columns` prop. */
+    /**
+     * A list of `Column(s)` or a function. If the latter, a list of columns must be provided using
+     * the `columns` prop.
+     */
     children?: ReactNode | ((item: T) => ReactElement);
     /** Values that should invalidate the column cache when using dynamic collections. */
     dependencies?: ReadonlyArray<any>;
@@ -121,40 +138,47 @@ export interface TableHeaderProps<T> extends StyleRenderProps<TableHeaderRenderP
 /**
  * A header within a `<Table>`, containing the table columns.
  */
-export declare const TableHeader: <T extends object>(props: TableHeaderProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableSectionElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const TableHeader: <T extends unknown>(props: TableHeaderProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableSectionElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface ColumnRenderProps {
     /**
      * Whether the column is currently hovered with a mouse.
+     *
      * @selector [data-hovered]
      */
     isHovered: boolean;
     /**
      * Whether the column is currently in a pressed state.
+     *
      * @selector [data-pressed]
      */
     isPressed: boolean;
     /**
      * Whether the column is currently focused.
+     *
      * @selector [data-focused]
      */
     isFocused: boolean;
     /**
      * Whether the column is currently keyboard focused.
+     *
      * @selector [data-focus-visible]
      */
     isFocusVisible: boolean;
     /**
      * Whether the column allows sorting.
+     *
      * @selector [data-allows-sorting]
      */
     allowsSorting: boolean;
     /**
      * The current sort direction.
+     *
      * @selector [data-sort-direction="ascending | descending"]
      */
     sortDirection: SortDirection | undefined;
     /**
      * Whether the column is currently being resized.
+     *
      * @selector [data-resizing]
      */
     isResizing: boolean;
@@ -169,7 +193,9 @@ export interface ColumnRenderProps {
 }
 export interface ColumnProps extends RenderProps<ColumnRenderProps, 'th' | 'div'>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
     /**
-     * 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-Column'
      */
     className?: ClassNameOrFunction<ColumnRenderProps>;
@@ -177,17 +203,32 @@ export interface ColumnProps extends RenderProps<ColumnRenderProps, 'th' | 'div'
     id?: Key;
     /** Whether the column allows sorting. */
     allowsSorting?: boolean;
-    /** Whether a column is a [row header](https://www.w3.org/TR/wai-aria-1.1/#rowheader) and should be announced by assistive technology during row navigation. */
+    /**
+     * Whether a column is a [row header](https://www.w3.org/TR/wai-aria-1.1/#rowheader) and should be
+     * announced by assistive technology during row navigation.
+     */
     isRowHeader?: boolean;
     /** A string representation of the column's contents, used for accessibility announcements. */
     textValue?: string;
-    /** The width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
+    /**
+     * The width of the column. This prop only applies when the `<Table>` is wrapped in a
+     * `<ResizableTableContainer>`.
+     */
     width?: ColumnSize | null;
-    /** The default width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
+    /**
+     * The default width of the column. This prop only applies when the `<Table>` is wrapped in a
+     * `<ResizableTableContainer>`.
+     */
     defaultWidth?: ColumnSize | null;
-    /** The minimum width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
+    /**
+     * The minimum width of the column. This prop only applies when the `<Table>` is wrapped in a
+     * `<ResizableTableContainer>`.
+     */
     minWidth?: ColumnStaticSize | null;
-    /** The maximum width of the column. This prop only applies when the `<Table>` is wrapped in a `<ResizableTableContainer>`. */
+    /**
+     * The maximum width of the column. This prop only applies when the `<Table>` is wrapped in a
+     * `<ResizableTableContainer>`.
+     */
     maxWidth?: ColumnStaticSize | null;
 }
 /**
@@ -197,33 +238,40 @@ export declare const Column: (props: ColumnProps & React.RefAttributes<HTMLDivEl
 export interface ColumnResizerRenderProps {
     /**
      * Whether the resizer is currently hovered with a mouse.
+     *
      * @selector [data-hovered]
      */
     isHovered: boolean;
     /**
      * Whether the resizer is currently focused.
+     *
      * @selector [data-focused]
      */
     isFocused: boolean;
     /**
      * Whether the resizer is currently keyboard focused.
+     *
      * @selector [data-focus-visible]
      */
     isFocusVisible: boolean;
     /**
      * Whether the resizer is currently being resized.
+     *
      * @selector [data-resizing]
      */
     isResizing: boolean;
     /**
      * The direction that the column is currently resizable.
+     *
      * @selector [data-resizable-direction="right | left | both"]
      */
     resizableDirection: 'right' | 'left' | 'both';
 }
 export interface ColumnResizerProps extends HoverEvents, RenderProps<ColumnResizerRenderProps>, 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-ColumnResizer'
      */
     className?: ClassNameOrFunction<ColumnResizerRenderProps>;
@@ -234,18 +282,22 @@ export declare const ColumnResizer: React.ForwardRefExoticComponent<ColumnResize
 export interface TableBodyRenderProps {
     /**
      * Whether the table body has no rows and should display its empty state.
+     *
      * @selector [data-empty]
      */
     isEmpty: boolean;
     /**
      * Whether the Table is currently the active drop target.
+     *
      * @selector [data-drop-target]
      */
     isDropTarget: boolean;
 }
 export interface TableBodyProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TableBodyRenderProps, 'tbody' | 'div'>, GlobalDOMAttributes<HTMLTableSectionElement> {
     /**
-     * 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-TableBody'
      */
     className?: ClassNameOrFunction<TableBodyRenderProps>;
@@ -255,31 +307,61 @@ export interface TableBodyProps<T> extends Omit<CollectionProps<T>, 'disabledKey
 /**
  * The body of a `<Table>`, containing the table rows.
  */
-export declare const TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableSectionElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const TableBody: <T extends unknown>(props: TableBodyProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableSectionElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export interface TableFooterProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleProps, GlobalDOMAttributes<HTMLTableSectionElement> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
+     * @default 'react-aria-TableFooter'
+     */
+    className?: string;
+}
+/**
+ * The footer of a `<Table>`, containing table rows.
+ */
+export declare const TableFooter: <T extends unknown>(props: TableFooterProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableSectionElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface RowRenderProps extends ItemRenderProps {
-    /** Whether the row's children have keyboard focus. */
+    /**
+     * Whether the row's children have keyboard focus.
+     *
+     * @selector [data-focus-visible-within]
+     */
     isFocusVisibleWithin: boolean;
     /** The unique id of the row. */
     id?: Key;
     /**
      * Whether the row is expanded.
+     *
      * @selector [data-expanded]
      */
     isExpanded: boolean;
     /**
      * Whether the row has child rows.
+     *
      * @selector [data-has-child-items]
      */
     hasChildItems: boolean;
     /**
      * What level the row has within the table.
+     *
      * @selector [data-level]
      */
     level: number;
+    /**
+     * State of the table.
+     */
+    state: TableState<unknown>;
+}
+export interface RowFocusContextValue {
+    isFocusVisibleWithinRow: boolean;
 }
+export declare const RowFocusContext: React.Context<RowFocusContextValue>;
 export interface RowProps<T> extends StyleRenderProps<RowRenderProps, 'tr' | 'div'>, LinkDOMProps, HoverEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLTableRowElement>, '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-Row'
      */
     className?: ClassNameOrFunction<RowRenderProps>;
@@ -287,7 +369,10 @@ export interface RowProps<T> extends StyleRenderProps<RowRenderProps, 'tr' | 'di
     columns?: Iterable<T>;
     /** The cells within the row. Supports static items or a function for dynamic rendering. */
     children?: ReactNode | ((item: T) => ReactElement);
-    /** The object value that this row represents. When using dynamic collections, this is set automatically. */
+    /**
+     * The object value that this row represents. When using dynamic collections, this is set
+     * automatically.
+     */
     value?: T;
     /** Values that should invalidate the cell cache when using dynamic collections. */
     dependencies?: ReadonlyArray<any>;
@@ -295,9 +380,11 @@ export interface RowProps<T> extends StyleRenderProps<RowRenderProps, 'tr' | 'di
     textValue?: string;
     /** Whether the row is disabled. */
     isDisabled?: boolean;
+    /** Whether `disabledKeys` applies to all interactions, or only selection. */
+    disabledBehavior?: DisabledBehavior;
     /**
-     * Handler that is called when a user performs an action on the row. The exact user event depends on
-     * the collection's `selectionBehavior` prop and the interaction modality.
+     * Handler that is called when a user performs an action on the row. The exact user event depends
+     * on the collection's `selectionBehavior` prop and the interaction modality.
      */
     onAction?: () => void;
     /** The unique id of the row. */
@@ -308,42 +395,54 @@ export interface RowProps<T> extends StyleRenderProps<RowRenderProps, 'tr' | 'di
 /**
  * A row within a `<Table>`.
  */
-export declare const Row: <T extends object>(props: RowProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableRowElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Row: <T extends unknown>(props: RowProps<T> & React.RefAttributes<HTMLDivElement | HTMLTableRowElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface CellRenderProps {
     /**
      * Whether the cell is currently in a pressed state.
+     *
      * @selector [data-pressed]
      */
     isPressed: boolean;
     /**
      * Whether the cell is currently focused.
+     *
      * @selector [data-focused]
      */
     isFocused: boolean;
     /**
      * Whether the cell is currently keyboard focused.
+     *
      * @selector [data-focus-visible]
      */
     isFocusVisible: boolean;
     /**
      * Whether the cell is currently hovered with a mouse.
+     *
      * @selector [data-hovered]
      */
     isHovered: boolean;
     /**
      * Whether the parent row is currently selected.
+     *
      * @selector [data-selected]
      */
     isSelected: boolean;
     /**
-     * Whether the parent row 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 parent row 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;
+    /**
+     * Whether keyboard focus is visible anywhere within the parent row.
+     *
+     * @selector [data-focus-visible-within-row]
+     */
+    isFocusVisibleWithinRow: boolean;
     /**
      * The unique id of the cell.
-     **/
+     */
     id?: Key;
     /**
      * The index of the column that this cell belongs to. Respects col spanning.
@@ -351,28 +450,34 @@ export interface CellRenderProps {
     columnIndex?: number | null;
     /**
      * Whether the column displays hierarchical data.
+     *
      * @selector [data-tree-column]
      */
     isTreeColumn: boolean;
     /**
      * Whether the parent row is expanded.
+     *
      * @selector [data-expanded]
      */
     isExpanded: boolean;
     /**
      * Whether the parent row has child rows.
+     *
      * @selector [data-has-child-items]
      */
     hasChildItems: boolean;
     /**
      * What level the parent row has within the table.
+     *
      * @selector [data-level]
      */
     level: number;
 }
 export interface CellProps extends RenderProps<CellRenderProps, 'td' | 'div'>, 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-Cell'
      */
     className?: ClassNameOrFunction<CellRenderProps>;
@@ -389,7 +494,9 @@ export interface CellProps extends RenderProps<CellRenderProps, 'td' | 'div'>, G
 export declare const Cell: (props: CellProps & React.RefAttributes<HTMLDivElement | HTMLTableCellElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface TableLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'tr' | 'div', undefined>, GlobalDOMAttributes<HTMLTableRowElement> {
     /**
-     * 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-TableLoadMoreItem'
      */
     className?: string;

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

@@ -7,7 +7,9 @@ import React from 'react';
 import { TabListState } from 'react-stately/useTabListState';
 export interface TabsProps extends Omit<AriaTabListProps<any>, 'items' | 'children'>, RenderProps<TabsRenderProps>, 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-Tabs'
      */
     className?: ClassNameOrFunction<TabsRenderProps>;
@@ -15,13 +17,16 @@ export interface TabsProps extends Omit<AriaTabListProps<any>, 'items' | 'childr
 export interface TabsRenderProps {
     /**
      * The orientation of the tabs.
+     *
      * @selector [data-orientation="horizontal | vertical"]
      */
     orientation: Orientation;
 }
 export interface TabListProps<T> extends StyleRenderProps<TabListRenderProps>, AriaLabelingProps, Omit<CollectionProps<T>, 'disabledKeys'>, 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-TabList'
      */
     className?: ClassNameOrFunction<TabListRenderProps>;
@@ -29,6 +34,7 @@ export interface TabListProps<T> extends StyleRenderProps<TabListRenderProps>, A
 export interface TabListRenderProps {
     /**
      * The orientation of the tab list.
+     *
      * @selector [data-orientation="horizontal | vertical"]
      */
     orientation: Orientation;
@@ -39,7 +45,9 @@ export interface TabListRenderProps {
 }
 export interface TabProps extends Omit<RenderProps<TabRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', TabRenderProps>, AriaLabelingProps, LinkDOMProps, HoverEvents, FocusEvents, PressEvents, 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.
+     * 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-Tab'
      */
     className?: ClassNameOrFunction<TabRenderProps>;
@@ -51,44 +59,54 @@ export interface TabProps extends Omit<RenderProps<TabRenderProps>, 'render'>, P
 export interface TabRenderProps {
     /**
      * Whether the tab is currently hovered with a mouse.
+     *
      * @selector [data-hovered]
      */
     isHovered: boolean;
     /**
      * Whether the tab is currently in a pressed state.
+     *
      * @selector [data-pressed]
      */
     isPressed: boolean;
     /**
      * Whether the tab is currently selected.
+     *
      * @selector [data-selected]
      */
     isSelected: boolean;
     /**
      * Whether the tab is currently focused.
+     *
      * @selector [data-focused]
      */
     isFocused: boolean;
     /**
      * Whether the tab is currently keyboard focused.
+     *
      * @selector [data-focus-visible]
      */
     isFocusVisible: boolean;
     /**
      * Whether the tab is disabled.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
 }
 export interface TabPanelProps extends AriaTabPanelProps, RenderProps<TabPanelRenderProps>, 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-TabPanel'
      */
     className?: ClassNameOrFunction<TabPanelRenderProps>;
     /**
-     * Whether to mount the tab panel in the DOM even when it is not currently selected.
-     * Inactive tab panels are inert and cannot be interacted with. They must be styled appropriately so this is clear to the user visually.
+     * Whether to mount the tab panel in the DOM even when it is not currently selected. Inactive tab
+     * panels are inert and cannot be interacted with. They must be styled appropriately so this is
+     * clear to the user visually.
+     *
      * @default false
      */
     shouldForceMount?: boolean;
@@ -96,27 +114,32 @@ export interface TabPanelProps extends AriaTabPanelProps, RenderProps<TabPanelRe
 export interface TabPanelRenderProps {
     /**
      * Whether the tab panel is currently focused.
+     *
      * @selector [data-focused]
      */
     isFocused: boolean;
     /**
      * Whether the tab panel is currently keyboard focused.
+     *
      * @selector [data-focus-visible]
      */
     isFocusVisible: boolean;
     /**
      * Whether the tab panel is currently non-interactive. This occurs when the
      * `shouldForceMount` prop is true, and the corresponding tab is not selected.
+     *
      * @selector [data-inert]
      */
     isInert: boolean;
     /**
      * Whether the tab panel is currently entering. Use this to apply animations.
+     *
      * @selector [data-entering]
      */
     isEntering: boolean;
     /**
      * Whether the tab panel is currently exiting. Use this to apply animations.
+     *
      * @selector [data-exiting]
      */
     isExiting: boolean;
@@ -126,23 +149,25 @@ export interface TabPanelRenderProps {
     state: TabListState<unknown>;
 }
 export declare const TabsContext: React.Context<ContextValue<TabsProps, HTMLDivElement>>;
-export declare const TabListStateContext: React.Context<TabListState<object> | null>;
+export declare const TabListStateContext: React.Context<TabListState<any> | null>;
 /**
  * Tabs organize content into multiple sections and allow users to navigate between them.
  */
 export declare const Tabs: (props: TabsProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 /**
- * A TabList is used within Tabs to group tabs that a user can switch between.
- * The ids of the items within the <TabList> must match up with a corresponding item inside the <TabPanels>.
+ * A TabList is used within Tabs to group tabs that a user can switch between. The ids of the items
+ * within the <TabList> must match up with a corresponding item inside the <TabPanels>.
  */
-export declare const TabList: <T extends object>(props: TabListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const TabList: <T>(props: TabListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 /**
  * A Tab provides a title for an individual item within a TabList.
  */
 export declare const Tab: (props: TabProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface TabPanelsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
     /**
-     * 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-TabPanels'
      */
     className?: string;
@@ -150,7 +175,7 @@ export interface TabPanelsProps<T> extends Omit<CollectionProps<T>, 'disabledKey
 /**
  * Groups multiple `<TabPanel>` elements, and provides CSS variables for animated transitions.
  */
-export declare const TabPanels: <T extends object>(props: TabPanelsProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const TabPanels: <T>(props: TabPanelsProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 /**
  * A TabPanel provides the content for a tab.
  */