@react-spectrum/s2 0.2.1-nightly.4979

package/dist/types.d.ts

@@ -0,0 +1,1052 @@
+import React, { CSSProperties, HTMLAttributes, ImgHTMLAttributes, RefAttributes, ForwardRefExoticComponent, ReactNode, JSX, ReactElement, JSXElementConstructor } from "react";
+import { AriaLabelingProps, DOMProps, DOMRefValue, FocusableRefValue, SpectrumLabelableProps, LinkDOMProps, HelpTextProps, Orientation, ValueBase, InputDOMProps, RangeValue } from "@react-types/shared";
+import { SlotProps, HeadingProps, ButtonProps as _ButtonProps1, FormProps as _FormProps1, CheckboxProps as _CheckboxProps1, SeparatorProps, PopoverProps as _PopoverProps1, MenuItemProps as _MenuItemProps1, MenuProps as _MenuProps1, MenuTriggerProps as _MenuTriggerProps1, SubmenuTriggerProps as _SubmenuTriggerProps1, SectionProps, LinkProps as _LinkProps1, DialogProps as _DialogProps1, BreadcrumbsProps as _BreadcrumbsProps1, DialogTriggerProps as _DialogTriggerProps1, CheckboxGroupProps as _CheckboxGroupProps1, ColorAreaProps as _ColorAreaProps1, ColorFieldProps as _ColorFieldProps1, ColorSliderProps as _ColorSliderProps1, ColorSwatchProps as _ColorSwatchProps1, ColorWheelProps as _ColorWheelProps1, SelectProps, ListBoxItemProps, ListBoxProps, ComboBoxProps as _ComboBoxProps1, DropZoneProps as _DropZoneProps1, MeterProps as _MeterProps1, NumberFieldProps as _NumberFieldProps1, ProgressBarProps as _ProgressBarProps1, RadioProps as _RadioProps1, RadioGroupProps as _RadioGroupProps1, SliderProps as _SliderProps1, SearchFieldProps as _SearchFieldProps1, SwitchProps as _SwitchProps1, TagGroupProps as _TagGroupProps1, TagProps as _TagProps1, TagListProps, TextFieldProps as _TextFieldProps1, ToggleButtonProps as _ToggleButtonProps1, TooltipProps as _TooltipProps1, TooltipTriggerComponentProps } 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";
+type StyleString<P = string> = string & {
+    properties: P;
+};
+declare const allowedOverrides: readonly ["margin", "marginStart", "marginEnd", "marginTop", "marginBottom", "marginX", "marginY", "width", "minWidth", "maxWidth", "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 heightProperties: readonly ["size", "height", "minHeight", "maxHeight"];
+type StylesProp = StyleString<(typeof allowedOverrides)[number]>;
+type StylesPropWithHeight = StyleString<(typeof allowedOverrides)[number] | (typeof heightProperties)[number]>;
+interface UnsafeStyles {
+    /** Sets the CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. Only use as a **last resort**. Use the `style` macro via the `styles` prop instead. */
+    UNSAFE_className?: string;
+    /** Sets inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. Only use as a **last resort**. Use the `style` macro via the `styles` prop instead. */
+    UNSAFE_style?: CSSProperties;
+}
+interface StyleProps extends UnsafeStyles {
+    /** Spectrum-defined styles, returned by the `style()` macro. */
+    styles?: StylesProp;
+}
+export interface IconProps extends UnsafeStyles, SlotProps, AriaLabelingProps, DOMProps {
+    'aria-hidden'?: boolean | 'false' | 'true';
+}
+export const Heading: ForwardRefExoticComponent<HeadingProps & RefAttributes<HTMLHeadingElement>>;
+export const Header: ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & RefAttributes<DOMRefValue<HTMLElement>>>;
+export const Content: ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export const Text: ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & RefAttributes<HTMLDivElement>>;
+export const Keyboard: ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & RefAttributes<HTMLDivElement>>;
+export const Footer: ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & RefAttributes<DOMRefValue<HTMLElement>>>;
+export const Image: ForwardRefExoticComponent<ImgHTMLAttributes<HTMLImageElement> & RefAttributes<DOMRefValue<HTMLImageElement>>>;
+interface ActionButtonStyleProps {
+    /**
+     * The size of the ActionButton.
+     *
+     * @default 'M'
+     */
+    size?: 'XS' | 'S' | 'M' | 'L' | 'XL';
+    /** The static color style to apply. Useful when the ActionButton appears over a color background. */
+    staticColor?: 'black' | 'white';
+    /** 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'>, StyleProps, ActionButtonStyleProps {
+    /** The content to display in the ActionButton. */
+    children?: ReactNode;
+}
+/**
+ * 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>>>;
+interface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {
+    /**
+     * Size of the Form elements.
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    /** Whether the Form elements are disabled. */
+    isDisabled?: boolean;
+    /** Whether the Form elements are rendered with their emphasized style. */
+    isEmphasized?: boolean;
+}
+export interface FormProps extends FormStyleProps, Omit<_FormProps1, 'className' | 'style' | 'children'>, StyleProps {
+    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>>>;
+interface CheckboxStyleProps {
+    /**
+     * The size of the Checkbox.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    /** Whether the Checkbox should be displayed with an emphasized style. */
+    isEmphasized?: boolean;
+}
+export interface CheckboxProps extends Omit<_CheckboxProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, CheckboxStyleProps {
+    /** The label for the element. */
+    children?: ReactNode;
+}
+/**
+ * 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>>>;
+interface DividerSpectrumProps {
+    /**
+     * How thick the Divider should be.
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L';
+    /**
+     * How thick the Divider should be.
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /** The static color style to apply. Useful when the Divider appears over a color background. */
+    staticColor?: 'white' | 'black';
+}
+export interface DividerProps extends DividerSpectrumProps, Omit<SeparatorProps, 'className' | 'style' | 'elementType'>, StyleProps {
+}
+/**
+ * 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 interface ProviderProps extends UnsafeStyles {
+    /** The content of the Provider. */
+    children: ReactNode;
+    /**
+     * The locale for your application as a [BCP 47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code.
+     * Defaults to the browser/OS language setting.
+     * @default 'en-US'
+     */
+    locale?: string;
+    /**
+     * Provides a client side router to all nested React Spectrum links to enable client side navigation.
+     */
+    router?: Router;
+    /**
+     * The color scheme for your application.
+     * Defaults to operating system preferences.
+     */
+    colorScheme?: ColorScheme;
+    /** The background for this provider. If not provided, the background is transparent. */
+    background?: 'base' | 'layer-1' | 'layer-2';
+    /** Spectrum-defined styles, returned by the `style()` macro. */
+    styles?: StyleString;
+    /**
+     * The DOM element to render.
+     * @default div
+     */
+    elementType?: keyof JSX.IntrinsicElements;
+}
+export function Provider(props: ProviderProps): JSX.Element;
+interface PopoverProps extends UnsafeStyles, Omit<_PopoverProps1, 'arrowSize' | 'isNonModal' | 'arrowBoundaryOffset' | 'isKeyboardDismissDisabled' | 'shouldCloseOnInteractOutside' | 'shouldUpdatePosition'> {
+    styles?: StyleString;
+    /**
+     * Whether a popover's arrow should be hidden.
+     *
+     * @default false
+     */
+    hideArrow?: boolean;
+    size?: 'S' | 'M' | 'L';
+}
+export interface MenuTriggerProps extends _MenuTriggerProps1 {
+    /**
+     * Alignment of the menu relative to the trigger.
+     *
+     * @default 'start'
+     */
+    align?: 'start' | 'end';
+    /**
+     * Where the Menu opens relative to its trigger.
+     *
+     * @default 'bottom'
+     */
+    direction?: 'bottom' | 'top' | 'left' | 'right' | 'start' | 'end';
+    /**
+     * Whether the menu should automatically flip direction when space is limited.
+     *
+     * @default true
+     */
+    shouldFlip?: boolean;
+}
+export interface MenuProps<T> extends Omit<_MenuProps1<T>, 'children' | 'style' | 'className' | 'dependencies'>, StyleProps {
+    /**
+     * The size of the Menu.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    /**
+     * The contents of the collection.
+     */
+    children?: ReactNode | ((item: T) => ReactNode);
+}
+/**
+ * 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 interface MenuSectionProps<T extends object> extends SectionProps<T> {
+}
+export function MenuSection<T extends object>(props: MenuSectionProps<T>): JSX.Element;
+export interface MenuItemProps extends Omit<_MenuItemProps1, 'children' | 'style' | 'className'>, StyleProps {
+    /**
+     * The contents of the item.
+     */
+    children: ReactNode;
+}
+export function MenuItem(props: MenuItemProps): JSX.Element;
+/**
+ * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,
+ * linking the Menu's open state with the trigger's press state.
+ */
+export function MenuTrigger(props: MenuTriggerProps): JSX.Element;
+export interface SubmenuTriggerProps extends Omit<_SubmenuTriggerProps1, 'delay'> {
+}
+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' | 'size'>, Pick<ActionButtonProps, 'isDisabled' | 'isQuiet' | 'autoFocus'>, StyleProps, DOMProps, AriaLabelingProps {
+}
+/**
+ * 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;
+interface ButtonStyleProps {
+    /**
+     * The [visual style](https://spectrum.adobe.com/page/button/#Options) of the button.
+     *
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary' | 'accent' | 'negative';
+    /**
+     * The background style of the Button.
+     *
+     * @default 'fill'
+     */
+    fillStyle?: 'fill' | 'outline';
+    /**
+     * The size of the Button.
+     *
+     * @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';
+}
+export interface ButtonProps extends Omit<_ButtonProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, ButtonStyleProps {
+    /** The content to display in the Button. */
+    children?: ReactNode;
+}
+export interface LinkButtonProps extends Omit<_LinkProps1, 'className' | 'style' | 'children'>, StyleProps, ButtonStyleProps {
+    /** The content to display in the Button. */
+    children?: ReactNode;
+}
+/**
+ * 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>>>;
+/**
+ * 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>>>;
+interface ButtonGroupStyleProps {
+    /**
+     * The axis the ButtonGroup should align with. Setting this to 'vertical' will prevent
+     * any switching behaviors between 'vertical' and 'horizontal'.
+     *
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The alignment of the Buttons within the ButtonGroup.
+     *
+     * @default 'start'
+     */
+    align?: 'start' | 'end' | 'center';
+    /**
+     * The size of the Buttons within the ButtonGroup.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+}
+export interface ButtonGroupProps extends ButtonGroupStyleProps, SlotProps, StyleProps, DOMProps {
+    /** The Buttons contained within the ButtonGroup. */
+    children: ReactNode;
+    /** Whether the Buttons in the ButtonGroup are all disabled. */
+    isDisabled?: boolean;
+}
+/**
+ * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.
+ */
+export const ButtonGroup: ForwardRefExoticComponent<ButtonGroupProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export interface DialogProps extends Omit<_DialogProps1, 'className' | 'style'>, StyleProps {
+    /**
+     * Whether the Dialog is dismissable.
+     */
+    isDismissable?: boolean;
+    /**
+     * The size of the Dialog.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L';
+}
+/**
+ * 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 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';
+    /** The title of the AlertDialog. */
+    title: string;
+    /** The contents of the AlertDialog. */
+    children: ReactNode;
+    /** The label to display within the cancel button. */
+    cancelLabel?: string;
+    /** The label to display within the confirm button. */
+    primaryActionLabel: string;
+    /** The label to display within the secondary button. */
+    secondaryActionLabel?: string;
+    /** Whether the primary button is disabled. */
+    isPrimaryActionDisabled?: boolean;
+    /** Whether the secondary button is disabled. */
+    isSecondaryActionDisabled?: boolean;
+    /** Handler that is called when the cancel button is pressed. */
+    onCancel?: () => void;
+    /** Handler that is called when the primary button is pressed. */
+    onPrimaryAction?: () => void;
+    /** Handler that is called when the secondary button is pressed. */
+    onSecondaryAction?: () => void;
+    /** Button to focus by default when the dialog opens. */
+    autoFocusButton?: 'cancel' | 'primary' | 'secondary';
+    /**
+     * The size of the Dialog.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L';
+}
+/**
+ * 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 interface AvatarProps extends StyleProps, DOMProps {
+    /** Text description of the avatar. */
+    alt?: string;
+    /** The image URL for the avatar. */
+    src?: string;
+}
+/**
+ * An avatar is a thumbnail representation of an entity, such as a user or an organization.
+ */
+export let Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<DOMRefValue<HTMLImageElement>>>;
+interface BadgeStyleProps {
+    /**
+     * The size of the badge.
+     *
+     * @default 'S'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    /**
+     * The variant changes the background color of the badge. When badge has a semantic meaning, they should use the variant for semantic colors.
+     *
+     * @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';
+}
+export interface BadgeProps extends DOMProps, AriaLabelingProps, StyleProps, BadgeStyleProps {
+    /**
+     * The content to display in the badge.
+     */
+    children: ReactNode;
+}
+/**
+ * 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>>>;
+interface BreadcrumbsStyleProps {
+    /**
+     * Size of the Breadcrumbs including spacing and layout.
+     *
+     * @default 'M'
+     */
+    size?: 'M' | 'L';
+    /** Whether the breadcrumbs are disabled. */
+    isDisabled?: boolean;
+}
+export interface BreadcrumbsProps<T> extends Omit<_BreadcrumbsProps1<T>, 'children' | 'items' | 'style' | 'className'>, BreadcrumbsStyleProps, StyleProps {
+    /** The children of the Breadcrumbs. */
+    children?: ReactNode;
+}
+/** Breadcrumbs show hierarchy and navigational context for a user’s location within an application. */
+export let Breadcrumbs: <T extends object>(props: BreadcrumbsProps<T> & RefAttributes<unknown>) => ReactElement | null;
+export interface BreadcrumbProps extends Omit<AriaBreadcrumbItemProps, 'children' | 'style' | 'className' | 'autoFocus'>, LinkDOMProps {
+    /** The children of the breadcrumb item. */
+    children?: ReactNode;
+}
+export function Breadcrumb({ children, ...props }: BreadcrumbProps): JSX.Element;
+export interface DialogTriggerProps extends _DialogTriggerProps1, Pick<_PopoverProps1, 'placement' | 'shouldFlip' | 'isKeyboardDismissDisabled' | 'containerPadding' | 'offset' | 'crossOffset'> {
+    /**
+     * The type of Dialog that should be rendered.
+     *
+     * @default 'modal'
+     */
+    type?: 'modal' | 'popover' | 'fullscreen' | 'fullscreenTakeover';
+    /**
+     * Whether a popover type Dialog's arrow should be hidden.
+     */
+    hideArrow?: boolean;
+    /**
+     * Whether the Dialog is dismissable.
+     */
+    isDismissable?: boolean;
+}
+/**
+ * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
+ * open state with the trigger's press state. Additionally, it allows you to customize the type and
+ * positioning of the Dialog.
+ */
+export function DialogTrigger(props: DialogTriggerProps): JSX.Element;
+interface ContextualHelpStyleProps {
+    /**
+     * Indicates whether contents are informative or provides helpful guidance.
+     *
+     * @default 'help'
+     */
+    variant?: 'info' | 'help';
+}
+interface ContextualHelpProps extends Pick<DialogTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange' | 'shouldFlip' | 'offset' | 'crossOffset' | 'placement'>, Pick<PopoverProps, 'containerPadding'>, ContextualHelpStyleProps, StyleProps, DOMProps, AriaLabelingProps {
+    /** Contents of the Contextual Help popover. */
+    children?: ReactNode;
+    /**
+     * The size of the ActionButton.
+     *
+     * @default 'XS'
+     */
+    size?: 'XS' | 'S';
+}
+/**
+ * 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 interface CheckboxGroupProps extends Omit<_CheckboxGroupProps1, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+    /**
+     * The size of the Checkboxes in the CheckboxGroup.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    /**
+     * The axis the checkboxes should align with.
+     *
+     * @default 'vertical'
+     */
+    orientation?: Orientation;
+    /**
+     * The Checkboxes contained within the CheckboxGroup.
+     */
+    children?: ReactNode;
+    /**
+     * By default, checkboxes are not emphasized (gray).
+     * The emphasized (blue) version provides visual prominence.
+     */
+    isEmphasized?: boolean;
+}
+/**
+ * A CheckboxGroup allows users to select one or more items from a list of choices.
+ */
+export let CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export interface ColorAreaProps extends Omit<_ColorAreaProps1, 'children' | 'className' | 'style'>, StyleProps {
+}
+/**
+ * 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 interface ColorFieldProps extends Omit<_ColorFieldProps1, 'children' | 'className' | 'style'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+    /**
+     * The size of the color field.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+}
+/**
+ * A color field allows users to edit a hex color or individual color channel value.
+ */
+export const ColorField: ForwardRefExoticComponent<ColorFieldProps & RefAttributes<TextFieldRef>>;
+export interface ColorSliderProps extends Omit<_ColorSliderProps1, 'children' | 'className' | 'style'>, Pick<SpectrumLabelableProps, 'contextualHelp'>, StyleProps {
+    label?: string;
+}
+/**
+ * A ColorSlider allows users to adjust an individual channel of a color value.
+ */
+export let ColorSlider: ForwardRefExoticComponent<ColorSliderProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export interface ColorSwatchProps extends Omit<_ColorSwatchProps1, 'className' | 'style'>, UnsafeStyles {
+    /**
+     * The size of the ColorSwatch.
+     * @default "M"
+     */
+    size?: 'XS' | 'S' | 'M' | 'L';
+    /**
+     * The corner rounding of the ColorSwatch.
+     * @default "default"
+     */
+    rounding?: 'default' | 'none' | 'full';
+    /** Spectrum-defined styles, returned by the `style()` macro. */
+    styles?: StylesPropWithHeight;
+}
+/**
+ * A ColorSwatch displays a preview of a selected color.
+ */
+export let ColorSwatch: ForwardRefExoticComponent<ColorSwatchProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export interface ColorSwatchPickerProps extends ValueBase<string | Color, Color>, StyleProps {
+    /** The ColorSwatches within the ColorSwatchPicker. */
+    children: ReactNode;
+    /**
+     * The amount of padding between the swatches.
+     * @default "regular"
+     */
+    density?: 'compact' | 'regular' | 'spacious';
+    /**
+     * The size of the color swatches.
+     * @default "M"
+     */
+    size?: 'XS' | 'S' | 'M' | 'L';
+    /**
+     * The corner rounding of the color swatches.
+     * @default "none"
+     */
+    rounding?: 'none' | 'default' | 'full';
+}
+/**
+ * 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 interface ColorWheelProps extends Omit<_ColorWheelProps1, 'children' | 'className' | 'style' | 'outerRadius' | 'innerRadius'>, StyleProps {
+    /**
+     * @default 192
+     */
+    size?: number;
+}
+/**
+ * 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>>>;
+interface PickerStyleProps {
+    /**
+     * The size of the Picker.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+}
+export interface PickerProps<T extends object> extends Omit<SelectProps<T>, 'children' | 'style' | 'className'>, PickerStyleProps, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<ListBoxProps<T>, 'items'>, Pick<_PopoverProps1, 'shouldFlip'> {
+    /** The contents of the collection. */
+    children: ReactNode | ((item: T) => ReactNode);
+    /**
+     * Direction the menu will render relative to the Picker.
+     *
+     * @default "bottom"
+     */
+    direction?: 'bottom' | 'top';
+    /**
+     * Alignment of the menu relative to the input target.
+     *
+     * @default "start"
+     */
+    align?: 'start' | 'end';
+    /** Width of the menu. By default, matches width of the trigger. Note that the minimum width of the dropdown is always equal to the trigger's width. */
+    menuWidth?: number;
+}
+/**
+ * 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 interface PickerItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className'>, StyleProps {
+    children: ReactNode;
+}
+export function PickerItem(props: PickerItemProps): React.JSX.Element;
+export interface PickerSectionProps<T extends object> extends SectionProps<T> {
+}
+export function PickerSection<T extends object>(props: PickerSectionProps<T>): React.JSX.Element;
+interface ComboboxStyleProps {
+    /**
+     * The size of the Combobox.
+     *
+     * @default "M"
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+}
+export interface ComboBoxProps<T extends object> extends Omit<_ComboBoxProps1<T>, 'children' | 'style' | 'className' | 'defaultFilter' | 'allowsEmptyCollection'>, ComboboxStyleProps, StyleProps, SpectrumLabelableProps, HelpTextProps, Pick<ListBoxProps<T>, 'items'>, Pick<_PopoverProps1, 'shouldFlip'> {
+    /** The contents of the collection. */
+    children: ReactNode | ((item: T) => ReactNode);
+    /**
+     * Direction the menu will render relative to the Picker.
+     *
+     * @default "bottom"
+     */
+    direction?: 'bottom' | 'top';
+    /**
+     * Alignment of the menu relative to the input target.
+     *
+     * @default "start"
+     */
+    align?: 'start' | 'end';
+    /** Width of the menu. By default, matches width of the trigger. Note that the minimum width of the dropdown is always equal to the trigger's width. */
+    menuWidth?: number;
+}
+/**
+ * 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<FocusableRefValue<HTMLDivElement, HTMLDivElement>>) => ReactElement | null;
+export interface ComboBoxItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className'>, StyleProps {
+    children: ReactNode;
+}
+export function ComboBoxItem(props: ComboBoxItemProps): JSX.Element;
+export interface ComboBoxSectionProps<T extends object> extends SectionProps<T> {
+}
+export function ComboBoxSection<T extends object>(props: ComboBoxSectionProps<T>): JSX.Element;
+export interface DialogContainerProps extends SpectrumDialogContainerProps {
+}
+/**
+ * A DialogContainer accepts a single Dialog as a child, and manages showing and hiding
+ * it in a modal. Useful in cases where there is no trigger element
+ * or when the trigger unmounts while the dialog is open.
+ */
+export function DialogContainer(props: DialogContainerProps): React.JSX.Element;
+export interface DialogContainerValue {
+    /**
+     * The type of container the dialog is rendered in.
+     */
+    type: 'modal' | 'popover' | 'fullscreen' | 'fullscreenTakeover';
+    /**
+     * A handler to programmatically dismiss the dialog.
+     */
+    dismiss(): void;
+}
+export function useDialogContainer(): DialogContainerValue;
+interface IllustrationProps extends DOMProps, AriaLabelingProps {
+    /**
+     * A screen reader only label for the Illustration.
+     */
+    'aria-label'?: string;
+    /**
+     * The content to display. Should be an SVG.
+     */
+    children: ReactElement<any>;
+    /**
+     * A slot to place the illustration in.
+     * @default 'illustration'
+     */
+    slot?: string;
+    /**
+     * Indicates whether the element is exposed to an accessibility API.
+     */
+    'aria-hidden'?: boolean | 'false' | 'true';
+}
+export function Illustration(props: IllustrationProps): ReactElement<any, string | JSXElementConstructor<any>>;
+interface IllustratedMessageStyleProps {
+    /**
+     * The size of the IllustratedMessage.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L';
+    /**
+     * The direction that the IllustratedMessage should be laid out in.
+     *
+     * @default 'vertical'
+     */
+    orientation?: 'horizontal' | 'vertical';
+}
+interface S2SpectrumIllustratedMessageProps extends DOMProps, UnsafeStyles, IllustratedMessageStyleProps {
+    /** Spectrum-defined styles, returned by the `style()` macro. */
+    styles?: StylesPropWithHeight;
+    /** The content to display in the IllustratedMessage. */
+    children: ReactNode;
+}
+/**
+ * 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 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;
+    /** 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. */
+    replaceMessage?: string;
+}
+/**
+ * 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 interface InlineAlertProps extends DOMProps, StyleProps, InlineStylesProps {
+    /**
+     * The contents of the Inline Alert.
+     */
+    children: ReactNode;
+    /**
+     * Whether to automatically focus the Inline Alert when it first renders.
+     */
+    autoFocus?: boolean;
+}
+interface InlineStylesProps {
+    /**
+     * The semantic tone of a Inline Alert.
+     * @default neutral
+     */
+    variant?: 'informative' | 'positive' | 'notice' | 'negative' | 'neutral';
+    /**
+     * The visual style of the Inline Alert.
+     * @default border
+     */
+    fillStyle?: 'border' | 'subtleFill' | 'boldFill';
+}
+/**
+ * Inline alerts display a non-modal message associated with objects in a view.
+ * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.
+ */
+export const InlineAlert: ForwardRefExoticComponent<InlineAlertProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+interface LinkStyleProps {
+    /**
+     * The [visual style](https://spectrum.adobe.com/page/link/#Options) of the link.
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary';
+    /** The static color style to apply. Useful when the link appears over a color background. */
+    staticColor?: 'white' | 'black';
+    /** 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;
+}
+/**
+ * Links allow users to navigate to a different location.
+ * They can be presented inline inside a paragraph or as standalone text.
+ */
+export const Link: ForwardRefExoticComponent<LinkProps & RefAttributes<DOMRefValue<HTMLAnchorElement>>>;
+interface MeterStyleProps {
+    /** The [visual style](https://spectrum.adobe.com/page/meter/#-Options) of the Meter. */
+    variant: 'informative' | 'positive' | 'notice' | 'negative';
+    /**
+     * The size of the Meter.
+     *
+     * @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';
+}
+export interface MeterProps extends Omit<_MeterProps1, 'children' | 'className' | 'style'>, MeterStyleProps, StyleProps {
+    /** The content to display as the label. */
+    label?: ReactNode;
+}
+/**
+ * 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>>>;
+interface NumberFieldProps extends _NumberFieldProps1, StyleProps, Omit<SpectrumLabelableProps, 'contextualHelp'>, HelpTextProps {
+    /**
+     * Whether the NumberField step buttons should be collapsed into a single column.
+     *
+     * @default "false"
+     */
+    isCollapsed?: boolean;
+    /**
+     * The size of the NumberField.
+     *
+     * @default "M"
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    label?: ReactNode;
+}
+/**
+ * NumberFields allow users to input number values with a keyboard or increment/decrement with step buttons.
+ */
+export let NumberField: ForwardRefExoticComponent<NumberFieldProps & RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
+interface ProgressBarStyleProps {
+    /**
+     * The size of the ProgressBar.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    /**
+     * Whether presentation is indeterminate when progress isn't known.
+     */
+    isIndeterminate?: boolean;
+    /** The static color style to apply. Useful when the button appears over a color background. */
+    staticColor?: 'white' | 'black';
+}
+export interface ProgressBarProps extends Omit<_ProgressBarProps1, 'children' | 'className' | 'style'>, ProgressBarStyleProps, StyleProps {
+    /** The content to display as the label. */
+    label?: ReactNode;
+}
+/**
+ * ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.
+ * They can represent either determinate or indeterminate progress.
+ */
+export const ProgressBar: ForwardRefExoticComponent<ProgressBarProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+interface ProgressCircleStyleProps {
+    /**
+     * The size of the ProgressCircle.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L';
+    /** The static color style to apply. Useful when the button appears over a color background. */
+    staticColor?: 'black' | 'white';
+    /**
+     * Whether presentation is indeterminate when progress isn't known.
+     */
+    isIndeterminate?: boolean;
+}
+export interface ProgressCircleProps extends Omit<_ProgressBarProps1, 'children' | 'style' | 'valueLabel' | 'formatOptions' | 'label' | 'className'>, ProgressCircleStyleProps, StyleProps {
+}
+/**
+ * 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 interface RadioProps extends Omit<_RadioProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps {
+    /**
+     * The label for the element.
+     */
+    children?: ReactNode;
+}
+/**
+ * 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 interface RadioGroupProps extends Omit<_RadioGroupProps1, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+    /**
+     * The Radios contained within the RadioGroup.
+     */
+    children?: ReactNode;
+    /**
+     * The size of the RadioGroup.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    /**
+     * The axis the radio elements should align with.
+     *
+     * @default 'vertical'
+     */
+    orientation?: Orientation;
+    /**
+     * Whether the RadioGroup should be displayed with an emphasized style.
+     */
+    isEmphasized?: boolean;
+}
+/**
+ * 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>>>;
+interface SliderBaseProps<T> extends Omit<_SliderProps1<T>, 'children' | 'style' | 'className' | 'orientation'>, Omit<SpectrumLabelableProps, 'necessityIndicator' | 'isRequired'>, StyleProps {
+    children?: ReactNode;
+    /**
+     * The size of the Slider.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    /**
+     * Whether the Slider should be displayed with an emphasized style.
+     */
+    isEmphasized?: boolean;
+    /**
+     * The style of the Slider's track.
+     *
+     * @default 'thin'
+     */
+    trackStyle?: 'thin' | 'thick';
+    /**
+     * The style of the Slider's thumb.
+     *
+     * @default 'default'
+     */
+    thumbStyle?: 'default' | 'precise';
+}
+export interface SliderProps extends Omit<SliderBaseProps<number>, 'children'>, InputDOMProps {
+    /**
+     * The offset from which to start the fill.
+     */
+    fillOffset?: number;
+}
+export let 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).
+     */
+    startName?: string;
+    /**
+     * The name of the end input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
+     */
+    endName?: string;
+}
+export let RangeSlider: ForwardRefExoticComponent<RangeSliderProps & RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
+export interface SearchFieldProps extends Omit<_SearchFieldProps1, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+    /**
+     * The size of the SearchField.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+}
+/**
+ * A SearchField is a text field designed for searches.
+ */
+export let SearchField: ForwardRefExoticComponent<SearchFieldProps & RefAttributes<TextFieldRef>>;
+interface StatusLightStyleProps {
+    /**
+     * The variant changes the color of the status light.
+     * When status lights have a semantic meaning, they should use the variant for semantic colors.
+     */
+    variant: 'informative' | 'neutral' | 'positive' | 'notice' | 'negative' | 'celery' | 'chartreuse' | 'cyan' | 'fuchsia' | 'purple' | 'magenta' | 'indigo' | 'seafoam' | 'yellow' | 'pink' | 'turquoise' | 'cinnamon' | 'brown' | 'silver';
+    /**
+     * The size of the StatusLight.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+}
+export interface StatusLightProps extends StatusLightStyleProps, DOMProps, AriaLabelingProps, StyleProps {
+    /**
+     * The content to display as the label.
+     */
+    children?: ReactNode;
+    /**
+     * An accessibility role for the status light. Should be set when the status
+     * can change at runtime, and no more than one status light will update simultaneously.
+     * For cases where multiple statuses can change at the same time, use a Toast instead.
+     */
+    role?: 'status';
+}
+/**
+ * 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>>>;
+interface SwitchStyleProps {
+    /**
+     * The size of the Switch.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+    /**
+     * Whether the Switch should be displayed with an emphasized style.
+     */
+    isEmphasized?: boolean;
+}
+export interface SwitchProps extends Omit<_SwitchProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, SwitchStyleProps {
+    children?: ReactNode;
+}
+/**
+ * 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 interface TagProps extends Omit<_TagProps1, 'children' | 'style' | 'className'> {
+    /** The children of the tag. */
+    children?: ReactNode;
+}
+export interface TagGroupProps<T> extends Omit<_TagGroupProps1, 'children' | 'style' | 'className'>, Pick<TagListProps<T>, 'items' | 'children' | 'renderEmptyState'>, Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>, StyleProps, Omit<HelpTextProps, 'errorMessage'> {
+    /** A description for the tag group. */
+    description?: ReactNode;
+    /**
+     * The size of the tag group.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L';
+    /** Whether the tags are displayed in an emphasized style. */
+    isEmphasized?: boolean;
+    /** Provides content to display when there are no items in the tag group. */
+    renderEmptyState?: () => ReactNode;
+    /** Whether the tags are displayed in a error state. */
+    isInvalid?: boolean;
+    /** An error message for the field. */
+    errorMessage?: ReactNode;
+}
+/** 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 function Tag({ children, ...props }: TagProps): JSX.Element;
+export interface TextFieldProps extends Omit<_TextFieldProps1, 'children' | 'className' | 'style'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
+    /**
+     * The size of the text field.
+     *
+     * @default 'M'
+     */
+    size?: 'S' | 'M' | 'L' | 'XL';
+}
+/**
+ * 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>>;
+export interface TextAreaProps extends Omit<TextFieldProps, 'type' | 'pattern'> {
+}
+/**
+ * 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>>;
+export interface ToggleButtonProps extends Omit<_ToggleButtonProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, ActionButtonStyleProps {
+    /** The content to display in the button. */
+    children?: ReactNode;
+    /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */
+    isEmphasized?: boolean;
+}
+/**
+ * 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>>>;
+interface TooltipTriggerProps extends Omit<TooltipTriggerComponentProps, 'children' | 'closeDelay'>, Pick<_TooltipProps1, 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset'> {
+    /** The content of the tooltip. */
+    children?: ReactNode;
+    /**
+     * The placement of the element with respect to its anchor element.
+     *
+     * @default 'top'
+     */
+    placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom';
+}
+export interface TooltipProps extends Omit<_TooltipProps1, 'children' | 'className' | 'style' | 'triggerRef' | 'UNSTABLE_portalContainer' | 'isEntering' | 'isExiting' | 'placement' | 'containerPadding' | 'offset' | 'crossOffset' | 'shouldFlip' | 'arrowBoundaryOffset' | 'isOpen' | 'defaultOpen' | 'onOpenChange'>, UnsafeStyles {
+    /** The content of the tooltip. */
+    children?: ReactNode;
+}
+/**
+ * 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 let TooltipTrigger: ForwardRefExoticComponent<TooltipTriggerProps & RefAttributes<unknown>>;
+/**
+ * Display container for Tooltip content. Has a directional arrow dependent on its placement.
+ */
+export let Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export { FileTrigger } from 'react-aria-components';
+export type { FileTriggerProps, TooltipTriggerComponentProps as TooltipTriggerProps } from 'react-aria-components';
+
+//# sourceMappingURL=types.d.ts.map