@baseline-ui/core 0.8.4 → 0.9.0

package/dist/index.d.mts

@@ -1,9 +1,9 @@
 import React, { Key, Dispatch, SetStateAction } from 'react';
-import { Node as Node$1, AriaLabelingProps } from '@react-types/shared';
-import { ListState, Orientation, SliderStateOptions, ToggleProps, OverlayTriggerProps, OverlayTriggerState, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$1 } from 'react-stately';
+import { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, SliderStateOptions, ToggleProps, OverlayTriggerProps, OverlayTriggerState, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$1 } from 'react-stately';
 import * as react_aria from 'react-aria';
-import { AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, useOverlayTrigger, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, AriaTooltipProps, AriaPositionProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
+import { DraggableCollectionOptions, DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, useOverlayTrigger, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, AriaTooltipProps, AriaPositionProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
 export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
+import { Node as Node$1, DragItem, AriaLabelingProps } from '@react-types/shared';
 import { IconProps, SVGRProps } from '@baseline-ui/icons';
 import { Theme, Sprinkles } from '@baseline-ui/tokens';
 import { AriaTabListProps } from '@react-types/tabs';
@@ -11,6 +11,28 @@ 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';
 
+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.
+     *
+     * @default false
+     */
+    enableReorder: boolean;
+    /**
+     * Whether the items are arranged in a stack or grid.
+     *
+     * @default stack
+     */
+    layout: "grid" | "stack";
+    /**
+     * The primary orientation of the items. Usually this is the direction that
+     * the collection scrolls.
+     *
+     * @default vertical
+     */
+    orientation: Orientation;
+};
+
 interface BlockProps {
   /**
    * The unique identifier for the block. This is used to identify the block in
@@ -33,6 +55,7 @@ type ListOption = {
     label: string;
     description?: string;
     icon?: React.FC<IconProps>;
+    data?: Record<string, any>;
     /**
      * The type of item.
      *
@@ -47,7 +70,7 @@ type ListSection = {
     children: ListOption[];
 };
 type ListItem = ListOption | ListSection;
-interface ListBoxProps extends StylingProps, Omit<AriaListBoxProps<ListItem> & AriaListBoxOptions<ListItem>, "children" | "linkBehavior" | "isVirtualized"> {
+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:
      *
@@ -81,23 +104,26 @@ interface ListBoxProps extends StylingProps, Omit<AriaListBoxProps<ListItem> & A
         showSelectedIcon?: boolean;
         _state: ListState<ListItem>;
     }, ref: React.Ref<HTMLLIElement>) => React.ReactNode;
+    /** Renders the drop indicator component. */
+    renderDropIndicator?: (options: {
+        dropIndicatorProps: React.HTMLAttributes<HTMLLIElement>;
+        isDropTarget: boolean;
+        isHidden: boolean;
+        orientation: Orientation;
+    }, ref: React.RefObject<HTMLLIElement>) => React.ReactNode;
+    /**
+     * The custom render function for the drag preview. This can be used to render
+     * a custom drag preview when dragging items.
+     */
+    renderDragPreview?: (items: DragItem[]) => React.ReactNode;
     /** Whether to show the selected checkmark icon. */
     showSelectedIcon?: boolean;
     /** The label for the listbox. */
     label?: React.ReactNode;
-    /**
-     * Whether the items are arranged in a stack or grid.
-     *
-     * @default stack
-     */
-    layout?: "grid" | "stack";
-    /**
-     * The primary orientation of the items. Usually this is the direction that
-     * the collection scrolls.
-     *
-     * @default vertical
-     */
-    orientation?: Orientation;
+    /** The CSS class name for the drop indicator. */
+    dropIndicatorClassName?: string;
+    /** The style of the drop indicator used in a component. */
+    dropIndicatorStyle?: React.CSSProperties;
 }
 
 declare const ListBox: React.ForwardRefExoticComponent<ListBoxProps & React.RefAttributes<HTMLUListElement>>;
@@ -255,7 +281,11 @@ interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "tri
 }
 interface PopoverTriggerProps {
     /** The contents of the popover trigger. */
-    children: React.ReactNode;
+    children: React.ReactNode | (({ isOpen, triggerProps, triggerRef, }: {
+        isOpen: boolean;
+        triggerProps: AriaButtonProps<"button">;
+        triggerRef: React.RefObject<HTMLElement>;
+    }) => React.ReactNode);
 }
 
 declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
@@ -807,7 +837,7 @@ type TabItemProps = StylingProps & {
     titleStyle?: React.CSSProperties;
 };
 
-declare const Tabs: React.ForwardRefExoticComponent<Omit<StylingProps & react_aria.AriaTabListProps<ItemProps>, "orientation" | "children" | "items" | "disabledKeys" | "selectedKey" | "defaultSelectedKey"> & {
+declare const Tabs: React.ForwardRefExoticComponent<Omit<StylingProps & react_aria.AriaTabListProps<ItemProps>, "children" | "items" | "disabledKeys" | "orientation" | "selectedKey" | "defaultSelectedKey"> & {
     children: React.ReactNode;
     onRemove?: ((key: React.Key) => void) | undefined;
     selectedValue?: string | undefined;
@@ -917,7 +947,7 @@ interface ColorPreset {
     label: string;
     color: string;
 }
-interface ColorInputProps extends OverlayTriggerProps, StylingProps, Pick<ColorFieldProps, "onChange" | "defaultValue" | "value" | "label" | "isDisabled">, Pick<AriaLabelingProps, "aria-label"> {
+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"> {
     /**
      * The list of color presets to show in the color picker. The signature of the
      * color presets is:
@@ -1149,7 +1179,7 @@ type TextProps<T extends keyof React.JSX.IntrinsicElements = "span"> = StylingPr
      *
      * @default "title"
      */
-    type?: "subtitle" | "title" | "body" | "value" | "helper";
+    type?: "subtitle" | "title" | "label" | "value" | "helper" | "body";
     /**
      * The size of the text.
      *
@@ -1166,7 +1196,7 @@ type TextProps<T extends keyof React.JSX.IntrinsicElements = "span"> = StylingPr
     elementType?: React.ElementType;
 };
 
-declare const Text: React.ForwardRefExoticComponent<Pick<TextProps, "color" | "size" | "content" | "translate" | "hidden" | "style" | "elementType" | "id" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-details" | "className" | "data-blockid" | "children" | "role" | "type" | "slot" | "title" | "placeholder" | "onChange" | "onPause" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "tabIndex" | "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" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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" | "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" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "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" | "key" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & React.RefAttributes<HTMLDivElement>>;
+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-blockid" | "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>>;
 
 type TransformProps = {
     /** The `className` property assigned to the root element of the component. */
@@ -1272,7 +1302,7 @@ type TransformProps = {
 
 declare const Transform: React.ForwardRefExoticComponent<TransformProps & React.RefAttributes<HTMLDivElement>>;
 
-interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "variant">, Omit<DropOptions, "ref" | "getDropOperation" | "hasDropButton" | "getDropOperationForPoint">, Omit<ClipboardProps, "getItems" | "onCut" | "onCopy">, AriaLabelingProps {
+interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "variant">, Omit<DropOptions, "ref" | "getDropOperation" | "hasDropButton" | "getDropOperationForPoint">, Omit<ClipboardProps, "getItems" | "onCut" | "onCopy">, Pick<FreehandCanvasProps, "footerClassName" | "footerStyle" | "placeholder" | "clearLabel">, AriaLabelingProps {
     /**
      * The initial image to display. This will be used as the `src` attribute of
      * the `<img>` element. You will be able to choose a new image.
@@ -1292,8 +1322,6 @@ interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "vari
     imageAlt?: string;
     /** The label to display for the picker button. */
     pickerButtonLabel?: string;
-    /** The label to display for the remove button. */
-    removeButtonLabel?: string;
     /**
      * Whether to show the checkered background behind the image. This is useful
      * when the image has transparency.
@@ -1307,9 +1335,13 @@ interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "vari
     pickerButtonClassName?: string;
     /** The style to apply to the picker button. */
     pickerButtonStyle?: React.CSSProperties;
+    /** The class name to apply to the label. */
+    labelClassName?: string;
+    /** The style to apply to the label. */
+    labelStyle?: React.CSSProperties;
 }
 
-declare const ImageDropZone: React.ForwardRefExoticComponent<ImageDropZoneProps & React.RefAttributes<HTMLLabelElement>>;
+declare const ImageDropZone: React.ForwardRefExoticComponent<ImageDropZoneProps & React.RefAttributes<HTMLDivElement>>;
 
 interface PreviewProps extends StylingProps, AriaLabelingProps {
     /**
@@ -1424,7 +1456,7 @@ declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & Reac
 
 interface ModalProps extends OverlayTriggerProps {
 }
-interface ModalContentProps extends AriaModalOverlayProps, StylingProps {
+interface ModalContentProps extends Omit<AriaModalOverlayProps, "isDismissable" | "isKeyboardDismissDisabled">, StylingProps {
     /**
      * The contents of the modal. Can be a React node or a function that returns a
      * React node.
@@ -1446,6 +1478,31 @@ interface ModalContentProps extends AriaModalOverlayProps, StylingProps {
      * @default false
      */
     disableAnimation?: boolean;
+    /**
+     * Whether the modal should be rendered as a drawer. This will render the
+     * modal with a transparent background and no border at the bottom. The `auto`
+     * value will render the modal as a drawer on mobile and as a dialog on
+     * desktop and tablet.
+     *
+     * @default false
+     */
+    enableDrawer?: boolean | "auto";
+    /**
+     * Specifies if the component is dismissable or not. If the value is a
+     * function, it will be called with a boolean indicating if the modal is
+     * rendered as a drawer or not.
+     *
+     * @default true
+     */
+    isDismissable?: boolean | ((isDrawer: boolean) => boolean);
+    /**
+     * Determines if keyboard dismissal is disabled. If the value is a function,
+     * it will be called with a boolean indicating if the modal is rendered as a
+     * drawer or not.
+     *
+     * @default false
+     */
+    isKeyboardDismissDisabled?: boolean | ((isDrawer: boolean) => boolean);
 }
 
 declare const Modal: React.FC<ModalProps>;
@@ -1511,6 +1568,11 @@ declare const ColorPresetInlineInput: React.ForwardRefExoticComponent<ColorPrese
 
 interface ToolbarProps extends StylingProps, AriaToolbarProps {
     children: React.ReactNode;
+    /**
+     * Identifies the element (or elements) whose contents or presence are
+     * controlled by the current element.
+     */
+    "aria-controls"?: string;
 }
 
 declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLDivElement>>;
@@ -1530,6 +1592,140 @@ interface ToggleIconButtonProps extends StylingProps, Omit<ToggleProps, "childre
 
 declare const ToggleIconButton: React.ForwardRefExoticComponent<ToggleIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
+type MentionableUser = {
+    id: string;
+    name: string;
+    displayName: string;
+    avatar?: AvatarProps;
+    description?: string;
+};
+type EditorHandle = {
+    setCaretPosition: (index: number) => void;
+};
+interface EditorProps extends StylingProps, AriaLabelingProps {
+    /**
+     * The function to be called when `Enter` key is pressed or Save button is
+     * clicked.
+     */
+    onSave?: (value: string) => void;
+    /**
+     * The function to be called when Cancel button is clicked. If not provided,
+     * the Cancel button will not be rendered.
+     */
+    onCancel?: () => void;
+    /** The default value of the editor. */
+    defaultValue?: string;
+    /** The value of the editor. */
+    value?: string;
+    /**
+     * The function to be called when the value of the editor changes.
+     *
+     * @param value
+     */
+    onChange?: (value: string) => void;
+    /** Whether the editor is disabled. */
+    isDisabled?: boolean;
+    /**
+     * Indicates whether rich text is enabled or not.
+     *
+     * @default true
+     */
+    enableRichText?: boolean;
+    /** The placeholder text to be displayed when the editor is empty. */
+    placeholder?: string;
+    /**
+     * The variant of the editor.
+     *
+     * @default default
+     */
+    variant?: "default" | "minimal";
+    /** Whether the editor is inline or not. */
+    isInline?: boolean;
+    /** Specifies whether spell checking is enabled or disabled. */
+    spellCheck?: boolean;
+    /**
+     * Optional property that represents the ARIA label for the submit button.
+     * This property is used to provide an accessible label for the button, which
+     * is read by screen readers to assist visually impaired users.
+     *
+     * @default Save
+     */
+    submitButtonAriaLabel?: string;
+    /**
+     * The React node representing the icon to be displayed on the submit button.
+     *
+     * @default ArrowUpCircleFilledIcon
+     */
+    submitButtonIcon?: React.FC<IconProps>;
+    /**
+     * The name of the avatar. The avatar is visible when `variant` is set to
+     * `minimal` and `enableRichText` is set to `false`.
+     */
+    avatarName?: string;
+    /**
+     * The ARIA label for the editable content. In case of rich text, this label
+     * is used to provide an accessible label for the contenteditable element,
+     * which is read by screen readers to assist visually impaired users. In case
+     * of plain text, this label is used to provide an accessible label for the
+     * textarea element.
+     *
+     * @default Editing Area
+     */
+    editableContentAriaLabel?: string;
+    /**
+     * An optional array of mentionable users. Mention feature is only available
+     * when `enableRichText` is set to `true` and this prop is provided.
+     *
+     * ```tsx
+     * type MentionableUser = {
+     *   id: string;
+     *   name: string;
+     *   displayName: string;
+     *   avatar?: AvatarProps;
+     *   description?: string;
+     * };
+     * ```
+     */
+    mentionableUsers?: MentionableUser[];
+    /** Footer button represents an array of ActionIconButtonProps. */
+    footerButtons?: ActionIconButtonProps[];
+    /** The imperative handle for manipulating editor. */
+    editorHandle?: React.RefObject<EditorHandle>;
+}
+
+declare const Editor: React.ForwardRefExoticComponent<EditorProps & React.RefAttributes<HTMLDivElement>>;
+
+interface ScrollControlButtonProps extends StylingProps, Pick<ActionButtonProps, "label"> {
+    /**
+     * The ref to the scrollable element.
+     *
+     * @default document.body
+     */
+    scrollRef?: React.RefObject<HTMLElement>;
+    /**
+     * Indicates whether the button should be hidden when the keyboard is being
+     * used.
+     *
+     * @default false
+     */
+    hideForKeyboard?: boolean;
+    /**
+     * The delay in milliseconds before the button is hidden when the scrolling
+     * stops.
+     *
+     * @default 1500
+     */
+    delay?: number;
+    /**
+     * Indicates whether the scroll should be smooth.
+     *
+     * @default true
+     */
+    smoothScroll?: boolean;
+}
+
+declare const ScrollControlButton: React.ForwardRefExoticComponent<ScrollControlButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
  *
@@ -1763,6 +1959,9 @@ interface MessageDescriptor<T extends LocalizedStrings[keyof LocalizedStrings]>
     id: keyof T;
     defaultMessage?: string;
 }
+type Message<T extends object> = {
+    [U in keyof T]: U;
+};
 /**
  * Defines a set of messages for use with the `useI18n` hook.
  *
@@ -1770,11 +1969,11 @@ interface MessageDescriptor<T extends LocalizedStrings[keyof LocalizedStrings]>
  * @returns An object containing the message descriptors with their keys as
  *   property names.
  */
-declare function defineMessages<T extends LocalizedStrings[keyof LocalizedStrings]>(messages: {
-    [id: string]: MessageDescriptor<T>;
-}): {
-    [k: string]: keyof T;
-};
+declare function defineMessages<T extends {
+    [p: string]: {
+        id: string;
+    };
+}>(messages: T): Message<T>;
 
 /**
  * A hook that uses a MutationObserver to watch for changes to the DOM.
@@ -1866,4 +2065,4 @@ interface TextSelectionProps {
  */
 declare function useDevice(element?: HTMLElement | null): "mobile" | "tablet" | "desktop";
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, 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, 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, Menu, 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, 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 };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionIconButton, type ActionIconButtonProps, 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, 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, Menu, 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 };