react-aria-components 1.17.0 → 1.18.0

package/dist/types/src/Modal.d.ts

@@ -5,7 +5,9 @@ import { OverlayTriggerProps, OverlayTriggerState } from 'react-stately/useOverl
 import React from 'react';
 export interface ModalOverlayProps extends AriaModalOverlayProps, OverlayTriggerProps, RenderProps<ModalRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
      * @default 'react-aria-ModalOverlay'
      */
     className?: ClassNameOrFunction<ModalRenderProps>;
@@ -18,9 +20,11 @@ export interface ModalOverlayProps extends AriaModalOverlayProps, OverlayTrigger
      */
     isExiting?: boolean;
     /**
-     * The container element in which the overlay portal will be placed. This may have unknown behavior depending on where it is portalled to.
-     * @default document.body
+     * The container element in which the overlay portal will be placed. This may have unknown
+     * behavior depending on where it is portalled to.
+     *
      * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.
+     * @default document.body
      */
     UNSTABLE_portalContainer?: Element;
 }
@@ -28,11 +32,13 @@ export declare const ModalContext: React.Context<ContextValue<ModalOverlayProps,
 export interface ModalRenderProps {
     /**
      * Whether the modal is currently entering. Use this to apply animations.
+     *
      * @selector [data-entering]
      */
     isEntering: boolean;
     /**
      * Whether the modal is currently exiting. Use this to apply animations.
+     *
      * @selector [data-exiting]
      */
     isExiting: boolean;

package/dist/types/src/NumberField.d.ts

@@ -6,21 +6,25 @@ import React from 'react';
 export interface NumberFieldRenderProps {
     /**
      * Whether the number field is disabled.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
     /**
      * Whether the number field is invalid.
+     *
      * @selector [data-invalid]
      */
     isInvalid: boolean;
     /**
      * Whether the number field is read only.
+     *
      * @selector [data-readonly]
      */
     isReadOnly: boolean;
     /**
      * Whether the number field is required.
+     *
      * @selector [data-required]
      */
     isRequired: boolean;
@@ -31,7 +35,9 @@ export interface NumberFieldRenderProps {
 }
 export interface NumberFieldProps extends Omit<AriaNumberFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, InputDOMProps, RenderProps<NumberFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
      * @default 'react-aria-NumberField'
      */
     className?: ClassNameOrFunction<NumberFieldRenderProps>;
@@ -39,6 +45,7 @@ export interface NumberFieldProps extends Omit<AriaNumberFieldProps, 'label' | '
 export declare const NumberFieldContext: React.Context<ContextValue<NumberFieldProps, HTMLDivElement>>;
 export declare const NumberFieldStateContext: React.Context<NumberFieldState | null>;
 /**
- * A number field allows a user to enter a number, and increment or decrement the value using stepper buttons.
+ * A number field allows a user to enter a number, and increment or decrement the value using
+ * stepper buttons.
  */
 export declare const NumberField: (props: NumberFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;

package/dist/types/src/OverlayArrow.d.ts

@@ -8,7 +8,9 @@ interface OverlayArrowContextValue extends OverlayArrowProps {
 export declare const OverlayArrowContext: React.Context<ContextValue<OverlayArrowContextValue, HTMLDivElement>>;
 export interface OverlayArrowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'render' | 'children'>, RenderProps<OverlayArrowRenderProps>, DOMProps {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
      * @default 'react-aria-OverlayArrow'
      */
     className?: ClassNameOrFunction<OverlayArrowRenderProps>;
@@ -16,6 +18,7 @@ export interface OverlayArrowProps extends Omit<HTMLAttributes<HTMLDivElement>,
 export interface OverlayArrowRenderProps {
     /**
      * The placement of the overlay relative to the trigger.
+     *
      * @selector [data-placement="left | right | top | bottom"]
      */
     placement: PlacementAxis | null;

package/dist/types/src/Popover.d.ts

@@ -6,7 +6,9 @@ import { PlacementAxis, PositionProps } from 'react-aria/useOverlayPosition';
 import React, { Context } from 'react';
 export interface PopoverProps extends Omit<PositionProps, 'isOpen'>, Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef' | 'groupRef' | 'offset' | 'arrowSize'>, OverlayTriggerProps, RenderProps<PopoverRenderProps>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
      * @default 'react-aria-Popover'
      */
     className?: ClassNameOrFunction<PopoverRenderProps>;
@@ -32,14 +34,17 @@ export interface PopoverProps extends Omit<PositionProps, 'isOpen'>, Omit<AriaPo
      */
     isExiting?: boolean;
     /**
-     * The container element in which the overlay portal will be placed. This may have unknown behavior depending on where it is portalled to.
-     * @default document.body
+     * The container element in which the overlay portal will be placed. This may have unknown
+     * behavior depending on where it is portalled to.
+     *
      * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.
+     * @default document.body
      */
     UNSTABLE_portalContainer?: Element;
     /**
      * The additional offset applied along the main axis between the element and its
      * anchor element.
+     *
      * @default 8
      */
     offset?: number;
@@ -47,21 +52,25 @@ export interface PopoverProps extends Omit<PositionProps, 'isOpen'>, Omit<AriaPo
 export interface PopoverRenderProps {
     /**
      * The name of the component that triggered the popover, e.g. "DialogTrigger" or "ComboBox".
+     *
      * @selector [data-trigger="..."]
      */
     trigger: string | null;
     /**
      * The placement of the popover relative to the trigger.
+     *
      * @selector [data-placement="left | right | top | bottom"]
      */
     placement: PlacementAxis | null;
     /**
      * Whether the popover is currently entering. Use this to apply animations.
+     *
      * @selector [data-entering]
      */
     isEntering: boolean;
     /**
      * Whether the popover is currently exiting. Use this to apply animations.
+     *
      * @selector [data-exiting]
      */
     isExiting: boolean;

package/dist/types/src/ProgressBar.d.ts

@@ -4,7 +4,9 @@ import { GlobalDOMAttributes } from '@react-types/shared';
 import React from 'react';
 export interface ProgressBarProps extends Omit<AriaProgressBarProps, 'label'>, RenderProps<ProgressBarRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
      * @default 'react-aria-ProgressBar'
      */
     className?: ClassNameOrFunction<ProgressBarRenderProps>;
@@ -16,11 +18,13 @@ export interface ProgressBarRenderProps {
     percentage: number | undefined;
     /**
      * A formatted version of the value.
+     *
      * @selector [aria-valuetext]
      */
     valueText: string | undefined;
     /**
      * Whether the progress bar is indeterminate.
+     *
      * @selector :not([aria-valuenow])
      */
     isIndeterminate: boolean;

package/dist/types/src/RadioGroup.d.ts

@@ -6,14 +6,18 @@ import { RadioGroupState } from 'react-stately/useRadioGroupState';
 import React from 'react';
 export interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<RadioGroupRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
      * @default 'react-aria-RadioGroup'
      */
     className?: ClassNameOrFunction<RadioGroupRenderProps>;
 }
 export interface RadioProps extends Omit<AriaRadioProps, 'children'>, HoverEvents, RenderProps<RadioRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
      * @default 'react-aria-Radio'
      */
     className?: ClassNameOrFunction<RadioRenderProps>;
@@ -22,29 +26,56 @@ export interface RadioProps extends Omit<AriaRadioProps, 'children'>, HoverEvent
      */
     inputRef?: RefObject<HTMLInputElement | null>;
 }
+export interface RadioFieldProps extends Omit<AriaRadioProps, 'children'>, RenderProps<RadioFieldRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
+     * @default 'react-aria-RadioField'
+     */
+    className?: ClassNameOrFunction<RadioFieldRenderProps>;
+    /**
+     * A ref for the HTML input element.
+     */
+    inputRef?: RefObject<HTMLInputElement | null>;
+}
+export interface RadioButtonProps extends HoverEvents, RenderProps<RadioButtonRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
+    /**
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
+     * @default 'react-aria-RadioButton'
+     */
+    className?: ClassNameOrFunction<RadioButtonRenderProps>;
+}
 export interface RadioGroupRenderProps {
     /**
      * The orientation of the radio group.
+     *
      * @selector [data-orientation="horizontal | vertical"]
      */
     orientation: Orientation;
     /**
      * Whether the radio group is disabled.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
     /**
      * Whether the radio group is read only.
+     *
      * @selector [data-readonly]
      */
     isReadOnly: boolean;
     /**
      * Whether the radio group is required.
+     *
      * @selector [data-required]
      */
     isRequired: boolean;
     /**
      * Whether the radio group is invalid.
+     *
      * @selector [data-invalid]
      */
     isInvalid: boolean;
@@ -56,52 +87,96 @@ export interface RadioGroupRenderProps {
 export interface RadioRenderProps {
     /**
      * Whether the radio is selected.
+     *
      * @selector [data-selected]
      */
     isSelected: boolean;
     /**
      * Whether the radio is currently hovered with a mouse.
+     *
      * @selector [data-hovered]
      */
     isHovered: boolean;
     /**
      * Whether the radio is currently in a pressed state.
+     *
      * @selector [data-pressed]
      */
     isPressed: boolean;
     /**
      * Whether the radio is focused, either via a mouse or keyboard.
+     *
      * @selector [data-focused]
      */
     isFocused: boolean;
     /**
      * Whether the radio is keyboard focused.
+     *
      * @selector [data-focus-visible]
      */
     isFocusVisible: boolean;
     /**
      * Whether the radio is disabled.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
     /**
      * Whether the radio is read only.
+     *
      * @selector [data-readonly]
      */
     isReadOnly: boolean;
     /**
      * Whether the radio is invalid.
+     *
      * @selector [data-invalid]
      */
     isInvalid: boolean;
     /**
      * Whether the checkbox is required.
+     *
      * @selector [data-required]
      */
     isRequired: boolean;
 }
+export interface RadioFieldRenderProps {
+    /**
+     * Whether the radio is selected.
+     *
+     * @selector [data-selected]
+     */
+    isSelected: boolean;
+    /**
+     * Whether the radio is disabled.
+     *
+     * @selector [data-disabled]
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the radio is read only.
+     *
+     * @selector [data-readonly]
+     */
+    isReadOnly: boolean;
+    /**
+     * Whether the radio is invalid.
+     *
+     * @selector [data-invalid]
+     */
+    isInvalid: boolean;
+    /**
+     * Whether the checkbox is required.
+     *
+     * @selector [data-required]
+     */
+    isRequired: boolean;
+}
+export interface RadioButtonRenderProps extends RadioRenderProps {
+}
 export declare const RadioGroupContext: React.Context<ContextValue<RadioGroupProps, HTMLDivElement>>;
 export declare const RadioContext: React.Context<ContextValue<Partial<RadioProps>, HTMLLabelElement>>;
+export declare const RadioFieldContext: React.Context<ContextValue<Partial<RadioFieldProps>, HTMLDivElement>>;
 export declare const RadioGroupStateContext: React.Context<RadioGroupState | null>;
 /**
  * A radio group allows a user to select a single item from a list of mutually exclusive options.
@@ -109,5 +184,16 @@ export declare const RadioGroupStateContext: React.Context<RadioGroupState | nul
 export declare const RadioGroup: (props: RadioGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 /**
  * A radio represents an individual option within a radio group.
+ *
+ * @deprecated Use RadioField + RadioButton instead.
  */
 export declare const Radio: (props: RadioProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+/**
+ * A RadioField represents an individual option within a radio group, containing a RadioButton and
+ * optional description.
+ */
+export declare const RadioField: (props: RadioFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+/**
+ * A RadioButton is the clickable area of a radio, including the indicator and label.
+ */
+export declare const RadioButton: (props: RadioButtonProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;

package/dist/types/src/SearchField.d.ts

@@ -6,26 +6,31 @@ import { SearchFieldState } from 'react-stately/useSearchFieldState';
 export interface SearchFieldRenderProps {
     /**
      * Whether the search field is empty.
+     *
      * @selector [data-empty]
      */
     isEmpty: boolean;
     /**
      * Whether the search field is disabled.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
     /**
      * Whether the search field is invalid.
+     *
      * @selector [data-invalid]
      */
     isInvalid: boolean;
     /**
      * Whether the search field is read only.
+     *
      * @selector [data-readonly]
      */
     isReadOnly: boolean;
     /**
      * Whether the search field is required.
+     *
      * @selector [data-required]
      */
     isRequired: boolean;
@@ -36,7 +41,9 @@ export interface SearchFieldRenderProps {
 }
 export interface SearchFieldProps extends Omit<AriaSearchFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<SearchFieldRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
      * @default 'react-aria-SearchField'
      */
     className?: ClassNameOrFunction<SearchFieldRenderProps>;

package/dist/types/src/Select.d.ts

@@ -7,43 +7,52 @@ type SelectionMode = 'single' | 'multiple';
 export interface SelectRenderProps {
     /**
      * Whether the select is focused, either via a mouse or keyboard.
+     *
      * @selector [data-focused]
      */
     isFocused: boolean;
     /**
      * Whether the select is keyboard focused.
+     *
      * @selector [data-focus-visible]
      */
     isFocusVisible: boolean;
     /**
      * Whether the select is disabled.
+     *
      * @selector [data-disabled]
      */
     isDisabled: boolean;
     /**
      * Whether the select is currently open.
+     *
      * @selector [data-open]
      */
     isOpen: boolean;
     /**
      * Whether the select is invalid.
+     *
      * @selector [data-invalid]
      */
     isInvalid: boolean;
     /**
      * Whether the select is required.
+     *
      * @selector [data-required]
      */
     isRequired: boolean;
 }
-export interface SelectProps<T extends object = {}, M extends SelectionMode = 'single'> extends Omit<AriaSelectProps<T, M>, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior' | 'items'>, RACValidation, RenderProps<SelectRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
+export interface SelectProps<T, M extends SelectionMode = 'single'> extends Omit<AriaSelectProps<T, M>, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior' | 'items'>, RACValidation, RenderProps<SelectRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
      * @default 'react-aria-Select'
      */
     className?: ClassNameOrFunction<SelectRenderProps>;
     /**
      * Temporary text that occupies the select when it is empty.
+     *
      * @default 'Select an item' (localized)
      */
     placeholder?: string;
@@ -53,15 +62,17 @@ export declare const SelectStateContext: React.Context<SelectState<unknown, Sele
 /**
  * A select displays a collapsible list of options and allows a user to select one of them.
  */
-export declare const Select: <T extends object = {}, M extends SelectionMode = "single">(props: SelectProps<T, M> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Select: <T, M extends SelectionMode = "single">(props: SelectProps<T, M> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export interface SelectValueRenderProps<T> {
     /**
      * Whether the value is a placeholder.
+     *
      * @selector [data-placeholder]
      */
     isPlaceholder: boolean;
     /**
      * The object value of the first selected item.
+     *
      * @deprecated
      */
     selectedItem: T | null;
@@ -72,9 +83,11 @@ export interface SelectValueRenderProps<T> {
     /** The state of the select. */
     state: SelectState<T, 'single' | 'multiple'>;
 }
-export interface SelectValueProps<T extends object> extends Omit<HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>, RenderProps<SelectValueRenderProps<T>, 'span'> {
+export interface SelectValueProps<T> extends Omit<HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>, RenderProps<SelectValueRenderProps<T>, 'span'> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
      * @default 'react-aria-SelectValue'
      */
     className?: ClassNameOrFunction<SelectValueRenderProps<T>>;
@@ -84,5 +97,5 @@ export declare const SelectValueContext: React.Context<ContextValue<SelectValueP
  * SelectValue renders the current value of a Select, or a placeholder if no value is selected.
  * It is usually placed within the button element.
  */
-export declare const SelectValue: <T extends object>(props: SelectValueProps<T> & React.RefAttributes<HTMLSpanElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const SelectValue: <T>(props: SelectValueProps<T> & React.RefAttributes<HTMLSpanElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 export {};

package/dist/types/src/SelectionIndicator.d.ts

@@ -3,11 +3,16 @@ import React from 'react';
 import { SharedElementPropsBase, SharedElementRenderProps } from './SharedElementTransition';
 export interface SelectionIndicatorProps extends SharedElementPropsBase {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element. A function may be provided to compute the class based on component state.
+     *
      * @default 'react-aria-SelectionIndicator'
      */
     className?: ClassNameOrFunction<SharedElementRenderProps>;
-    /** Whether the SelectionIndicator is visible. This is usually set automatically by the parent component. */
+    /**
+     * Whether the SelectionIndicator is visible. This is usually set automatically by the parent
+     * component.
+     */
     isSelected?: boolean;
 }
 export declare const SelectionIndicatorContext: React.Context<ContextValue<SelectionIndicatorProps, HTMLDivElement>>;

package/dist/types/src/Separator.d.ts

@@ -5,7 +5,9 @@ import { GlobalDOMAttributes } from '@react-types/shared';
 import React from 'react';
 export interface SeparatorProps extends AriaSeparatorProps, StyleProps, SlotProps, DOMRenderProps<'hr' | 'div', undefined>, GlobalDOMAttributes<HTMLElement> {
     /**
-     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
+     * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
+     * element.
+     *
      * @default 'react-aria-Separator'
      */
     className?: string;
@@ -16,6 +18,7 @@ export declare class SeparatorNode extends CollectionNode<any> {
     filter(collection: BaseCollection<any>, newCollection: BaseCollection<any>): CollectionNode<any> | null;
 }
 /**
- * A separator is a visual divider between two groups of content, e.g. groups of menu items or sections of a page.
+ * A separator is a visual divider between two groups of content, e.g. groups of menu items or
+ * sections of a page.
  */
 export declare const Separator: (props: SeparatorProps & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;

package/dist/types/src/SharedElementTransition.d.ts

@@ -10,11 +10,13 @@ export declare function SharedElementTransition(props: SharedElementTransitionPr
 export interface SharedElementRenderProps {
     /**
      * Whether the element is currently entering.
+     *
      * @selector [data-entering]
      */
     isEntering: boolean;
     /**
      * Whether the element is currently exiting.
+     *
      * @selector [data-exiting]
      */
     isExiting: boolean;