@react-spectrum/s2 0.5.0 → 0.7.0

package/dist/types.d.ts

@@ -1,16 +1,15 @@
 import React, { CSSProperties, ReactNode, Context, RefAttributes, ForwardRefExoticComponent, JSXElementConstructor, ReactElement, ReactPortal, JSX, HTMLAttributeReferrerPolicy, ComponentType, FunctionComponent, SVGProps, RefObject } from "react";
-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, ColorWheelProps as _ColorWheelProps1, SelectProps, ListBoxItemProps, ListBoxProps, SectionProps, ComboBoxProps as _ComboBoxProps1, DropZoneProps as _DropZoneProps1, MeterProps as _MeterProps1, NumberFieldProps as _NumberFieldProps1, 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, ToggleButtonGroupProps as _ToggleButtonGroupProps1, ToggleButtonProps as _ToggleButtonProps1, TooltipProps as _TooltipProps1, TooltipTriggerComponentProps } from "react-aria-components";
-import { DOMProps, DOMRefValue, AriaLabelingProps, SpectrumLabelableProps, FocusableRefValue, LinkDOMProps, LoadingState, HelpTextProps, Orientation, ValueBase, LabelPosition, InputDOMProps, RangeValue, Key } from "@react-types/shared";
+import { AriaLabelingProps, DOMProps, DOMRefValue, SpectrumLabelableProps, FocusableRefValue, LinkDOMProps, Key, LoadingState, HelpTextProps, Orientation, ValueBase, 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, SelectProps, ListBoxItemProps, ListBoxProps, SectionProps, ComboBoxProps as _ComboBoxProps1, DropZoneProps as _DropZoneProps1, MeterProps as _MeterProps1, NumberFieldProps as _NumberFieldProps1, 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, ToggleButtonGroupProps as _ToggleButtonGroupProps1, ToggleButtonProps as _ToggleButtonProps1, TooltipProps as _TooltipProps1, TooltipTriggerComponentProps, TreeItemProps, TreeProps, TreeItemContentProps } from "react-aria-components";
 import { ColorScheme, Router } from "@react-types/provider";
 import { AriaBreadcrumbItemProps } from "react-aria";
 import { TextFieldRef } from "@react-types/textfield";
-import { Color } from "@react-types/color";
 import { SpectrumDialogContainerProps } from "@react-types/dialog";
 import { ColumnSize } from "@react-types/table";
 type StyleString<P = string> = string & {
     properties: P;
 };
-declare const allowedOverrides: readonly ["margin", "marginStart", "marginEnd", "marginTop", "marginBottom", "marginX", "marginY", "flex", "flexGrow", "flexShrink", "flexBasis", "justifySelf", "alignSelf", "order", "gridArea", "gridRow", "gridRowStart", "gridRowEnd", "gridColumn", "gridColumnStart", "gridColumnEnd", "position", "zIndex", "top", "bottom", "inset", "insetX", "insetY", "insetStart", "insetEnd"];
+declare const allowedOverrides: readonly ["margin", "marginStart", "marginEnd", "marginTop", "marginBottom", "marginX", "marginY", "flexGrow", "flexShrink", "flexBasis", "justifySelf", "alignSelf", "order", "gridArea", "gridRow", "gridRowStart", "gridRowEnd", "gridColumn", "gridColumnStart", "gridColumnEnd", "position", "zIndex", "top", "bottom", "inset", "insetX", "insetY", "insetStart", "insetEnd"];
 declare const widthProperties: readonly ["width", "minWidth", "maxWidth"];
 declare const heightProperties: readonly ["size", "height", "minHeight", "maxHeight"];
 type StylesProp = StyleString<(typeof allowedOverrides)[number] | (typeof widthProperties)[number]>;
@@ -26,7 +25,7 @@ interface StyleProps extends UnsafeStyles {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesProp;
 }
-export interface ActionButtonGroupProps extends UnsafeStyles, SlotProps {
+export interface ActionButtonGroupProps extends AriaLabelingProps, UnsafeStyles, SlotProps {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
     /** The children of the group. */
@@ -46,7 +45,7 @@ export interface ActionButtonGroupProps extends UnsafeStyles, SlotProps {
     /** Whether the buttons should divide the container width equally. */
     isJustified?: boolean;
     /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
     /**
      * The axis the group should align with.
      * @default 'horizontal'
@@ -55,7 +54,7 @@ export interface ActionButtonGroupProps extends UnsafeStyles, SlotProps {
     /** Whether the group is disabled. */
     isDisabled?: boolean;
 }
-export const ActionButtonGroupContext: Context<ContextValue<ActionButtonGroupProps, HTMLDivElement>>;
+export const ActionButtonGroupContext: Context<ContextValue<Partial<ActionButtonGroupProps>, HTMLDivElement>>;
 /**
  * An ActionButtonGroup is a grouping of related ActionButtons.
  */
@@ -110,6 +109,11 @@ export interface ImageProps extends UnsafeStyles, SlotProps {
      * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#decoding).
      */
     decoding?: 'async' | 'auto' | 'sync';
+    /**
+     * Provides a hint of the relative priority to use when fetching the image.
+     * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#fetchpriority).
+     */
+    fetchPriority?: 'high' | 'low' | 'auto';
     /**
      * Whether the image should be loaded immediately or lazily when scrolled into view.
      * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#loading).
@@ -133,7 +137,7 @@ export interface ImageProps extends UnsafeStyles, SlotProps {
 interface ImageContextValue extends ImageProps {
     hidden?: boolean;
 }
-export const ImageContext: Context<ContextValue<ImageContextValue, HTMLDivElement>>;
+export const ImageContext: Context<ContextValue<Partial<ImageContextValue>, HTMLDivElement>>;
 export const Image: ForwardRefExoticComponent<ImageProps & RefAttributes<HTMLDivElement>>;
 export interface AvatarProps extends UnsafeStyles, DOMProps, SlotProps {
     /** Text description of the avatar. */
@@ -150,11 +154,11 @@ export interface AvatarProps extends UnsafeStyles, DOMProps, SlotProps {
     /** Whether the avatar is over a color background. */
     isOverBackground?: boolean;
 }
-export const AvatarContext: Context<ContextValue<AvatarProps, DOMRefValue<HTMLImageElement>>>;
+export const AvatarContext: Context<ContextValue<Partial<AvatarProps>, DOMRefValue<HTMLImageElement>>>;
 /**
  * An avatar is a thumbnail representation of an entity, such as a user or an organization.
  */
-export let Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<DOMRefValue<HTMLImageElement>>>;
+export const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<DOMRefValue<HTMLImageElement>>>;
 export interface IconProps extends UnsafeStyles, SlotProps, AriaLabelingProps, DOMProps {
     'aria-hidden'?: boolean | 'false' | 'true';
 }
@@ -165,31 +169,32 @@ export interface IconContextValue extends UnsafeStyles, SlotProps {
 interface IllustrationContextValue extends IconContextValue {
     size?: 'S' | 'M' | 'L';
 }
-export const IconContext: Context<ContextValue<IconContextValue, SVGElement>>;
-export const IllustrationContext: Context<ContextValue<IllustrationContextValue, SVGElement>>;
+export const IconContext: Context<ContextValue<Partial<IconContextValue>, SVGElement>>;
+export const IllustrationContext: Context<ContextValue<Partial<IllustrationContextValue>, SVGElement>>;
 export function createIcon(Component: ComponentType<SVGProps<SVGSVGElement>>, context?: Context<ContextValue<IconContextValue, SVGElement>>): FunctionComponent<IconProps>;
 export function pressScale<R extends {
     isPressed: boolean;
 }>(ref: RefObject<HTMLElement | null>, style?: CSSProperties | ((renderProps: R) => CSSProperties)): (renderProps: R) => CSSProperties;
 interface ContentProps extends UnsafeStyles, SlotProps {
-    children?: ReactNode;
+    children: ReactNode;
     styles?: StyleString;
     isHidden?: boolean;
+    id?: string;
 }
 interface HeadingProps extends ContentProps {
     level?: number;
 }
-export const HeadingContext: Context<ContextValue<HeadingProps, DOMRefValue<HTMLHeadingElement>>>;
+export const HeadingContext: Context<ContextValue<Partial<HeadingProps>, DOMRefValue<HTMLHeadingElement>>>;
 export const Heading: ForwardRefExoticComponent<HeadingProps & RefAttributes<DOMRefValue<HTMLHeadingElement>>>;
-export const HeaderContext: Context<ContextValue<ContentProps, DOMRefValue<HTMLElement>>>;
+export const HeaderContext: Context<ContextValue<Partial<ContentProps>, DOMRefValue<HTMLElement>>>;
 export const Header: ForwardRefExoticComponent<ContentProps & RefAttributes<DOMRefValue<HTMLElement>>>;
-export const ContentContext: Context<ContextValue<ContentProps, DOMRefValue<HTMLDivElement>>>;
+export const ContentContext: Context<ContextValue<Partial<ContentProps>, DOMRefValue<HTMLDivElement>>>;
 export const Content: ForwardRefExoticComponent<ContentProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export const TextContext: Context<ContextValue<ContentProps, DOMRefValue<HTMLElement>>>;
+export const TextContext: Context<ContextValue<Partial<ContentProps>, DOMRefValue<HTMLElement>>>;
 export const Text: ForwardRefExoticComponent<ContentProps & RefAttributes<DOMRefValue<HTMLElement>>>;
-export const KeyboardContext: Context<ContextValue<ContentProps, DOMRefValue<HTMLElement>>>;
+export const KeyboardContext: Context<ContextValue<Partial<ContentProps>, DOMRefValue<HTMLElement>>>;
 export const Keyboard: ForwardRefExoticComponent<ContentProps & RefAttributes<DOMRefValue<HTMLElement>>>;
-export const FooterContext: Context<ContextValue<ContentProps, DOMRefValue<HTMLElement>>>;
+export const FooterContext: Context<ContextValue<Partial<ContentProps>, DOMRefValue<HTMLElement>>>;
 export const Footer: ForwardRefExoticComponent<ContentProps & RefAttributes<DOMRefValue<HTMLElement>>>;
 interface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {
     /**
@@ -203,12 +208,12 @@ interface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'context
     isEmphasized?: boolean;
 }
 export interface FormProps extends FormStyleProps, Omit<_FormProps1, 'className' | 'style' | 'children'>, StyleProps {
-    children?: ReactNode;
+    children: ReactNode;
 }
 /**
  * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.
  */
-export let Form: ForwardRefExoticComponent<FormProps & RefAttributes<DOMRefValue<HTMLFormElement>>>;
+export const Form: ForwardRefExoticComponent<FormProps & RefAttributes<DOMRefValue<HTMLFormElement>>>;
 interface ActionButtonStyleProps {
     /**
      * The size of the ActionButton.
@@ -217,20 +222,20 @@ interface ActionButtonStyleProps {
      */
     size?: 'XS' | 'S' | 'M' | 'L' | 'XL';
     /** The static color style to apply. Useful when the ActionButton appears over a color background. */
-    staticColor?: 'black' | 'white';
+    staticColor?: 'black' | 'white' | 'auto';
     /** 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'>, StyleProps, ActionButtonStyleProps {
     /** The content to display in the ActionButton. */
-    children?: ReactNode;
+    children: ReactNode;
 }
-export const ActionButtonContext: Context<ContextValue<ActionButtonProps, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const ActionButtonContext: Context<ContextValue<Partial<ActionButtonProps>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 /**
  * ActionButtons allow users to perform an action.
  * 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 let ActionButton: ForwardRefExoticComponent<ActionButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const ActionButton: ForwardRefExoticComponent<ActionButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 export interface DisclosureProps extends Omit<_DisclosureProps1, 'className' | 'style' | 'children'>, StyleProps {
     /**
      * The size of the disclosure.
@@ -247,11 +252,11 @@ export interface DisclosureProps extends Omit<_DisclosureProps1, 'className' | '
     /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */
     children: ReactNode;
 }
-export const DisclosureContext: React.Context<ContextValue<Omit<DisclosureProps, "children">, DOMRefValue<HTMLDivElement>>>;
+export const DisclosureContext: React.Context<ContextValue<Partial<DisclosureProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.
  */
-export let Disclosure: React.ForwardRefExoticComponent<DisclosureProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const Disclosure: React.ForwardRefExoticComponent<DisclosureProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
 interface DisclosureTitleProps extends UnsafeStyles, DOMProps {
     /** The heading level of the disclosure header.
      *
@@ -271,14 +276,14 @@ export const DisclosureHeader: (props: DisclosureHeaderProps & React.RefAttribut
 /**
  * A disclosure title consisting of a heading and a trigger button to expand/collapse the panel.
  */
-export let DisclosureTitle: React.ForwardRefExoticComponent<DisclosureTitleProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const DisclosureTitle: React.ForwardRefExoticComponent<DisclosureTitleProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export interface DisclosurePanelProps extends Omit<_DisclosurePanelProps1, 'className' | 'style' | 'children'>, UnsafeStyles, DOMProps, AriaLabelingProps {
     children: React.ReactNode;
 }
 /**
  * A disclosure panel is a collapsible section of content that is hidden until the disclosure is expanded.
  */
-export let DisclosurePanel: React.ForwardRefExoticComponent<DisclosurePanelProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const DisclosurePanel: React.ForwardRefExoticComponent<DisclosurePanelProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export interface AccordionProps extends Omit<DisclosureGroupProps, 'className' | 'style' | 'children'>, UnsafeStyles, DOMProps, SlotProps {
     /** The disclosure elements in the accordion. */
     children: React.ReactNode;
@@ -297,11 +302,39 @@ export interface AccordionProps extends Omit<DisclosureGroupProps, 'className' |
     /** Whether the accordion should be displayed with a quiet style. */
     isQuiet?: boolean;
 }
-export const AccordionContext: React.Context<ContextValue<AccordionProps, DOMRefValue<HTMLDivElement>>>;
+export const AccordionContext: React.Context<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * An accordion is a container for multiple disclosures.
  */
-export let Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export interface CloseButtonProps extends Pick<_ButtonProps1, 'isDisabled' | 'onPress'>, StyleProps {
+    /**
+     * The size of the CloseButton.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    /** The static color style to apply. Useful when the Button appears over a color background. */
+    staticColor?: 'white' | 'black' | 'auto';
+}
+/**
+ * A CloseButton allows a user to dismiss a dialog.
+ */
+export const CloseButton: ForwardRefExoticComponent<CloseButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export interface ActionBarProps extends SlotProps {
+    /** A list of ActionButtons to display. */
+    children: ReactNode;
+    /** Whether the ActionBar should be displayed with a emphasized style. */
+    isEmphasized?: boolean;
+    /** The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is hidden. */
+    selectedItemCount?: number | 'all';
+    /** Handler that is called when the ActionBar clear button is pressed. */
+    onClearSelection?: () => void;
+    /** A ref to the scrollable element the ActionBar appears above. */
+    scrollRef?: RefObject<HTMLElement | null>;
+}
+export const ActionBarContext: Context<ContextValue<Partial<ActionBarProps>, DOMRefValue<HTMLDivElement>>>;
+export const ActionBar: ForwardRefExoticComponent<ActionBarProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 interface CheckboxStyleProps {
     /**
      * The size of the Checkbox.
@@ -316,12 +349,12 @@ export interface CheckboxProps extends Omit<_CheckboxProps1, 'className' | 'styl
     /** The label for the element. */
     children?: ReactNode;
 }
-export const CheckboxContext: Context<ContextValue<CheckboxProps, FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
+export const CheckboxContext: Context<ContextValue<Partial<CheckboxProps>, FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
 /**
  * Checkboxes allow users to select multiple items from a list of individual items,
  * or to mark one individual item as selected.
  */
-export let Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
+export const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
 interface DividerSpectrumProps {
     /**
      * How thick the Divider should be.
@@ -334,16 +367,16 @@ interface DividerSpectrumProps {
      */
     orientation?: 'horizontal' | 'vertical';
     /** The static color style to apply. Useful when the Divider appears over a color background. */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
 }
 export interface DividerProps extends DividerSpectrumProps, Omit<SeparatorProps, 'className' | 'style' | 'elementType'>, StyleProps {
 }
-export const DividerContext: Context<ContextValue<DividerProps, DOMRefValue<HTMLElement>>>;
+export const DividerContext: Context<ContextValue<Partial<DividerProps>, DOMRefValue<HTMLElement>>>;
 /**
  * Dividers bring clarity to a layout by grouping and dividing content in close proximity.
  * They can also be used to establish rhythm and hierarchy.
  */
-export let Divider: ForwardRefExoticComponent<DividerProps & RefAttributes<DOMRefValue<HTMLElement>>>;
+export const Divider: ForwardRefExoticComponent<DividerProps & RefAttributes<DOMRefValue<HTMLElement>>>;
 export interface ProviderProps extends UnsafeStyles {
     /** The content of the Provider. */
     children: ReactNode;
@@ -391,7 +424,7 @@ interface PopoverDialogProps extends Pick<PopoverProps, 'size' | 'hideArrow' | '
 /**
  * A popover is an overlay element positioned relative to a trigger.
  */
-export let Popover: ForwardRefExoticComponent<PopoverDialogProps & RefAttributes<DOMRefValue<HTMLElement>>>;
+export const Popover: ForwardRefExoticComponent<PopoverDialogProps & RefAttributes<DOMRefValue<HTMLElement>>>;
 export interface MenuTriggerProps extends _MenuTriggerProps1 {
     /**
      * Alignment of the menu relative to the trigger.
@@ -412,7 +445,7 @@ export interface MenuTriggerProps extends _MenuTriggerProps1 {
      */
     shouldFlip?: boolean;
 }
-export interface MenuProps<T> extends Omit<_MenuProps1<T>, 'children' | 'style' | 'className' | 'dependencies'>, StyleProps {
+export interface MenuProps<T> extends Omit<_MenuProps1<T>, 'children' | 'style' | 'className' | 'dependencies' | 'renderEmptyState'>, StyleProps {
     /**
      * The size of the Menu.
      *
@@ -422,13 +455,15 @@ export interface MenuProps<T> extends Omit<_MenuProps1<T>, 'children' | 'style'
     /**
      * The contents of the collection.
      */
-    children?: ReactNode | ((item: T) => ReactNode);
+    children: ReactNode | ((item: T) => ReactNode);
+    /** Hides the default link out icons on menu items that open links in a new tab. */
+    hideLinkOutIcon?: boolean;
 }
-export const MenuContext: Context<ContextValue<MenuProps<any>, DOMRefValue<HTMLDivElement>>>;
+export const MenuContext: Context<ContextValue<Partial<MenuProps<any>>, DOMRefValue<HTMLDivElement>>>;
 /**
  * Menus display a list of actions or options that a user can choose.
  */
-export let Menu: <T extends object>(props: MenuProps<T> & RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
+export const Menu: <T extends object>(props: MenuProps<T> & RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
 export interface MenuSectionProps<T extends object> extends _MenuSectionProps1<T> {
 }
 export function MenuSection<T extends object>(props: MenuSectionProps<T>): JSX.Element;
@@ -450,11 +485,11 @@ export const SubmenuTrigger: (props: SubmenuTriggerProps) => JSX.Element | null;
 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 {
     menuSize?: 'S' | 'M' | 'L' | 'XL';
 }
-export const ActionMenuContext: Context<ContextValue<ActionMenuProps<any>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const ActionMenuContext: Context<ContextValue<Partial<ActionMenuProps<any>>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 /**
  * ActionMenu combines an ActionButton with a Menu for simple "more actions" use cases.
  */
-export let ActionMenu: <T extends object>(props: ActionMenuProps<T> & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>) => ReactElement | null;
+export const ActionMenu: <T extends object>(props: ActionMenuProps<T> & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>) => ReactElement | null;
 interface ProgressCircleStyleProps {
     /**
      * The size of the ProgressCircle.
@@ -463,13 +498,13 @@ interface ProgressCircleStyleProps {
      */
     size?: 'S' | 'M' | 'L';
     /** The static color style to apply. Useful when the button appears over a color background. */
-    staticColor?: 'black' | 'white';
+    staticColor?: 'black' | 'white' | 'auto';
     /**
      * Whether presentation is indeterminate when progress isn't known.
      */
     isIndeterminate?: boolean;
 }
-export const ProgressCircleContext: Context<ContextValue<ProgressCircleProps, DOMRefValue<HTMLDivElement>>>;
+export const ProgressCircleContext: Context<ContextValue<Partial<ProgressCircleProps>, DOMRefValue<HTMLDivElement>>>;
 export interface ProgressCircleProps extends Omit<_ProgressBarProps1, 'children' | 'style' | 'valueLabel' | 'formatOptions' | 'label' | 'className'>, ProgressCircleStyleProps, UnsafeStyles {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
@@ -478,14 +513,14 @@ export interface ProgressCircleProps extends Omit<_ProgressBarProps1, 'children'
  * ProgressCircles show the progression of a system operation such as downloading, uploading, or processing, in a visual way.
  * They can represent determinate or indeterminate progress.
  */
-export let ProgressCircle: ForwardRefExoticComponent<ProgressCircleProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const ProgressCircle: ForwardRefExoticComponent<ProgressCircleProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 interface ButtonStyleProps {
     /**
      * The [visual style](https://spectrum.adobe.com/page/button/#Options) of the button.
      *
      * @default 'primary'
      */
-    variant?: 'primary' | 'secondary' | 'accent' | 'negative';
+    variant?: 'primary' | 'secondary' | 'accent' | 'negative' | 'premium' | 'genai';
     /**
      * The background style of the Button.
      *
@@ -499,28 +534,28 @@ interface ButtonStyleProps {
      */
     size?: 'S' | 'M' | 'L' | 'XL';
     /** The static color style to apply. Useful when the Button appears over a color background. */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
 }
 export interface ButtonProps extends Omit<_ButtonProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, ButtonStyleProps {
     /** The content to display in the Button. */
-    children?: ReactNode;
+    children: ReactNode;
 }
 export interface LinkButtonProps extends Omit<_LinkProps1, 'className' | 'style' | 'children'>, StyleProps, ButtonStyleProps {
     /** The content to display in the Button. */
-    children?: ReactNode;
+    children: ReactNode;
 }
-export const ButtonContext: Context<ContextValue<ButtonProps, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
-export const LinkButtonContext: Context<ContextValue<ButtonProps, FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
+export const ButtonContext: Context<ContextValue<Partial<ButtonProps>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const LinkButtonContext: Context<ContextValue<Partial<ButtonProps>, FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
 /**
  * Buttons allow users to perform an action.
  * They have multiple styles for various needs, and are ideal for calling attention to
  * where a user needs to do something in order to move forward in a flow.
  */
-export let Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 /**
  * A LinkButton combines the functionality of a link with the appearance of a button. Useful for allowing users to navigate to another page.
  */
-export let LinkButton: ForwardRefExoticComponent<LinkButtonProps & RefAttributes<FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
+export const LinkButton: ForwardRefExoticComponent<LinkButtonProps & RefAttributes<FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
 interface ButtonGroupStyleProps {
     /**
      * The axis the ButtonGroup should align with. Setting this to 'vertical' will prevent
@@ -552,25 +587,11 @@ interface ButtonGroupContextValue extends Partial<ButtonGroupProps> {
     /** Whether the ButtonGroup shouldn't be rendered. */
     isHidden?: boolean;
 }
-export const ButtonGroupContext: Context<ContextValue<ButtonGroupContextValue, DOMRefValue<HTMLDivElement>>>;
+export const ButtonGroupContext: Context<ContextValue<Partial<ButtonGroupContextValue>, DOMRefValue<HTMLDivElement>>>;
 /**
  * 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 CloseButtonProps extends Pick<_ButtonProps1, 'isDisabled'>, StyleProps {
-    /**
-     * The size of the CloseButton.
-     *
-     * @default 'M'
-     */
-    size?: 'S' | 'M' | 'L' | 'XL';
-    /** The static color style to apply. Useful when the Button appears over a color background. */
-    staticColor?: 'white' | 'black';
-}
-/**
- * A CloseButton allows a user to dismiss a dialog.
- */
-export let CloseButton: ForwardRefExoticComponent<CloseButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 export interface DialogProps extends Omit<_DialogProps1, 'className' | 'style'>, StyleProps {
     /**
      * Whether the Dialog is dismissible.
@@ -589,7 +610,7 @@ export interface DialogProps extends Omit<_DialogProps1, 'className' | 'style'>,
  * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.
  * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.
  */
-export let Dialog: ForwardRefExoticComponent<DialogProps & RefAttributes<DOMRefValue<HTMLElement>>>;
+export const Dialog: ForwardRefExoticComponent<DialogProps & RefAttributes<DOMRefValue<HTMLElement>>>;
 export interface AlertDialogProps extends DOMProps, UnsafeStyles {
     /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.  */
     variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning';
@@ -625,7 +646,7 @@ export interface AlertDialogProps extends DOMProps, UnsafeStyles {
 /**
  * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
  */
-export let AlertDialog: ForwardRefExoticComponent<AlertDialogProps & RefAttributes<DOMRefValue<HTMLElement>>>;
+export const AlertDialog: ForwardRefExoticComponent<AlertDialogProps & RefAttributes<DOMRefValue<HTMLElement>>>;
 export interface AvatarGroupProps extends UnsafeStyles, DOMProps, AriaLabelingProps, SlotProps {
     /** Avatar children of the avatar group. */
     children: ReactNode;
@@ -639,11 +660,11 @@ export interface AvatarGroupProps extends UnsafeStyles, DOMProps, AriaLabelingPr
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithoutWidth;
 }
-export const AvatarGroupContext: Context<ContextValue<AvatarGroupProps, DOMRefValue<HTMLDivElement>>>;
+export const AvatarGroupContext: Context<ContextValue<Partial<AvatarGroupProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * An avatar group is a grouping of avatars that are related to each other.
  */
-export let AvatarGroup: ForwardRefExoticComponent<AvatarGroupProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const AvatarGroup: ForwardRefExoticComponent<AvatarGroupProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 interface BadgeStyleProps {
     /**
      * The size of the badge.
@@ -656,12 +677,17 @@ interface BadgeStyleProps {
      *
      * @default 'neutral'
      */
-    variant?: 'accent' | 'informative' | 'neutral' | 'positive' | 'notice' | 'negative' | 'gray' | 'red' | 'orange' | 'yellow' | 'charteuse' | 'celery' | 'green' | 'seafoam' | 'cyan' | 'blue' | 'indigo' | 'purple' | 'fuchsia' | 'magenta' | 'pink' | 'turquoise' | 'brown' | 'cinnamon' | 'silver';
+    variant?: 'accent' | 'informative' | 'neutral' | 'positive' | 'notice' | 'negative' | 'gray' | 'red' | 'orange' | 'yellow' | 'chartreuse' | 'celery' | 'green' | 'seafoam' | 'cyan' | 'blue' | 'indigo' | 'purple' | 'fuchsia' | 'magenta' | 'pink' | 'turquoise' | 'brown' | 'cinnamon' | 'silver';
     /**
      * The fill of the badge.
      * @default 'bold'
      */
     fillStyle?: 'bold' | 'subtle' | 'outline';
+    /**
+     * Sets the text behavior for the contents.
+     * @default 'wrap'
+     */
+    overflowMode?: 'wrap' | 'truncate';
 }
 export interface BadgeProps extends DOMProps, AriaLabelingProps, StyleProps, BadgeStyleProps, SlotProps {
     /**
@@ -673,7 +699,7 @@ export const BadgeContext: React.Context<ContextValue<Partial<BadgeProps>, DOMRe
 /**
  * Badges are used for showing a small amount of color-categorized metadata, ideal for getting a user's attention.
  */
-export let Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
 interface BreadcrumbsStyleProps {
     /**
      * Size of the Breadcrumbs including spacing and layout.
@@ -686,17 +712,17 @@ interface BreadcrumbsStyleProps {
 }
 export interface BreadcrumbsProps<T> extends Omit<_BreadcrumbsProps1<T>, 'children' | 'items' | 'style' | 'className'>, BreadcrumbsStyleProps, StyleProps {
     /** The children of the Breadcrumbs. */
-    children?: ReactNode;
+    children: ReactNode;
 }
-export const BreadcrumbsContext: Context<ContextValue<BreadcrumbsProps<any>, DOMRefValue<HTMLOListElement>>>;
+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 let Breadcrumbs: <T extends object>(props: BreadcrumbsProps<T> & RefAttributes<DOMRefValue<HTMLOListElement>>) => ReactElement | null;
+export const Breadcrumbs: <T extends object>(props: BreadcrumbsProps<T> & RefAttributes<DOMRefValue<HTMLOListElement>>) => ReactElement | null;
 export interface BreadcrumbProps extends Omit<AriaBreadcrumbItemProps, 'children' | 'style' | 'className' | 'autoFocus'>, LinkDOMProps {
     /** The children of the breadcrumb item. */
-    children?: ReactNode;
+    children: ReactNode;
 }
 /** An individual Breadcrumb for Breadcrumbs. */
-export let Breadcrumb: (props: BreadcrumbProps & RefAttributes<DOMRefValue<HTMLLIElement>>) => ReactElement | null;
+export const Breadcrumb: (props: BreadcrumbProps & RefAttributes<DOMRefValue<HTMLLIElement>>) => ReactElement | null;
 interface CardRenderProps {
     /** The size of the Card. */
     size: 'XS' | 'S' | 'M' | 'L' | 'XL';
@@ -770,8 +796,10 @@ export interface CardViewProps<T> extends Omit<GridListProps<T>, 'layout' | 'key
     onLoadMore?: () => void;
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
+    /** Provides the ActionBar to render when cards are selected in the CardView. */
+    renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement;
 }
-export const CardViewContext: Context<ContextValue<CardViewProps<any>, DOMRefValue<HTMLDivElement>>>;
+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 {
 }
@@ -791,7 +819,7 @@ interface ContextualHelpStyleProps {
 }
 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;
+    children: ReactNode;
     /**
      * The size of the ActionButton.
      *
@@ -799,11 +827,11 @@ interface ContextualHelpProps extends Pick<DialogTriggerProps, 'isOpen' | 'defau
      */
     size?: 'XS' | 'S';
 }
-export const ContextualHelpContext: Context<ContextValue<ContextualHelpProps, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+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 let ContextualHelp: ForwardRefExoticComponent<ContextualHelpProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const ContextualHelp: ForwardRefExoticComponent<ContextualHelpProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 export interface CheckboxGroupProps extends Omit<_CheckboxGroupProps1, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the Checkboxes in the CheckboxGroup.
@@ -820,25 +848,25 @@ export interface CheckboxGroupProps extends Omit<_CheckboxGroupProps1, 'classNam
     /**
      * The Checkboxes contained within the CheckboxGroup.
      */
-    children?: ReactNode;
+    children: ReactNode;
     /**
      * By default, checkboxes are not emphasized (gray).
      * The emphasized (blue) version provides visual prominence.
      */
     isEmphasized?: boolean;
 }
-export const CheckboxGroupContext: Context<ContextValue<CheckboxGroupProps, DOMRefValue<HTMLDivElement>>>;
+export const CheckboxGroupContext: Context<ContextValue<Partial<CheckboxGroupProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A CheckboxGroup allows users to select one or more items from a list of choices.
  */
-export let CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export interface ColorAreaProps extends Omit<_ColorAreaProps1, 'children' | 'className' | 'style'>, StyleProps {
 }
-export const ColorAreaContext: Context<ContextValue<ColorAreaProps, DOMRefValue<HTMLDivElement>>>;
+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 let ColorArea: ForwardRefExoticComponent<ColorAreaProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const ColorArea: ForwardRefExoticComponent<ColorAreaProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export interface ColorFieldProps extends Omit<_ColorFieldProps1, 'children' | 'className' | 'style'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the color field.
@@ -847,7 +875,7 @@ export interface ColorFieldProps extends Omit<_ColorFieldProps1, 'children' | 'c
      */
     size?: 'S' | 'M' | 'L' | 'XL';
 }
-export const ColorFieldContext: Context<ContextValue<ColorFieldProps, TextFieldRef<HTMLInputElement>>>;
+export const ColorFieldContext: Context<ContextValue<Partial<ColorFieldProps>, TextFieldRef<HTMLInputElement>>>;
 /**
  * A color field allows users to edit a hex color or individual color channel value.
  */
@@ -855,11 +883,11 @@ export const ColorField: ForwardRefExoticComponent<ColorFieldProps & RefAttribut
 export interface ColorSliderProps extends Omit<_ColorSliderProps1, 'children' | 'className' | 'style'>, Pick<SpectrumLabelableProps, 'contextualHelp'>, StyleProps {
     label?: string;
 }
-export const ColorSliderContext: Context<ContextValue<ColorSliderProps, DOMRefValue<HTMLDivElement>>>;
+export const ColorSliderContext: Context<ContextValue<Partial<ColorSliderProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A ColorSlider allows users to adjust an individual channel of a color value.
  */
-export let ColorSlider: ForwardRefExoticComponent<ColorSliderProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const ColorSlider: ForwardRefExoticComponent<ColorSliderProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export interface ColorSwatchProps extends Omit<_ColorSwatchProps1, 'className' | 'style'>, UnsafeStyles {
     /**
      * The size of the ColorSwatch.
@@ -874,11 +902,11 @@ export interface ColorSwatchProps extends Omit<_ColorSwatchProps1, 'className' |
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
 }
-export const ColorSwatchContext: Context<ContextValue<ColorSwatchProps, DOMRefValue<HTMLDivElement>>>;
+export const ColorSwatchContext: Context<ContextValue<Partial<ColorSwatchProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A ColorSwatch displays a preview of a selected color.
  */
-export let ColorSwatch: ForwardRefExoticComponent<ColorSwatchProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const ColorSwatch: ForwardRefExoticComponent<ColorSwatchProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export interface ColorSwatchPickerProps extends ValueBase<string | Color, Color>, StyleProps, SlotProps {
     /** The ColorSwatches within the ColorSwatchPicker. */
     children: ReactNode;
@@ -902,18 +930,18 @@ 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 let ColorSwatchPicker: ForwardRefExoticComponent<ColorSwatchPickerProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const ColorSwatchPicker: ForwardRefExoticComponent<ColorSwatchPickerProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export interface ColorWheelProps extends Omit<_ColorWheelProps1, 'children' | 'className' | 'style' | 'outerRadius' | 'innerRadius'>, StyleProps {
     /**
      * @default 192
      */
     size?: number;
 }
-export const ColorWheelContext: Context<ContextValue<ColorWheelProps, DOMRefValue<HTMLDivElement>>>;
+export const ColorWheelContext: Context<ContextValue<Partial<ColorWheelProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A ColorWheel allows users to adjust the hue of an HSL or HSB color value on a circular track.
  */
-export let ColorWheel: ForwardRefExoticComponent<ColorWheelProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const ColorWheel: ForwardRefExoticComponent<ColorWheelProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 interface PickerStyleProps {
     /**
      * The size of the Picker.
@@ -949,7 +977,7 @@ 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 let Picker: <T extends object>(props: PickerProps<T> & React.RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>) => React.ReactElement | null;
+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 {
     children: ReactNode;
 }
@@ -987,7 +1015,7 @@ 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 let ComboBox: <T extends object>(props: ComboBoxProps<T> & RefAttributes<TextFieldRef<HTMLInputElement>>) => ReactElement | null;
+export const ComboBox: <T extends object>(props: ComboBoxProps<T> & RefAttributes<TextFieldRef<HTMLInputElement>>) => ReactElement | null;
 export interface ComboBoxItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className'>, StyleProps {
     children: ReactNode;
 }
@@ -1015,7 +1043,7 @@ export interface CustomDialogProps extends Omit<_DialogProps1, 'className' | 'st
 /**
  * A CustomDialog is a floating window with a custom layout.
  */
-export let CustomDialog: ForwardRefExoticComponent<CustomDialogProps & RefAttributes<DOMRefValue<HTMLElement>>>;
+export const CustomDialog: ForwardRefExoticComponent<CustomDialogProps & RefAttributes<DOMRefValue<HTMLElement>>>;
 export interface FullscreenDialogProps extends Omit<_DialogProps1, 'className' | 'style'>, StyleProps {
     /**
      * The variant of fullscreen dialog to display.
@@ -1028,7 +1056,7 @@ export interface FullscreenDialogProps extends Omit<_DialogProps1, 'className' |
 /**
  * Takeover dialogs are large types of dialogs. They use the totality of the screen and should be used for modal experiences with complex workflows.
  */
-export let FullscreenDialog: ForwardRefExoticComponent<FullscreenDialogProps & RefAttributes<DOMRefValue<HTMLElement>>>;
+export const FullscreenDialog: ForwardRefExoticComponent<FullscreenDialogProps & RefAttributes<DOMRefValue<HTMLElement>>>;
 export interface DialogContainerProps extends Omit<SpectrumDialogContainerProps, 'type' | 'isDismissable' | 'isKeyboardDismissDisabled'> {
 }
 /**
@@ -1068,17 +1096,17 @@ interface IllustratedMessageContextProps extends Partial<S2SpectrumIllustratedMe
     isInDropZone?: boolean;
     isDropTarget?: boolean;
 }
-export const IllustratedMessageContext: Context<ContextValue<IllustratedMessageContextProps, DOMRefValue<HTMLDivElement>>>;
+export const IllustratedMessageContext: Context<ContextValue<Partial<IllustratedMessageContextProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * An IllustratedMessage displays an illustration and a message, usually
  * for an empty state or an error page.
  */
-export let IllustratedMessage: ForwardRefExoticComponent<S2SpectrumIllustratedMessageProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const IllustratedMessage: ForwardRefExoticComponent<S2SpectrumIllustratedMessageProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export interface DropZoneProps extends Omit<_DropZoneProps1, 'className' | 'style' | 'children' | 'isDisabled' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, UnsafeStyles, DOMProps {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
     /** The content to display in the drop zone. */
-    children?: ReactNode;
+    children: ReactNode;
     /** Whether the drop zone has been filled. */
     isFilled?: boolean;
     /** The message to replace the default banner message that is shown when the drop zone is filled. */
@@ -1090,11 +1118,11 @@ export interface DropZoneProps extends Omit<_DropZoneProps1, 'className' | 'styl
      */
     size?: 'S' | 'M' | 'L';
 }
-export const DropZoneContext: Context<ContextValue<DropZoneProps, DOMRefValue<HTMLDivElement>>>;
+export const DropZoneContext: Context<ContextValue<Partial<DropZoneProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A drop zone is an area into which one or multiple objects can be dragged and dropped.
  */
-export let DropZone: ForwardRefExoticComponent<DropZoneProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const DropZone: ForwardRefExoticComponent<DropZoneProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export interface InlineAlertProps extends DOMProps, StyleProps, InlineStylesProps, SlotProps {
     /**
      * The contents of the Inline Alert.
@@ -1130,16 +1158,16 @@ interface LinkStyleProps {
      */
     variant?: 'primary' | 'secondary';
     /** The static color style to apply. Useful when the link appears over a color background. */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
     /** Whether the link is on its own vs inside a longer string of text. */
     isStandalone?: boolean;
     /** 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'>, StyleProps, LinkStyleProps {
-    children?: ReactNode;
+    children: ReactNode;
 }
-export const LinkContext: Context<ContextValue<LinkProps, FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
+export const LinkContext: Context<ContextValue<Partial<LinkProps>, FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
 /**
  * Links allow users to navigate to a different location.
  * They can be presented inline inside a paragraph or as standalone text.
@@ -1159,7 +1187,7 @@ interface MeterStyleProps {
     /**
      * The static color style to apply. Useful when the button appears over a color background.
      */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
     /**
      * The label's overall position relative to the element it is labeling.
      * @default 'top'
@@ -1170,12 +1198,12 @@ export interface MeterProps extends Omit<_MeterProps1, 'children' | 'className'
     /** The content to display as the label. */
     label?: ReactNode;
 }
-export const MeterContext: Context<ContextValue<MeterProps, DOMRefValue<HTMLDivElement>>>;
+export const MeterContext: Context<ContextValue<Partial<MeterProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * Meters are visual representations of a quantity or an achievement.
  * Their progress is determined by user actions, rather than system actions.
  */
-export let Meter: ForwardRefExoticComponent<MeterProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const Meter: ForwardRefExoticComponent<MeterProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 interface NumberFieldProps extends Omit<_NumberFieldProps1, 'children' | 'className' | 'style'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * Whether to hide the increment and decrement buttons.
@@ -1189,11 +1217,11 @@ interface NumberFieldProps extends Omit<_NumberFieldProps1, 'children' | 'classN
      */
     size?: 'S' | 'M' | 'L' | 'XL';
 }
-export const NumberFieldContext: Context<ContextValue<NumberFieldProps, TextFieldRef<HTMLInputElement>>>;
+export const NumberFieldContext: Context<ContextValue<Partial<NumberFieldProps>, TextFieldRef<HTMLInputElement>>>;
 /**
  * NumberFields allow users to input number values with a keyboard or increment/decrement with step buttons.
  */
-export let NumberField: ForwardRefExoticComponent<NumberFieldProps & RefAttributes<TextFieldRef<HTMLInputElement>>>;
+export const NumberField: ForwardRefExoticComponent<NumberFieldProps & RefAttributes<TextFieldRef<HTMLInputElement>>>;
 interface ProgressBarStyleProps {
     /**
      * The size of the ProgressBar.
@@ -1208,7 +1236,7 @@ interface ProgressBarStyleProps {
     /**
      * The static color style to apply. Useful when the button appears over a color background.
      */
-    staticColor?: 'white' | 'black';
+    staticColor?: 'white' | 'black' | 'auto';
     /**
      * The label's overall position relative to the element it is labeling.
      * @default 'top'
@@ -1219,7 +1247,7 @@ export interface ProgressBarProps extends Omit<_ProgressBarProps1, 'children' |
     /** The content to display as the label. */
     label?: ReactNode;
 }
-export const ProgressBarContext: Context<ContextValue<ProgressBarProps, DOMRefValue<HTMLDivElement>>>;
+export const ProgressBarContext: Context<ContextValue<Partial<ProgressBarProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.
  * They can represent either determinate or indeterminate progress.
@@ -1235,12 +1263,12 @@ export interface RadioProps extends Omit<_RadioProps1, 'className' | 'style' | '
  * Radio buttons allow users to select a single option from a list of mutually exclusive options.
  * All possible options are exposed up front for users to compare.
  */
-export let Radio: ForwardRefExoticComponent<RadioProps & RefAttributes<FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
+export const Radio: ForwardRefExoticComponent<RadioProps & RefAttributes<FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
 export interface RadioGroupProps extends Omit<_RadioGroupProps1, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The Radios contained within the RadioGroup.
      */
-    children?: ReactNode;
+    children: ReactNode;
     /**
      * The size of the RadioGroup.
      *
@@ -1258,12 +1286,12 @@ export interface RadioGroupProps extends Omit<_RadioGroupProps1, 'className' | '
      */
     isEmphasized?: boolean;
 }
-export const RadioGroupContext: React.Context<ContextValue<RadioGroupProps, DOMRefValue<HTMLDivElement>>>;
+export const RadioGroupContext: React.Context<ContextValue<Partial<RadioGroupProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * Radio groups allow users to select a single option from a list of mutually exclusive options.
  * All possible options are exposed up front for users to compare.
  */
-export let RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+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 {
     children?: ReactNode;
     /**
@@ -1295,8 +1323,8 @@ export interface SliderProps extends Omit<SliderBaseProps<number>, 'children'>,
      */
     fillOffset?: number;
 }
-export const SliderContext: Context<ContextValue<SliderProps, FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
-export let Slider: ForwardRefExoticComponent<SliderProps & RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
+export const SliderContext: Context<ContextValue<Partial<SliderProps>, FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
+export const Slider: ForwardRefExoticComponent<SliderProps & RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
 export interface RangeSliderProps extends Omit<SliderBaseProps<RangeValue<number>>, 'children'> {
     /**
      * The name of the start input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
@@ -1307,8 +1335,8 @@ export interface RangeSliderProps extends Omit<SliderBaseProps<RangeValue<number
      */
     endName?: string;
 }
-export const RangeSliderContext: Context<ContextValue<RangeSliderProps, FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
-export let RangeSlider: ForwardRefExoticComponent<RangeSliderProps & RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
+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 {
     /**
      * The size of the SearchField.
@@ -1317,11 +1345,11 @@ export interface SearchFieldProps extends Omit<_SearchFieldProps1, 'className' |
      */
     size?: 'S' | 'M' | 'L' | 'XL';
 }
-export const SearchFieldContext: Context<ContextValue<SearchFieldProps, TextFieldRef<HTMLInputElement>>>;
+export const SearchFieldContext: Context<ContextValue<Partial<SearchFieldProps>, TextFieldRef<HTMLInputElement>>>;
 /**
  * A SearchField is a text field designed for searches.
  */
-export let SearchField: ForwardRefExoticComponent<SearchFieldProps & RefAttributes<TextFieldRef<HTMLInputElement>>>;
+export const SearchField: ForwardRefExoticComponent<SearchFieldProps & RefAttributes<TextFieldRef<HTMLInputElement>>>;
 export interface SegmentedControlProps extends AriaLabelingProps, StyleProps, SlotProps {
     /**
      * The content to display in the segmented control.
@@ -1350,15 +1378,15 @@ export interface SegmentedControlItemProps extends AriaLabelingProps, StyleProps
     /** Whether the item is disabled or not. */
     isDisabled?: boolean;
 }
-export const SegmentedControlContext: Context<ContextValue<SegmentedControlProps, DOMRefValue<HTMLDivElement>>>;
-/**
- * A SegmentedControlItem represents an option within a SegmentedControl.
- */
-export const SegmentedControlItem: ForwardRefExoticComponent<SegmentedControlItemProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const SegmentedControlContext: Context<ContextValue<Partial<SegmentedControlProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A SegmentedControl is a mutually exclusive group of buttons used for view switching.
  */
 export const SegmentedControl: ForwardRefExoticComponent<SegmentedControlProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+/**
+ * A SegmentedControlItem represents an option within a SegmentedControl.
+ */
+export const SegmentedControlItem: ForwardRefExoticComponent<SegmentedControlItemProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 export interface SkeletonCollectionProps {
     children: () => ReactNode;
 }
@@ -1391,12 +1419,12 @@ export interface StatusLightProps extends StatusLightStyleProps, DOMProps, AriaL
      */
     role?: 'status';
 }
-export const StatusLightContext: Context<ContextValue<StatusLightProps, DOMRefValue<HTMLDivElement>>>;
+export const StatusLightContext: Context<ContextValue<Partial<StatusLightProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * Status lights are used to color code categories and labels commonly found in data visualization.
  * When status lights have a semantic meaning, they should use semantic variant colors.
  */
-export let StatusLight: ForwardRefExoticComponent<StatusLightProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const StatusLight: ForwardRefExoticComponent<StatusLightProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 interface SwitchStyleProps {
     /**
      * The size of the Switch.
@@ -1412,12 +1440,12 @@ interface SwitchStyleProps {
 export interface SwitchProps extends Omit<_SwitchProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, SwitchStyleProps {
     children?: ReactNode;
 }
-export const SwitchContext: Context<ContextValue<SwitchProps, FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
+export const SwitchContext: Context<ContextValue<Partial<SwitchProps>, FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
 /**
  * Switches allow users to turn an individual option on or off.
  * They are usually used to activate or deactivate a specific setting.
  */
-export let Switch: ForwardRefExoticComponent<SwitchProps & RefAttributes<FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
+export const Switch: ForwardRefExoticComponent<SwitchProps & RefAttributes<FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
 interface S2TableProps {
     /** Whether the Table should be displayed with a quiet style. */
     isQuiet?: boolean;
@@ -1452,18 +1480,24 @@ interface S2TableProps {
     loadingState?: LoadingState;
     /** Handler that is called when more items should be loaded, e.g. while scrolling near the bottom. */
     onLoadMore?: () => any;
+    /** 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 {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
 }
-export const TableContext: React.Context<ContextValue<TableViewProps, DOMRefValue<HTMLDivElement>>>;
+export const TableContext: React.Context<ContextValue<Partial<TableViewProps>, DOMRefValue<HTMLDivElement>>>;
+/**
+ * Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
+ */
+export const TableView: React.ForwardRefExoticComponent<TableViewProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export interface TableBodyProps<T> extends Omit<_TableBodyProps1<T>, 'style' | 'className' | 'dependencies'> {
 }
 /**
  * The body of a `<Table>`, containing the table rows.
  */
-export let TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => React.ReactElement | null;
+export const TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => React.ReactElement | null;
 export interface ColumnProps extends _ColumnProps1 {
     /** Whether the column should render a divider between it and the next column. */
     showDivider?: boolean;
@@ -1486,7 +1520,7 @@ export interface TableHeaderProps<T> extends Omit<_TableHeaderProps1<T>, 'style'
 /**
  * A header within a `<Table>`, containing the table columns.
  */
-export let TableHeader: <T extends object>(props: TableHeaderProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => React.ReactElement | null;
+export const TableHeader: <T extends object>(props: TableHeaderProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => React.ReactElement | null;
 export interface CellProps extends _CellProps1, Pick<ColumnProps, 'align' | 'showDivider'> {
     /** @private */
     isSticky?: boolean;
@@ -1502,47 +1536,49 @@ export interface RowProps<T> extends Pick<_RowProps1<T>, 'id' | 'columns' | 'chi
 /**
  * A row within a `<Table>`.
  */
-export let Row: <T extends object>(props: RowProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => React.ReactElement | null;
-/**
- * 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 const Row: <T extends object>(props: RowProps<T> & React.RefAttributes<DOMRefValue<HTMLDivElement>>) => React.ReactElement | null;
 export interface TabsProps extends Omit<_TabsProps1, 'className' | 'style' | 'children'>, UnsafeStyles {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
     /** The content to display in the tabs. */
-    children?: ReactNode;
+    children: ReactNode;
     /**
      * The amount of space between the tabs.
      * @default 'regular'
      */
     density?: 'compact' | 'regular';
+    /**
+     * Defines if the text within the tabs should be hidden and only the icon should be shown.
+     * The text is always visible when the item is collapsed into a picker.
+     * @default 'show'
+     */
+    labelBehavior?: 'show' | 'hide';
 }
 export interface TabProps extends Omit<_TabProps1, 'children' | 'style' | 'className'>, StyleProps {
     /** The content to display in the tab. */
-    children?: ReactNode;
+    children: ReactNode;
 }
-export interface TabListProps<T> extends Omit<_TabListProps1<T>, 'children' | 'style' | 'className'>, StyleProps {
+export interface TabListProps<T> extends Omit<_TabListProps1<T>, 'style' | 'className' | 'aria-label' | 'aria-labelledby'>, StyleProps {
     /** The content to display in the tablist. */
-    children?: ReactNode;
+    children: ReactNode | ((item: T) => ReactNode);
 }
 export interface TabPanelProps extends Omit<_TabPanelProps1, 'children' | 'style' | 'className'>, UnsafeStyles {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
     /** The content to display in the tab panels. */
-    children?: ReactNode;
+    children: ReactNode;
 }
-export const TabsContext: Context<ContextValue<TabsProps, DOMRefValue<HTMLDivElement>>>;
-export function TabPanel(props: TabPanelProps): JSX.Element;
-export function Tab(props: TabProps): JSX.Element;
-export function TabList<T extends object>(props: TabListProps<T>): JSX.Element;
+export const TabsContext: Context<ContextValue<Partial<TabsProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * Tabs organize content into multiple sections and allow users to navigate between them. The content under the set of tabs should be related and form a coherent unit.
  */
 export const Tabs: ForwardRefExoticComponent<TabsProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export function TabList<T extends object>(props: TabListProps<T>): JSX.Element | undefined;
+export function Tab(props: TabProps): JSX.Element;
+export function TabPanel(props: TabPanelProps): JSX.Element | null;
 export interface TagProps extends Omit<_TagProps1, 'children' | 'style' | 'className'> {
     /** The children of the tag. */
-    children?: ReactNode;
+    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'> {
     /** A description for the tag group. */
@@ -1568,11 +1604,11 @@ export interface TagGroupProps<T> extends Omit<_TagGroupProps1, 'children' | 'st
     /** Handler that is called when the action button is pressed. */
     onGroupAction?: () => void;
 }
-export const TagGroupContext: Context<ContextValue<TagGroupProps<any>, DOMRefValue<HTMLDivElement>>>;
+export const TagGroupContext: Context<ContextValue<Partial<TagGroupProps<any>>, DOMRefValue<HTMLDivElement>>>;
 /** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */
-export let TagGroup: <T extends object>(props: TagGroupProps<T> & RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
+export const TagGroup: <T extends object>(props: TagGroupProps<T> & RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
 /** An individual Tag for TagGroups. */
-export let Tag: (props: TagProps & RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
+export const Tag: (props: TagProps & RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
 export interface TextFieldProps extends Omit<_TextFieldProps1, 'children' | 'className' | 'style'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the text field.
@@ -1581,46 +1617,46 @@ export interface TextFieldProps extends Omit<_TextFieldProps1, 'children' | 'cla
      */
     size?: 'S' | 'M' | 'L' | 'XL';
 }
-export const TextFieldContext: Context<ContextValue<TextFieldProps, TextFieldRef<HTMLInputElement>>>;
+export const TextFieldContext: Context<ContextValue<Partial<TextFieldProps>, TextFieldRef<HTMLInputElement>>>;
 /**
  * TextFields are text inputs that allow users to input custom text entries
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-export let TextField: ForwardRefExoticComponent<TextFieldProps & RefAttributes<TextFieldRef<HTMLInputElement>>>;
+export const TextField: ForwardRefExoticComponent<TextFieldProps & RefAttributes<TextFieldRef<HTMLInputElement>>>;
 export interface TextAreaProps extends Omit<TextFieldProps, 'type' | 'pattern'> {
 }
-export const TextAreaContext: Context<ContextValue<TextAreaProps, TextFieldRef<HTMLTextAreaElement>>>;
+export const TextAreaContext: Context<ContextValue<Partial<TextAreaProps>, TextFieldRef<HTMLTextAreaElement>>>;
 /**
  * TextAreas are multiline text inputs, useful for cases where users have
  * a sizable amount of text to enter. They allow for all customizations that
  * are available to text fields.
  */
-export let TextArea: ForwardRefExoticComponent<TextAreaProps & RefAttributes<TextFieldRef<HTMLTextAreaElement>>>;
+export const TextArea: ForwardRefExoticComponent<TextAreaProps & RefAttributes<TextFieldRef<HTMLTextAreaElement>>>;
 export interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit<_ToggleButtonGroupProps1, 'children' | 'style' | 'className'> {
     /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */
     isEmphasized?: boolean;
 }
-export const ToggleButtonGroupContext: Context<ContextValue<ToggleButtonGroupProps, HTMLDivElement>>;
+export const ToggleButtonGroupContext: Context<ContextValue<Partial<ToggleButtonGroupProps>, HTMLDivElement>>;
 /**
  * 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'>, StyleProps, ActionButtonStyleProps {
     /** The content to display in the button. */
-    children?: ReactNode;
+    children: ReactNode;
     /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */
     isEmphasized?: boolean;
 }
-export const ToggleButtonContext: Context<ContextValue<ToggleButtonProps, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const ToggleButtonContext: Context<ContextValue<Partial<ToggleButtonProps>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 /**
  * ToggleButtons allow users to toggle a selection on or off, for example
  * switching between two states or modes.
  */
-export let ToggleButton: ForwardRefExoticComponent<ToggleButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const ToggleButton: ForwardRefExoticComponent<ToggleButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 interface TooltipTriggerProps extends Omit<TooltipTriggerComponentProps, 'children' | 'closeDelay'>, Pick<_TooltipProps1, 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset'> {
     /** The content of the tooltip. */
-    children?: ReactNode;
+    children: ReactNode;
     /**
      * The placement of the element with respect to its anchor element.
      *
@@ -1630,18 +1666,41 @@ interface TooltipTriggerProps extends Omit<TooltipTriggerComponentProps, 'childr
 }
 export interface TooltipProps extends Omit<_TooltipProps1, 'children' | 'className' | 'style' | 'triggerRef' | 'UNSTABLE_portalContainer' | 'isEntering' | 'isExiting' | 'placement' | 'containerPadding' | 'offset' | 'crossOffset' | 'shouldFlip' | 'arrowBoundaryOffset' | 'isOpen' | 'defaultOpen' | 'onOpenChange'>, UnsafeStyles {
     /** The content of the tooltip. */
-    children?: ReactNode;
+    children: ReactNode;
 }
+/**
+ * Display container for Tooltip content. Has a directional arrow dependent on its placement.
+ */
+export const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 /**
  * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
  * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
  * relative to the trigger.
  */
 export function TooltipTrigger(props: TooltipTriggerProps): JSX.Element;
+interface S2TreeProps {
+    isDetached?: boolean;
+    onAction?: (key: Key) => void;
+    isEmphasized?: boolean;
+}
+export interface TreeViewProps extends Omit<TreeProps<any>, 'style' | 'className' | 'onRowAction' | 'selectionBehavior' | 'onScroll' | 'onCellAction' | 'dragAndDropHooks'>, UnsafeStyles, S2TreeProps {
+    /** Spectrum-defined styles, returned by the `style()` macro. */
+    styles?: StylesPropWithHeight;
+}
+export interface TreeViewItemProps extends Omit<TreeItemProps, 'className' | 'style'> {
+    /** Whether this item has children, even if not loaded yet. */
+    hasChildItems?: boolean;
+}
+export const TreeViewItem: (props: TreeViewItemProps) => React.JSX.Element;
+export interface TreeViewItemContentProps extends Omit<TreeItemContentProps, 'children'> {
+    /** Rendered contents of the tree item or child items. */
+    children: ReactNode;
+}
+export const TreeViewItemContent: (props: TreeViewItemContentProps) => React.JSX.Element;
 /**
- * Display container for Tooltip content. Has a directional arrow dependent on its placement.
+ * A tree view provides users with a way to navigate nested hierarchical information.
  */
-export let Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export { Collection } from 'react-aria-components';
 export { FileTrigger } from 'react-aria-components';
 export type { FileTriggerProps, TooltipTriggerComponentProps as TooltipTriggerProps } from 'react-aria-components';