@react-spectrum/s2 0.5.0 → 0.6.0

package/dist/types.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties, ReactNode, Context, RefAttributes, ForwardRefExoticComponent, JSXElementConstructor, ReactElement, ReactPortal, JSX, HTMLAttributeReferrerPolicy, ComponentType, FunctionComponent, SVGProps, RefObject } from "react";
+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, 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 { ColorScheme, Router } from "@react-types/provider";
 import { AriaBreadcrumbItemProps } from "react-aria";
 import { TextFieldRef } from "@react-types/textfield";
@@ -26,7 +26,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 +46,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 +55,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.
  */
@@ -154,7 +154,7 @@ export const AvatarContext: Context<ContextValue<AvatarProps, DOMRefValue<HTMLIm
 /**
  * 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';
 }
@@ -208,7 +208,7 @@ export interface FormProps extends FormStyleProps, Omit<_FormProps1, 'className'
 /**
  * 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,7 +217,7 @@ 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;
 }
@@ -230,7 +230,7 @@ export const ActionButtonContext: Context<ContextValue<ActionButtonProps, Focusa
  * 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.
@@ -251,7 +251,7 @@ export const DisclosureContext: React.Context<ContextValue<Omit<DisclosureProps,
 /**
  * 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 +271,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;
@@ -301,7 +301,35 @@ export const AccordionContext: React.Context<ContextValue<AccordionProps, DOMRef
 /**
  * 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.
@@ -321,7 +349,7 @@ export const CheckboxContext: Context<ContextValue<CheckboxProps, FocusableRefVa
  * 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,7 +362,7 @@ 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 {
 }
@@ -343,7 +371,7 @@ export const DividerContext: Context<ContextValue<DividerProps, DOMRefValue<HTML
  * 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 +419,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.
@@ -423,12 +451,14 @@ export interface MenuProps<T> extends Omit<_MenuProps1<T>, 'children' | 'style'
      * The contents of the collection.
      */
     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>>>;
 /**
  * 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;
@@ -454,7 +484,7 @@ export const ActionMenuContext: Context<ContextValue<ActionMenuProps<any>, Focus
 /**
  * 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,7 +493,7 @@ 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.
      */
@@ -478,14 +508,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,7 +529,7 @@ 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. */
@@ -516,11 +546,11 @@ export const LinkButtonContext: Context<ContextValue<ButtonProps, FocusableRefVa
  * 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
@@ -557,20 +587,6 @@ export const ButtonGroupContext: Context<ContextValue<ButtonGroupContextValue, D
  * 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 +605,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 +641,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;
@@ -643,7 +659,7 @@ export const AvatarGroupContext: Context<ContextValue<AvatarGroupProps, DOMRefVa
 /**
  * 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.
@@ -673,7 +689,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.
@@ -690,13 +706,13 @@ export interface BreadcrumbsProps<T> extends Omit<_BreadcrumbsProps1<T>, 'childr
 }
 export const BreadcrumbsContext: Context<ContextValue<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;
 }
 /** 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,6 +786,8 @@ 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 CardView: <T extends object>(props: CardViewProps<T> & RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
@@ -803,7 +821,7 @@ export const ContextualHelpContext: Context<ContextValue<ContextualHelpProps, Fo
 /**
  * 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.
@@ -831,14 +849,14 @@ export const CheckboxGroupContext: Context<ContextValue<CheckboxGroupProps, DOMR
 /**
  * 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>>>;
 /**
  * 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.
@@ -859,7 +877,7 @@ export const ColorSliderContext: Context<ContextValue<ColorSliderProps, DOMRefVa
 /**
  * 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.
@@ -878,7 +896,7 @@ export const ColorSwatchContext: Context<ContextValue<ColorSwatchProps, DOMRefVa
 /**
  * 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,7 +920,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 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
@@ -913,7 +931,7 @@ export const ColorWheelContext: Context<ContextValue<ColorWheelProps, DOMRefValu
 /**
  * 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 +967,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 +1005,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 +1033,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 +1046,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'> {
 }
 /**
@@ -1073,7 +1091,7 @@ export const IllustratedMessageContext: Context<ContextValue<IllustratedMessageC
  * 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;
@@ -1094,7 +1112,7 @@ export const DropZoneContext: Context<ContextValue<DropZoneProps, DOMRefValue<HT
 /**
  * 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,7 +1148,7 @@ 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. */
@@ -1159,7 +1177,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'
@@ -1175,7 +1193,7 @@ export const MeterContext: Context<ContextValue<MeterProps, DOMRefValue<HTMLDivE
  * 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.
@@ -1193,7 +1211,7 @@ export const NumberFieldContext: Context<ContextValue<NumberFieldProps, TextFiel
 /**
  * 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 +1226,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'
@@ -1235,7 +1253,7 @@ 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.
@@ -1263,7 +1281,7 @@ export const RadioGroupContext: React.Context<ContextValue<RadioGroupProps, DOMR
  * 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;
     /**
@@ -1296,7 +1314,7 @@ 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 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).
@@ -1308,7 +1326,7 @@ 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 RangeSlider: ForwardRefExoticComponent<RangeSliderProps & RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
 export interface SearchFieldProps extends Omit<_SearchFieldProps1, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
      * The size of the SearchField.
@@ -1321,7 +1339,7 @@ export const SearchFieldContext: Context<ContextValue<SearchFieldProps, TextFiel
 /**
  * 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.
@@ -1351,14 +1369,14 @@ export interface SegmentedControlItemProps extends AriaLabelingProps, StyleProps
     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>>>;
 /**
  * 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;
 }
@@ -1396,7 +1414,7 @@ export const StatusLightContext: Context<ContextValue<StatusLightProps, DOMRefVa
  * 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.
@@ -1417,7 +1435,7 @@ export const SwitchContext: Context<ContextValue<SwitchProps, FocusableRefValue<
  * 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 +1470,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>>>;
+/**
+ * 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 +1510,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,11 +1526,7 @@ 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;
@@ -1570,9 +1590,9 @@ export interface TagGroupProps<T> extends Omit<_TagGroupProps1, 'children' | 'st
 }
 export const TagGroupContext: Context<ContextValue<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.
@@ -1587,7 +1607,7 @@ export const TextFieldContext: Context<ContextValue<TextFieldProps, TextFieldRef
  * 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>>>;
@@ -1596,7 +1616,7 @@ export const TextAreaContext: Context<ContextValue<TextAreaProps, TextFieldRef<H
  * 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;
@@ -1617,7 +1637,7 @@ export const ToggleButtonContext: Context<ContextValue<ToggleButtonProps, Focusa
  * 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;
@@ -1632,16 +1652,16 @@ export interface TooltipProps extends Omit<_TooltipProps1, 'children' | 'classNa
     /** The content of the tooltip. */
     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;
-/**
- * Display container for Tooltip content. Has a directional arrow dependent on its placement.
- */
-export let Tooltip: ForwardRefExoticComponent<TooltipProps & 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';