@baseline-ui/core 0.25.0 → 0.26.0

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 import React, { Key, Dispatch, SetStateAction } from 'react';
+import { IconProps, SVGRProps } from '@baseline-ui/icons';
+import * as react_stately from 'react-stately';
 import { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, TooltipTriggerProps, SliderStateOptions, ToggleProps, OverlayTriggerProps, OverlayTriggerState, MenuTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$2, Selection as Selection$1, ComboBoxStateOptions, Node as Node$2 } from 'react-stately';
 import * as react_aria from 'react-aria';
-import { DraggableCollectionOptions, DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaTooltipProps, AriaPositionProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, useOverlayTrigger, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, AriaComboBoxOptions, AriaComboBoxProps, AriaGridListOptions, GridListItemAria, Locale } from 'react-aria';
+import { DraggableCollectionOptions, DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaTooltipProps, AriaPositionProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, useOverlayTrigger, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaSelectOptions, Key as Key$1, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, AriaComboBoxOptions, AriaComboBoxProps, AriaGridListOptions, GridListItemAria, Locale } from 'react-aria';
 export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
 import { Node as Node$1, DragItem, DOMAttributes, AriaLabelingProps, AriaValidationProps, DOMProps } from '@react-types/shared';
-import { IconProps, SVGRProps } from '@baseline-ui/icons';
 import { Theme, Sprinkles } from '@baseline-ui/tokens';
 import { AriaTabListProps } from '@react-types/tabs';
 import { ColorFieldProps, Color } from '@react-stately/color';
@@ -14,6 +15,20 @@ import { UseTransitionProps } from '@react-spring/core';
 import { AriaColorSwatchProps } from '@react-aria/color';
 import { AriaActionGroupProps } from '@react-aria/actiongroup';
 
+interface ListOption<T = Record<string, any>> {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: React.FC<IconProps>;
+    data?: T;
+}
+interface ListSection {
+    id: string;
+    title?: string;
+    children: ListOption[];
+}
+declare type ListItem = ListOption | ListSection;
+
 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.
@@ -84,21 +99,6 @@ declare function isInsideOverlayContent(selector: HTMLElement): Element | null;
  */
 declare function isRect(rect: Rect): rect is Rect;
 
-interface ListOption<T = Record<string, any>> {
-    id: string;
-    label: string;
-    description?: string;
-    icon?: React.FC<IconProps>;
-    data?: T;
-    type?: "option";
-}
-interface ListSection {
-    id: string;
-    title?: string;
-    type: "section";
-    children: ListOption[];
-}
-declare type ListItem = ListOption | ListSection;
 interface ListBoxHandle {
     scrollIntoView: (id: string, options: ScrollIntoViewOptions) => void;
 }
@@ -408,7 +408,7 @@ 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);
+    children: React.ReactNode;
 }
 interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "triggerRef" | "arrowSize" | "arrowBoundaryOffset">, StylingProps {
     /**
@@ -419,7 +419,7 @@ interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "tri
     /** The class name for the underlay element. */
     underlayClassName?: string;
     /** The contents of the popover. */
-    children: React.ReactNode;
+    children: React.ReactNode | ((state: OverlayTriggerState) => React.ReactNode);
     /**
      * The container element for the popover. By default, the modal is rendered as
      * a child of the body element.
@@ -747,6 +747,8 @@ declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & Reac
 interface I18nProviderProps extends I18nProviderProps$1 {
     /** The messages to use for internationalization. */
     messages?: LocalizedStrings;
+    /** The children to render. */
+    children: React.ReactNode;
 }
 
 declare const I18nProvider: React.FC<I18nProviderProps>;
@@ -935,7 +937,7 @@ interface AvatarProps extends StylingProps {
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare type ItemProps = React.ComponentProps<typeof Item$2> & StylingProps & {
-    key?: Key;
+    key?: Key$1;
     icon?: React.FC<SVGRProps>;
     value?: string;
     title?: string;
@@ -963,13 +965,13 @@ declare type TabsProps = Omit<StylingProps & AriaTabListProps<ItemProps>, "orien
      *
      * @param key
      */
-    onRemove?: (key: Key) => void;
+    onRemove?: (key: Key$1) => void;
     /** The value of the tab that needs to be selected. */
     selectedValue?: string;
     /** The default value of the tab that needs to be selected. */
     defaultSelectedValue?: string;
     /** The values of the tabs that need to be disabled. */
-    disabledValues?: Set<Key>;
+    disabledValues?: Set<Key$1>;
     /** A list of action buttons to render beside the tab items. */
     actions?: Omit<ActionIconButtonProps, "variant" | "size">[];
     /** The variant of the tabs */
@@ -990,14 +992,16 @@ declare type TabItemProps = StylingProps & {
     titleClassName?: string;
     /** The style to apply to the tab item. */
     titleStyle?: React.CSSProperties;
+    /** The contents of the tab item. */
+    children: React.ReactNode;
 };
 
-declare const Tabs: React.ForwardRefExoticComponent<Omit<StylingProps & react_aria.AriaTabListProps<ItemProps>, "children" | "items" | "disabledKeys" | "orientation" | "selectedKey" | "defaultSelectedKey"> & {
+declare const Tabs: React.ForwardRefExoticComponent<Omit<StylingProps & react_aria.AriaTabListProps<ItemProps>, "children" | "items" | "orientation" | "disabledKeys" | "selectedKey" | "defaultSelectedKey"> & {
     children: React.ReactNode;
-    onRemove?: ((key: React.Key) => void) | undefined;
+    onRemove?: ((key: react_stately.Key) => void) | undefined;
     selectedValue?: string | undefined;
     defaultSelectedValue?: string | undefined;
-    disabledValues?: Set<React.Key> | undefined;
+    disabledValues?: Set<react_stately.Key> | undefined;
     actions?: Omit<ActionIconButtonProps, "size" | "variant">[] | undefined;
     variant?: "primary" | "ghost" | undefined;
     tabHeaderClassName?: string | undefined;
@@ -1391,7 +1395,7 @@ declare type TextProps<T extends keyof React.JSX.IntrinsicElements = "span"> = S
     elementType?: React.ElementType;
 };
 
-declare const Text: React.ForwardRefExoticComponent<Pick<TextProps<"span">, "onDrop" | "onDragStart" | "onDragEnd" | "type" | "className" | "style" | "dir" | "slot" | "title" | "children" | "autoFocus" | "onFocus" | "onBlur" | "id" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-details" | "data-block-id" | "data-block-class" | "color" | "size" | "content" | "translate" | "hidden" | "elementType" | "role" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "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<Omit<TextProps<"span">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 interface TransformProps {
     /** The `className` property assigned to the root element of the component. */
@@ -1662,15 +1666,15 @@ interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "descr
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 
 interface ModalProps extends OverlayTriggerProps {
+    /** The contents of the modal. */
+    children: React.ReactNode;
 }
 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.
      */
-    children: React.ReactNode | ((props: {
-        close: () => void;
-    }) => React.ReactNode);
+    children: React.ReactNode | ((props: OverlayTriggerState) => React.ReactNode);
     /**
      * The container element for the modal. By default, the modal is rendered as a
      * child of the body element.
@@ -1716,9 +1720,13 @@ declare const Modal: React.FC<ModalProps>;
 
 declare const ModalContent: React.FC<ModalContentProps>;
 
-declare const ModalTrigger: React.FC;
+declare const ModalTrigger: React.FC<{
+    children: React.ReactNode;
+}>;
 
-declare const ModalClose: React.FC;
+declare const ModalClose: React.FC<{
+    children: React.ReactNode;
+}>;
 
 interface MessageFormatProps {
     /**
@@ -1767,17 +1775,6 @@ interface BoxProps extends Pick<StylingProps, "data-block-id">, Omit<React.Compo
 
 declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
 
-interface ColorPresetInlineInputProps extends Omit<RadioGroupProps, "items" | "disabledValues"> {
-    items: ColorPreset[];
-}
-
-/**
- * @deprecated Please use `ColorSwatchPicker` instead.
- *
- *   TODO [>=0.26.0] Remove this component.
- */
-declare const ColorPresetInlineInput: React.ForwardRefExoticComponent<ColorPresetInlineInputProps & React.RefAttributes<HTMLDivElement>>;
-
 interface ToolbarProps extends StylingProps, AriaToolbarProps {
     /** The children of the toolbar. */
     children: React.ReactNode;
@@ -1804,7 +1801,7 @@ interface ToolbarProps extends StylingProps, AriaToolbarProps {
      * the toolbar buttons and the menu trigger. This prop is only relevant when
      * `isCollapsible` is true.
      */
-    renderSpacer?: () => React.ReactNode;
+    renderSpacer?: boolean;
 }
 
 declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLDivElement>>;
@@ -1842,6 +1839,7 @@ interface MentionableUser {
 }
 interface EditorHandle {
     setCaretPosition: (index: number) => void;
+    focus: () => void;
 }
 interface EditorProps extends StylingProps, AriaLabelingProps {
     /**
@@ -2119,9 +2117,9 @@ declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & Re
 
 interface Item {
     id: string;
+    label: string;
     src?: string;
     alt?: string;
-    label: string;
 }
 interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "layout" | "grid" | "renderOption" | "renderDropIndicator" | "renderDragPreview" | "showSelectedIcon" | "orientation" | "shouldSelectOnPressUp" | "shouldFocusOnHover" | "dropIndicatorClassName" | "dropIndicatorStyle" | "shouldUseVirtualFocus" | "getItems" | "acceptedDragTypes" | "sectionClassName" | "sectionStyle"> {
     /**
@@ -2198,11 +2196,16 @@ interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "
     imageClassName?: string;
     /** ClassName for each item image label */
     labelClassName?: string;
+    /** A callback that is called to render the image. */
+    renderImage?: (item: ListOption<Pick<Item, "alt" | "src">>, options: {
+        deleteElement?: React.ReactElement;
+        onDelete?: (id: string) => void;
+    }) => React.ReactElement;
 }
 
 declare const ImageGallery: React.ForwardRefExoticComponent<ImageGalleryProps & React.RefAttributes<HTMLDivElement>>;
 
-interface ButtonSelectProps extends StylingProps, Pick<SelectProps, "isDisabled" | "validationState" | "onSelectionChange" | "selectedKey" | "defaultSelectedKey" | "items" | "showSelectedIcon" | "isOpen" | "defaultOpen">, Pick<ActionButtonProps, "onPress" | "excludeFromTabOrder">, AriaLabelingProps {
+interface ButtonSelectProps extends StylingProps, Pick<SelectProps, "isDisabled" | "validationState" | "onSelectionChange" | "selectedKey" | "defaultSelectedKey" | "items" | "showSelectedIcon" | "isOpen" | "defaultOpen">, Pick<ToggleButtonProps, "onPress" | "isSelected" | "defaultSelected" | "excludeFromTabOrder">, AriaLabelingProps {
     /**
      * The size of the button.
      *
@@ -2215,6 +2218,11 @@ interface ButtonSelectProps extends StylingProps, Pick<SelectProps, "isDisabled"
      * @default false
      */
     hideLabel?: boolean;
+    /** A callback that is called when the button selection changes. */
+    onButtonSelectionChange?: (options: {
+        isSelected: boolean;
+        selectedKey: string;
+    }) => void;
 }
 
 declare const ButtonSelect: React.ForwardRefExoticComponent<ButtonSelectProps & React.RefAttributes<HTMLDivElement>>;
@@ -2292,6 +2300,22 @@ interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>
     menuTrigger?: "manual" | "input" | "focus";
     /** Custom filter function to use when filtering items. */
     filter?: ComboBoxStateOptions<ListItem>["defaultFilter"];
+    /**
+     * The type of the input field
+     *
+     * @default text
+     */
+    inputType?: "text" | "number";
+    /**
+     * The minimum value for the input field. This is only valid when `inputType`
+     * is set to `number`.
+     */
+    minValue?: number;
+    /**
+     * The maximum value for the input field. This is only valid when `inputType`
+     * is set to `number`.
+     */
+    maxValue?: number;
 }
 
 declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<HTMLDivElement>>;
@@ -2384,18 +2408,51 @@ interface ActionGroupProps extends StylingProps, Omit<AriaActionGroupProps<ListI
     selectionMode?: "single" | "multiple";
     /** The props to be passed to the tooltip component. */
     tooltipProps?: IconComponentProps["tooltipProps"] | ((item: ListItem) => IconComponentProps["tooltipProps"]);
+    /**
+     * A function that renders an action item. This function is called for each
+     * item in the action group. By default, an `ActionIconButton` is rendered.
+     *
+     * @default
+     *
+     * ```jsx
+     * <ActionIconButton
+     *   variant="tertiary"
+     *   icon={icon}
+     *   aria-label={item.textValue}
+     *   size="sm"
+     *   isDisabled={_isDisabled}
+     *   className={"BaselineUI-ActionGroup-Item"}
+     * />;
+     * ```
+     */
+    renderActionItem?: (item: Node$2<ListItem>, options: {
+        isSelected?: boolean;
+        isDisabled?: boolean;
+    }) => React.ReactNode;
 }
 
 declare const ActionGroup: React.ForwardRefExoticComponent<ActionGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const ActionGroupItem: React.FC<{
+declare const ActionGroupItem: React.FC<ActionGroupItemProps>;
+interface ActionGroupItemProps extends Pick<ActionGroupProps, "tooltipProps" | "renderActionItem" | "onAction" | "isDisabled"> {
     item: Node$2<ListItem>;
     state: ListState<ListItem>;
-    onAction?: (key: Key) => void;
-    isDisabled?: boolean;
-    tooltipProps?: IconComponentProps["tooltipProps"];
-}>;
+}
 
-interface ColorSwatchPickerProps extends StylingProps, Pick<ColorPresetInlineInputProps, "items" | "optionsContainerClassName" | "labelPosition">, Pick<ListBoxProps, "optionClassName" | "optionStyle">, AriaLabelingProps {
+interface ColorSwatchPickerProps extends StylingProps, Pick<RadioGroupProps, "optionsContainerClassName" | "labelPosition">, Pick<ListBoxProps, "optionClassName" | "optionStyle">, AriaLabelingProps {
+    /**
+     * The items to display in the picker. Each item should have a `color` and a
+     * `label`.
+     *
+     * ```js
+     * const items = [
+     *   { color: "#FF0000", label: "Red" },
+     *   { color: "#00FF00", label: "Green" },
+     *   { color: "#0000FF", label: "Blue" },
+     *   { color: "#FFFF00", label: "Yellow" },
+     * ];
+     * ```
+     */
+    items: ColorPreset[];
     /** The icon visible at the start of the picker. */
     icon?: React.FC<IconProps>;
     /**
@@ -2730,7 +2787,7 @@ interface TextSelectionProps {
  * @param element - The element to use to get the owner window. Defaults to
  *   `document.body`.
  */
-declare function useDevice(element?: Element | null | undefined): "desktop" | "tablet" | "mobile";
+declare function useDevice(element?: Element | null | undefined): "mobile" | "tablet" | "desktop";
 
 /**
  * Custom hook for accessing PortalContainerProviderContext. This hook allows
@@ -2744,4 +2801,4 @@ declare function useDevice(element?: Element | null | undefined): "desktop" | "t
  */
 declare function usePortalContainer(_portalContainer?: HTMLElement): HTMLElement | undefined;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorPresetInlineInput, type ColorPresetInlineInputProps, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, 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, GridList, type GridListProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInput, IconColorInputButton, type IconColorInputProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, 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, type Rect, 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, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, 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, GridList, type GridListProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInput, IconColorInputButton, type IconColorInputProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, 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, type Rect, 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, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };