@react-spectrum/s2 0.6.0 → 0.7.0

package/dist/types.d.ts

@@ -1,16 +1,15 @@
 import React, { CSSProperties, ReactNode, Context, RefAttributes, ForwardRefExoticComponent, JSXElementConstructor, ReactElement, ReactPortal, JSX, HTMLAttributeReferrerPolicy, ComponentType, FunctionComponent, SVGProps, RefObject } from "react";
 import { 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 { ContextValue, SlotProps, FormProps as _FormProps1, ButtonProps as _ButtonProps1, DisclosurePanelProps as _DisclosurePanelProps1, DisclosureProps as _DisclosureProps1, DisclosureGroupProps, CheckboxProps as _CheckboxProps1, SeparatorProps, PopoverProps as _PopoverProps1, DialogProps as _DialogProps1, MenuItemProps as _MenuItemProps1, MenuProps as _MenuProps1, MenuSectionProps as _MenuSectionProps1, MenuTriggerProps as _MenuTriggerProps1, SubmenuTriggerProps as _SubmenuTriggerProps1, ProgressBarProps as _ProgressBarProps1, LinkProps as _LinkProps1, BreadcrumbsProps as _BreadcrumbsProps1, GridListItemProps, GridListProps, DialogTriggerProps as _DialogTriggerProps1, CheckboxGroupProps as _CheckboxGroupProps1, ColorAreaProps as _ColorAreaProps1, ColorFieldProps as _ColorFieldProps1, ColorSliderProps as _ColorSliderProps1, ColorSwatchProps as _ColorSwatchProps1, Color, ColorWheelProps as _ColorWheelProps1, SelectProps, ListBoxItemProps, ListBoxProps, SectionProps, ComboBoxProps as _ComboBoxProps1, DropZoneProps as _DropZoneProps1, MeterProps as _MeterProps1, NumberFieldProps as _NumberFieldProps1, RadioProps as _RadioProps1, RadioGroupProps as _RadioGroupProps1, SliderProps as _SliderProps1, SearchFieldProps as _SearchFieldProps1, SwitchProps as _SwitchProps1, Key as _Key1, CellProps as _CellProps1, ColumnProps as _ColumnProps1, RowProps as _RowProps1, TableBodyProps as _TableBodyProps1, TableHeaderProps as _TableHeaderProps1, TableProps, TabListProps as _TabListProps1, TabPanelProps as _TabPanelProps1, TabProps as _TabProps1, TabsProps as _TabsProps1, TagGroupProps as _TagGroupProps1, TagProps as _TagProps1, TagListProps, TextFieldProps as _TextFieldProps1, ToggleButtonGroupProps as _ToggleButtonGroupProps1, ToggleButtonProps as _ToggleButtonProps1, TooltipProps as _TooltipProps1, TooltipTriggerComponentProps, TreeItemProps, TreeProps, TreeItemContentProps } from "react-aria-components";
 import { ColorScheme, Router } from "@react-types/provider";
 import { AriaBreadcrumbItemProps } from "react-aria";
 import { TextFieldRef } from "@react-types/textfield";
-import { Color } from "@react-types/color";
 import { SpectrumDialogContainerProps } from "@react-types/dialog";
 import { ColumnSize } from "@react-types/table";
 type StyleString<P = string> = string & {
     properties: P;
 };
-declare const allowedOverrides: readonly ["margin", "marginStart", "marginEnd", "marginTop", "marginBottom", "marginX", "marginY", "flex", "flexGrow", "flexShrink", "flexBasis", "justifySelf", "alignSelf", "order", "gridArea", "gridRow", "gridRowStart", "gridRowEnd", "gridColumn", "gridColumnStart", "gridColumnEnd", "position", "zIndex", "top", "bottom", "inset", "insetX", "insetY", "insetStart", "insetEnd"];
+declare const allowedOverrides: readonly ["margin", "marginStart", "marginEnd", "marginTop", "marginBottom", "marginX", "marginY", "flexGrow", "flexShrink", "flexBasis", "justifySelf", "alignSelf", "order", "gridArea", "gridRow", "gridRowStart", "gridRowEnd", "gridColumn", "gridColumnStart", "gridColumnEnd", "position", "zIndex", "top", "bottom", "inset", "insetX", "insetY", "insetStart", "insetEnd"];
 declare const widthProperties: readonly ["width", "minWidth", "maxWidth"];
 declare const heightProperties: readonly ["size", "height", "minHeight", "maxHeight"];
 type StylesProp = StyleString<(typeof allowedOverrides)[number] | (typeof widthProperties)[number]>;
@@ -110,6 +109,11 @@ export interface ImageProps extends UnsafeStyles, SlotProps {
      * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#decoding).
      */
     decoding?: 'async' | 'auto' | 'sync';
+    /**
+     * Provides a hint of the relative priority to use when fetching the image.
+     * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#fetchpriority).
+     */
+    fetchPriority?: 'high' | 'low' | 'auto';
     /**
      * Whether the image should be loaded immediately or lazily when scrolled into view.
      * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#loading).
@@ -133,7 +137,7 @@ export interface ImageProps extends UnsafeStyles, SlotProps {
 interface ImageContextValue extends ImageProps {
     hidden?: boolean;
 }
-export const ImageContext: Context<ContextValue<ImageContextValue, HTMLDivElement>>;
+export const ImageContext: Context<ContextValue<Partial<ImageContextValue>, HTMLDivElement>>;
 export const Image: ForwardRefExoticComponent<ImageProps & RefAttributes<HTMLDivElement>>;
 export interface AvatarProps extends UnsafeStyles, DOMProps, SlotProps {
     /** Text description of the avatar. */
@@ -150,7 +154,7 @@ export interface AvatarProps extends UnsafeStyles, DOMProps, SlotProps {
     /** Whether the avatar is over a color background. */
     isOverBackground?: boolean;
 }
-export const AvatarContext: Context<ContextValue<AvatarProps, DOMRefValue<HTMLImageElement>>>;
+export const AvatarContext: Context<ContextValue<Partial<AvatarProps>, DOMRefValue<HTMLImageElement>>>;
 /**
  * An avatar is a thumbnail representation of an entity, such as a user or an organization.
  */
@@ -165,31 +169,32 @@ export interface IconContextValue extends UnsafeStyles, SlotProps {
 interface IllustrationContextValue extends IconContextValue {
     size?: 'S' | 'M' | 'L';
 }
-export const IconContext: Context<ContextValue<IconContextValue, SVGElement>>;
-export const IllustrationContext: Context<ContextValue<IllustrationContextValue, SVGElement>>;
+export const IconContext: Context<ContextValue<Partial<IconContextValue>, SVGElement>>;
+export const IllustrationContext: Context<ContextValue<Partial<IllustrationContextValue>, SVGElement>>;
 export function createIcon(Component: ComponentType<SVGProps<SVGSVGElement>>, context?: Context<ContextValue<IconContextValue, SVGElement>>): FunctionComponent<IconProps>;
 export function pressScale<R extends {
     isPressed: boolean;
 }>(ref: RefObject<HTMLElement | null>, style?: CSSProperties | ((renderProps: R) => CSSProperties)): (renderProps: R) => CSSProperties;
 interface ContentProps extends UnsafeStyles, SlotProps {
-    children?: ReactNode;
+    children: ReactNode;
     styles?: StyleString;
     isHidden?: boolean;
+    id?: string;
 }
 interface HeadingProps extends ContentProps {
     level?: number;
 }
-export const HeadingContext: Context<ContextValue<HeadingProps, DOMRefValue<HTMLHeadingElement>>>;
+export const HeadingContext: Context<ContextValue<Partial<HeadingProps>, DOMRefValue<HTMLHeadingElement>>>;
 export const Heading: ForwardRefExoticComponent<HeadingProps & RefAttributes<DOMRefValue<HTMLHeadingElement>>>;
-export const HeaderContext: Context<ContextValue<ContentProps, DOMRefValue<HTMLElement>>>;
+export const HeaderContext: Context<ContextValue<Partial<ContentProps>, DOMRefValue<HTMLElement>>>;
 export const Header: ForwardRefExoticComponent<ContentProps & RefAttributes<DOMRefValue<HTMLElement>>>;
-export const ContentContext: Context<ContextValue<ContentProps, DOMRefValue<HTMLDivElement>>>;
+export const ContentContext: Context<ContextValue<Partial<ContentProps>, DOMRefValue<HTMLDivElement>>>;
 export const Content: ForwardRefExoticComponent<ContentProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export const TextContext: Context<ContextValue<ContentProps, DOMRefValue<HTMLElement>>>;
+export const TextContext: Context<ContextValue<Partial<ContentProps>, DOMRefValue<HTMLElement>>>;
 export const Text: ForwardRefExoticComponent<ContentProps & RefAttributes<DOMRefValue<HTMLElement>>>;
-export const KeyboardContext: Context<ContextValue<ContentProps, DOMRefValue<HTMLElement>>>;
+export const KeyboardContext: Context<ContextValue<Partial<ContentProps>, DOMRefValue<HTMLElement>>>;
 export const Keyboard: ForwardRefExoticComponent<ContentProps & RefAttributes<DOMRefValue<HTMLElement>>>;
-export const FooterContext: Context<ContextValue<ContentProps, DOMRefValue<HTMLElement>>>;
+export const FooterContext: Context<ContextValue<Partial<ContentProps>, DOMRefValue<HTMLElement>>>;
 export const Footer: ForwardRefExoticComponent<ContentProps & RefAttributes<DOMRefValue<HTMLElement>>>;
 interface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {
     /**
@@ -203,7 +208,7 @@ interface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'context
     isEmphasized?: boolean;
 }
 export interface FormProps extends FormStyleProps, Omit<_FormProps1, 'className' | 'style' | 'children'>, StyleProps {
-    children?: ReactNode;
+    children: ReactNode;
 }
 /**
  * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.
@@ -223,9 +228,9 @@ interface ActionButtonStyleProps {
 }
 export interface ActionButtonProps extends Omit<_ButtonProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'isPending'>, StyleProps, ActionButtonStyleProps {
     /** The content to display in the ActionButton. */
-    children?: ReactNode;
+    children: ReactNode;
 }
-export const ActionButtonContext: Context<ContextValue<ActionButtonProps, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const ActionButtonContext: Context<ContextValue<Partial<ActionButtonProps>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 /**
  * ActionButtons allow users to perform an action.
  * They’re used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren’t meant to draw a lot of attention.
@@ -247,7 +252,7 @@ export interface DisclosureProps extends Omit<_DisclosureProps1, 'className' | '
     /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */
     children: ReactNode;
 }
-export const DisclosureContext: React.Context<ContextValue<Omit<DisclosureProps, "children">, DOMRefValue<HTMLDivElement>>>;
+export const DisclosureContext: React.Context<ContextValue<Partial<DisclosureProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.
  */
@@ -297,7 +302,7 @@ export interface AccordionProps extends Omit<DisclosureGroupProps, 'className' |
     /** Whether the accordion should be displayed with a quiet style. */
     isQuiet?: boolean;
 }
-export const AccordionContext: React.Context<ContextValue<AccordionProps, DOMRefValue<HTMLDivElement>>>;
+export const AccordionContext: React.Context<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * An accordion is a container for multiple disclosures.
  */
@@ -344,7 +349,7 @@ export interface CheckboxProps extends Omit<_CheckboxProps1, 'className' | 'styl
     /** The label for the element. */
     children?: ReactNode;
 }
-export const CheckboxContext: Context<ContextValue<CheckboxProps, FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
+export const CheckboxContext: Context<ContextValue<Partial<CheckboxProps>, FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
 /**
  * Checkboxes allow users to select multiple items from a list of individual items,
  * or to mark one individual item as selected.
@@ -366,7 +371,7 @@ interface DividerSpectrumProps {
 }
 export interface DividerProps extends DividerSpectrumProps, Omit<SeparatorProps, 'className' | 'style' | 'elementType'>, StyleProps {
 }
-export const DividerContext: Context<ContextValue<DividerProps, DOMRefValue<HTMLElement>>>;
+export const DividerContext: Context<ContextValue<Partial<DividerProps>, DOMRefValue<HTMLElement>>>;
 /**
  * Dividers bring clarity to a layout by grouping and dividing content in close proximity.
  * They can also be used to establish rhythm and hierarchy.
@@ -440,7 +445,7 @@ export interface MenuTriggerProps extends _MenuTriggerProps1 {
      */
     shouldFlip?: boolean;
 }
-export interface MenuProps<T> extends Omit<_MenuProps1<T>, 'children' | 'style' | 'className' | 'dependencies'>, StyleProps {
+export interface MenuProps<T> extends Omit<_MenuProps1<T>, 'children' | 'style' | 'className' | 'dependencies' | 'renderEmptyState'>, StyleProps {
     /**
      * The size of the Menu.
      *
@@ -450,11 +455,11 @@ export interface MenuProps<T> extends Omit<_MenuProps1<T>, 'children' | 'style'
     /**
      * The contents of the collection.
      */
-    children?: ReactNode | ((item: T) => ReactNode);
+    children: ReactNode | ((item: T) => ReactNode);
     /** Hides the default link out icons on menu items that open links in a new tab. */
     hideLinkOutIcon?: boolean;
 }
-export const MenuContext: Context<ContextValue<MenuProps<any>, DOMRefValue<HTMLDivElement>>>;
+export const MenuContext: Context<ContextValue<Partial<MenuProps<any>>, DOMRefValue<HTMLDivElement>>>;
 /**
  * Menus display a list of actions or options that a user can choose.
  */
@@ -480,7 +485,7 @@ export const SubmenuTrigger: (props: SubmenuTriggerProps) => JSX.Element | null;
 export interface ActionMenuProps<T> extends Pick<MenuTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange' | 'align' | 'direction' | 'shouldFlip'>, Pick<MenuProps<T>, 'children' | 'items' | 'disabledKeys' | 'onAction'>, Pick<ActionButtonProps, 'isDisabled' | 'isQuiet' | 'autoFocus' | 'size'>, StyleProps, DOMProps, AriaLabelingProps {
     menuSize?: 'S' | 'M' | 'L' | 'XL';
 }
-export const ActionMenuContext: Context<ContextValue<ActionMenuProps<any>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const ActionMenuContext: Context<ContextValue<Partial<ActionMenuProps<any>>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 /**
  * ActionMenu combines an ActionButton with a Menu for simple "more actions" use cases.
  */
@@ -499,7 +504,7 @@ interface ProgressCircleStyleProps {
      */
     isIndeterminate?: boolean;
 }
-export const ProgressCircleContext: Context<ContextValue<ProgressCircleProps, DOMRefValue<HTMLDivElement>>>;
+export const ProgressCircleContext: Context<ContextValue<Partial<ProgressCircleProps>, DOMRefValue<HTMLDivElement>>>;
 export interface ProgressCircleProps extends Omit<_ProgressBarProps1, 'children' | 'style' | 'valueLabel' | 'formatOptions' | 'label' | 'className'>, ProgressCircleStyleProps, UnsafeStyles {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
@@ -533,14 +538,14 @@ interface ButtonStyleProps {
 }
 export interface ButtonProps extends Omit<_ButtonProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, ButtonStyleProps {
     /** The content to display in the Button. */
-    children?: ReactNode;
+    children: ReactNode;
 }
 export interface LinkButtonProps extends Omit<_LinkProps1, 'className' | 'style' | 'children'>, StyleProps, ButtonStyleProps {
     /** The content to display in the Button. */
-    children?: ReactNode;
+    children: ReactNode;
 }
-export const ButtonContext: Context<ContextValue<ButtonProps, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
-export const LinkButtonContext: Context<ContextValue<ButtonProps, FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
+export const ButtonContext: Context<ContextValue<Partial<ButtonProps>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const LinkButtonContext: Context<ContextValue<Partial<ButtonProps>, FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
 /**
  * Buttons allow users to perform an action.
  * They have multiple styles for various needs, and are ideal for calling attention to
@@ -582,7 +587,7 @@ interface ButtonGroupContextValue extends Partial<ButtonGroupProps> {
     /** Whether the ButtonGroup shouldn't be rendered. */
     isHidden?: boolean;
 }
-export const ButtonGroupContext: Context<ContextValue<ButtonGroupContextValue, DOMRefValue<HTMLDivElement>>>;
+export const ButtonGroupContext: Context<ContextValue<Partial<ButtonGroupContextValue>, DOMRefValue<HTMLDivElement>>>;
 /**
  * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.
  */
@@ -655,7 +660,7 @@ export interface AvatarGroupProps extends UnsafeStyles, DOMProps, AriaLabelingPr
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithoutWidth;
 }
-export const AvatarGroupContext: Context<ContextValue<AvatarGroupProps, DOMRefValue<HTMLDivElement>>>;
+export const AvatarGroupContext: Context<ContextValue<Partial<AvatarGroupProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * An avatar group is a grouping of avatars that are related to each other.
  */
@@ -672,12 +677,17 @@ interface BadgeStyleProps {
      *
      * @default 'neutral'
      */
-    variant?: 'accent' | 'informative' | 'neutral' | 'positive' | 'notice' | 'negative' | 'gray' | 'red' | 'orange' | 'yellow' | 'charteuse' | 'celery' | 'green' | 'seafoam' | 'cyan' | 'blue' | 'indigo' | 'purple' | 'fuchsia' | 'magenta' | 'pink' | 'turquoise' | 'brown' | 'cinnamon' | 'silver';
+    variant?: 'accent' | 'informative' | 'neutral' | 'positive' | 'notice' | 'negative' | 'gray' | 'red' | 'orange' | 'yellow' | 'chartreuse' | 'celery' | 'green' | 'seafoam' | 'cyan' | 'blue' | 'indigo' | 'purple' | 'fuchsia' | 'magenta' | 'pink' | 'turquoise' | 'brown' | 'cinnamon' | 'silver';
     /**
      * The fill of the badge.
      * @default 'bold'
      */
     fillStyle?: 'bold' | 'subtle' | 'outline';
+    /**
+     * Sets the text behavior for the contents.
+     * @default 'wrap'
+     */
+    overflowMode?: 'wrap' | 'truncate';
 }
 export interface BadgeProps extends DOMProps, AriaLabelingProps, StyleProps, BadgeStyleProps, SlotProps {
     /**
@@ -702,14 +712,14 @@ interface BreadcrumbsStyleProps {
 }
 export interface BreadcrumbsProps<T> extends Omit<_BreadcrumbsProps1<T>, 'children' | 'items' | 'style' | 'className'>, BreadcrumbsStyleProps, StyleProps {
     /** The children of the Breadcrumbs. */
-    children?: ReactNode;
+    children: ReactNode;
 }
-export const BreadcrumbsContext: Context<ContextValue<BreadcrumbsProps<any>, DOMRefValue<HTMLOListElement>>>;
+export const BreadcrumbsContext: Context<ContextValue<Partial<BreadcrumbsProps<any>>, DOMRefValue<HTMLOListElement>>>;
 /** Breadcrumbs show hierarchy and navigational context for a user’s location within an application. */
 export const Breadcrumbs: <T extends object>(props: BreadcrumbsProps<T> & RefAttributes<DOMRefValue<HTMLOListElement>>) => ReactElement | null;
 export interface BreadcrumbProps extends Omit<AriaBreadcrumbItemProps, 'children' | 'style' | 'className' | 'autoFocus'>, LinkDOMProps {
     /** The children of the breadcrumb item. */
-    children?: ReactNode;
+    children: ReactNode;
 }
 /** An individual Breadcrumb for Breadcrumbs. */
 export const Breadcrumb: (props: BreadcrumbProps & RefAttributes<DOMRefValue<HTMLLIElement>>) => ReactElement | null;
@@ -789,7 +799,7 @@ export interface CardViewProps<T> extends Omit<GridListProps<T>, 'layout' | 'key
     /** Provides the ActionBar to render when cards are selected in the CardView. */
     renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement;
 }
-export const CardViewContext: Context<ContextValue<CardViewProps<any>, DOMRefValue<HTMLDivElement>>>;
+export const CardViewContext: Context<ContextValue<Partial<CardViewProps<any>>, DOMRefValue<HTMLDivElement>>>;
 export const CardView: <T extends object>(props: CardViewProps<T> & RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
 export interface DialogTriggerProps extends _DialogTriggerProps1 {
 }
@@ -809,7 +819,7 @@ interface ContextualHelpStyleProps {
 }
 interface ContextualHelpProps extends Pick<DialogTriggerProps, 'isOpen' | 'defaultOpen' | 'onOpenChange'>, Pick<PopoverDialogProps, 'shouldFlip' | 'offset' | 'crossOffset' | 'placement' | 'containerPadding'>, ContextualHelpStyleProps, StyleProps, DOMProps, AriaLabelingProps {
     /** Contents of the Contextual Help popover. */
-    children?: ReactNode;
+    children: ReactNode;
     /**
      * The size of the ActionButton.
      *
@@ -817,7 +827,7 @@ interface ContextualHelpProps extends Pick<DialogTriggerProps, 'isOpen' | 'defau
      */
     size?: 'XS' | 'S';
 }
-export const ContextualHelpContext: Context<ContextValue<ContextualHelpProps, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const ContextualHelpContext: Context<ContextValue<Partial<ContextualHelpProps>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 /**
  * Contextual help shows a user extra information about the state of an adjacent component, or a total view.
  */
@@ -838,21 +848,21 @@ export interface CheckboxGroupProps extends Omit<_CheckboxGroupProps1, 'classNam
     /**
      * The Checkboxes contained within the CheckboxGroup.
      */
-    children?: ReactNode;
+    children: ReactNode;
     /**
      * By default, checkboxes are not emphasized (gray).
      * The emphasized (blue) version provides visual prominence.
      */
     isEmphasized?: boolean;
 }
-export const CheckboxGroupContext: Context<ContextValue<CheckboxGroupProps, DOMRefValue<HTMLDivElement>>>;
+export const CheckboxGroupContext: Context<ContextValue<Partial<CheckboxGroupProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A CheckboxGroup allows users to select one or more items from a list of choices.
  */
 export const CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export interface ColorAreaProps extends Omit<_ColorAreaProps1, 'children' | 'className' | 'style'>, StyleProps {
 }
-export const ColorAreaContext: Context<ContextValue<ColorAreaProps, DOMRefValue<HTMLDivElement>>>;
+export const ColorAreaContext: Context<ContextValue<Partial<ColorAreaProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A ColorArea allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.
  */
@@ -865,7 +875,7 @@ export interface ColorFieldProps extends Omit<_ColorFieldProps1, 'children' | 'c
      */
     size?: 'S' | 'M' | 'L' | 'XL';
 }
-export const ColorFieldContext: Context<ContextValue<ColorFieldProps, TextFieldRef<HTMLInputElement>>>;
+export const ColorFieldContext: Context<ContextValue<Partial<ColorFieldProps>, TextFieldRef<HTMLInputElement>>>;
 /**
  * A color field allows users to edit a hex color or individual color channel value.
  */
@@ -873,7 +883,7 @@ export const ColorField: ForwardRefExoticComponent<ColorFieldProps & RefAttribut
 export interface ColorSliderProps extends Omit<_ColorSliderProps1, 'children' | 'className' | 'style'>, Pick<SpectrumLabelableProps, 'contextualHelp'>, StyleProps {
     label?: string;
 }
-export const ColorSliderContext: Context<ContextValue<ColorSliderProps, DOMRefValue<HTMLDivElement>>>;
+export const ColorSliderContext: Context<ContextValue<Partial<ColorSliderProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A ColorSlider allows users to adjust an individual channel of a color value.
  */
@@ -892,7 +902,7 @@ export interface ColorSwatchProps extends Omit<_ColorSwatchProps1, 'className' |
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
 }
-export const ColorSwatchContext: Context<ContextValue<ColorSwatchProps, DOMRefValue<HTMLDivElement>>>;
+export const ColorSwatchContext: Context<ContextValue<Partial<ColorSwatchProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A ColorSwatch displays a preview of a selected color.
  */
@@ -927,7 +937,7 @@ export interface ColorWheelProps extends Omit<_ColorWheelProps1, 'children' | 'c
      */
     size?: number;
 }
-export const ColorWheelContext: Context<ContextValue<ColorWheelProps, DOMRefValue<HTMLDivElement>>>;
+export const ColorWheelContext: Context<ContextValue<Partial<ColorWheelProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A ColorWheel allows users to adjust the hue of an HSL or HSB color value on a circular track.
  */
@@ -1086,7 +1096,7 @@ interface IllustratedMessageContextProps extends Partial<S2SpectrumIllustratedMe
     isInDropZone?: boolean;
     isDropTarget?: boolean;
 }
-export const IllustratedMessageContext: Context<ContextValue<IllustratedMessageContextProps, DOMRefValue<HTMLDivElement>>>;
+export const IllustratedMessageContext: Context<ContextValue<Partial<IllustratedMessageContextProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * An IllustratedMessage displays an illustration and a message, usually
  * for an empty state or an error page.
@@ -1096,7 +1106,7 @@ export interface DropZoneProps extends Omit<_DropZoneProps1, 'className' | 'styl
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
     /** The content to display in the drop zone. */
-    children?: ReactNode;
+    children: ReactNode;
     /** Whether the drop zone has been filled. */
     isFilled?: boolean;
     /** The message to replace the default banner message that is shown when the drop zone is filled. */
@@ -1108,7 +1118,7 @@ export interface DropZoneProps extends Omit<_DropZoneProps1, 'className' | 'styl
      */
     size?: 'S' | 'M' | 'L';
 }
-export const DropZoneContext: Context<ContextValue<DropZoneProps, DOMRefValue<HTMLDivElement>>>;
+export const DropZoneContext: Context<ContextValue<Partial<DropZoneProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A drop zone is an area into which one or multiple objects can be dragged and dropped.
  */
@@ -1155,9 +1165,9 @@ interface LinkStyleProps {
     isQuiet?: boolean;
 }
 export interface LinkProps extends Omit<_LinkProps1, 'isDisabled' | 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, LinkStyleProps {
-    children?: ReactNode;
+    children: ReactNode;
 }
-export const LinkContext: Context<ContextValue<LinkProps, FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
+export const LinkContext: Context<ContextValue<Partial<LinkProps>, FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
 /**
  * Links allow users to navigate to a different location.
  * They can be presented inline inside a paragraph or as standalone text.
@@ -1188,7 +1198,7 @@ export interface MeterProps extends Omit<_MeterProps1, 'children' | 'className'
     /** The content to display as the label. */
     label?: ReactNode;
 }
-export const MeterContext: Context<ContextValue<MeterProps, DOMRefValue<HTMLDivElement>>>;
+export const MeterContext: Context<ContextValue<Partial<MeterProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * Meters are visual representations of a quantity or an achievement.
  * Their progress is determined by user actions, rather than system actions.
@@ -1207,7 +1217,7 @@ interface NumberFieldProps extends Omit<_NumberFieldProps1, 'children' | 'classN
      */
     size?: 'S' | 'M' | 'L' | 'XL';
 }
-export const NumberFieldContext: Context<ContextValue<NumberFieldProps, TextFieldRef<HTMLInputElement>>>;
+export const NumberFieldContext: Context<ContextValue<Partial<NumberFieldProps>, TextFieldRef<HTMLInputElement>>>;
 /**
  * NumberFields allow users to input number values with a keyboard or increment/decrement with step buttons.
  */
@@ -1237,7 +1247,7 @@ export interface ProgressBarProps extends Omit<_ProgressBarProps1, 'children' |
     /** The content to display as the label. */
     label?: ReactNode;
 }
-export const ProgressBarContext: Context<ContextValue<ProgressBarProps, DOMRefValue<HTMLDivElement>>>;
+export const ProgressBarContext: Context<ContextValue<Partial<ProgressBarProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.
  * They can represent either determinate or indeterminate progress.
@@ -1258,7 +1268,7 @@ export interface RadioGroupProps extends Omit<_RadioGroupProps1, 'className' | '
     /**
      * The Radios contained within the RadioGroup.
      */
-    children?: ReactNode;
+    children: ReactNode;
     /**
      * The size of the RadioGroup.
      *
@@ -1276,7 +1286,7 @@ export interface RadioGroupProps extends Omit<_RadioGroupProps1, 'className' | '
      */
     isEmphasized?: boolean;
 }
-export const RadioGroupContext: React.Context<ContextValue<RadioGroupProps, DOMRefValue<HTMLDivElement>>>;
+export const RadioGroupContext: React.Context<ContextValue<Partial<RadioGroupProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * Radio groups allow users to select a single option from a list of mutually exclusive options.
  * All possible options are exposed up front for users to compare.
@@ -1313,7 +1323,7 @@ export interface SliderProps extends Omit<SliderBaseProps<number>, 'children'>,
      */
     fillOffset?: number;
 }
-export const SliderContext: Context<ContextValue<SliderProps, FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
+export const SliderContext: Context<ContextValue<Partial<SliderProps>, FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
 export const Slider: ForwardRefExoticComponent<SliderProps & RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
 export interface RangeSliderProps extends Omit<SliderBaseProps<RangeValue<number>>, 'children'> {
     /**
@@ -1325,7 +1335,7 @@ export interface RangeSliderProps extends Omit<SliderBaseProps<RangeValue<number
      */
     endName?: string;
 }
-export const RangeSliderContext: Context<ContextValue<RangeSliderProps, FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
+export const RangeSliderContext: Context<ContextValue<Partial<RangeSliderProps>, FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
 export const RangeSlider: ForwardRefExoticComponent<RangeSliderProps & RefAttributes<FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
 export interface SearchFieldProps extends Omit<_SearchFieldProps1, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {
     /**
@@ -1335,7 +1345,7 @@ export interface SearchFieldProps extends Omit<_SearchFieldProps1, 'className' |
      */
     size?: 'S' | 'M' | 'L' | 'XL';
 }
-export const SearchFieldContext: Context<ContextValue<SearchFieldProps, TextFieldRef<HTMLInputElement>>>;
+export const SearchFieldContext: Context<ContextValue<Partial<SearchFieldProps>, TextFieldRef<HTMLInputElement>>>;
 /**
  * A SearchField is a text field designed for searches.
  */
@@ -1368,7 +1378,7 @@ export interface SegmentedControlItemProps extends AriaLabelingProps, StyleProps
     /** Whether the item is disabled or not. */
     isDisabled?: boolean;
 }
-export const SegmentedControlContext: Context<ContextValue<SegmentedControlProps, DOMRefValue<HTMLDivElement>>>;
+export const SegmentedControlContext: Context<ContextValue<Partial<SegmentedControlProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * A SegmentedControl is a mutually exclusive group of buttons used for view switching.
  */
@@ -1409,7 +1419,7 @@ export interface StatusLightProps extends StatusLightStyleProps, DOMProps, AriaL
      */
     role?: 'status';
 }
-export const StatusLightContext: Context<ContextValue<StatusLightProps, DOMRefValue<HTMLDivElement>>>;
+export const StatusLightContext: Context<ContextValue<Partial<StatusLightProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * Status lights are used to color code categories and labels commonly found in data visualization.
  * When status lights have a semantic meaning, they should use semantic variant colors.
@@ -1430,7 +1440,7 @@ interface SwitchStyleProps {
 export interface SwitchProps extends Omit<_SwitchProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, SwitchStyleProps {
     children?: ReactNode;
 }
-export const SwitchContext: Context<ContextValue<SwitchProps, FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
+export const SwitchContext: Context<ContextValue<Partial<SwitchProps>, FocusableRefValue<HTMLLabelElement, HTMLLabelElement>>>;
 /**
  * Switches allow users to turn an individual option on or off.
  * They are usually used to activate or deactivate a specific setting.
@@ -1477,7 +1487,7 @@ export interface TableViewProps extends Omit<TableProps, 'style' | 'disabledBeha
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
 }
-export const TableContext: React.Context<ContextValue<TableViewProps, DOMRefValue<HTMLDivElement>>>;
+export const TableContext: React.Context<ContextValue<Partial<TableViewProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
  */
@@ -1531,38 +1541,44 @@ export interface TabsProps extends Omit<_TabsProps1, 'className' | 'style' | 'ch
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
     /** The content to display in the tabs. */
-    children?: ReactNode;
+    children: ReactNode;
     /**
      * The amount of space between the tabs.
      * @default 'regular'
      */
     density?: 'compact' | 'regular';
+    /**
+     * Defines if the text within the tabs should be hidden and only the icon should be shown.
+     * The text is always visible when the item is collapsed into a picker.
+     * @default 'show'
+     */
+    labelBehavior?: 'show' | 'hide';
 }
 export interface TabProps extends Omit<_TabProps1, 'children' | 'style' | 'className'>, StyleProps {
     /** The content to display in the tab. */
-    children?: ReactNode;
+    children: ReactNode;
 }
-export interface TabListProps<T> extends Omit<_TabListProps1<T>, 'children' | 'style' | 'className'>, StyleProps {
+export interface TabListProps<T> extends Omit<_TabListProps1<T>, 'style' | 'className' | 'aria-label' | 'aria-labelledby'>, StyleProps {
     /** The content to display in the tablist. */
-    children?: ReactNode;
+    children: ReactNode | ((item: T) => ReactNode);
 }
 export interface TabPanelProps extends Omit<_TabPanelProps1, 'children' | 'style' | 'className'>, UnsafeStyles {
     /** Spectrum-defined styles, returned by the `style()` macro. */
     styles?: StylesPropWithHeight;
     /** The content to display in the tab panels. */
-    children?: ReactNode;
+    children: ReactNode;
 }
-export const TabsContext: Context<ContextValue<TabsProps, DOMRefValue<HTMLDivElement>>>;
-export function TabPanel(props: TabPanelProps): JSX.Element;
-export function Tab(props: TabProps): JSX.Element;
-export function TabList<T extends object>(props: TabListProps<T>): JSX.Element;
+export const TabsContext: Context<ContextValue<Partial<TabsProps>, DOMRefValue<HTMLDivElement>>>;
 /**
  * Tabs organize content into multiple sections and allow users to navigate between them. The content under the set of tabs should be related and form a coherent unit.
  */
 export const Tabs: ForwardRefExoticComponent<TabsProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+export function TabList<T extends object>(props: TabListProps<T>): JSX.Element | undefined;
+export function Tab(props: TabProps): JSX.Element;
+export function TabPanel(props: TabPanelProps): JSX.Element | null;
 export interface TagProps extends Omit<_TagProps1, 'children' | 'style' | 'className'> {
     /** The children of the tag. */
-    children?: ReactNode;
+    children: ReactNode;
 }
 export interface TagGroupProps<T> extends Omit<_TagGroupProps1, 'children' | 'style' | 'className'>, Pick<TagListProps<T>, 'items' | 'children' | 'renderEmptyState'>, Omit<SpectrumLabelableProps, 'isRequired' | 'necessityIndicator'>, StyleProps, Omit<HelpTextProps, 'errorMessage'> {
     /** A description for the tag group. */
@@ -1588,7 +1604,7 @@ export interface TagGroupProps<T> extends Omit<_TagGroupProps1, 'children' | 'st
     /** Handler that is called when the action button is pressed. */
     onGroupAction?: () => void;
 }
-export const TagGroupContext: Context<ContextValue<TagGroupProps<any>, DOMRefValue<HTMLDivElement>>>;
+export const TagGroupContext: Context<ContextValue<Partial<TagGroupProps<any>>, DOMRefValue<HTMLDivElement>>>;
 /** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */
 export const TagGroup: <T extends object>(props: TagGroupProps<T> & RefAttributes<DOMRefValue<HTMLDivElement>>) => ReactElement | null;
 /** An individual Tag for TagGroups. */
@@ -1601,7 +1617,7 @@ export interface TextFieldProps extends Omit<_TextFieldProps1, 'children' | 'cla
      */
     size?: 'S' | 'M' | 'L' | 'XL';
 }
-export const TextFieldContext: Context<ContextValue<TextFieldProps, TextFieldRef<HTMLInputElement>>>;
+export const TextFieldContext: Context<ContextValue<Partial<TextFieldProps>, TextFieldRef<HTMLInputElement>>>;
 /**
  * TextFields are text inputs that allow users to input custom text entries
  * with a keyboard. Various decorations can be displayed around the field to
@@ -1610,7 +1626,7 @@ export const TextFieldContext: Context<ContextValue<TextFieldProps, TextFieldRef
 export const TextField: ForwardRefExoticComponent<TextFieldProps & RefAttributes<TextFieldRef<HTMLInputElement>>>;
 export interface TextAreaProps extends Omit<TextFieldProps, 'type' | 'pattern'> {
 }
-export const TextAreaContext: Context<ContextValue<TextAreaProps, TextFieldRef<HTMLTextAreaElement>>>;
+export const TextAreaContext: Context<ContextValue<Partial<TextAreaProps>, TextFieldRef<HTMLTextAreaElement>>>;
 /**
  * TextAreas are multiline text inputs, useful for cases where users have
  * a sizable amount of text to enter. They allow for all customizations that
@@ -1621,18 +1637,18 @@ export interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit<_To
     /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */
     isEmphasized?: boolean;
 }
-export const ToggleButtonGroupContext: Context<ContextValue<ToggleButtonGroupProps, HTMLDivElement>>;
+export const ToggleButtonGroupContext: Context<ContextValue<Partial<ToggleButtonGroupProps>, HTMLDivElement>>;
 /**
  * A ToggleButtonGroup is a grouping of related ToggleButtons, with single or multiple selection.
  */
 export const ToggleButtonGroup: ForwardRefExoticComponent<ToggleButtonGroupProps & RefAttributes<HTMLDivElement>>;
 export interface ToggleButtonProps extends Omit<_ToggleButtonProps1, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, ActionButtonStyleProps {
     /** The content to display in the button. */
-    children?: ReactNode;
+    children: ReactNode;
     /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */
     isEmphasized?: boolean;
 }
-export const ToggleButtonContext: Context<ContextValue<ToggleButtonProps, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+export const ToggleButtonContext: Context<ContextValue<Partial<ToggleButtonProps>, FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 /**
  * ToggleButtons allow users to toggle a selection on or off, for example
  * switching between two states or modes.
@@ -1640,7 +1656,7 @@ export const ToggleButtonContext: Context<ContextValue<ToggleButtonProps, Focusa
 export const ToggleButton: ForwardRefExoticComponent<ToggleButtonProps & RefAttributes<FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 interface TooltipTriggerProps extends Omit<TooltipTriggerComponentProps, 'children' | 'closeDelay'>, Pick<_TooltipProps1, 'shouldFlip' | 'containerPadding' | 'offset' | 'crossOffset'> {
     /** The content of the tooltip. */
-    children?: ReactNode;
+    children: ReactNode;
     /**
      * The placement of the element with respect to its anchor element.
      *
@@ -1650,7 +1666,7 @@ interface TooltipTriggerProps extends Omit<TooltipTriggerComponentProps, 'childr
 }
 export interface TooltipProps extends Omit<_TooltipProps1, 'children' | 'className' | 'style' | 'triggerRef' | 'UNSTABLE_portalContainer' | 'isEntering' | 'isExiting' | 'placement' | 'containerPadding' | 'offset' | 'crossOffset' | 'shouldFlip' | 'arrowBoundaryOffset' | 'isOpen' | 'defaultOpen' | 'onOpenChange'>, UnsafeStyles {
     /** The content of the tooltip. */
-    children?: ReactNode;
+    children: ReactNode;
 }
 /**
  * Display container for Tooltip content. Has a directional arrow dependent on its placement.
@@ -1662,6 +1678,29 @@ export const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<DOM
  * relative to the trigger.
  */
 export function TooltipTrigger(props: TooltipTriggerProps): JSX.Element;
+interface S2TreeProps {
+    isDetached?: boolean;
+    onAction?: (key: Key) => void;
+    isEmphasized?: boolean;
+}
+export interface TreeViewProps extends Omit<TreeProps<any>, 'style' | 'className' | 'onRowAction' | 'selectionBehavior' | 'onScroll' | 'onCellAction' | 'dragAndDropHooks'>, UnsafeStyles, S2TreeProps {
+    /** Spectrum-defined styles, returned by the `style()` macro. */
+    styles?: StylesPropWithHeight;
+}
+export interface TreeViewItemProps extends Omit<TreeItemProps, 'className' | 'style'> {
+    /** Whether this item has children, even if not loaded yet. */
+    hasChildItems?: boolean;
+}
+export const TreeViewItem: (props: TreeViewItemProps) => React.JSX.Element;
+export interface TreeViewItemContentProps extends Omit<TreeItemContentProps, 'children'> {
+    /** Rendered contents of the tree item or child items. */
+    children: ReactNode;
+}
+export const TreeViewItemContent: (props: TreeViewItemContentProps) => React.JSX.Element;
+/**
+ * A tree view provides users with a way to navigate nested hierarchical information.
+ */
+export const TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export { Collection } from 'react-aria-components';
 export { FileTrigger } from 'react-aria-components';
 export type { FileTriggerProps, TooltipTriggerComponentProps as TooltipTriggerProps } from 'react-aria-components';