@baseline-ui/core 0.37.0 → 0.38.0

package/dist/index.d.mts

@@ -1,16 +1,15 @@
 import * as React from 'react';
 import React__default, { AriaRole, Key, ReactNode, Dispatch, SetStateAction } from 'react';
 import { IconProps, SVGRProps } from '@baseline-ui/icons';
-import { DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaPopoverProps, useOverlayTrigger, AriaTooltipProps, AriaPositionProps, FocusableOptions, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, 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';
+import { DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaPopoverProps, useOverlayTrigger, AriaTooltipProps, AriaPositionProps, FocusableOptions, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, 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, FocusProps, KeyboardProps as KeyboardProps$1, PressEvent, Locale } from 'react-aria';
 export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
 import { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, OverlayTriggerProps, OverlayTriggerState, TooltipTriggerProps, SliderStateOptions, ToggleProps, MenuTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$2, Selection as Selection$1, ComboBoxStateOptions, Node as Node$2, TreeProps } from 'react-stately';
 import { Node as Node$1, DragItem, FocusableElement, DOMAttributes, AriaLabelingProps, AriaValidationProps, DOMProps } from '@react-types/shared';
 import { PressHookProps, KeyboardProps } from '@react-aria/interactions';
-import { Theme, Sprinkles } from '@baseline-ui/tokens';
-export { MotionGlobalConfig } from 'motion/react';
 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 { Theme, Sprinkles } from '@baseline-ui/tokens';
 import { AriaToolbarProps } from '@react-aria/toolbar';
 import { AriaColorSwatchProps } from '@react-aria/color';
 import { AriaActionGroupProps } from '@react-aria/actiongroup';
@@ -19,6 +18,7 @@ import { PanelProps as PanelProps$1, PanelGroupProps as PanelGroupProps$1, Panel
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastQueue } from '@react-stately/toast';
 export { ToastQueue } from '@react-stately/toast';
+export { MotionGlobalConfig } from 'motion/react';
 
 interface ListOption<T = Record<string, any>> {
     id: string;
@@ -467,6 +467,7 @@ interface SearchInputProps extends Omit<AriaSearchFieldProps, "validationState"
 
 declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<HTMLDivElement>>;
 
+type ThemeProviderTheme = Theme | "light" | "dark" | "system";
 interface ThemeProviderProps extends StylingProps {
     /**
      * The theme to use. If not provided, the theme will be inherited from the
@@ -475,14 +476,22 @@ interface ThemeProviderProps extends StylingProps {
      *
      * @default "system"
      */
-    theme?: Theme | "light" | "dark" | "system";
+    theme?: ThemeProviderTheme;
     /** The children to render. */
     children: React__default.ReactNode;
+    /**
+     * A function that will be called when the theme changes from any of the child
+     * components.
+     *
+     * @deprecated This prop is deprecated and will be removed in a future
+     *   version. Please use the `onThemeChange` prop instead.
+     */
+    setTheme?: (theme: ThemeProviderTheme) => void;
     /**
      * A function that will be called when the theme changes from any of the child
      * components.
      */
-    setTheme?: (theme: Theme | "light" | "dark" | "system") => void;
+    onThemeChange?: (theme: ThemeProviderTheme) => void;
 }
 
 declare const ThemeProvider: React__default.ForwardRefExoticComponent<ThemeProviderProps & React__default.RefAttributes<HTMLDivElement>>;
@@ -507,6 +516,9 @@ declare function useUserPreferences(ownerWindow?: (Window & typeof globalThis) |
     transparency: boolean;
 };
 
+declare function disableAnimations(): void;
+declare function enableAnimations(): void;
+
 interface PortalContainerProviderProps {
     /**
      * The container element for the popover. By default, the modal is rendered as
@@ -2844,6 +2856,86 @@ interface GlobalToastRegionProps extends StylingProps {
 
 declare const GlobalToastRegion: React__default.ForwardRefExoticComponent<GlobalToastRegionProps & React__default.RefAttributes<HTMLDivElement>>;
 
+interface FrameProviderProps extends BlockProps {
+    /** The children of the FrameProvider */
+    children: React__default.ReactNode;
+    /** The container inside which all the overlays should be confined to */
+    container?: HTMLElement | null;
+    /** The container inside which all the portals should be confined to */
+    portalContainer?: HTMLElement | null;
+    /**
+     * Whether the container should contain the overlays. Here's what happens when
+     * the value is set to `"auto"`:
+     *
+     * - On mobile, the overlays will be positioned relative to the window.
+     * - On desktop or tablet, the overlays will be positioned relative to the
+     *   container.
+     *
+     * When the value is set to `"always"`, the overlays will be positioned
+     * relative to the container on all devices.
+     *
+     * When the value is set to `"never"`, the overlays will be positioned
+     * relative to the window on all devices.
+     *
+     * @default "auto"
+     */
+    shouldContainOverlays?: "always" | "auto" | "never";
+}
+
+declare const FrameProvider: React__default.FC<FrameProviderProps>;
+
+interface MagnifierProps extends BlockProps {
+    /** The magnifier's content. */
+    children: React__default.ReactNode;
+    /** Whether the magnifier is disabled. */
+    isDisabled?: boolean;
+    /** The callback function that is called when the magnifier is moved. */
+    onMove?: (options: {
+        coordinates: {
+            x: number;
+            y: number;
+        };
+        boundingRect: DOMRect | null;
+    }) => void;
+    /** The coordinates of the magnifier. */
+    coordinates?: {
+        x: number;
+        y: number;
+    };
+}
+interface MagnifierContentProps extends StylingProps, AriaLabelingProps, FocusProps<FocusableElement>, KeyboardProps$1 {
+    /** The magnifier's content. */
+    children: React__default.ReactElement;
+    /** The callback function that is called when the magnifier is pressed. */
+    onPress?: (e: PressEvent) => void;
+}
+interface Description {
+    label: string;
+    icon: React__default.FC<IconProps>;
+}
+interface MagnifierDisplayProps extends StylingProps {
+    /** The description of the magnifier. */
+    description?: Description[] | ((options: {
+        coordinates: {
+            x: number;
+            y: number;
+        };
+        boundingRect: DOMRect | null;
+    }) => Description[]);
+    /**
+     * The scale of the magnifier.
+     *
+     * @default 5
+     */
+    scale?: number;
+}
+
+declare const Magnifier: React__default.FC<MagnifierProps>;
+
+declare const MagnifierContent: React__default.ForwardRefExoticComponent<MagnifierContentProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const MagnifierDisplay: React__default.ForwardRefExoticComponent<MagnifierDisplayProps & React__default.RefAttributes<HTMLDivElement>>;
+
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
  *
@@ -3175,4 +3267,4 @@ type Device = ReturnType<typeof useDevice>;
  */
 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, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateFormat, type DateFormatProps, type Device, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, Focusable, type FocusableProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, 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, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, 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, type ReactComplexTreeItem, 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, type ToastProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, TreeView, type TreeViewProps, 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, type Device, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, 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, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle, type ListOption, Magnifier, MagnifierContent, type MagnifierContentProps, MagnifierDisplay, type MagnifierDisplayProps, type MagnifierProps, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, 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, type ReactComplexTreeItem, 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, type ToastProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, TreeView, type TreeViewProps, defineMessages, disableAnimations, enableAnimations, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };

package/dist/index.d.ts

@@ -1,16 +1,15 @@
 import * as React from 'react';
 import React__default, { AriaRole, Key, ReactNode, Dispatch, SetStateAction } from 'react';
 import { IconProps, SVGRProps } from '@baseline-ui/icons';
-import { DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaPopoverProps, useOverlayTrigger, AriaTooltipProps, AriaPositionProps, FocusableOptions, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, 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';
+import { DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaPopoverProps, useOverlayTrigger, AriaTooltipProps, AriaPositionProps, FocusableOptions, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, 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, FocusProps, KeyboardProps as KeyboardProps$1, PressEvent, Locale } from 'react-aria';
 export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
 import { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, OverlayTriggerProps, OverlayTriggerState, TooltipTriggerProps, SliderStateOptions, ToggleProps, MenuTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$2, Selection as Selection$1, ComboBoxStateOptions, Node as Node$2, TreeProps } from 'react-stately';
 import { Node as Node$1, DragItem, FocusableElement, DOMAttributes, AriaLabelingProps, AriaValidationProps, DOMProps } from '@react-types/shared';
 import { PressHookProps, KeyboardProps } from '@react-aria/interactions';
-import { Theme, Sprinkles } from '@baseline-ui/tokens';
-export { MotionGlobalConfig } from 'motion/react';
 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 { Theme, Sprinkles } from '@baseline-ui/tokens';
 import { AriaToolbarProps } from '@react-aria/toolbar';
 import { AriaColorSwatchProps } from '@react-aria/color';
 import { AriaActionGroupProps } from '@react-aria/actiongroup';
@@ -19,6 +18,7 @@ import { PanelProps as PanelProps$1, PanelGroupProps as PanelGroupProps$1, Panel
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ToastQueue } from '@react-stately/toast';
 export { ToastQueue } from '@react-stately/toast';
+export { MotionGlobalConfig } from 'motion/react';
 
 interface ListOption<T = Record<string, any>> {
     id: string;
@@ -467,6 +467,7 @@ interface SearchInputProps extends Omit<AriaSearchFieldProps, "validationState"
 
 declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<HTMLDivElement>>;
 
+type ThemeProviderTheme = Theme | "light" | "dark" | "system";
 interface ThemeProviderProps extends StylingProps {
     /**
      * The theme to use. If not provided, the theme will be inherited from the
@@ -475,14 +476,22 @@ interface ThemeProviderProps extends StylingProps {
      *
      * @default "system"
      */
-    theme?: Theme | "light" | "dark" | "system";
+    theme?: ThemeProviderTheme;
     /** The children to render. */
     children: React__default.ReactNode;
+    /**
+     * A function that will be called when the theme changes from any of the child
+     * components.
+     *
+     * @deprecated This prop is deprecated and will be removed in a future
+     *   version. Please use the `onThemeChange` prop instead.
+     */
+    setTheme?: (theme: ThemeProviderTheme) => void;
     /**
      * A function that will be called when the theme changes from any of the child
      * components.
      */
-    setTheme?: (theme: Theme | "light" | "dark" | "system") => void;
+    onThemeChange?: (theme: ThemeProviderTheme) => void;
 }
 
 declare const ThemeProvider: React__default.ForwardRefExoticComponent<ThemeProviderProps & React__default.RefAttributes<HTMLDivElement>>;
@@ -507,6 +516,9 @@ declare function useUserPreferences(ownerWindow?: (Window & typeof globalThis) |
     transparency: boolean;
 };
 
+declare function disableAnimations(): void;
+declare function enableAnimations(): void;
+
 interface PortalContainerProviderProps {
     /**
      * The container element for the popover. By default, the modal is rendered as
@@ -2844,6 +2856,86 @@ interface GlobalToastRegionProps extends StylingProps {
 
 declare const GlobalToastRegion: React__default.ForwardRefExoticComponent<GlobalToastRegionProps & React__default.RefAttributes<HTMLDivElement>>;
 
+interface FrameProviderProps extends BlockProps {
+    /** The children of the FrameProvider */
+    children: React__default.ReactNode;
+    /** The container inside which all the overlays should be confined to */
+    container?: HTMLElement | null;
+    /** The container inside which all the portals should be confined to */
+    portalContainer?: HTMLElement | null;
+    /**
+     * Whether the container should contain the overlays. Here's what happens when
+     * the value is set to `"auto"`:
+     *
+     * - On mobile, the overlays will be positioned relative to the window.
+     * - On desktop or tablet, the overlays will be positioned relative to the
+     *   container.
+     *
+     * When the value is set to `"always"`, the overlays will be positioned
+     * relative to the container on all devices.
+     *
+     * When the value is set to `"never"`, the overlays will be positioned
+     * relative to the window on all devices.
+     *
+     * @default "auto"
+     */
+    shouldContainOverlays?: "always" | "auto" | "never";
+}
+
+declare const FrameProvider: React__default.FC<FrameProviderProps>;
+
+interface MagnifierProps extends BlockProps {
+    /** The magnifier's content. */
+    children: React__default.ReactNode;
+    /** Whether the magnifier is disabled. */
+    isDisabled?: boolean;
+    /** The callback function that is called when the magnifier is moved. */
+    onMove?: (options: {
+        coordinates: {
+            x: number;
+            y: number;
+        };
+        boundingRect: DOMRect | null;
+    }) => void;
+    /** The coordinates of the magnifier. */
+    coordinates?: {
+        x: number;
+        y: number;
+    };
+}
+interface MagnifierContentProps extends StylingProps, AriaLabelingProps, FocusProps<FocusableElement>, KeyboardProps$1 {
+    /** The magnifier's content. */
+    children: React__default.ReactElement;
+    /** The callback function that is called when the magnifier is pressed. */
+    onPress?: (e: PressEvent) => void;
+}
+interface Description {
+    label: string;
+    icon: React__default.FC<IconProps>;
+}
+interface MagnifierDisplayProps extends StylingProps {
+    /** The description of the magnifier. */
+    description?: Description[] | ((options: {
+        coordinates: {
+            x: number;
+            y: number;
+        };
+        boundingRect: DOMRect | null;
+    }) => Description[]);
+    /**
+     * The scale of the magnifier.
+     *
+     * @default 5
+     */
+    scale?: number;
+}
+
+declare const Magnifier: React__default.FC<MagnifierProps>;
+
+declare const MagnifierContent: React__default.ForwardRefExoticComponent<MagnifierContentProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const MagnifierDisplay: React__default.ForwardRefExoticComponent<MagnifierDisplayProps & React__default.RefAttributes<HTMLDivElement>>;
+
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
  *
@@ -3175,4 +3267,4 @@ type Device = ReturnType<typeof useDevice>;
  */
 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, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateFormat, type DateFormatProps, type Device, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, Focusable, type FocusableProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, 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, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, 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, type ReactComplexTreeItem, 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, type ToastProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, TreeView, type TreeViewProps, 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, type Device, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, 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, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle, type ListOption, Magnifier, MagnifierContent, type MagnifierContentProps, MagnifierDisplay, type MagnifierDisplayProps, type MagnifierProps, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, 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, type ReactComplexTreeItem, 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, type ToastProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, TreeView, type TreeViewProps, defineMessages, disableAnimations, enableAnimations, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };