@react-spectrum/s2 1.0.0 → 1.2.0

package/dist/types.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties, ReactNode, Context, RefAttributes, ForwardRefExoticComponent, JSX, HTMLAttributeReferrerPolicy, ComponentType, FunctionComponent, SVGProps, RefObject, ReactElement, FormEvent, FormHTMLAttributes } from "react";
-import { AriaLabelingProps, DOMProps, DOMRefValue, GlobalDOMAttributes, SpectrumLabelableProps, FocusableRefValue, Key, LinkDOMProps, LoadingState, HelpTextProps, Orientation, ValueBase, AsyncLoadable, LabelPosition, InputDOMProps, RangeValue, LabelableProps } from "@react-types/shared";
-import { ContextValue, SlotProps, ProgressBarProps as _ProgressBarProps1, FormProps as _FormProps1, LinkProps as _LinkProps1, ButtonProps as _ButtonProps1, DisclosurePanelProps as _DisclosurePanelProps1, DisclosureProps as _DisclosureProps1, RenderProps, CheckboxProps as _CheckboxProps1, SeparatorProps, PopoverProps as _PopoverProps1, DialogProps as _DialogProps1, MenuItemProps as _MenuItemProps1, MenuProps as _MenuProps1, MenuSectionProps as _MenuSectionProps1, MenuTriggerProps as _MenuTriggerProps1, SubmenuTriggerProps as _SubmenuTriggerProps1, BreadcrumbProps as _BreadcrumbProps1, BreadcrumbsProps as _BreadcrumbsProps1, DialogTriggerProps as _DialogTriggerProps1, CalendarProps as _CalendarProps1, DateValue, GridListItemProps, GridListProps, CheckboxGroupProps as _CheckboxGroupProps1, ColorAreaProps as _ColorAreaProps1, ColorFieldProps as _ColorFieldProps1, InputProps, ColorSliderProps as _ColorSliderProps1, ColorSwatchProps as _ColorSwatchProps1, Color, ColorWheelProps as _ColorWheelProps1, ComboBoxProps as _ComboBoxProps1, ListBoxItemProps, ListBoxProps, SectionProps, DateFieldProps as _DateFieldProps1, DateRangePickerProps as _DateRangePickerProps1, DropZoneProps as _DropZoneProps1, MeterProps as _MeterProps1, NumberFieldProps as _NumberFieldProps1, SelectProps, RadioProps as _RadioProps1, RadioGroupProps as _RadioGroupProps1, RangeCalendarProps as _RangeCalendarProps2, SliderProps as _SliderProps1, SearchFieldProps as _SearchFieldProps1, SwitchProps as _SwitchProps1, Key as _Key1, CellProps as _CellProps1, ColumnProps as _ColumnProps1, RowProps as _RowProps1, TableBodyProps as _TableBodyProps1, TableHeaderProps as _TableHeaderProps1, TableProps, TabListProps as _TabListProps1, TabPanelProps as _TabPanelProps1, TabProps as _TabProps1, TabsProps as _TabsProps1, TagGroupProps as _TagGroupProps1, TagProps as _TagProps1, TagListProps, TextFieldProps as _TextFieldProps1, TimeFieldProps as _TimeFieldProps1, TimeValue, ToastOptions as _ToastOptions1, ToastRegionProps, ToggleButtonGroupProps as _ToggleButtonGroupProps1, ToggleButtonProps as _ToggleButtonProps1, TooltipProps as _TooltipProps1, TooltipTriggerComponentProps, TreeItemProps, TreeProps, TreeItemContentProps, TreeLoadMoreItemProps, DatePickerProps as _DatePickerProps1 } from "react-aria-components";
+import { AriaLabelingProps, DOMProps, DOMRefValue, GlobalDOMAttributes, SpectrumLabelableProps, FocusableRefValue, Key, LinkDOMProps, LoadingState, HelpTextProps, Orientation, ValueBase, AsyncLoadable, SingleSelection, LabelPosition, InputDOMProps, RangeValue, LabelableProps } from "@react-types/shared";
+import { ContextValue, SlotProps, ProgressBarProps as _ProgressBarProps1, FormProps as _FormProps1, LinkProps as _LinkProps1, ButtonProps as _ButtonProps1, DisclosurePanelProps as _DisclosurePanelProps1, DisclosureProps as _DisclosureProps1, RenderProps, CheckboxProps as _CheckboxProps1, SeparatorProps, PopoverProps as _PopoverProps1, DialogProps as _DialogProps1, MenuItemProps as _MenuItemProps1, MenuProps as _MenuProps1, MenuSectionProps as _MenuSectionProps1, MenuTriggerProps as _MenuTriggerProps1, SubmenuTriggerProps as _SubmenuTriggerProps1, BreadcrumbProps as _BreadcrumbProps1, BreadcrumbsProps as _BreadcrumbsProps1, DialogTriggerProps as _DialogTriggerProps1, CalendarProps as _CalendarProps1, DateValue, GridListItemProps, GridListProps, CheckboxGroupProps as _CheckboxGroupProps1, ColorAreaProps as _ColorAreaProps1, ColorFieldProps as _ColorFieldProps1, InputProps, ColorSliderProps as _ColorSliderProps1, ColorSwatchProps as _ColorSwatchProps1, Color, ColorWheelProps as _ColorWheelProps1, ComboBoxProps as _ComboBoxProps1, ListBoxItemProps, ListBoxProps, SectionProps, DateFieldProps as _DateFieldProps1, DateRangePickerProps as _DateRangePickerProps1, DropZoneProps as _DropZoneProps1, Key as _Key1, MeterProps as _MeterProps1, NumberFieldProps as _NumberFieldProps1, SelectProps, RadioProps as _RadioProps1, RadioGroupProps as _RadioGroupProps1, RangeCalendarProps as _RangeCalendarProps2, SliderProps as _SliderProps1, SearchFieldProps as _SearchFieldProps1, SwitchProps as _SwitchProps1, CellProps as _CellProps1, ColumnProps as _ColumnProps1, RowProps as _RowProps1, TableBodyProps as _TableBodyProps1, TableHeaderProps as _TableHeaderProps1, TableProps, TabListProps as _TabListProps1, TabPanelProps as _TabPanelProps1, TabProps as _TabProps1, TabsProps as _TabsProps1, TagGroupProps as _TagGroupProps1, TagProps as _TagProps1, TagListProps, TextFieldProps as _TextFieldProps1, TimeFieldProps as _TimeFieldProps1, TimeValue, ToastOptions as _ToastOptions1, ToastRegionProps, ToggleButtonGroupProps as _ToggleButtonGroupProps1, ToggleButtonProps as _ToggleButtonProps1, TooltipProps as _TooltipProps1, TooltipTriggerComponentProps, TreeItemProps, TreeProps, TreeItemContentProps, TreeLoadMoreItemProps, DatePickerProps as _DatePickerProps1 } from "react-aria-components";
 import { ColorScheme, Router } from "@react-types/provider";
 import { Placement } from "@react-types/overlays";
 import { TextFieldRef } from "@react-types/textfield";
@@ -314,7 +314,7 @@ interface ProgressCircleStyleProps {
     isIndeterminate?: boolean;
 }
 export const ProgressCircleContext: Context<ContextValue<Partial<ProgressCircleProps>, DOMRefValue<HTMLDivElement>>>;
-export interface ProgressCircleProps extends Omit<_ProgressBarProps1, 'children' | 'style' | 'valueLabel' | 'formatOptions' | 'label' | 'className' | keyof GlobalDOMAttributes>, ProgressCircleStyleProps, UnsafeStyles {
+export interface ProgressCircleProps extends Omit<_ProgressBarProps1, 'children' | 'style' | 'valueLabel' | 'formatOptions' | 'label' | 'className' | 'render' | keyof GlobalDOMAttributes>, ProgressCircleStyleProps, UnsafeStyles {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
 }
@@ -361,7 +361,7 @@ interface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'context
     /** Whether the Form elements are rendered with their emphasized style. */
     isEmphasized?: boolean;
 }
-export interface FormProps extends FormStyleProps, Omit<_FormProps1, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, StyleProps {
+export interface FormProps extends FormStyleProps, Omit<_FormProps1, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps {
     children: ReactNode;
 }
 /**
@@ -390,11 +390,11 @@ interface ButtonStyleProps {
     /** The static color style to apply. Useful when the Button appears over a color background. */
     staticColor?: 'white' | 'black' | 'auto';
 }
-export interface ButtonProps extends Omit<_ButtonProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, ButtonStyleProps {
+export interface ButtonProps extends Omit<_ButtonProps1, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, ButtonStyleProps {
     /** The content to display in the Button. */
     children: ReactNode;
 }
-export interface LinkButtonProps extends Omit<_LinkProps1, 'className' | 'style' | 'children' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, ButtonStyleProps {
+export interface LinkButtonProps extends Omit<_LinkProps1, 'className' | 'style' | 'render' | 'children' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, ButtonStyleProps {
     /** The content to display in the Button. */
     children: ReactNode;
 }
@@ -422,7 +422,7 @@ interface ActionButtonStyleProps {
     /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */
     isQuiet?: boolean;
 }
-export interface ActionButtonProps extends Omit<_ButtonProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, ActionButtonStyleProps {
+export interface ActionButtonProps extends Omit<_ButtonProps1, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, ActionButtonStyleProps {
     /** The content to display in the ActionButton. */
     children: ReactNode;
 }
@@ -432,7 +432,7 @@ export const ActionButtonContext: Context<ContextValue<Partial<ActionButtonProps
  * They're used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren't meant to draw a lot of attention.
  */
 export const ActionButton: ForwardRefExoticComponent<ActionButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
-export interface DisclosureProps extends Omit<_DisclosureProps1, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, StyleProps {
+export interface DisclosureProps extends Omit<_DisclosureProps1, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The size of the disclosure.
      * @default 'M'
@@ -473,7 +473,7 @@ export const DisclosureHeader: (props: DisclosureHeaderProps & React.RefAttribut
  * A disclosure title consisting of a heading and a trigger button to expand/collapse the panel.
  */
 export const DisclosureTitle: React.ForwardRefExoticComponent<DisclosureTitleProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface DisclosurePanelProps extends Omit<_DisclosurePanelProps1, 'className' | 'style' | 'children'>, UnsafeStyles, DOMProps, AriaLabelingProps {
+export interface DisclosurePanelProps extends Omit<_DisclosurePanelProps1, 'className' | 'style' | 'render' | 'children'>, UnsafeStyles, DOMProps, AriaLabelingProps {
     children: React.ReactNode;
 }
 /**
@@ -546,7 +546,7 @@ export interface AccordionItemRenderProps {
      */
     state: AccordionItemState;
 }
-export interface AccordionItemProps extends Omit<RenderProps<AccordionItemRenderProps>, 'className' | 'style'>, SlotProps, StyleProps {
+export interface AccordionItemProps extends Omit<RenderProps<AccordionItemRenderProps>, 'className' | 'style' | 'render'>, SlotProps, StyleProps {
     /**
      * The size of the accordion item.
      * @default 'M'
@@ -651,7 +651,7 @@ interface CheckboxStyleProps {
     /** Whether the Checkbox should be displayed with an emphasized style. */
     isEmphasized?: boolean;
 }
-export interface CheckboxProps extends Omit<_CheckboxProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, CheckboxStyleProps {
+export interface CheckboxProps extends Omit<_CheckboxProps1, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, CheckboxStyleProps {
     /** The label for the element. */
     children?: ReactNode;
 }
@@ -675,7 +675,7 @@ interface DividerSpectrumProps {
     /** The static color style to apply. Useful when the Divider appears over a color background. */
     staticColor?: 'white' | 'black' | 'auto';
 }
-export interface DividerProps extends DividerSpectrumProps, Omit<SeparatorProps, 'className' | 'style' | 'elementType' | keyof GlobalDOMAttributes>, StyleProps {
+export interface DividerProps extends DividerSpectrumProps, Omit<SeparatorProps, 'className' | 'style' | 'render' | 'elementType' | keyof GlobalDOMAttributes>, StyleProps {
 }
 export const DividerContext: Context<ContextValue<Partial<DividerProps>, DOMRefValue<HTMLElement>>>;
 /**
@@ -683,7 +683,7 @@ export const DividerContext: Context<ContextValue<Partial<DividerProps>, DOMRefV
  * They can also be used to establish rhythm and hierarchy.
  */
 export const Divider: ForwardRefExoticComponent<DividerProps & RefAttributes<DOMRefValue<HTMLElement>>>;
-export interface PopoverProps extends UnsafeStyles, Omit<_PopoverProps1, 'arrowSize' | 'isNonModal' | 'arrowBoundaryOffset' | 'isKeyboardDismissDisabled' | 'shouldCloseOnInteractOutside' | 'shouldUpdatePosition' | 'style' | 'className' | keyof GlobalDOMAttributes> {
+export interface PopoverProps extends UnsafeStyles, Omit<_PopoverProps1, 'arrowSize' | 'isNonModal' | 'arrowBoundaryOffset' | 'isKeyboardDismissDisabled' | 'shouldCloseOnInteractOutside' | 'shouldUpdatePosition' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {
     /**
      * The styles of the popover.
      */
@@ -700,7 +700,7 @@ export interface PopoverProps extends UnsafeStyles, Omit<_PopoverProps1, 'arrowS
     size?: 'S' | 'M' | 'L';
 }
 type PopoverStylesProp = StyleString<((typeof widthProperties)[number] | (typeof heightProperties)[number])>;
-interface PopoverDialogProps extends Pick<PopoverProps, 'size' | 'hideArrow' | 'placement' | 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset' | 'triggerRef' | 'isOpen' | 'onOpenChange'>, Omit<_DialogProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, UnsafeStyles {
+interface PopoverDialogProps extends Pick<PopoverProps, 'size' | 'hideArrow' | 'placement' | 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset' | 'triggerRef' | 'isOpen' | 'onOpenChange'>, Omit<_DialogProps1, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, UnsafeStyles {
     /**
      * The children of the popover.
      */
@@ -737,7 +737,7 @@ export interface MenuTriggerProps extends _MenuTriggerProps1 {
      */
     shouldFlip?: boolean;
 }
-export interface MenuProps<T> extends Omit<_MenuProps1<T>, 'children' | 'style' | 'className' | 'dependencies' | 'renderEmptyState' | keyof GlobalDOMAttributes>, StyleProps {
+export interface MenuProps<T> extends Omit<_MenuProps1<T>, 'children' | 'style' | 'className' | 'render' | 'dependencies' | 'renderEmptyState' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The size of the Menu.
      *
@@ -756,14 +756,10 @@ export const MenuContext: Context<ContextValue<Partial<MenuProps<any>>, DOMRefVa
  * Menus display a list of actions or options that a user can choose.
  */
 export const Menu: <T extends object>(props: MenuProps<T> & RefAttributes<DOMRefValue<HTMLDivElement>>) => React.ReactElement | null;
-export interface MenuSectionProps<T extends object> extends Omit<_MenuSectionProps1<T>, 'style' | 'className' | keyof GlobalDOMAttributes> {
-    /**
-     * The children of the menu section.
-     */
-    children?: ReactNode;
+export interface MenuSectionProps<T extends object> extends Omit<_MenuSectionProps1<T>, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {
 }
 export function MenuSection<T extends object>(props: MenuSectionProps<T>): ReactNode;
-export interface MenuItemProps extends Omit<_MenuItemProps1, 'children' | 'style' | 'className' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
+export interface MenuItemProps extends Omit<_MenuItemProps1, 'children' | 'style' | 'className' | 'render' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The contents of the item.
      */
@@ -778,6 +774,18 @@ export function MenuTrigger(props: MenuTriggerProps): ReactNode;
 export interface SubmenuTriggerProps extends Omit<_SubmenuTriggerProps1, 'delay'> {
 }
 export 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.
+     */
+    children: ReactElement[];
+    /**
+     * Whether the menu item is currently unavailable.
+     * @default false
+     */
+    isUnavailable?: boolean;
+}
+export function UnavailableMenuItemTrigger(props: UnavailableMenuItemTriggerProps): JSX.Element;
 export interface ActionMenuProps<T> extends Pick<MenuTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange' | 'align' | 'direction' | 'shouldFlip'>, Pick<MenuProps<T>, 'children' | 'items' | 'disabledKeys' | 'onAction'>, Pick<ActionButtonProps, 'isDisabled' | 'isQuiet' | 'autoFocus' | 'size'>, StyleProps, DOMProps, AriaLabelingProps {
     /**
      * The size of the Menu.
@@ -827,7 +835,7 @@ export const ButtonGroupContext: Context<ContextValue<Partial<ButtonGroupContext
  * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.
  */
 export const ButtonGroup: ForwardRefExoticComponent<ButtonGroupProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface DialogProps extends Omit<_DialogProps1, 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps {
+export interface DialogProps extends Omit<_DialogProps1, 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * Whether the Dialog is dismissible.
      */
@@ -948,14 +956,14 @@ interface BreadcrumbsStyleProps {
     /** Whether the breadcrumbs are disabled. */
     isDisabled?: boolean;
 }
-export interface BreadcrumbsProps<T> extends Omit<_BreadcrumbsProps1<T>, 'children' | 'style' | 'className' | keyof GlobalDOMAttributes>, BreadcrumbsStyleProps, StyleProps {
+export interface BreadcrumbsProps<T> extends Omit<_BreadcrumbsProps1<T>, 'children' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes>, BreadcrumbsStyleProps, StyleProps {
     /** The children of the Breadcrumbs. */
     children: ReactNode | ((item: T) => ReactNode);
 }
 export const BreadcrumbsContext: Context<ContextValue<Partial<BreadcrumbsProps<any>>, DOMRefValue<HTMLOListElement>>>;
 /** Breadcrumbs show hierarchy and navigational context for a user's location within an application. */
 export const Breadcrumbs: <T extends object>(props: BreadcrumbsProps<T> & RefAttributes<DOMRefValue<HTMLOListElement>>) => React.ReactElement | null;
-export interface BreadcrumbProps extends Omit<_BreadcrumbProps1, 'children' | 'style' | 'className' | 'autoFocus' | 'onClick' | keyof GlobalDOMAttributes>, LinkDOMProps {
+export interface BreadcrumbProps extends Omit<_BreadcrumbProps1, 'children' | 'style' | 'className' | 'render' | 'autoFocus' | 'onClick' | keyof GlobalDOMAttributes>, LinkDOMProps {
     /** The children of the breadcrumb item. */
     children: ReactNode;
 }
@@ -969,7 +977,16 @@ export interface DialogTriggerProps extends _DialogTriggerProps1 {
  * positioning of the Dialog.
  */
 export function DialogTrigger(props: DialogTriggerProps): ReactNode;
-interface ContextualHelpStyleProps {
+export interface ContextualHelpPopoverProps extends PopoverDialogProps {
+    /**
+     * The children of the contextual help popover. Supports Heading, Content, and Footer elements. */
+    children: ReactNode;
+}
+/**
+ * A popover with contextual help styling that supports Heading, Content, and Footer.
+ */
+export function ContextualHelpPopover(props: ContextualHelpPopoverProps): JSX.Element;
+export interface ContextualHelpStyleProps {
     /**
      * Indicates whether contents are informative or provides helpful guidance.
      *
@@ -977,7 +994,7 @@ interface ContextualHelpStyleProps {
      */
     variant?: 'info' | 'help';
 }
-interface ContextualHelpProps extends Pick<DialogTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange'>, Pick<PopoverDialogProps, 'shouldFlip' | 'offset' | 'crossOffset' | 'placement' | 'containerPadding'>, ContextualHelpStyleProps, StyleProps, DOMProps, AriaLabelingProps {
+export interface ContextualHelpProps extends Pick<DialogTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange'>, Pick<PopoverDialogProps, 'shouldFlip' | 'offset' | 'crossOffset' | 'placement' | 'containerPadding'>, ContextualHelpStyleProps, StyleProps, DOMProps, AriaLabelingProps {
     /**
      * The placement of the popover with respect to the action button.
      * @default 'bottom start'
@@ -997,7 +1014,7 @@ export const ContextualHelpContext: Context<ContextValue<Partial<ContextualHelpP
  * Contextual help shows a user extra information about the state of an adjacent component, or a total view.
  */
 export const ContextualHelp: ForwardRefExoticComponent<ContextualHelpProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
-export interface CalendarProps<T extends DateValue> extends Omit<_CalendarProps1<T>, 'visibleDuration' | 'style' | 'className' | 'styles' | 'children' | keyof GlobalDOMAttributes>, StyleProps {
+export interface CalendarProps<T extends DateValue> extends Omit<_CalendarProps1<T>, 'visibleDuration' | 'style' | 'className' | 'render' | 'styles' | 'children' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The error message to display when the calendar is invalid.
      */
@@ -1017,7 +1034,7 @@ interface CardRenderProps {
     /** The size of the Card. */
     size: 'XS' | 'S' | 'M' | 'L' | 'XL';
 }
-export interface CardProps extends Omit<GridListItemProps, 'className' | 'style' | 'children' | 'onHoverChange' | 'onHoverStart' | 'onHoverEnd' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
+export interface CardProps extends Omit<GridListItemProps, 'className' | 'style' | 'render' | 'children' | 'onHoverChange' | 'onHoverStart' | 'onHoverEnd' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
     /** The children of the Card. */
     children: ReactNode | ((renderProps: CardRenderProps) => ReactNode);
     /**
@@ -1059,7 +1076,7 @@ export interface ProductCardProps extends Omit<CardProps, 'density' | 'variant'>
     variant?: 'primary' | 'secondary' | 'tertiary';
 }
 export const ProductCard: ForwardRefExoticComponent<ProductCardProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface CardViewProps<T> extends Omit<GridListProps<T>, 'layout' | 'keyboardNavigationBehavior' | 'selectionBehavior' | 'className' | 'style' | 'isLoading' | keyof GlobalDOMAttributes>, UnsafeStyles {
+export interface CardViewProps<T> extends Omit<GridListProps<T>, 'layout' | 'keyboardNavigationBehavior' | 'selectionBehavior' | 'className' | 'style' | 'render' | 'isLoading' | keyof GlobalDOMAttributes>, UnsafeStyles {
     /**
      * The layout of the cards.
      * @default 'grid'
@@ -1099,7 +1116,7 @@ export const CardViewContext: Context<ContextValue<Partial<CardViewProps<any>>,
  * A CardView displays a group of related objects, with support for selection and bulk actions.
  */
 export const CardView: <T extends object>(props: CardViewProps<T> & RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
-export interface CheckboxGroupProps extends Omit<_CheckboxGroupProps1, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+export interface CheckboxGroupProps extends Omit<_CheckboxGroupProps1, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the Checkboxes in the CheckboxGroup.
      *
@@ -1127,14 +1144,14 @@ export const CheckboxGroupContext: Context<ContextValue<Partial<CheckboxGroupPro
  * A CheckboxGroup allows users to select one or more items from a list of choices.
  */
 export const CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface ColorAreaProps extends Omit<_ColorAreaProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps {
+export interface ColorAreaProps extends Omit<_ColorAreaProps1, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps {
 }
 export const ColorAreaContext: Context<ContextValue<Partial<ColorAreaProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
  */
 export const ColorArea: ForwardRefExoticComponent<ColorAreaProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface ColorFieldProps extends Omit<_ColorFieldProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<InputProps, 'placeholder'> {
+export interface ColorFieldProps extends Omit<_ColorFieldProps1, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<InputProps, 'placeholder'> {
     /**
      * The size of the color field.
      *
@@ -1147,7 +1164,7 @@ export const ColorFieldContext: Context<ContextValue<Partial<ColorFieldProps>, T
  * A color field allows users to edit a hex color or individual color channel value.
  */
 export const ColorField: ForwardRefExoticComponent<ColorFieldProps & RefAttributes<TextFieldRef<HTMLInputElement>>>;
-export interface ColorSliderProps extends Omit<_ColorSliderProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, Pick<SpectrumLabelableProps, 'contextualHelp'>, StyleProps {
+export interface ColorSliderProps extends Omit<_ColorSliderProps1, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, Pick<SpectrumLabelableProps, 'contextualHelp'>, StyleProps {
     label?: string;
 }
 export const ColorSliderContext: Context<ContextValue<Partial<ColorSliderProps>, DOMRefValue<HTMLDivElement>>>;
@@ -1155,7 +1172,7 @@ export const ColorSliderContext: Context<ContextValue<Partial<ColorSliderProps>,
  * A ColorSlider allows users to adjust an individual channel of a color value.
  */
 export const ColorSlider: ForwardRefExoticComponent<ColorSliderProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface ColorSwatchProps extends Omit<_ColorSwatchProps1, 'className' | 'style' | keyof GlobalDOMAttributes>, UnsafeStyles {
+export interface ColorSwatchProps extends Omit<_ColorSwatchProps1, 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, UnsafeStyles {
     /**
      * The size of the ColorSwatch.
      * @default 'M'
@@ -1198,7 +1215,7 @@ export const ColorSwatchPickerContext: Context<ContextValue<Partial<ColorSwatchP
  * A ColorSwatchPicker displays a list of color swatches and allows a user to select one of them.
  */
 export const ColorSwatchPicker: ForwardRefExoticComponent<ColorSwatchPickerProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface ColorWheelProps extends Omit<_ColorWheelProps1, 'children' | 'className' | 'style' | 'outerRadius' | 'innerRadius' | keyof GlobalDOMAttributes>, StyleProps {
+export interface ColorWheelProps extends Omit<_ColorWheelProps1, 'children' | 'className' | 'style' | 'render' | 'outerRadius' | 'innerRadius' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * @default 192
      */
@@ -1217,7 +1234,7 @@ interface ComboboxStyleProps {
      */
     size?: 'S' | 'M' | 'L' | 'XL';
 }
-export interface ComboBoxProps<T extends object> extends Omit<_ComboBoxProps1<T>, 'children' | 'style' | 'className' | 'defaultFilter' | 'allowsEmptyCollection' | keyof GlobalDOMAttributes>, ComboboxStyleProps, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<ListBoxProps<T>, 'items' | 'dependencies'>, Pick<_PopoverProps1, 'shouldFlip'>, Pick<AsyncLoadable, 'onLoadMore'>, Pick<InputProps, 'placeholder'> {
+export interface ComboBoxProps<T extends object> extends Omit<_ComboBoxProps1<T>, 'children' | 'style' | 'className' | 'render' | 'defaultFilter' | 'allowsEmptyCollection' | 'selectionMode' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange' | 'value' | 'defaultValue' | 'onChange' | keyof GlobalDOMAttributes>, Omit<SingleSelection, 'disallowEmptySelection'>, ComboboxStyleProps, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<ListBoxProps<T>, 'items' | 'dependencies'>, Pick<_PopoverProps1, 'shouldFlip'>, Pick<AsyncLoadable, 'onLoadMore'>, Pick<InputProps, 'placeholder'> {
     /** The contents of the collection. */
     children: ReactNode | ((item: T) => ReactNode);
     /**
@@ -1242,14 +1259,14 @@ export const ComboBoxContext: Context<ContextValue<Partial<ComboBoxProps<any>>,
  * ComboBox allow users to choose a single option from a collapsible list of options when space is limited.
  */
 export const ComboBox: <T extends object>(props: ComboBoxProps<T> & RefAttributes<TextFieldRef<HTMLInputElement>>) => React.ReactElement | null;
-export interface ComboBoxItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
+export interface ComboBoxItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className' | 'render' | 'onClick' | 'onKeyDown' | 'onKeyUp' | keyof GlobalDOMAttributes>, StyleProps {
     children: ReactNode;
 }
 export function ComboBoxItem(props: ComboBoxItemProps): ReactNode;
 export interface ComboBoxSectionProps<T extends object> extends Omit<SectionProps<T>, keyof GlobalDOMAttributes> {
 }
 export function ComboBoxSection<T extends object>(props: ComboBoxSectionProps<T>): ReactNode;
-export interface DateFieldProps<T extends DateValue> extends Omit<_DateFieldProps1<T>, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+export interface DateFieldProps<T extends DateValue> extends Omit<_DateFieldProps1<T>, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the DateField.
      *
@@ -1263,7 +1280,7 @@ export const DateFieldContext: Context<ContextValue<Partial<DateFieldProps<any>>
  * Each part of a date value is displayed in an individually editable segment.
  */
 export const DateField: <T extends DateValue>(props: DateFieldProps<T> & RefAttributes<HTMLDivElement>) => ReactElement | null;
-export interface DateRangePickerProps<T extends DateValue> extends Omit<_DateRangePickerProps1<T>, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, Pick<_RangeCalendarProps1<T>, 'createCalendar' | 'pageBehavior' | 'firstDayOfWeek' | 'isDateUnavailable'>, Pick<_PopoverProps1, 'shouldFlip'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+export interface DateRangePickerProps<T extends DateValue> extends Omit<_DateRangePickerProps1<T>, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, Pick<_RangeCalendarProps1<T>, 'createCalendar' | 'pageBehavior' | 'firstDayOfWeek' | 'isDateUnavailable'>, Pick<_PopoverProps1, 'shouldFlip'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the DateField.
      *
@@ -1282,7 +1299,7 @@ export const DateRangePickerContext: Context<ContextValue<Partial<DateRangePicke
  * to enter or select a date and time range.
  */
 export const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T> & RefAttributes<HTMLDivElement>) => ReactElement | null;
-export interface CustomDialogProps extends Omit<_DialogProps1, 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps {
+export interface CustomDialogProps extends Omit<_DialogProps1, 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The size of the Dialog.
      */
@@ -1303,7 +1320,7 @@ export interface CustomDialogProps extends Omit<_DialogProps1, 'className' | 'st
  * A CustomDialog is a floating window with a custom layout.
  */
 export const CustomDialog: ForwardRefExoticComponent<CustomDialogProps & RefAttributes<DOMRefValue<HTMLElement>>>;
-export interface FullscreenDialogProps extends Omit<_DialogProps1, 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps {
+export interface FullscreenDialogProps extends Omit<_DialogProps1, 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The variant of fullscreen dialog to display.
      * @default "fullscreen"
@@ -1361,7 +1378,7 @@ export const IllustratedMessageContext: Context<ContextValue<Partial<Illustrated
  * for an empty state or an error page.
  */
 export const IllustratedMessage: ForwardRefExoticComponent<S2SpectrumIllustratedMessageProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface DropZoneProps extends Omit<_DropZoneProps1, 'className' | 'style' | 'children' | 'isDisabled' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | keyof GlobalDOMAttributes>, UnsafeStyles, DOMProps {
+export interface DropZoneProps extends Omit<_DropZoneProps1, 'className' | 'style' | 'render' | 'children' | 'isDisabled' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | keyof GlobalDOMAttributes>, UnsafeStyles, DOMProps {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
     /** The content to display in the drop zone. */
@@ -1426,7 +1443,7 @@ interface LinkStyleProps {
     /** Whether the link should be displayed with a quiet style. */
     isQuiet?: boolean;
 }
-export interface LinkProps extends Omit<_LinkProps1, 'isDisabled' | 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, LinkStyleProps {
+export interface LinkProps extends Omit<_LinkProps1, 'isDisabled' | 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, LinkStyleProps {
     children: ReactNode;
 }
 export const LinkContext: Context<ContextValue<Partial<LinkProps>, FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
@@ -1435,6 +1452,48 @@ export const LinkContext: Context<ContextValue<Partial<LinkProps>, FocusableRefV
  * They can be presented inline inside a paragraph or as standalone text.
  */
 export const Link: ForwardRefExoticComponent<LinkProps & RefAttributes<FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
+export interface ListViewProps<T> extends Omit<GridListProps<T>, 'className' | 'style' | 'children' | 'selectionBehavior' | 'dragAndDropHooks' | 'layout' | 'render' | 'keyboardNavigationBehavior' | keyof GlobalDOMAttributes>, DOMProps, UnsafeStyles, ListViewStylesProps, SlotProps {
+    /** Spectrum-defined styles, returned by the `style()` macro. */
+    styles?: StylesPropWithHeight;
+    /** The current loading state of the ListView. */
+    loadingState?: LoadingState;
+    /** Handler that is called when more items should be loaded, e.g. while scrolling near the bottom. */
+    onLoadMore?: () => void;
+    /** The children of the ListView. */
+    children: ReactNode | ((item: T) => ReactNode);
+    /** Provides the ActionBar to display when items are selected in the ListView. */
+    renderActionBar?: (selectedKeys: 'all' | Set<_Key1>) => ReactElement;
+    /** Hides the default link out icons on items that open links in a new tab. */
+    hideLinkOutIcon?: boolean;
+}
+interface ListViewStylesProps {
+    /** Whether the ListView should be displayed with a quiet style. */
+    isQuiet?: boolean;
+    /**
+     * How selection should be displayed.
+     * @default 'checkbox'
+     */
+    selectionStyle?: 'highlight' | 'checkbox';
+    /**
+     * Sets the overflow behavior for item contents.
+     * @default 'truncate'
+     */
+    overflowMode?: 'wrap' | 'truncate';
+}
+export interface ListViewItemProps extends Omit<GridListItemProps, 'children' | 'className' | 'style' | 'render' | 'onClick' | keyof GlobalDOMAttributes> {
+    /**
+     * The contents of the item.
+     */
+    children: ReactNode;
+    /** Whether the item has child items (renders a chevron indicator). */
+    hasChildItems?: boolean;
+}
+export const ListViewContext: Context<ContextValue<Partial<ListViewProps<any>>, DOMRefValue<HTMLDivElement>>>;
+/**
+ * A ListView displays a list of interactive items, and allows a user to navigate, select, or perform an action.
+ */
+export const ListView: <T extends object>(props: ListViewProps<T> & RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
+export function ListViewItem(props: ListViewItemProps): ReactNode;
 interface MeterStyleProps {
     /** The [visual style](https://spectrum.adobe.com/page/meter/#-Options) of the Meter.
      * @default 'informative'
@@ -1456,7 +1515,7 @@ interface MeterStyleProps {
      */
     labelPosition?: LabelPosition;
 }
-export interface MeterProps extends Omit<_MeterProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, MeterStyleProps, StyleProps {
+export interface MeterProps extends Omit<_MeterProps1, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, MeterStyleProps, StyleProps {
     /** The content to display as the label. */
     label?: ReactNode;
 }
@@ -1466,7 +1525,7 @@ export const MeterContext: Context<ContextValue<Partial<MeterProps>, DOMRefValue
  * Their progress is determined by user actions, rather than system actions.
  */
 export const Meter: ForwardRefExoticComponent<MeterProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
-interface NumberFieldProps extends Omit<_NumberFieldProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<InputProps, 'placeholder'> {
+interface NumberFieldProps extends Omit<_NumberFieldProps1, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<InputProps, 'placeholder'> {
     /**
      * Whether to hide the increment and decrement buttons.
      * @default false
@@ -1497,7 +1556,7 @@ interface PickerStyleProps {
     isQuiet?: boolean;
 }
 type SelectionMode = 'single' | 'multiple';
-export interface PickerProps<T extends object, M extends SelectionMode = 'single'> extends Omit<SelectProps<T, M>, 'children' | 'style' | 'className' | 'allowsEmptyCollection' | keyof GlobalDOMAttributes>, PickerStyleProps, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<ListBoxProps<T>, 'items' | 'dependencies'>, Pick<_PopoverProps1, 'shouldFlip'>, Pick<AsyncLoadable, 'onLoadMore'> {
+export interface PickerProps<T extends object, M extends SelectionMode = 'single'> extends Omit<SelectProps<T, M>, 'children' | 'style' | 'className' | 'render' | 'allowsEmptyCollection' | keyof GlobalDOMAttributes>, PickerStyleProps, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<ListBoxProps<T>, 'items' | 'dependencies'>, Pick<_PopoverProps1, 'shouldFlip'>, Pick<AsyncLoadable, 'onLoadMore'> {
     /** The contents of the collection. */
     children: ReactNode | ((item: T) => ReactNode);
     /**
@@ -1516,17 +1575,23 @@ export interface PickerProps<T extends object, M extends SelectionMode = 'single
     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.
+     *
+     * @note The returned ReactNode should not have interactable elements as it will break accessibility.
+     */
+    renderValue?: (selectedItems: T[]) => ReactNode;
 }
 export const PickerContext: React.Context<ContextValue<Partial<PickerProps<any, "single">>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 /**
  * Pickers allow users to choose a single option from a collapsible list of options when space is limited.
  */
 export const Picker: <T extends object, M extends SelectionMode = "single">(props: PickerProps<T, M> & React.RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>) => React.ReactElement | null;
-export interface PickerItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
+export interface PickerItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className' | 'render' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
     children: ReactNode;
 }
 export function PickerItem(props: PickerItemProps): ReactNode;
-export interface PickerSectionProps<T extends object> extends Omit<SectionProps<T>, 'style' | 'className' | keyof GlobalDOMAttributes>, StyleProps {
+export interface PickerSectionProps<T extends object> extends Omit<SectionProps<T>, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes>, StyleProps {
 }
 export function PickerSection<T extends object>(props: PickerSectionProps<T>): ReactNode;
 interface ProgressBarStyleProps {
@@ -1550,7 +1615,7 @@ interface ProgressBarStyleProps {
      */
     labelPosition?: LabelPosition;
 }
-export interface ProgressBarProps extends Omit<_ProgressBarProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, ProgressBarStyleProps, StyleProps {
+export interface ProgressBarProps extends Omit<_ProgressBarProps1, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, ProgressBarStyleProps, StyleProps {
     /** The content to display as the label. */
     label?: ReactNode;
 }
@@ -1560,7 +1625,7 @@ export const ProgressBarContext: Context<ContextValue<Partial<ProgressBarProps>,
  * They can represent either determinate or indeterminate progress.
  */
 export const ProgressBar: ForwardRefExoticComponent<ProgressBarProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface RadioProps extends Omit<_RadioProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
+export interface RadioProps extends Omit<_RadioProps1, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The label for the element.
      */
@@ -1571,7 +1636,7 @@ export interface RadioProps extends Omit<_RadioProps1, 'className' | 'style' | '
  * All possible options are exposed up front for users to compare.
  */
 export const Radio: ForwardRefExoticComponent<RadioProps & RefAttributes<FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
-export interface RadioGroupProps extends Omit<_RadioGroupProps1, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+export interface RadioGroupProps extends Omit<_RadioGroupProps1, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The Radios contained within the RadioGroup.
      */
@@ -1599,7 +1664,7 @@ export const RadioGroupContext: React.Context<ContextValue<Partial<RadioGroupPro
  * All possible options are exposed up front for users to compare.
  */
 export const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface RangeCalendarProps<T extends DateValue> extends Omit<_RangeCalendarProps2<T>, 'visibleDuration' | 'style' | 'className' | 'children' | 'styles' | keyof GlobalDOMAttributes>, StyleProps {
+export interface RangeCalendarProps<T extends DateValue> extends Omit<_RangeCalendarProps2<T>, 'visibleDuration' | 'style' | 'className' | 'render' | 'children' | 'styles' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The error message to display when the calendar is invalid.
      */
@@ -1615,7 +1680,7 @@ export const RangeCalendarContext: Context<ContextValue<Partial<RangeCalendarPro
  * RangeCalendars display a grid of days in one or more months and allow users to select a contiguous range of dates.
  */
 export const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & RefAttributes<HTMLDivElement>) => ReactElement | null;
-interface SliderBaseProps<T> extends Omit<_SliderProps1<T>, 'children' | 'style' | 'className' | 'orientation' | keyof GlobalDOMAttributes>, Omit<SpectrumLabelableProps, 'necessityIndicator' | 'isRequired'>, StyleProps {
+interface SliderBaseProps<T> extends Omit<_SliderProps1<T>, 'children' | 'style' | 'className' | 'render' | 'orientation' | keyof GlobalDOMAttributes>, Omit<SpectrumLabelableProps, 'necessityIndicator' | 'isRequired'>, StyleProps {
     children?: ReactNode;
     /**
      * The size of the Slider.
@@ -1672,7 +1737,7 @@ export const RangeSliderContext: Context<ContextValue<Partial<RangeSliderProps>,
  * 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 const RangeSlider: ForwardRefExoticComponent<RangeSliderProps & RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
-export interface SearchFieldProps extends Omit<_SearchFieldProps1, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<InputProps, 'placeholder'> {
+export interface SearchFieldProps extends Omit<_SearchFieldProps1, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<InputProps, 'placeholder'> {
     /**
      * The size of the SearchField.
      *
@@ -1722,7 +1787,7 @@ export const SegmentedControl: ForwardRefExoticComponent<SegmentedControlProps &
  * A SegmentedControlItem represents an option within a SegmentedControl.
  */
 export const SegmentedControlItem: ForwardRefExoticComponent<SegmentedControlItemProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
-export interface SelectBoxGroupProps<T> extends StyleProps, Omit<ListBoxProps<T>, keyof GlobalDOMAttributes | 'layout' | 'dragAndDropHooks' | 'dependencies' | 'renderEmptyState' | 'children' | 'onAction' | 'shouldFocusOnHover' | 'selectionBehavior' | 'shouldSelectOnPressUp' | 'shouldFocusWrap' | 'style' | 'className'> {
+export interface SelectBoxGroupProps<T> extends StyleProps, Omit<ListBoxProps<T>, keyof GlobalDOMAttributes | 'layout' | 'dragAndDropHooks' | 'dependencies' | 'renderEmptyState' | 'children' | 'onAction' | 'shouldFocusOnHover' | 'selectionBehavior' | 'shouldSelectOnPressUp' | 'shouldFocusWrap' | 'style' | 'className' | 'render'> {
     /**
      * The SelectBox elements contained within the SelectBoxGroup.
      */
@@ -1819,7 +1884,7 @@ interface SwitchStyleProps {
      */
     isEmphasized?: boolean;
 }
-export interface SwitchProps extends Omit<_SwitchProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | keyof GlobalDOMAttributes>, StyleProps, SwitchStyleProps {
+export interface SwitchProps extends Omit<_SwitchProps1, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | keyof GlobalDOMAttributes>, StyleProps, SwitchStyleProps {
     children?: ReactNode;
 }
 export const SwitchContext: Context<ContextValue<Partial<SwitchProps>, FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
@@ -1865,7 +1930,7 @@ interface S2TableProps {
     /** Provides the ActionBar to display when rows are selected in the TableView. */
     renderActionBar?: (selectedKeys: 'all' | Set<_Key1>) => ReactElement;
 }
-export interface TableViewProps extends Omit<TableProps, 'style' | 'className' | 'onRowAction' | 'selectionBehavior' | 'onScroll' | 'onCellAction' | 'dragAndDropHooks' | keyof GlobalDOMAttributes>, DOMProps, UnsafeStyles, S2TableProps {
+export interface TableViewProps extends Omit<TableProps, 'style' | 'className' | 'render' | 'onRowAction' | 'selectionBehavior' | 'onScroll' | 'onCellAction' | 'dragAndDropHooks' | keyof GlobalDOMAttributes>, DOMProps, UnsafeStyles, S2TableProps {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
 }
@@ -1874,13 +1939,13 @@ export const TableContext: React.Context<ContextValue<Partial<TableViewProps>, D
  * Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
  */
 export const TableView: React.ForwardRefExoticComponent<TableViewProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface TableBodyProps<T> extends Omit<_TableBodyProps1<T>, 'style' | 'className' | keyof GlobalDOMAttributes> {
+export interface TableBodyProps<T> extends Omit<_TableBodyProps1<T>, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {
 }
 /**
  * The body of a `<Table>`, containing the table rows.
  */
 export const TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
-export interface ColumnProps extends Omit<_ColumnProps1, 'style' | 'className' | keyof GlobalDOMAttributes> {
+export interface ColumnProps extends Omit<_ColumnProps1, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes> {
     /** Whether the column should render a divider between it and the next column. */
     showDivider?: boolean;
     /** Whether the column allows resizing. */
@@ -1899,13 +1964,13 @@ export interface ColumnProps extends Omit<_ColumnProps1, 'style' | 'className' |
  * A column within a `<Table>`.
  */
 export const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface TableHeaderProps<T> extends Omit<_TableHeaderProps1<T>, 'style' | 'className' | 'onHoverChange' | 'onHoverStart' | 'onHoverEnd' | keyof GlobalDOMAttributes> {
+export interface TableHeaderProps<T> extends Omit<_TableHeaderProps1<T>, 'style' | 'className' | 'render' | 'onHoverChange' | 'onHoverStart' | 'onHoverEnd' | keyof GlobalDOMAttributes> {
 }
 /**
  * A header within a `<Table>`, containing the table columns.
  */
 export const TableHeader: <T extends object>(props: TableHeaderProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
-export interface CellProps extends Omit<_CellProps1, 'style' | 'className' | keyof GlobalDOMAttributes>, Pick<ColumnProps, 'align' | 'showDivider'> {
+export interface CellProps extends Omit<_CellProps1, 'style' | 'className' | 'render' | keyof GlobalDOMAttributes>, Pick<ColumnProps, 'align' | 'showDivider'> {
     /** @private */
     isSticky?: boolean;
     /** The content to render as the cell children. */
@@ -1937,7 +2002,7 @@ export interface RowProps<T> extends Pick<_RowProps1<T>, 'id' | 'columns' | 'isD
  * A row within a `<Table>`.
  */
 export const Row: <T extends object>(props: RowProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
-export interface TabsProps extends Omit<_TabsProps1, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, UnsafeStyles {
+export interface TabsProps extends Omit<_TabsProps1, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, UnsafeStyles {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
     /** The content to display in the tabs. */
@@ -1954,15 +2019,15 @@ export interface TabsProps extends Omit<_TabsProps1, 'className' | 'style' | 'ch
      */
     labelBehavior?: 'show' | 'hide';
 }
-export interface TabProps extends Omit<_TabProps1, 'children' | 'style' | 'className' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
+export interface TabProps extends Omit<_TabProps1, 'children' | 'style' | 'className' | 'render' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
     /** The content to display in the tab. */
     children: ReactNode;
 }
-export interface TabListProps<T> extends Omit<_TabListProps1<T>, 'style' | 'className' | 'aria-label' | 'aria-labelledby' | keyof GlobalDOMAttributes>, StyleProps {
+export interface TabListProps<T> extends Omit<_TabListProps1<T>, 'style' | 'className' | 'render' | 'aria-label' | 'aria-labelledby' | keyof GlobalDOMAttributes>, StyleProps {
     /** The content to display in the tablist. */
     children: ReactNode | ((item: T) => ReactNode);
 }
-export interface TabPanelProps extends Omit<_TabPanelProps1, 'children' | 'style' | 'className' | keyof GlobalDOMAttributes>, UnsafeStyles {
+export interface TabPanelProps extends Omit<_TabPanelProps1, 'children' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes>, UnsafeStyles {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
     /** The content to display in the tab panels. */
@@ -1976,11 +2041,11 @@ export const Tabs: ForwardRefExoticComponent<TabsProps & RefAttributes<DOMRefVal
 export function TabList<T extends object>(props: TabListProps<T>): ReactNode | null;
 export function Tab(props: TabProps): ReactNode;
 export function TabPanel(props: TabPanelProps): ReactNode | null;
-export interface TagProps extends Omit<_TagProps1, 'children' | 'style' | 'className' | 'onClick' | keyof GlobalDOMAttributes>, LabelableProps {
+export interface TagProps extends Omit<_TagProps1, 'children' | 'style' | 'className' | 'render' | 'onClick' | keyof GlobalDOMAttributes>, LabelableProps {
     /** The children of the tag. */
     children: ReactNode;
 }
-export interface TagGroupProps<T> extends Omit<_TagGroupProps1, 'children' | 'style' | 'className' | keyof GlobalDOMAttributes>, Pick<TagListProps<T>, 'items' | 'children' | 'renderEmptyState'>, Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>, StyleProps, Omit<HelpTextProps, 'errorMessage'> {
+export interface TagGroupProps<T> extends Omit<_TagGroupProps1, 'children' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes>, Pick<TagListProps<T>, 'items' | 'children' | 'renderEmptyState'>, Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>, StyleProps, Omit<HelpTextProps, 'errorMessage'> {
     /** A description for the tag group. */
     description?: ReactNode;
     /**
@@ -2009,7 +2074,7 @@ export const TagGroupContext: Context<ContextValue<Partial<TagGroupProps<any>>,
 export const TagGroup: <T extends object>(props: TagGroupProps<T> & RefAttributes<DOMRefValue<HTMLDivElement>>) => React.ReactElement | null;
 /** An individual Tag for TagGroups. */
 export const Tag: (props: TagProps & RefAttributes<DOMRefValue<HTMLDivElement>>) => React.ReactElement | null;
-export interface TextFieldProps extends Omit<_TextFieldProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<InputProps, 'placeholder'> {
+export interface TextFieldProps extends Omit<_TextFieldProps1, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<InputProps, 'placeholder'> {
     /**
      * The size of the text field.
      *
@@ -2033,7 +2098,7 @@ export const TextAreaContext: Context<ContextValue<Partial<TextAreaProps>, TextF
  * are available to text fields.
  */
 export const TextArea: ForwardRefExoticComponent<TextAreaProps & RefAttributes<TextFieldRef<HTMLTextAreaElement>>>;
-export interface TimeFieldProps<T extends TimeValue> extends Omit<_TimeFieldProps1<T>, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+export interface TimeFieldProps<T extends TimeValue> extends Omit<_TimeFieldProps1<T>, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the TimeField.
      *
@@ -2048,7 +2113,7 @@ export const TimeFieldContext: Context<ContextValue<Partial<TimeFieldProps<any>>
  */
 export const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> & RefAttributes<HTMLDivElement>) => ReactElement | null;
 type ToastPlacement = 'top' | 'top end' | 'bottom' | 'bottom end';
-export interface ToastContainerProps extends Omit<ToastRegionProps<SpectrumToastValue>, 'queue' | 'children' | 'style' | 'className'> {
+export interface ToastContainerProps extends Omit<ToastRegionProps<SpectrumToastValue>, 'queue' | 'children' | 'style' | 'className' | 'render'> {
     /**
      * Placement of the toast container on the page.
      * @default "bottom"
@@ -2091,7 +2156,7 @@ export const ToastQueue: {
  * at the root of the app.
  */
 export function ToastContainer(props: ToastContainerProps): ReactNode;
-export interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit<_ToggleButtonGroupProps1, 'children' | 'style' | 'className' | keyof GlobalDOMAttributes>, DOMProps {
+export interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit<_ToggleButtonGroupProps1, 'children' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes>, DOMProps {
     /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */
     isEmphasized?: boolean;
 }
@@ -2100,7 +2165,7 @@ export const ToggleButtonGroupContext: Context<ContextValue<Partial<ToggleButton
  * A ToggleButtonGroup is a grouping of related ToggleButtons, with single or multiple selection.
  */
 export const ToggleButtonGroup: ForwardRefExoticComponent<ToggleButtonGroupProps & RefAttributes<HTMLDivElement>>;
-export interface ToggleButtonProps extends Omit<_ToggleButtonProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, ActionButtonStyleProps {
+export interface ToggleButtonProps extends Omit<_ToggleButtonProps1, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, ActionButtonStyleProps {
     /** The content to display in the button. */
     children: ReactNode;
     /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */
@@ -2122,7 +2187,7 @@ interface TooltipTriggerProps extends Omit<TooltipTriggerComponentProps, 'childr
      */
     placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom';
 }
-export interface TooltipProps extends Omit<_TooltipProps1, 'children' | 'className' | 'style' | 'triggerRef' | 'UNSTABLE_portalContainer' | 'isEntering' | 'isExiting' | 'placement' | 'containerPadding' | 'offset' | 'crossOffset' | 'shouldFlip' | 'arrowBoundaryOffset' | 'isOpen' | 'defaultOpen' | 'onOpenChange' | keyof GlobalDOMAttributes>, DOMProps, UnsafeStyles {
+export interface TooltipProps extends Omit<_TooltipProps1, 'children' | 'className' | 'style' | 'render' | 'triggerRef' | 'UNSTABLE_portalContainer' | 'isEntering' | 'isExiting' | 'placement' | 'containerPadding' | 'offset' | 'crossOffset' | 'shouldFlip' | 'arrowBoundaryOffset' | 'isOpen' | 'defaultOpen' | 'onOpenChange' | keyof GlobalDOMAttributes>, DOMProps, UnsafeStyles {
     /** The content of the tooltip. */
     children: ReactNode;
 }
@@ -2139,12 +2204,14 @@ export function TooltipTrigger(props: TooltipTriggerProps): ReactNode;
 interface S2TreeProps {
     /** Handler that is called when a user performs an action on a row. */
     onAction?: (key: Key) => void;
+    /** Provides the ActionBar to display when items are selected in the TreeView. */
+    renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement;
 }
-export interface TreeViewProps<T> extends Omit<TreeProps<T>, 'style' | 'className' | 'onRowAction' | 'selectionBehavior' | 'onScroll' | 'onCellAction' | 'dragAndDropHooks' | keyof GlobalDOMAttributes>, UnsafeStyles, S2TreeProps {
+export interface TreeViewProps<T> extends Omit<TreeProps<T>, 'style' | 'className' | 'render' | 'onRowAction' | 'selectionBehavior' | 'onScroll' | 'onCellAction' | 'dragAndDropHooks' | keyof GlobalDOMAttributes>, UnsafeStyles, S2TreeProps {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
 }
-export interface TreeViewItemProps extends Omit<TreeItemProps, 'className' | 'style' | 'onClick' | keyof GlobalDOMAttributes> {
+export interface TreeViewItemProps extends Omit<TreeItemProps, 'className' | 'style' | 'render' | 'onClick' | keyof GlobalDOMAttributes> {
     /** Whether this item has children, even if not loaded yet. */
     hasChildItems?: boolean;
 }
@@ -2163,7 +2230,7 @@ export interface TreeViewItemContentProps extends Omit<TreeItemContentProps, 'ch
 }
 export const TreeViewItemContent: (props: TreeViewItemContentProps) => ReactNode;
 export const TreeViewLoadMoreItem: (props: TreeViewLoadMoreItemProps) => ReactNode;
-export interface DatePickerProps<T extends DateValue> extends Omit<_DatePickerProps1<T>, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, Pick<_CalendarProps2<T>, 'createCalendar' | 'pageBehavior' | 'firstDayOfWeek' | 'isDateUnavailable'>, Pick<_PopoverProps1, 'shouldFlip'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+export interface DatePickerProps<T extends DateValue> extends Omit<_DatePickerProps1<T>, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, Pick<_CalendarProps2<T>, 'createCalendar' | 'pageBehavior' | 'firstDayOfWeek' | 'isDateUnavailable'>, Pick<_PopoverProps1, 'shouldFlip'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the DateField.
      *