@react-spectrum/s2 0.9.2 → 0.10.0

package/dist/types.d.ts

@@ -1,9 +1,9 @@
 import React, { CSSProperties, ReactNode, Context, RefAttributes, ForwardRefExoticComponent, HTMLAttributeReferrerPolicy, ComponentType, FunctionComponent, SVGProps, RefObject, JSX, ReactElement } from "react";
-import { AriaLabelingProps, DOMProps, DOMRefValue, SpectrumLabelableProps, FocusableRefValue, LinkDOMProps, Key, LoadingState, HelpTextProps, Orientation, ValueBase, AsyncLoadable, LabelPosition, InputDOMProps, RangeValue } from "@react-types/shared";
-import { ContextValue, SlotProps, FormProps as _FormProps1, ButtonProps as _ButtonProps1, DisclosurePanelProps as _DisclosurePanelProps1, DisclosureProps as _DisclosureProps1, DisclosureGroupProps, 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, ProgressBarProps as _ProgressBarProps1, LinkProps as _LinkProps1, BreadcrumbsProps as _BreadcrumbsProps1, GridListItemProps, GridListProps, DialogTriggerProps as _DialogTriggerProps1, CheckboxGroupProps as _CheckboxGroupProps1, ColorAreaProps as _ColorAreaProps1, ColorFieldProps as _ColorFieldProps1, ColorSliderProps as _ColorSliderProps1, ColorSwatchProps as _ColorSwatchProps1, Color, ColorWheelProps as _ColorWheelProps1, ComboBoxProps as _ComboBoxProps1, ListBoxItemProps, ListBoxProps, SectionProps, DropZoneProps as _DropZoneProps1, MeterProps as _MeterProps1, NumberFieldProps as _NumberFieldProps1, SelectProps, RadioProps as _RadioProps1, RadioGroupProps as _RadioGroupProps1, 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, ToastOptions as _ToastOptions1, ToastRegionProps, ToggleButtonGroupProps as _ToggleButtonGroupProps1, ToggleButtonProps as _ToggleButtonProps1, TooltipProps as _TooltipProps1, TooltipTriggerComponentProps, TreeItemProps, TreeProps, TreeItemContentProps } from "react-aria-components";
+import { AriaLabelingProps, DOMProps, DOMRefValue, GlobalDOMAttributes, SpectrumLabelableProps, FocusableRefValue, LinkDOMProps, Key, LoadingState, HelpTextProps, Orientation, ValueBase, AsyncLoadable, LabelPosition, InputDOMProps, RangeValue } from "@react-types/shared";
+import { ContextValue, SlotProps, FormProps as _FormProps1, ButtonProps as _ButtonProps1, DisclosurePanelProps as _DisclosurePanelProps1, DisclosureProps as _DisclosureProps1, DisclosureGroupProps, 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, ProgressBarProps as _ProgressBarProps1, LinkProps as _LinkProps1, BreadcrumbProps as _BreadcrumbProps1, BreadcrumbsProps as _BreadcrumbsProps1, DialogTriggerProps as _DialogTriggerProps1, CalendarProps as _CalendarProps1, DateValue, GridListItemProps, GridListProps, CheckboxGroupProps as _CheckboxGroupProps1, ColorAreaProps as _ColorAreaProps1, ColorFieldProps as _ColorFieldProps1, 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 { ColorScheme, Router } from "@react-types/provider";
-import { AriaBreadcrumbItemProps } from "react-aria";
 import { TextFieldRef } from "@react-types/textfield";
+import { RangeCalendarProps as _RangeCalendarProps1, CalendarProps as _CalendarProps2 } from "../";
 import { SpectrumDialogContainerProps } from "@react-types/dialog";
 import { ColumnSize } from "@react-types/table";
 type StyleString<P = string> = string & {
@@ -172,12 +172,12 @@ export interface IconContextValue extends UnsafeStyles, SlotProps {
     styles?: StyleString;
     render?: (icon: ReactNode) => ReactNode;
 }
-interface IllustrationProps extends UnsafeStyles, SlotProps, AriaLabelingProps, DOMProps {
+export interface IllustrationProps extends UnsafeStyles, SlotProps, AriaLabelingProps, DOMProps {
     'aria-hidden'?: boolean | 'false' | 'true';
     size?: 'S' | 'M' | 'L';
     styles?: StyleString<AllowedOverrides>;
 }
-interface IllustrationContextValue extends IconContextValue {
+export interface IllustrationContextValue extends IconContextValue {
     size?: 'S' | 'M' | 'L';
 }
 export const IconContext: Context<ContextValue<Partial<IconContextValue>, SVGElement>>;
@@ -216,7 +216,8 @@ interface ContentProps extends UnsafeStyles, SlotProps {
     isHidden?: boolean;
     id?: string;
 }
-interface HeadingProps extends ContentProps {
+interface HeadingProps extends Omit<ContentProps, 'children'> {
+    children: ReactNode;
     level?: number;
 }
 export const HeadingContext: Context<ContextValue<Partial<HeadingProps>, DOMRefValue<HTMLHeadingElement>>>;
@@ -242,7 +243,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'>, StyleProps {
+export interface FormProps extends FormStyleProps, Omit<_FormProps1, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, StyleProps {
     children: ReactNode;
 }
 /**
@@ -261,7 +262,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' | 'isPending' | 'onClick'>, StyleProps, ActionButtonStyleProps {
+export interface ActionButtonProps extends Omit<_ButtonProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'isPending' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, ActionButtonStyleProps {
     /** The content to display in the ActionButton. */
     children: ReactNode;
 }
@@ -271,7 +272,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'>, StyleProps {
+export interface DisclosureProps extends Omit<_DisclosureProps1, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The size of the disclosure.
      * @default 'M'
@@ -319,7 +320,7 @@ export interface DisclosurePanelProps extends Omit<_DisclosurePanelProps1, 'clas
  * A disclosure panel is a collapsible section of content that is hidden until the disclosure is expanded.
  */
 export const DisclosurePanel: React.ForwardRefExoticComponent<DisclosurePanelProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface AccordionProps extends Omit<DisclosureGroupProps, 'className' | 'style' | 'children'>, UnsafeStyles, DOMProps, SlotProps {
+export interface AccordionProps extends Omit<DisclosureGroupProps, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, UnsafeStyles, DOMProps, SlotProps {
     /** The disclosure elements in the accordion. */
     children: React.ReactNode;
     /** Spectrum-defined styles, returned by the `style()` macro. */
@@ -380,7 +381,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'>, StyleProps, CheckboxStyleProps {
+export interface CheckboxProps extends Omit<_CheckboxProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, CheckboxStyleProps {
     /** The label for the element. */
     children?: ReactNode;
 }
@@ -404,7 +405,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'>, StyleProps {
+export interface DividerProps extends DividerSpectrumProps, Omit<SeparatorProps, 'className' | 'style' | 'elementType' | keyof GlobalDOMAttributes>, StyleProps {
 }
 export const DividerContext: Context<ContextValue<Partial<DividerProps>, DOMRefValue<HTMLElement>>>;
 /**
@@ -441,7 +442,7 @@ export interface ProviderProps extends UnsafeStyles {
     elementType?: keyof JSX.IntrinsicElements;
 }
 export function Provider(props: ProviderProps): ReactNode;
-export interface PopoverProps extends UnsafeStyles, Omit<_PopoverProps1, 'arrowSize' | 'isNonModal' | 'arrowBoundaryOffset' | 'isKeyboardDismissDisabled' | 'shouldCloseOnInteractOutside' | 'shouldUpdatePosition'> {
+export interface PopoverProps extends UnsafeStyles, Omit<_PopoverProps1, 'arrowSize' | 'isNonModal' | 'arrowBoundaryOffset' | 'isKeyboardDismissDisabled' | 'shouldCloseOnInteractOutside' | 'shouldUpdatePosition' | keyof GlobalDOMAttributes> {
     styles?: StyleString;
     /**
      * Whether a popover's arrow should be hidden.
@@ -454,7 +455,7 @@ export interface PopoverProps extends UnsafeStyles, Omit<_PopoverProps1, 'arrowS
      */
     size?: 'S' | 'M' | 'L';
 }
-interface PopoverDialogProps extends Pick<PopoverProps, 'size' | 'hideArrow' | 'placement' | 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset' | 'triggerRef' | 'isOpen' | 'onOpenChange'>, Omit<_DialogProps1, 'className' | 'style'>, StyleProps {
+interface PopoverDialogProps extends Pick<PopoverProps, 'size' | 'hideArrow' | 'placement' | 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset' | 'triggerRef' | 'isOpen' | 'onOpenChange'>, Omit<_DialogProps1, 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps {
 }
 /**
  * A popover is an overlay element positioned relative to a trigger.
@@ -480,7 +481,7 @@ export interface MenuTriggerProps extends _MenuTriggerProps1 {
      */
     shouldFlip?: boolean;
 }
-export interface MenuProps<T> extends Omit<_MenuProps1<T>, 'children' | 'style' | 'className' | 'dependencies' | 'renderEmptyState'>, StyleProps {
+export interface MenuProps<T> extends Omit<_MenuProps1<T>, 'children' | 'style' | 'className' | 'dependencies' | 'renderEmptyState' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The size of the Menu.
      *
@@ -499,10 +500,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 _MenuSectionProps1<T> {
+export interface MenuSectionProps<T extends object> extends Omit<_MenuSectionProps1<T>, keyof GlobalDOMAttributes> {
 }
 export function MenuSection<T extends object>(props: MenuSectionProps<T>): ReactNode;
-export interface MenuItemProps extends Omit<_MenuItemProps1, 'children' | 'style' | 'className'>, StyleProps {
+export interface MenuItemProps extends Omit<_MenuItemProps1, 'children' | 'style' | 'className' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The contents of the item.
      */
@@ -540,7 +541,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'>, ProgressCircleStyleProps, UnsafeStyles {
+export interface ProgressCircleProps extends Omit<_ProgressBarProps1, 'children' | 'style' | 'valueLabel' | 'formatOptions' | 'label' | 'className' | keyof GlobalDOMAttributes>, ProgressCircleStyleProps, UnsafeStyles {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
 }
@@ -571,11 +572,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'>, StyleProps, ButtonStyleProps {
+export interface ButtonProps extends Omit<_ButtonProps1, 'className' | 'style' | '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'>, StyleProps, ButtonStyleProps {
+export interface LinkButtonProps extends Omit<_LinkProps1, 'className' | 'style' | 'children' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, ButtonStyleProps {
     /** The content to display in the Button. */
     children: ReactNode;
 }
@@ -627,7 +628,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'>, StyleProps {
+export interface DialogProps extends Omit<_DialogProps1, 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * Whether the Dialog is dismissible.
      */
@@ -745,24 +746,68 @@ interface BreadcrumbsStyleProps {
     /** Whether the breadcrumbs are disabled. */
     isDisabled?: boolean;
 }
-export interface BreadcrumbsProps<T> extends Omit<_BreadcrumbsProps1<T>, 'children' | 'items' | 'style' | 'className'>, BreadcrumbsStyleProps, StyleProps {
+export interface BreadcrumbsProps<T> extends Omit<_BreadcrumbsProps1<T>, 'children' | 'items' | 'style' | 'className' | keyof GlobalDOMAttributes>, BreadcrumbsStyleProps, StyleProps {
     /** The children of the Breadcrumbs. */
     children: 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<AriaBreadcrumbItemProps, 'children' | 'style' | 'className' | 'autoFocus' | 'onClick'>, LinkDOMProps {
+export interface BreadcrumbProps extends Omit<_BreadcrumbProps1, 'children' | 'style' | 'className' | 'autoFocus' | 'onClick' | keyof GlobalDOMAttributes>, LinkDOMProps {
     /** The children of the breadcrumb item. */
     children: ReactNode;
 }
 /** An individual Breadcrumb for Breadcrumbs. */
 export const Breadcrumb: (props: BreadcrumbProps & RefAttributes<DOMRefValue<HTMLLIElement>>) => React.ReactElement | null;
+export interface DialogTriggerProps extends _DialogTriggerProps1 {
+}
+/**
+ * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
+ * open state with the trigger's press state. Additionally, it allows you to customize the type and
+ * positioning of the Dialog.
+ */
+export function DialogTrigger(props: DialogTriggerProps): ReactNode;
+interface ContextualHelpStyleProps {
+    /**
+     * Indicates whether contents are informative or provides helpful guidance.
+     *
+     * @default 'help'
+     */
+    variant?: 'info' | 'help';
+}
+interface ContextualHelpProps extends Pick<DialogTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange'>, Pick<PopoverDialogProps, 'shouldFlip' | 'offset' | 'crossOffset' | 'placement' | 'containerPadding'>, ContextualHelpStyleProps, StyleProps, DOMProps, AriaLabelingProps {
+    /** Contents of the Contextual Help popover. */
+    children: ReactNode;
+    /**
+     * The size of the ActionButton.
+     *
+     * @default 'XS'
+     */
+    size?: 'XS' | 'S';
+}
+export const ContextualHelpContext: Context<ContextValue<Partial<ContextualHelpProps>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+/**
+ * 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' | 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 const CalendarContext: React.Context<ContextValue<Partial<CalendarProps<any>>, HTMLDivElement>>;
+export const Calendar: <T extends DateValue>(props: CalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
 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'>, StyleProps {
+export interface CardProps extends Omit<GridListItemProps, 'className' | 'style' | 'children' | 'onHoverChange' | 'onHoverStart' | 'onHoverEnd' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
     /** The children of the Card. */
     children: ReactNode | ((renderProps: CardRenderProps) => ReactNode);
     /**
@@ -799,7 +844,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'>, UnsafeStyles {
+export interface CardViewProps<T> extends Omit<GridListProps<T>, 'layout' | 'keyboardNavigationBehavior' | 'selectionBehavior' | 'className' | 'style' | 'isLoading' | keyof GlobalDOMAttributes>, UnsafeStyles {
     /**
      * The layout of the cards.
      * @default 'grid'
@@ -836,38 +881,7 @@ export interface CardViewProps<T> extends Omit<GridListProps<T>, 'layout' | 'key
 }
 export const CardViewContext: Context<ContextValue<Partial<CardViewProps<any>>, DOMRefValue<HTMLDivElement>>>;
 export const CardView: <T extends object>(props: CardViewProps<T> & RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
-export interface DialogTriggerProps extends _DialogTriggerProps1 {
-}
-/**
- * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
- * open state with the trigger's press state. Additionally, it allows you to customize the type and
- * positioning of the Dialog.
- */
-export function DialogTrigger(props: DialogTriggerProps): ReactNode;
-interface ContextualHelpStyleProps {
-    /**
-     * Indicates whether contents are informative or provides helpful guidance.
-     *
-     * @default 'help'
-     */
-    variant?: 'info' | 'help';
-}
-interface ContextualHelpProps extends Pick<DialogTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange'>, Pick<PopoverDialogProps, 'shouldFlip' | 'offset' | 'crossOffset' | 'placement' | 'containerPadding'>, ContextualHelpStyleProps, StyleProps, DOMProps, AriaLabelingProps {
-    /** Contents of the Contextual Help popover. */
-    children: ReactNode;
-    /**
-     * The size of the ActionButton.
-     *
-     * @default 'XS'
-     */
-    size?: 'XS' | 'S';
-}
-export const ContextualHelpContext: Context<ContextValue<Partial<ContextualHelpProps>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
-/**
- * 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 CheckboxGroupProps extends Omit<_CheckboxGroupProps1, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+export interface CheckboxGroupProps extends Omit<_CheckboxGroupProps1, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the Checkboxes in the CheckboxGroup.
      *
@@ -895,14 +909,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'>, StyleProps {
+export interface ColorAreaProps extends Omit<_ColorAreaProps1, 'children' | 'className' | 'style' | 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'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+export interface ColorFieldProps extends Omit<_ColorFieldProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the color field.
      *
@@ -915,7 +929,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'>, Pick<SpectrumLabelableProps, 'contextualHelp'>, StyleProps {
+export interface ColorSliderProps extends Omit<_ColorSliderProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, Pick<SpectrumLabelableProps, 'contextualHelp'>, StyleProps {
     label?: string;
 }
 export const ColorSliderContext: Context<ContextValue<Partial<ColorSliderProps>, DOMRefValue<HTMLDivElement>>>;
@@ -923,7 +937,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'>, UnsafeStyles {
+export interface ColorSwatchProps extends Omit<_ColorSwatchProps1, 'className' | 'style' | keyof GlobalDOMAttributes>, UnsafeStyles {
     /**
      * The size of the ColorSwatch.
      * @default 'M'
@@ -966,7 +980,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'>, StyleProps {
+export interface ColorWheelProps extends Omit<_ColorWheelProps1, 'children' | 'className' | 'style' | 'outerRadius' | 'innerRadius' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * @default 192
      */
@@ -985,7 +999,7 @@ interface ComboboxStyleProps {
      */
     size?: 'S' | 'M' | 'L' | 'XL';
 }
-export interface ComboBoxProps<T extends object> extends Omit<_ComboBoxProps1<T>, 'children' | 'style' | 'className' | 'defaultFilter' | 'allowsEmptyCollection'>, ComboboxStyleProps, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<ListBoxProps<T>, 'items' | 'dependencies'>, Pick<_PopoverProps1, 'shouldFlip'>, Pick<AsyncLoadable, 'onLoadMore'> {
+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'> {
     /** The contents of the collection. */
     children: ReactNode | ((item: T) => ReactNode);
     /**
@@ -1010,14 +1024,39 @@ 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'>, StyleProps {
+export interface ComboBoxItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
     children: ReactNode;
 }
 export function ComboBoxItem(props: ComboBoxItemProps): ReactNode;
-export interface ComboBoxSectionProps<T extends object> extends SectionProps<T> {
+export interface ComboBoxSectionProps<T extends object> extends Omit<SectionProps<T>, keyof GlobalDOMAttributes> {
 }
 export function ComboBoxSection<T extends object>(props: ComboBoxSectionProps<T>): ReactNode;
-export interface CustomDialogProps extends Omit<_DialogProps1, 'className' | 'style'>, StyleProps {
+export interface DateFieldProps<T extends DateValue> extends Omit<_DateFieldProps1<T>, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+    /**
+     * The size of the DateField.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+}
+export const DateFieldContext: Context<ContextValue<Partial<DateFieldProps<any>>, HTMLDivElement>>;
+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' | 'isDateUnavailable'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+    /**
+     * The size of the DateField.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    /**
+     * The maximum number of months to display at once in the calendar popover, if screen space permits.
+     * @default 1
+     */
+    maxVisibleMonths?: number;
+}
+export const DateRangePickerContext: Context<ContextValue<Partial<DateRangePickerProps<any>>, HTMLDivElement>>;
+export const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T> & RefAttributes<HTMLDivElement>) => ReactElement | null;
+export interface CustomDialogProps extends Omit<_DialogProps1, 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The size of the Dialog.
      */
@@ -1038,7 +1077,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'>, StyleProps {
+export interface FullscreenDialogProps extends Omit<_DialogProps1, 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The variant of fullscreen dialog to display.
      * @default "fullscreen"
@@ -1096,7 +1135,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'>, UnsafeStyles, DOMProps {
+export interface DropZoneProps extends Omit<_DropZoneProps1, 'className' | 'style' | '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. */
@@ -1158,7 +1197,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'>, StyleProps, LinkStyleProps {
+export interface LinkProps extends Omit<_LinkProps1, 'isDisabled' | 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, LinkStyleProps {
     children: ReactNode;
 }
 export const LinkContext: Context<ContextValue<Partial<LinkProps>, FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
@@ -1188,7 +1227,7 @@ interface MeterStyleProps {
      */
     labelPosition?: LabelPosition;
 }
-export interface MeterProps extends Omit<_MeterProps1, 'children' | 'className' | 'style'>, MeterStyleProps, StyleProps {
+export interface MeterProps extends Omit<_MeterProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, MeterStyleProps, StyleProps {
     /** The content to display as the label. */
     label?: ReactNode;
 }
@@ -1198,7 +1237,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'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+interface NumberFieldProps extends Omit<_NumberFieldProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * Whether to hide the increment and decrement buttons.
      * @default false
@@ -1229,7 +1268,7 @@ interface PickerStyleProps {
      */
     isQuiet?: boolean;
 }
-export interface PickerProps<T extends object> extends Omit<SelectProps<T>, 'children' | 'style' | 'className'>, PickerStyleProps, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<ListBoxProps<T>, 'items' | 'dependencies'>, Pick<_PopoverProps1, 'shouldFlip'>, Pick<AsyncLoadable, 'onLoadMore'> {
+export interface PickerProps<T extends object> extends Omit<SelectProps<T>, 'children' | 'style' | 'className' | 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);
     /**
@@ -1254,11 +1293,11 @@ export const PickerContext: React.Context<ContextValue<Partial<PickerProps<any>>
  * Pickers allow users to choose a single option from a collapsible list of options when space is limited.
  */
 export const Picker: <T extends object>(props: PickerProps<T> & React.RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>) => React.ReactElement | null;
-export interface PickerItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className'>, StyleProps {
+export interface PickerItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
     children: ReactNode;
 }
 export function PickerItem(props: PickerItemProps): ReactNode;
-export interface PickerSectionProps<T extends object> extends SectionProps<T> {
+export interface PickerSectionProps<T extends object> extends Omit<SectionProps<T>, keyof GlobalDOMAttributes> {
 }
 export function PickerSection<T extends object>(props: PickerSectionProps<T>): ReactNode;
 interface ProgressBarStyleProps {
@@ -1282,7 +1321,7 @@ interface ProgressBarStyleProps {
      */
     labelPosition?: LabelPosition;
 }
-export interface ProgressBarProps extends Omit<_ProgressBarProps1, 'children' | 'className' | 'style'>, ProgressBarStyleProps, StyleProps {
+export interface ProgressBarProps extends Omit<_ProgressBarProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, ProgressBarStyleProps, StyleProps {
     /** The content to display as the label. */
     label?: ReactNode;
 }
@@ -1292,7 +1331,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'>, StyleProps {
+export interface RadioProps extends Omit<_RadioProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {
     /**
      * The label for the element.
      */
@@ -1303,7 +1342,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'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+export interface RadioGroupProps extends Omit<_RadioGroupProps1, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The Radios contained within the RadioGroup.
      */
@@ -1331,7 +1370,20 @@ 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>>>;
-interface SliderBaseProps<T> extends Omit<_SliderProps1<T>, 'children' | 'style' | 'className' | 'orientation'>, Omit<SpectrumLabelableProps, 'necessityIndicator' | 'isRequired'>, StyleProps {
+export interface RangeCalendarProps<T extends DateValue> extends Omit<_RangeCalendarProps2<T>, 'visibleDuration' | 'style' | 'className' | '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 const RangeCalendarContext: Context<ContextValue<Partial<RangeCalendarProps<any>>, HTMLDivElement>>;
+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 {
     children?: ReactNode;
     /**
      * The size of the Slider.
@@ -1363,6 +1415,9 @@ export interface SliderProps extends Omit<SliderBaseProps<number>, 'children'>,
     fillOffset?: number;
 }
 export const SliderContext: Context<ContextValue<Partial<SliderProps>, FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
+/**
+ * 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 const Slider: ForwardRefExoticComponent<SliderProps & RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
 export interface RangeSliderProps extends Omit<SliderBaseProps<RangeValue<number>>, 'children'> {
     /**
@@ -1373,10 +1428,16 @@ export interface RangeSliderProps extends Omit<SliderBaseProps<RangeValue<number
      * 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;
+    /**
+     * The `<form>` element to associate the input with.
+     * The value of this attribute must be the id of a `<form>` in the same document.
+     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).
+     */
+    form?: string;
 }
 export const RangeSliderContext: Context<ContextValue<Partial<RangeSliderProps>, FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
 export const RangeSlider: ForwardRefExoticComponent<RangeSliderProps & RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
-export interface SearchFieldProps extends Omit<_SearchFieldProps1, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+export interface SearchFieldProps extends Omit<_SearchFieldProps1, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the SearchField.
      *
@@ -1432,7 +1493,7 @@ export interface SkeletonCollectionProps {
 /**
  * A SkeletonCollection generates placeholder content within a collection component such as CardView.
  */
-export const SkeletonCollection: (props: SkeletonCollectionProps & RefAttributes<object>) => ReactElement | null;
+export const SkeletonCollection: (props: SkeletonCollectionProps & RefAttributes<Element>) => ReactElement | null;
 interface StatusLightStyleProps {
     /**
      * The variant changes the color of the status light.
@@ -1476,7 +1537,7 @@ interface SwitchStyleProps {
      */
     isEmphasized?: boolean;
 }
-export interface SwitchProps extends Omit<_SwitchProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, SwitchStyleProps {
+export interface SwitchProps extends Omit<_SwitchProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | keyof GlobalDOMAttributes>, StyleProps, SwitchStyleProps {
     children?: ReactNode;
 }
 export const SwitchContext: Context<ContextValue<Partial<SwitchProps>, FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
@@ -1522,7 +1583,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' | 'disabledBehavior' | 'className' | 'onRowAction' | 'selectionBehavior' | 'onScroll' | 'onCellAction' | 'dragAndDropHooks'>, UnsafeStyles, S2TableProps {
+export interface TableViewProps extends Omit<TableProps, 'style' | 'disabledBehavior' | 'className' | 'onRowAction' | 'selectionBehavior' | 'onScroll' | 'onCellAction' | 'dragAndDropHooks' | keyof GlobalDOMAttributes>, UnsafeStyles, S2TableProps {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
 }
@@ -1531,13 +1592,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'> {
+export interface TableBodyProps<T> extends Omit<_TableBodyProps1<T>, 'style' | 'className' | 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 _ColumnProps1 {
+export interface ColumnProps extends Omit<_ColumnProps1, keyof GlobalDOMAttributes> {
     /** Whether the column should render a divider between it and the next column. */
     showDivider?: boolean;
     /** Whether the column allows resizing. */
@@ -1556,7 +1617,7 @@ export interface ColumnProps extends _ColumnProps1 {
  * 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'> {
+export interface TableHeaderProps<T> extends Omit<_TableHeaderProps1<T>, 'style' | 'className' | 'onHoverChange' | 'onHoverStart' | 'onHoverEnd' | keyof GlobalDOMAttributes> {
 }
 /**
  * A header within a `<Table>`, containing the table columns.
@@ -1572,13 +1633,13 @@ export interface CellProps extends _CellProps1, Pick<ColumnProps, 'align' | 'sho
  * A cell within a table row.
  */
 export const Cell: React.ForwardRefExoticComponent<CellProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export interface RowProps<T> extends Pick<_RowProps1<T>, 'id' | 'columns' | 'children' | 'textValue' | 'dependencies'> {
+export interface RowProps<T> extends Pick<_RowProps1<T>, 'id' | 'columns' | 'children' | 'textValue' | 'dependencies' | keyof GlobalDOMAttributes> {
 }
 /**
  * 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'>, UnsafeStyles {
+export interface TabsProps extends Omit<_TabsProps1, 'className' | 'style' | 'children' | keyof GlobalDOMAttributes>, UnsafeStyles {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
     /** The content to display in the tabs. */
@@ -1595,15 +1656,15 @@ export interface TabsProps extends Omit<_TabsProps1, 'className' | 'style' | 'ch
      */
     labelBehavior?: 'show' | 'hide';
 }
-export interface TabProps extends Omit<_TabProps1, 'children' | 'style' | 'className'>, StyleProps {
+export interface TabProps extends Omit<_TabProps1, 'children' | 'style' | 'className' | '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'>, StyleProps {
+export interface TabListProps<T> extends Omit<_TabListProps1<T>, 'style' | 'className' | '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'>, UnsafeStyles {
+export interface TabPanelProps extends Omit<_TabPanelProps1, 'children' | 'style' | 'className' | keyof GlobalDOMAttributes>, UnsafeStyles {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
     /** The content to display in the tab panels. */
@@ -1617,11 +1678,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'> {
+export interface TagProps extends Omit<_TagProps1, 'children' | 'style' | 'className' | 'onClick' | keyof GlobalDOMAttributes> {
     /** The children of the tag. */
     children: ReactNode;
 }
-export interface TagGroupProps<T> extends Omit<_TagGroupProps1, 'children' | 'style' | 'className'>, Pick<TagListProps<T>, 'items' | 'children' | 'renderEmptyState'>, Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>, StyleProps, Omit<HelpTextProps, 'errorMessage'> {
+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'> {
     /** A description for the tag group. */
     description?: ReactNode;
     /**
@@ -1650,7 +1711,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'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+export interface TextFieldProps extends Omit<_TextFieldProps1, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the text field.
      *
@@ -1674,6 +1735,16 @@ 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 {
+    /**
+     * The size of the TimeField.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+}
+export const TimeFieldContext: Context<ContextValue<Partial<TimeFieldProps<any>>, HTMLDivElement>>;
+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'> {
     /**
@@ -1718,7 +1789,7 @@ export const UNSTABLE_ToastQueue: {
  * at the root of the app.
  */
 export function UNSTABLE_ToastContainer(props: ToastContainerProps): ReactNode;
-export interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit<_ToggleButtonGroupProps1, 'children' | 'style' | 'className'> {
+export interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit<_ToggleButtonGroupProps1, 'children' | 'style' | 'className' | keyof GlobalDOMAttributes> {
     /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */
     isEmphasized?: boolean;
 }
@@ -1727,7 +1798,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'>, StyleProps, ActionButtonStyleProps {
+export interface ToggleButtonProps extends Omit<_ToggleButtonProps1, 'className' | 'style' | '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). */
@@ -1739,7 +1810,7 @@ export const ToggleButtonContext: Context<ContextValue<Partial<ToggleButtonProps
  * switching between two states or modes.
  */
 export const ToggleButton: ForwardRefExoticComponent<ToggleButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
-interface TooltipTriggerProps extends Omit<TooltipTriggerComponentProps, 'children' | 'closeDelay'>, Pick<_TooltipProps1, 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset'> {
+interface TooltipTriggerProps extends Omit<TooltipTriggerComponentProps, 'children' | 'closeDelay' | keyof GlobalDOMAttributes>, Pick<_TooltipProps1, 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset'> {
     /** The content of the tooltip. */
     children: ReactNode;
     /**
@@ -1749,7 +1820,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'>, UnsafeStyles {
+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>, UnsafeStyles {
     /** The content of the tooltip. */
     children: ReactNode;
 }
@@ -1764,28 +1835,51 @@ export const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<DOM
  */
 export function TooltipTrigger(props: TooltipTriggerProps): ReactNode;
 interface S2TreeProps {
+    /** Whether the tree should be displayed with a [detached style](https://spectrum.adobe.com/page/tree-view/#Detached). */
     isDetached?: boolean;
+    /** Handler that is called when a user performs an action on a row. */
     onAction?: (key: Key) => void;
+    /** Whether the tree should be displayed with a [emphasized style](https://spectrum.adobe.com/page/tree-view/#Emphasis). */
     isEmphasized?: boolean;
 }
-export interface TreeViewProps extends Omit<TreeProps<any>, 'style' | 'className' | 'onRowAction' | 'selectionBehavior' | 'onScroll' | 'onCellAction' | 'dragAndDropHooks'>, UnsafeStyles, S2TreeProps {
+export interface TreeViewProps<T> extends Omit<TreeProps<T>, 'style' | 'className' | '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'> {
+export interface TreeViewItemProps extends Omit<TreeItemProps, 'className' | 'style' | 'onClick' | keyof GlobalDOMAttributes> {
     /** Whether this item has children, even if not loaded yet. */
     hasChildItems?: boolean;
 }
+export interface TreeViewLoadMoreItemProps extends Pick<TreeLoadMoreItemProps, 'onLoadMore'> {
+    /** The current loading state of the TreeView or TreeView row. */
+    loadingState?: LoadingState;
+}
+/**
+ * A tree view provides users with a way to navigate nested hierarchical information.
+ */
+export const TreeView: <T extends object>(props: TreeViewProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
 export const TreeViewItem: (props: TreeViewItemProps) => ReactNode;
 export interface TreeViewItemContentProps extends Omit<TreeItemContentProps, 'children'> {
     /** Rendered contents of the tree item or child items. */
     children: ReactNode;
 }
 export const TreeViewItemContent: (props: TreeViewItemContentProps) => ReactNode;
-/**
- * A tree view provides users with a way to navigate nested hierarchical information.
- */
-export const TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+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' | 'isDateUnavailable'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+    /**
+     * The size of the DateField.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    /**
+     * The maximum number of months to display at once in the calendar popover, if screen space permits.
+     * @default 1
+     */
+    maxVisibleMonths?: number;
+}
+export const DatePickerContext: Context<ContextValue<Partial<DatePickerProps<any>>, HTMLDivElement>>;
+export const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & RefAttributes<HTMLDivElement>) => ReactElement | null;
 export { Autocomplete } from 'react-aria-components';
 export { Collection } from 'react-aria-components';
 export { FileTrigger } from 'react-aria-components';