@react-spectrum/s2 1.3.1 → 1.5.0

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

@@ -24,7 +24,7 @@ export interface MenuTriggerProps extends AriaMenuTriggerProps {
      */
     shouldFlip?: boolean;
 }
-export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children' | 'style' | 'className' | 'render' | 'dependencies' | 'renderEmptyState' | keyof GlobalDOMAttributes>, StyleProps {
+export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children' | 'style' | 'className' | 'render' | 'renderEmptyState' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The size of the Menu.
      *
@@ -80,11 +80,11 @@ export declare let description: (props: {
 /**
  * Menus display a list of actions or options that a user can choose.
  */
-export declare const Menu: <T extends object>(props: MenuProps<T> & import("react").RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export declare const Menu: <T>(props: MenuProps<T> & import("react").RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 export declare function Divider(props: SeparatorProps): ReactNode;
-export interface MenuSectionProps<T extends object> extends Omit<AriaMenuSectionProps<T>, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {
+export interface MenuSectionProps<T> extends Omit<AriaMenuSectionProps<T>, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {
 }
-export declare function MenuSection<T extends object>(props: MenuSectionProps<T>): ReactNode;
+export declare function MenuSection<T>(props: MenuSectionProps<T>): ReactNode;
 export interface MenuItemProps extends Omit<AriaMenuItemProps, 'children' | 'style' | 'className' | 'render' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The contents of the item.
@@ -102,17 +102,19 @@ export interface SubmenuTriggerProps extends Omit<AriaSubmenuTriggerProps, 'dela
 declare function SubmenuTrigger(props: SubmenuTriggerProps): JSX.Element;
 export interface UnavailableMenuItemTriggerProps {
     /**
-     * The contents of the UnavailableMenuItemTrigger. The first child should be a MenuItem and the second child be a ContextualHelpPopover.
+     * The contents of the UnavailableMenuItemTrigger. The first child should be a MenuItem and the
+     * second child be a ContextualHelpPopover.
      */
     children: ReactElement[];
     /**
      * Whether the menu item is currently unavailable.
+     *
      * @default false
      */
     isUnavailable?: boolean;
 }
 declare function UnavailableMenuItemTrigger(props: UnavailableMenuItemTriggerProps): JSX.Element;
 export { MenuTrigger, SubmenuTrigger, UnavailableMenuItemTrigger };
-interface ICombined<T extends object> extends MenuProps<T>, Omit<MenuTriggerProps, 'children'> {
+interface ICombined<T> extends MenuProps<T>, Omit<MenuTriggerProps, 'children'> {
 }
-export declare function CombinedMenu<T extends object>(props: ICombined<T>): ReactNode;
+export declare function CombinedMenu<T>(props: ICombined<T>): ReactNode;

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

@@ -4,7 +4,9 @@ import { ReactNode } from 'react';
 import { DOMRefValue, GlobalDOMAttributes, LabelPosition } from '@react-types/shared';
 import { StyleProps } from './style-utils';
 interface MeterStyleProps {
-    /** The [visual style](https://spectrum.adobe.com/page/meter/#-Options) of the Meter.
+    /**
+     * The [visual style](https://spectrum.adobe.com/page/meter/#-Options) of the Meter.
+     *
      * @default 'informative'
      */
     variant?: 'informative' | 'positive' | 'notice' | 'negative';
@@ -20,6 +22,7 @@ interface MeterStyleProps {
     staticColor?: 'white' | 'black' | 'auto';
     /**
      * The label's overall position relative to the element it is labeling.
+     *
      * @default 'top'
      */
     labelPosition?: LabelPosition;

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

@@ -1,12 +1,14 @@
 import { NumberFieldProps as AriaNumberFieldProps } from 'react-aria-components/NumberField';
 import { ContextValue } from 'react-aria-components/slots';
 import { StyleProps } from './style-utils';
+import { ReactNode } from 'react';
 import { GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps } from '@react-types/shared';
 import { InputProps } from 'react-aria-components/Input';
 import { TextFieldRef } from './TextField';
 export interface NumberFieldProps extends Omit<AriaNumberFieldProps, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<InputProps, 'placeholder'> {
     /**
      * Whether to hide the increment and decrement buttons.
+     *
      * @default false
      */
     hideStepper?: boolean;
@@ -16,9 +18,15 @@ export interface NumberFieldProps extends Omit<AriaNumberFieldProps, 'children'
      * @default 'M'
      */
     size?: 'S' | 'M' | 'L' | 'XL';
+    /**
+     * The prefix to display in the NumberField. A non-interactive element that appears before the
+     * input.
+     */
+    prefix?: ReactNode;
 }
 export declare const NumberFieldContext: import("react").Context<ContextValue<Partial<NumberFieldProps>, TextFieldRef<HTMLInputElement>>>;
 /**
- * NumberFields allow users to input number values with a keyboard or increment/decrement with step buttons.
+ * NumberFields allow users to input number values with a keyboard or increment/decrement with step
+ * buttons.
  */
 export declare const NumberField: import("react").ForwardRefExoticComponent<NumberFieldProps & import("react").RefAttributes<TextFieldRef<HTMLInputElement>>>;

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

@@ -18,7 +18,7 @@ export interface PickerStyleProps {
     isQuiet?: boolean;
 }
 type SelectionMode = 'single' | 'multiple';
-export interface PickerProps<T extends object, M extends SelectionMode = 'single'> extends Omit<AriaSelectProps<T, M>, 'children' | 'style' | 'className' | 'render' | 'allowsEmptyCollection' | keyof GlobalDOMAttributes>, PickerStyleProps, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<ListBoxProps<T>, 'items' | 'dependencies'>, Pick<AriaPopoverProps, 'shouldFlip'>, Pick<AsyncLoadable, 'onLoadMore'> {
+export interface PickerProps<T, M extends SelectionMode = 'single'> extends Omit<AriaSelectProps<T, M>, 'children' | 'style' | 'className' | 'render' | 'allowsEmptyCollection' | keyof GlobalDOMAttributes>, PickerStyleProps, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<ListBoxProps<T>, 'items' | 'dependencies'>, Pick<AriaPopoverProps, 'shouldFlip'>, Pick<AsyncLoadable, 'onLoadMore'> {
     /** The contents of the collection. */
     children: ReactNode | ((item: T) => ReactNode);
     /**
@@ -33,12 +33,16 @@ export interface PickerProps<T extends object, M extends SelectionMode = 'single
      * @default 'start'
      */
     align?: 'start' | 'end';
-    /** Width of the menu. By default, matches width of the trigger. Note that the minimum width of the dropdown is always equal to the trigger's width. */
+    /**
+     * Width of the menu. By default, matches width of the trigger. Note that the minimum width of the
+     * dropdown is always equal to the trigger's width.
+     */
     menuWidth?: number;
     /** The current loading state of the Picker. */
     loadingState?: LoadingState;
     /**
-     * Custom renderer for the picker value. Allows one to provide a custom element to render selected items.
+     * Custom renderer for the picker value. Allows one to provide a custom element to render selected
+     * items.
      *
      * @note The returned ReactNode should not have interactable elements as it will break accessibility.
      */
@@ -51,14 +55,15 @@ export declare let menu: (props: {
     [x: string]: any;
 }) => import("../style/types").StyleString<"boxSizing" | "display" | "fontFamily" | "fontSize" | "gridAutoRows" | "gridTemplateColumns" | "maxHeight" | "outlineStyle" | "overflow" | "padding" | "width">;
 /**
- * Pickers allow users to choose a single option from a collapsible list of options when space is limited.
+ * Pickers allow users to choose a single option from a collapsible list of options when space is
+ * limited.
  */
-export declare const Picker: <T extends object, M extends SelectionMode = "single">(props: PickerProps<T, M> & React.RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Picker: <T, M extends SelectionMode = "single">(props: PickerProps<T, M> & React.RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface PickerItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className' | 'render' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
     children: ReactNode;
 }
 export declare function PickerItem(props: PickerItemProps): ReactNode;
-export interface PickerSectionProps<T extends object> extends Omit<ListBoxSectionProps<T>, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {
+export interface PickerSectionProps<T> extends Omit<ListBoxSectionProps<T>, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {
 }
-export declare function PickerSection<T extends object>(props: PickerSectionProps<T>): ReactNode;
+export declare function PickerSection<T>(props: PickerSectionProps<T>): ReactNode;
 export {};

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

@@ -5,7 +5,7 @@ import { DialogProps } from 'react-aria-components/Dialog';
 import { DOMRefValue, GlobalDOMAttributes } from '@react-types/shared';
 import { heightProperties, UnsafeStyles, widthProperties } from './style-utils';
 import { StyleString } from '../style/types';
-export interface PopoverProps extends UnsafeStyles, Omit<AriaPopoverProps, 'arrowSize' | 'isNonModal' | 'arrowBoundaryOffset' | 'isKeyboardDismissDisabled' | 'shouldCloseOnInteractOutside' | 'shouldUpdatePosition' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {
+export interface PopoverProps extends UnsafeStyles, Omit<AriaPopoverProps, 'arrowSize' | 'arrowBoundaryOffset' | 'isKeyboardDismissDisabled' | 'shouldCloseOnInteractOutside' | 'shouldUpdatePosition' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {
     /**
      * The styles of the popover.
      */
@@ -24,14 +24,15 @@ export interface PopoverProps extends UnsafeStyles, Omit<AriaPopoverProps, 'arro
 export declare const PopoverContext: import("react").Context<ContextValue<PopoverProps, DOMRefValue<HTMLDivElement>>>;
 export declare const InPopoverContext: import("react").Context<boolean>;
 export declare const PopoverBase: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<HTMLDivElement | null>>;
-type PopoverStylesProp = StyleString<((typeof widthProperties)[number] | (typeof heightProperties)[number])>;
-export interface PopoverDialogProps extends Pick<PopoverProps, 'size' | 'hideArrow' | 'placement' | 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset' | 'triggerRef' | 'isOpen' | 'onOpenChange'>, Omit<DialogProps, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, UnsafeStyles {
+type PopoverStylesProp = StyleString<(typeof widthProperties)[number] | (typeof heightProperties)[number]>;
+export interface PopoverDialogProps extends Pick<PopoverProps, 'size' | 'hideArrow' | 'placement' | 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset' | 'getTargetRect' | 'isNonModal' | 'triggerRef' | 'isOpen' | 'onOpenChange'>, Omit<DialogProps, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, UnsafeStyles {
     /**
      * The children of the popover.
      */
     children?: ReactNode;
     /**
      * The amount of padding around the contents of the dialog.
+     *
      * @default 'default'
      */
     padding?: 'default' | 'none';

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

@@ -20,6 +20,7 @@ interface ProgressBarStyleProps {
     staticColor?: 'white' | 'black' | 'auto';
     /**
      * The label's overall position relative to the element it is labeling.
+     *
      * @default 'top'
      */
     labelPosition?: LabelPosition;
@@ -30,8 +31,8 @@ export interface ProgressBarProps extends Omit<AriaProgressBarProps, 'children'
 }
 export declare const ProgressBarContext: import("react").Context<ContextValue<Partial<ProgressBarProps>, DOMRefValue<HTMLDivElement>>>;
 /**
- * ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.
- * They can represent either determinate or indeterminate progress.
+ * ProgressBars show the progression of a system operation: downloading, uploading, processing,
+ * etc., in a visual way. They can represent either determinate or indeterminate progress.
  */
 export declare const ProgressBar: import("react").ForwardRefExoticComponent<ProgressBarProps & import("react").RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export {};

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

@@ -22,7 +22,7 @@ export interface ProgressCircleProps extends Omit<RACProgressBarProps, 'children
     styles?: StylesPropWithHeight;
 }
 /**
- * ProgressCircles show the progression of a system operation such as downloading, uploading, or processing, in a visual way.
- * They can represent determinate or indeterminate progress.
+ * ProgressCircles show the progression of a system operation such as downloading, uploading, or
+ * processing, in a visual way. They can represent determinate or indeterminate progress.
  */
 export declare const ProgressCircle: import("react").ForwardRefExoticComponent<ProgressCircleProps & import("react").RefAttributes<DOMRefValue<HTMLDivElement>>>;

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

@@ -11,13 +11,15 @@ export interface ProviderProps extends UnsafeStyles, DOMProps {
     /** The content of the Provider. */
     children: ReactNode;
     /**
-     * The locale for your application as a [BCP 47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code.
-     * Defaults to the browser/OS language setting.
+     * The locale for your application as a [BCP 47](https://www.ietf.org/rfc/bcp/bcp47.txt) language
+     * code. Defaults to the browser/OS language setting.
+     *
      * @default 'en-US'
      */
     locale?: string;
     /**
-     * Provides a client side router to all nested React Spectrum links to enable client side navigation.
+     * Provides a client side router to all nested React Spectrum links to enable client side
+     * navigation.
      */
     router?: Router;
     /**
@@ -31,6 +33,7 @@ export interface ProviderProps extends UnsafeStyles, DOMProps {
     styles?: StyleString;
     /**
      * The DOM element to render.
+     *
      * @default div
      */
     elementType?: keyof JSX.IntrinsicElements;

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

@@ -31,7 +31,7 @@ export declare const RadioGroupContext: React.Context<ContextValue<Partial<Radio
  * All possible options are exposed up front for users to compare.
  */
 export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface RadioProps extends Omit<AriaRadioProps, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
+export interface RadioProps extends Omit<AriaRadioProps, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, Pick<HelpTextProps, 'description'> {
     /**
      * The label for the element.
      */
@@ -41,4 +41,4 @@ export interface RadioProps extends Omit<AriaRadioProps, 'className' | 'style' |
  * Radio buttons allow users to select a single option from a list of mutually exclusive options.
  * All possible options are exposed up front for users to compare.
  */
-export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLInputElement, HTMLDivElement>>>;

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

@@ -3,19 +3,21 @@ import { ContextValue } from 'react-aria-components/slots';
 import { ReactNode } from 'react';
 import { GlobalDOMAttributes } from '@react-types/shared';
 import { StyleProps } from './style-utils';
-export interface RangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'visibleDuration' | 'style' | 'className' | 'render' | 'children' | 'styles' | keyof GlobalDOMAttributes>, StyleProps {
+export interface RangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'visibleDuration' | 'weeksInMonth' | 'style' | 'className' | 'render' | 'children' | 'styles' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The error message to display when the calendar is invalid.
      */
     errorMessage?: ReactNode;
     /**
      * The number of months to display at once.
+     *
      * @default 1
      */
     visibleMonths?: number;
 }
 export declare const RangeCalendarContext: import("react").Context<ContextValue<Partial<RangeCalendarProps<any>>, HTMLDivElement>>;
 /**
- * RangeCalendars display a grid of days in one or more months and allow users to select a contiguous range of dates.
+ * RangeCalendars display a grid of days in one or more months and allow users to select a
+ * contiguous range of dates.
  */
 export declare const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -3,11 +3,13 @@ import { SliderBaseProps } from './Slider';
 import { FocusableRefValue, RangeValue } from '@react-types/shared';
 export interface RangeSliderProps extends Omit<SliderBaseProps<RangeValue<number>>, 'children'> {
     /**
-     * The name of the start 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 start input element, used when submitting an HTML form. See
+     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
      */
     startName?: string;
     /**
-     * The name of the end 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 end input element, used when submitting an HTML form. See
+     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
      */
     endName?: string;
     /**
@@ -19,6 +21,7 @@ export interface RangeSliderProps extends Omit<SliderBaseProps<RangeValue<number
 }
 export declare const RangeSliderContext: import("react").Context<ContextValue<Partial<RangeSliderProps>, FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
 /**
- * RangeSliders allow users to quickly select a subset range. They should be used when the upper and lower bounds to the range are invariable.
+ * RangeSliders allow users to quickly select a subset range. They should be used when the upper and
+ * lower bounds to the range are invariable.
  */
 export declare const RangeSlider: import("react").ForwardRefExoticComponent<RangeSliderProps & import("react").RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;

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

@@ -10,11 +10,13 @@ export interface SelectBoxGroupProps<T> extends StyleProps, Omit<ListBoxProps<T>
     children: ReactNode | ((item: T) => ReactNode);
     /**
      * The layout direction of the content in each SelectBox.
+     *
      * @default 'vertical'
      */
     orientation?: Orientation;
     /**
      * The selection mode for the SelectBoxGroup.
+     *
      * @default 'single'
      */
     selectionMode?: 'single' | 'multiple';
@@ -47,4 +49,4 @@ export declare function SelectBox(props: SelectBoxProps): ReactNode;
 /**
  * SelectBoxGroup allows users to select one or more options from a list.
  */
-export declare const SelectBoxGroup: <T extends object>(props: SelectBoxGroupProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const SelectBoxGroup: <T>(props: SelectBoxGroupProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;

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

@@ -3,6 +3,7 @@ export interface SkeletonCollectionProps {
     children: () => ReactNode;
 }
 /**
- * A SkeletonCollection generates placeholder content within a collection component such as CardView.
+ * A SkeletonCollection generates placeholder content within a collection component such as
+ * CardView.
  */
 export declare const SkeletonCollection: (props: SkeletonCollectionProps & import("react").RefAttributes<Element>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -69,6 +69,7 @@ export declare function SliderBase<T extends number | number[]>(props: SliderBas
     sliderRef: RefObject<HTMLDivElement | null>;
 }): ReactNode;
 /**
- * Sliders allow users to quickly select a value within a range. They should be used when the upper and lower bounds to the range are invariable.
+ * Sliders allow users to quickly select a value within a range. They should be used when the upper
+ * and lower bounds to the range are invariable.
  */
 export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;

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

@@ -1,8 +1,8 @@
-import { SwitchProps as AriaSwitchProps } from 'react-aria-components/Switch';
 import { ContextValue } from 'react-aria-components/slots';
 import { StyleProps } from './style-utils';
 import { ReactNode } from 'react';
-import { FocusableRefValue, GlobalDOMAttributes } from '@react-types/shared';
+import { FocusableRefValue, GlobalDOMAttributes, HelpTextProps } from '@react-types/shared';
+import { SwitchFieldProps } from 'react-aria-components/Switch';
 interface SwitchStyleProps {
     /**
      * The size of the Switch.
@@ -15,13 +15,13 @@ interface SwitchStyleProps {
      */
     isEmphasized?: boolean;
 }
-export interface SwitchProps extends Omit<AriaSwitchProps, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | keyof GlobalDOMAttributes>, StyleProps, SwitchStyleProps {
+export interface SwitchProps extends Omit<SwitchFieldProps, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | keyof GlobalDOMAttributes>, HelpTextProps, StyleProps, SwitchStyleProps {
     children?: ReactNode;
 }
-export declare const SwitchContext: import("react").Context<ContextValue<Partial<SwitchProps>, FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
+export declare const SwitchContext: import("react").Context<ContextValue<Partial<SwitchProps>, FocusableRefValue<HTMLInputElement, HTMLDivElement>>>;
 /**
  * Switches allow users to turn an individual option on or off.
  * They are usually used to activate or deactivate a specific setting.
  */
-export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<FocusableRefValue<HTMLInputElement, HTMLDivElement>>>;
 export {};

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

@@ -1,23 +1,26 @@
-import { CellProps as RACCellProps, ColumnProps as RACColumnProps, RowProps as RACRowProps, TableBodyProps as RACTableBodyProps, TableHeaderProps as RACTableHeaderProps, TableProps as RACTableProps } from 'react-aria-components/Table';
+import { CellProps as RACCellProps, ColumnProps as RACColumnProps, RowProps as RACRowProps, TableBodyProps as RACTableBodyProps, TableFooterProps as RACTableFooterProps, TableHeaderProps as RACTableHeaderProps, TableProps as RACTableProps } from 'react-aria-components/Table';
 import { ColumnSize } from 'react-stately/useTableState';
 import { ContextValue } from 'react-aria-components/slots';
 import { StylesPropWithHeight, UnsafeStyles } from './style-utils';
-import { DOMProps, DOMRefValue, GlobalDOMAttributes, LinkDOMProps, LoadingState, Node } from '@react-types/shared';
+import { DOMProps, DOMRefValue, GlobalDOMAttributes, ItemDropTarget, LinkDOMProps, LoadingState, Node } from '@react-types/shared';
 import { GridNode } from 'react-stately/private/grid/GridCollection';
 import { Key } from '@react-types/shared';
+import { LayoutInfo, TableLayout } from 'react-aria-components/Virtualizer';
 import { LayoutNode } from 'react-stately/useVirtualizerState';
 import React, { FormEvent, FormHTMLAttributes, ReactElement, ReactNode } from 'react';
-import { TableLayout } from 'react-aria-components/Virtualizer';
+import type { TableState } from 'react-stately/useTableState';
 interface S2TableProps {
     /** Whether the Table should be displayed with a quiet style. */
     isQuiet?: boolean;
     /**
      * Sets the amount of vertical padding within each cell.
+     *
      * @default 'regular'
      */
     density?: 'compact' | 'spacious' | 'regular';
     /**
      * Sets the overflow behavior for the cell contents.
+     *
      * @default 'truncate'
      */
     overflowMode?: 'wrap' | 'truncate';
@@ -44,8 +47,14 @@ interface S2TableProps {
     onLoadMore?: () => any;
     /** Provides the ActionBar to display when rows are selected in the TableView. */
     renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement;
+    /**
+     * How selection should be displayed.
+     *
+     * @default 'checkbox'
+     */
+    selectionStyle?: 'checkbox' | 'highlight';
 }
-export interface TableViewProps extends Omit<RACTableProps, 'style' | 'className' | 'render' | 'onRowAction' | 'selectionBehavior' | 'onScroll' | 'onCellAction' | 'dragAndDropHooks' | keyof GlobalDOMAttributes>, DOMProps, UnsafeStyles, S2TableProps {
+export interface TableViewProps extends Omit<RACTableProps, 'style' | 'className' | 'render' | 'onRowAction' | 'selectionBehavior' | 'onScroll' | 'onCellAction' | keyof GlobalDOMAttributes>, DOMProps, UnsafeStyles, S2TableProps {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
 }
@@ -53,14 +62,16 @@ export declare class S2TableLayout<T> extends TableLayout<T> {
     protected isStickyColumn(node: GridNode<T>): boolean;
     protected buildCollection(): LayoutNode[];
     protected buildLoader(node: Node<T>, x: number, y: number): LayoutNode;
-    protected buildBody(y: number): LayoutNode;
+    protected buildRowGroup(y: number, node: GridNode<T>): LayoutNode;
     protected buildRow(node: GridNode<T>, x: number, y: number): LayoutNode;
     protected buildTableHeader(): LayoutNode;
     protected buildColumn(node: GridNode<T>, x: number, y: number): LayoutNode;
+    getDropTargetLayoutInfo(target: ItemDropTarget): LayoutInfo;
 }
 export declare const TableContext: React.Context<ContextValue<Partial<TableViewProps>, DOMRefValue<HTMLDivElement>>>;
 /**
- * Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
+ * Tables are containers for displaying information. They allow users to quickly scan, sort,
+ * compare, and take action on large amounts of data.
  */
 export declare const TableView: React.ForwardRefExoticComponent<TableViewProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export interface TableBodyProps<T> extends Omit<RACTableBodyProps<T>, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {
@@ -68,7 +79,7 @@ export interface TableBodyProps<T> extends Omit<RACTableBodyProps<T>, 'style' |
 /**
  * The body of a `<Table>`, containing the table rows.
  */
-export declare const TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const TableBody: <T>(props: TableBodyProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface ColumnProps extends Omit<RACColumnProps, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {
     /** Whether the column should render a divider between it and the next column. */
     showDivider?: boolean;
@@ -76,6 +87,7 @@ export interface ColumnProps extends Omit<RACColumnProps, 'style' | 'className'
     allowsResizing?: boolean;
     /**
      * The alignment of the column's contents relative to its allotted width.
+     *
      * @default 'start'
      */
     align?: 'start' | 'center' | 'end';
@@ -93,7 +105,7 @@ export interface TableHeaderProps<T> extends Omit<RACTableHeaderProps<T>, 'style
 /**
  * A header within a `<Table>`, containing the table columns.
  */
-export declare const TableHeader: <T extends object>(props: TableHeaderProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const TableHeader: <T>(props: TableHeaderProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface CellProps extends Omit<RACCellProps, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes>, Pick<ColumnProps, 'align' | 'showDivider'> {
     /** @private */
     isSticky?: boolean;
@@ -125,5 +137,13 @@ export interface RowProps<T> extends Pick<RACRowProps<T>, 'id' | 'columns' | 'is
 /**
  * A row within a `<Table>`.
  */
-export declare const Row: <T extends object>(props: RowProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Row: <T>(props: RowProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export interface TableFooterProps<T> extends Omit<RACTableFooterProps<T>, 'style' | 'className' | 'render' | 'onHoverChange' | 'onHoverStart' | 'onHoverEnd' | keyof GlobalDOMAttributes> {
+}
+/**
+ * A footer within a `<Table>`, containing summary rows.
+ */
+export declare const TableFooter: <T>(props: TableFooterProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare function isNextSelected(id: Key | undefined, state: TableState<unknown>): boolean;
+export declare function isPrevSelected(id: Key | undefined, state: TableState<unknown>): boolean;
 export {};

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

@@ -10,12 +10,14 @@ export interface TabsProps extends Omit<AriaTabsProps, 'className' | 'style' | '
     children: ReactNode;
     /**
      * The amount of space between the tabs.
+     *
      * @default 'regular'
      */
     density?: 'compact' | 'regular';
     /**
      * Defines if the text within the tabs should be hidden and only the icon should be shown.
      * The text is always visible when the item is collapsed into a picker.
+     *
      * @default 'show'
      */
     labelBehavior?: 'show' | 'hide';
@@ -36,9 +38,10 @@ export interface TabPanelProps extends Omit<AriaTabPanelProps, 'children' | 'sty
 }
 export declare const TabsContext: import("react").Context<ContextValue<Partial<TabsProps>, DOMRefValue<HTMLDivElement>>>;
 /**
- * Tabs organize content into multiple sections and allow users to navigate between them. The content under the set of tabs should be related and form a coherent unit.
+ * Tabs organize content into multiple sections and allow users to navigate between them. The
+ * content under the set of tabs should be related and form a coherent unit.
  */
 export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export declare function TabList<T extends object>(props: TabListProps<T>): ReactNode | null;
+export declare function TabList<T>(props: TabListProps<T>): ReactNode | null;
 export declare function Tab(props: TabProps): ReactNode;
 export declare function TabPanel(props: TabPanelProps): ReactNode | null;

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

@@ -7,7 +7,7 @@ import { ListBoxItemProps, ListBoxProps } from 'react-aria-components/ListBox';
 import React, { ReactNode } from 'react';
 export interface PickerStyleProps {
 }
-export interface PickerProps<T extends object> extends Omit<AriaSelectProps<T>, 'children' | 'style' | 'className' | 'render' | 'placeholder'>, PickerStyleProps, StyleProps, SpectrumLabelableProps, Pick<ListBoxProps<T>, 'items'>, Pick<AriaPopoverProps, 'shouldFlip'> {
+export interface PickerProps<T> extends Omit<AriaSelectProps<T>, 'children' | 'style' | 'className' | 'render' | 'placeholder'>, PickerStyleProps, StyleProps, SpectrumLabelableProps, Pick<ListBoxProps<T>, 'items'>, Pick<AriaPopoverProps, 'shouldFlip'> {
     /** The contents of the collection. */
     children: ReactNode | ((item: T) => ReactNode);
     /**
@@ -22,12 +22,16 @@ export interface PickerProps<T extends object> extends Omit<AriaSelectProps<T>,
      * @default 'start'
      */
     align?: 'start' | 'end';
-    /** Width of the menu. By default, matches width of the trigger. Note that the minimum width of the dropdown is always equal to the trigger's width. */
+    /**
+     * Width of the menu. By default, matches width of the trigger. Note that the minimum width of the
+     * dropdown is always equal to the trigger's width.
+     */
     menuWidth?: number;
     /** Density of the tabs, affects the height of the picker. */
     density: 'compact' | 'regular';
     /**
      * If the tab picker should only display icon and no text for the button label.
+     *
      * @default 'show
      */
     labelBehavior?: 'show' | 'hide';
@@ -41,9 +45,10 @@ export declare let menu: (props: {
     [x: string]: any;
 }) => import("../style/types").StyleString<"boxSizing" | "display" | "fontFamily" | "fontSize" | "gridTemplateColumns" | "maxHeight" | "outlineStyle" | "overflow" | "padding" | "width">;
 /**
- * Pickers allow users to choose a single option from a collapsible list of options when space is limited.
+ * Pickers allow users to choose a single option from a collapsible list of options when space is
+ * limited.
  */
-declare let _Picker: <T extends object>(props: PickerProps<T> & React.RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+declare let _Picker: <T>(props: PickerProps<T> & React.RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export { _Picker as Picker };
 export interface PickerItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className' | 'render'>, StyleProps {
     children: ReactNode;

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

@@ -24,15 +24,21 @@ export interface TagGroupProps<T> extends Omit<AriaTagGroupProps, 'children' | '
     isInvalid?: boolean;
     /** An error message for the field. */
     errorMessage?: ReactNode;
-    /** Limit the number of rows initially shown. This will render a button that allows the user to expand to show all tags. */
+    /**
+     * Limit the number of rows initially shown. This will render a button that allows the user to
+     * expand to show all tags.
+     */
     maxRows?: number;
-    /** The label to display on the action button.  */
+    /** The label to display on the action button. */
     groupActionLabel?: string;
     /** Handler that is called when the action button is pressed. */
     onGroupAction?: () => void;
 }
 export declare const TagGroupContext: import("react").Context<ContextValue<Partial<TagGroupProps<any>>, DOMRefValue<HTMLDivElement>>>;
-/** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */
-export declare const TagGroup: <T extends object>(props: TagGroupProps<T> & import("react").RefAttributes<DOMRefValue<HTMLDivElement>>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+/**
+ * Tags allow users to categorize content. They can represent keywords or people, and are grouped to
+ * describe an item or a search request.
+ */
+export declare const TagGroup: <T>(props: TagGroupProps<T> & import("react").RefAttributes<DOMRefValue<HTMLDivElement>>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 /** An individual Tag for TagGroups. */
 export declare const Tag: (props: TagProps & import("react").RefAttributes<DOMRefValue<HTMLDivElement>>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -16,6 +16,11 @@ export interface TextFieldProps extends Omit<AriaTextFieldProps, 'children' | 'c
      * @default 'M'
      */
     size?: 'S' | 'M' | 'L' | 'XL';
+    /**
+     * The prefix to display in the text field.
+     * A non-interactive element that appears before the input.
+     */
+    prefix?: ReactNode;
 }
 export declare const TextFieldContext: import("react").Context<ContextValue<Partial<TextFieldProps>, TextFieldRef<HTMLInputElement>>>;
 /**

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

@@ -6,7 +6,8 @@ export type ToastPlacement = 'top' | 'top end' | 'bottom' | 'bottom end';
 export interface ToastContainerProps extends Omit<ToastRegionProps<SpectrumToastValue>, 'queue' | 'children' | 'style' | 'className' | 'render'> {
     /**
      * Placement of the toast container on the page.
-     * @default "bottom"
+     *
+     * @default 'bottom'
      */
     placement?: ToastPlacement;
 }