@react-spectrum/s2 3.0.0-nightly-ab9fd5c68-241126 → 3.0.0-nightly-b0f156972-241128

package/dist/types.d.ts

@@ -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.
@@ -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,7 @@ 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>>>;
 interface CheckboxStyleProps {
     /**
      * The size of the Checkbox.
@@ -321,7 +321,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.
@@ -343,7 +343,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 +391,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.
@@ -428,7 +428,7 @@ export const MenuContext: Context<ContextValue<MenuProps<any>, DOMRefValue<HTMLD
 /**
  * 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 +454,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.
@@ -478,7 +478,7 @@ 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.
@@ -516,11 +516,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
@@ -570,7 +570,7 @@ export interface CloseButtonProps extends Pick<_ButtonProps1, 'isDisabled'>, Sty
 /**
  * A CloseButton allows a user to dismiss a dialog.
  */
-export let CloseButton: ForwardRefExoticComponent<CloseButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const CloseButton: ForwardRefExoticComponent<CloseButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 export interface DialogProps extends Omit<_DialogProps1, 'className' | 'style'>, StyleProps {
     /**
      * Whether the Dialog is dismissible.
@@ -589,7 +589,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 +625,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 +643,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 +673,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 +690,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';
@@ -803,7 +803,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 +831,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 +859,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 +878,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 +902,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 +913,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 +949,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 +987,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 +1015,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 +1028,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 +1073,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 +1094,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.
@@ -1175,7 +1175,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 +1193,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.
@@ -1235,7 +1235,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 +1263,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 +1296,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 +1308,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 +1321,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 +1351,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 +1396,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 +1417,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;
@@ -1458,12 +1458,16 @@ export interface TableViewProps extends Omit<TableProps, 'style' | 'disabledBeha
     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 +1490,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 +1506,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 +1570,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 +1587,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 +1596,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 +1617,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 +1632,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';