@react-spectrum/s2 3.0.0-nightly-4b8b33a02-250211 → 3.0.0-nightly-56da82e3e-250212

package/dist/types.d.ts

@@ -138,7 +138,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. */
@@ -155,7 +155,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.
  */
@@ -170,14 +170,14 @@ 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;
@@ -185,17 +185,17 @@ interface ContentProps extends UnsafeStyles, SlotProps {
 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'> {
     /**
@@ -209,7 +209,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.
@@ -229,9 +229,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.
@@ -253,7 +253,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.
  */
@@ -303,7 +303,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.
  */
@@ -350,7 +350,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.
@@ -372,7 +372,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.
@@ -456,11 +456,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.
  */
@@ -486,7 +486,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.
  */
@@ -505,7 +505,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;
@@ -539,14 +539,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
@@ -588,7 +588,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.
  */
@@ -661,7 +661,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.
  */
@@ -713,14 +713,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;
@@ -800,7 +800,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 {
 }
@@ -820,7 +820,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.
      *
@@ -828,7 +828,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.
  */
@@ -849,21 +849,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.
  */
@@ -876,7 +876,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.
  */
@@ -884,7 +884,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.
  */
@@ -903,7 +903,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.
  */
@@ -938,7 +938,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.
  */
@@ -1097,7 +1097,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.
@@ -1107,7 +1107,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. */
@@ -1119,7 +1119,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.
  */
@@ -1166,9 +1166,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.
@@ -1199,7 +1199,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.
@@ -1218,7 +1218,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.
  */
@@ -1248,7 +1248,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.
@@ -1269,7 +1269,7 @@ export interface RadioGroupProps extends Omit<_RadioGroupProps1, 'className' | '
     /**
      * The Radios contained within the RadioGroup.
      */
-    children?: ReactNode;
+    children: ReactNode;
     /**
      * The size of the RadioGroup.
      *
@@ -1287,7 +1287,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.
@@ -1324,7 +1324,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'> {
     /**
@@ -1336,7 +1336,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 {
     /**
@@ -1346,7 +1346,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.
  */
@@ -1379,7 +1379,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.
  */
@@ -1412,7 +1412,7 @@ export interface StatusLightProps extends StatusLightStyleProps, DOMProps, AriaL
     /**
      * The content to display as the label.
      */
-    children?: ReactNode;
+    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.
@@ -1420,7 +1420,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.
@@ -1441,7 +1441,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.
@@ -1488,7 +1488,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.
  */
@@ -1542,7 +1542,7 @@ 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'
@@ -1560,14 +1560,16 @@ export interface TabProps extends Omit<_TabProps1, 'children' | 'style' | 'class
     children: ReactNode;
 }
 export interface TabListProps<T> extends Omit<_TabListProps1<T>, 'style' | 'className' | 'aria-label' | 'aria-labelledby'>, StyleProps {
+    /** The content to display in the tablist. */
+    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 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.
  */
@@ -1577,7 +1579,7 @@ 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. */
@@ -1603,7 +1605,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. */
@@ -1616,7 +1618,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
@@ -1625,7 +1627,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
@@ -1636,18 +1638,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.
@@ -1655,7 +1657,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.
      *
@@ -1665,7 +1667,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.