@baseline-ui/core 0.14.0 → 0.16.0

package/dist/index.d.ts

@@ -10,8 +10,9 @@ import { AriaTabListProps } from '@react-types/tabs';
 import { ColorFieldProps, Color } from '@react-stately/color';
 import { OnRender, OnRenderStart, OnDragStart, OnDrag, OnDragEnd, OnResizeStart, OnResize, OnResizeEnd, OnRotateStart, OnRotate, OnRotateEnd, OnSnap, RotationPosition } from 'react-moveable';
 import { AriaToolbarProps } from '@react-aria/toolbar';
+import { UseTransitionProps } from '@react-spring/core';
 
-type DragAndDropProps = Omit<DraggableCollectionStateOptions & DraggableCollectionOptions & DroppableCollectionOptions & DroppableCollectionStateOptions, "keyboardDelegate" | "dropTargetDelegate" | "shouldAcceptItemDrop" | "onDropEnter" | "onDropActivate" | "onDropExit" | "getDropOperation" | "collection" | "selectionManager" | "onRootDrop" | "onInsert" | "getAllowedDropOperations" | "getItems" | "onItemDrop"> & Partial<Pick<DraggableCollectionStateOptions, "getItems">> & {
+declare type DragAndDropProps = Omit<DraggableCollectionStateOptions & DraggableCollectionOptions & DroppableCollectionOptions & DroppableCollectionStateOptions, "keyboardDelegate" | "dropTargetDelegate" | "shouldAcceptItemDrop" | "onDropEnter" | "onDropActivate" | "onDropExit" | "getDropOperation" | "collection" | "selectionManager" | "onRootDrop" | "onInsert" | "getAllowedDropOperations" | "getItems" | "onItemDrop"> & Partial<Pick<DraggableCollectionStateOptions, "getItems">> & {
     /**
      * Indicates whether reordering is enabled.
      *
@@ -34,21 +35,19 @@ type DragAndDropProps = Omit<DraggableCollectionStateOptions & DraggableCollecti
 };
 
 interface BlockProps {
-  /**
-   * The unique identifier for the block. This is used to identify the block in
-   * the DOM and in the block map. It is added as a data attribute
-   * `data-block-id` to the root element of the block if a DOM node is
-   * rendered.
-   */
-  "data-block-id"?: Key;
+    /**
+     * The unique identifier for the block. This is used to identify the block in
+     * the DOM and in the block map. It is added as a data attribute
+     * `data-block-id` to the root element of the block if a DOM node is
+     * rendered.
+     */
+    "data-block-id"?: Key;
 }
-
 interface StylingProps extends BlockProps {
-  /** The className applied to the root element of the component. */
-  className?: string;
-
-  /** The style applied to the root element of the component. */
-  style?: React.CSSProperties;
+    /** The className applied to the root element of the component. */
+    className?: string;
+    /** The style applied to the root element of the component. */
+    style?: React.CSSProperties;
 }
 
 interface ListOption {
@@ -70,7 +69,7 @@ interface ListSection {
     type: "section";
     children: ListOption[];
 }
-type ListItem = ListOption | ListSection;
+declare type ListItem = ListOption | ListSection;
 interface ListBoxProps extends StylingProps, Omit<AriaListBoxProps<ListItem> & AriaListBoxOptions<ListItem>, "children" | "linkBehavior" | "isVirtualized" | "keyboardDelegate">, Omit<DragAndDropProps, "preview" | "enableReorder" | "orientation" | "layout">, Partial<Pick<DragAndDropProps, "enableReorder" | "orientation" | "layout">> {
     /**
      * The items to render in the listbox. Items have the following shape:
@@ -264,7 +263,21 @@ declare function useUserPreferences(ownerWindow?: Window & typeof globalThis): {
     transparency: boolean;
 };
 
-type OverlayTriggerProps_ = Parameters<typeof useOverlayTrigger>[0];
+interface PortalContainerProviderProps {
+    /**
+     * The container element for the popover. By default, the modal is rendered as
+     * a child of the body element.
+     *
+     * @default undefined
+     */
+    portalContainer: HTMLElement | undefined;
+    /** The children to render. */
+    children: React.ReactNode;
+}
+
+declare const PortalContainerProvider: React.FC<PortalContainerProviderProps>;
+
+declare type OverlayTriggerProps_ = Parameters<typeof useOverlayTrigger>[0];
 interface PopoverProps extends OverlayTriggerProps, OverlayTriggerProps_ {
     /** The children of the popover. */
     children: React.ReactNode | ((state: OverlayTriggerState) => React.ReactNode);
@@ -279,6 +292,19 @@ interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "tri
     underlayClassName?: string;
     /** The contents of the popover. */
     children: React.ReactNode;
+    /**
+     * The container element for the popover. By default, the modal is rendered as
+     * a child of the body element.
+     *
+     * @default document.body
+     */
+    portalContainer?: HTMLElement;
+    /**
+     * Whether to include an arrow on the popover.
+     *
+     * @default false
+     */
+    includeArrow?: boolean;
 }
 interface PopoverTriggerProps {
     /** The contents of the popover trigger. */
@@ -295,14 +321,14 @@ declare const PopoverTrigger: React.FC;
 
 declare const Popover: React.FC<PopoverProps>;
 
-type MenuOption = Omit<ListOption, "description"> & {
+declare type MenuOption = Omit<ListOption, "description"> & {
     keyboardShortcut?: string;
 };
-type MenuSection = Omit<ListSection, "children"> & {
+declare type MenuSection = Omit<ListSection, "children"> & {
     children: MenuOption[];
 };
-type MenuItem = MenuOption | MenuSection;
-type MenuPopoverProps = Pick<PopoverContentProps, "isNonModal" | "placement" | "shouldUpdatePosition" | "shouldFlip" | "boundaryElement" | "crossOffset" | "offset">;
+declare type MenuItem = MenuOption | MenuSection;
+declare type MenuPopoverProps = Pick<PopoverContentProps, "isNonModal" | "placement" | "shouldUpdatePosition" | "shouldFlip" | "boundaryElement" | "crossOffset" | "offset" | "portalContainer">;
 interface MenuProps extends MenuPopoverProps, MenuTriggerProps, Omit<AriaMenuProps<MenuItem>, "children">, Omit<AriaMenuTriggerProps, "type"> {
     /** The `className` property assigned to the root element of the component. */
     className?: string;
@@ -515,6 +541,13 @@ interface TooltipProps extends TooltipTriggerProps, AriaTooltipProps, Omit<AriaP
      * @default true
      */
     includeArrow?: boolean;
+    /**
+     * The container element for the modal. By default, the modal is rendered as a
+     * child of the body element.
+     *
+     * @default document.body
+     */
+    portalContainer?: HTMLElement;
 }
 
 declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
@@ -590,7 +623,7 @@ interface CheckboxProps extends Omit<AriaCheckboxProps, "children" | "validation
 
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;
 
-type Excluded = "isDisabled" | "isReadOnly" | "isRequired" | "locale" | "validationState" | "label" | "formatOptions" | "isInvalid" | "validationBehaviour" | "validate" | "description" | "errorMessage";
+declare type Excluded = "isDisabled" | "isReadOnly" | "isRequired" | "locale" | "validationState" | "label" | "formatOptions" | "isInvalid" | "validationBehaviour" | "validate" | "description" | "errorMessage";
 interface PaginationProps extends Omit<AriaNumberFieldProps, Excluded>, Omit<NumberFieldStateOptions, Excluded>, StylingProps {
     /** The largest value allowed for the input. */
     maxValue: number;
@@ -619,14 +652,14 @@ interface I18nProviderProps extends I18nProviderProps$1 {
 
 declare const I18nProvider: React.FC<I18nProviderProps>;
 
-type NumberFormatProps = Parameters<typeof useNumberFormatter>[0] & {
+declare type NumberFormatProps = Parameters<typeof useNumberFormatter>[0] & {
     /** The number to format. */
     value: number;
 };
 
 declare const NumberFormat: React.FC<NumberFormatProps>;
 
-type DateFormatProps = Parameters<typeof useDateFormatter>[0] & {
+declare type DateFormatProps = Parameters<typeof useDateFormatter>[0] & {
     /** The date to format. */
     date: Date;
 };
@@ -786,7 +819,7 @@ interface AvatarProps extends StylingProps {
 
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
 
-type ItemProps = React.ComponentProps<typeof Item$1> & StylingProps & {
+declare type ItemProps = React.ComponentProps<typeof Item$1> & StylingProps & {
     key?: Key;
     icon?: React.FC<SVGRProps>;
     value?: string;
@@ -794,7 +827,7 @@ type ItemProps = React.ComponentProps<typeof Item$1> & StylingProps & {
     titleClassName?: string;
     titleStyle?: React.CSSProperties;
 };
-type TabsProps = Omit<StylingProps & AriaTabListProps<ItemProps>, "orientation" | "children" | "items" | "selectedKey" | "defaultSelectedKey" | "disabledKeys"> & {
+declare type TabsProps = Omit<StylingProps & AriaTabListProps<ItemProps>, "orientation" | "children" | "items" | "selectedKey" | "defaultSelectedKey" | "disabledKeys"> & {
     /**
      * The `TabItem` components to render inside the `Tabs` component.
      *
@@ -831,7 +864,7 @@ type TabsProps = Omit<StylingProps & AriaTabListProps<ItemProps>, "orientation"
     /** The style to apply to the tab header container. */
     tabHeaderStyle?: React.CSSProperties;
 };
-type TabItemProps = StylingProps & {
+declare type TabItemProps = StylingProps & {
     /** The title of the tab. This will be displayed in the tab button. */
     title: string;
     /** The icon to display in front of the title. */
@@ -954,7 +987,7 @@ interface ColorPreset {
     label: string;
     color: string;
 }
-interface ColorInputProps extends OverlayTriggerProps, StylingProps, Pick<ColorFieldProps, "onChange" | "defaultValue" | "value" | "label" | "isDisabled">, Pick<AriaLabelingProps, "aria-label">, Pick<PopoverContentProps, "isNonModal" | "placement" | "shouldUpdatePosition" | "shouldFlip" | "boundaryElement" | "crossOffset" | "offset"> {
+interface ColorInputProps extends OverlayTriggerProps, StylingProps, Pick<ColorFieldProps, "onChange" | "defaultValue" | "value" | "label" | "isDisabled">, Pick<AriaLabelingProps, "aria-label">, Pick<PopoverContentProps, "isNonModal" | "placement" | "shouldUpdatePosition" | "shouldFlip" | "boundaryElement" | "crossOffset" | "offset" | "portalContainer"> {
     /**
      * The list of color presets to show in the color picker. The signature of the
      * color presets is:
@@ -1185,7 +1218,7 @@ interface FreehandCanvasProps extends StylingProps, AriaLabelingProps {
 
 declare const FreehandCanvas: React.ForwardRefExoticComponent<FreehandCanvasProps & React.RefAttributes<HTMLDivElement>>;
 
-type TextProps<T extends keyof React.JSX.IntrinsicElements = "span"> = StylingProps & React.ComponentProps<T> & {
+declare type TextProps<T extends keyof React.JSX.IntrinsicElements = "span"> = StylingProps & React.ComponentProps<T> & {
     /**
      * The type of text to render.
      *
@@ -1208,7 +1241,7 @@ type TextProps<T extends keyof React.JSX.IntrinsicElements = "span"> = StylingPr
     elementType?: React.ElementType;
 };
 
-declare const Text: React.ForwardRefExoticComponent<Pick<TextProps, "children" | "autoFocus" | "onFocus" | "onBlur" | "id" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-details" | "onDrop" | "onDragStart" | "onDragEnd" | "className" | "style" | "data-block-id" | "type" | "color" | "size" | "content" | "translate" | "hidden" | "elementType" | "role" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
+declare const Text: React.ForwardRefExoticComponent<Pick<TextProps<"span">, "className" | "style" | "children" | "autoFocus" | "onFocus" | "onBlur" | "id" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-details" | "onDrop" | "onDragStart" | "onDragEnd" | "data-block-id" | "type" | "color" | "size" | "content" | "translate" | "hidden" | "elementType" | "role" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
 
 interface TransformProps {
     /** The `className` property assigned to the root element of the component. */
@@ -1572,7 +1605,7 @@ interface GroupProps extends StylingProps, AriaLabelingProps {
 
 declare const Group: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;
 
-type SprinkleProps = Parameters<Sprinkles>[0];
+declare type SprinkleProps = Parameters<Sprinkles>[0];
 interface BoxProps extends Pick<StylingProps, "data-block-id">, Omit<React.ComponentPropsWithoutRef<"div">, "color">, SprinkleProps {
     /**
      * The HTML element to use for the box.
@@ -1819,6 +1852,8 @@ declare const AlertDialog: React.ForwardRefExoticComponent<AlertDialogProps & Re
 interface MarkdownProps extends StylingProps {
     /** The markdown to render. */
     children: string;
+    /** The flag to show the caret at the end */
+    showCaret?: boolean;
 }
 
 declare const Markdown: React.ForwardRefExoticComponent<MarkdownProps & React.RefAttributes<HTMLDivElement>>;
@@ -1870,6 +1905,15 @@ interface AudioPlayerProps extends StylingProps, AriaLabelingProps {
 
 declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & React.RefAttributes<HTMLDivElement>>;
 
+interface TransitionProps extends StylingProps {
+    isMounted: boolean;
+    transitions: UseTransitionProps;
+    elementType?: keyof React.ReactHTML;
+    children: React.ReactNode;
+}
+
+declare const Transition: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLElement>>;
+
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
  *
@@ -2092,11 +2136,11 @@ declare function useIsFirstRender(): boolean;
  */
 declare function useI18n<T extends Record<string, string>>(messages?: Record<string, T>): I18nResult<T>;
 interface I18nResult<T extends LocalizedStrings[keyof LocalizedStrings]> {
-    formatMessage: (id: keyof T | MessageDescriptor<T>, values?: Record<string, any>) => string;
+    formatMessage: (id: keyof T | MessageDescriptor, values?: Record<string, any>) => string;
     locale: Locale;
 }
-interface MessageDescriptor<T extends LocalizedStrings[keyof LocalizedStrings]> {
-    id: keyof T;
+interface MessageDescriptor {
+    id: string;
     defaultMessage?: string;
 }
 /**
@@ -2106,7 +2150,7 @@ interface MessageDescriptor<T extends LocalizedStrings[keyof LocalizedStrings]>
  * @returns An object containing the message descriptors with their keys as
  *   property names.
  */
-declare const defineMessages: <const T extends Record<string, {
+declare const defineMessages: <T extends Record<string, {
     id: string;
 }>>(messages: T) => T;
 
@@ -2131,7 +2175,7 @@ declare const defineMessages: <const T extends Record<string, {
  */
 declare function useMutationObserver(target: Element | null, options: MutationObserverInit, callback: MutationCallback): MutationObserver | null;
 
-type SetValue<T> = Dispatch<SetStateAction<T>>;
+declare type SetValue<T> = Dispatch<SetStateAction<T>>;
 /**
  * A hook to persist a value to localStorage.
  *
@@ -2200,4 +2244,16 @@ interface TextSelectionProps {
  */
 declare function useDevice(element?: Element | null | undefined): "tablet" | "desktop" | "mobile";
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, type ColorSwatchProps, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInputButton, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+/**
+ * Custom hook for accessing PortalContainerProviderContext. This hook allows
+ * components to either use a specified portal container or fallback to a
+ * default provided via context.
+ *
+ * @param _portalContainer - An optional HTML element that can be specified as
+ *   an override.
+ * @returns The portal container element where components should be rendered,
+ *   either the overridden container, one from context or undefined.
+ */
+declare function usePortalContainer(_portalContainer?: HTMLElement): HTMLElement | undefined;
+
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, type ColorSwatchProps, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInputButton, ImageDropZone, type ImageDropZoneProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, Transition, type TransitionProps, defineMessages, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };