@baseline-ui/core 0.37.1 → 0.39.0

package/dist/index.d.ts

@@ -1,24 +1,25 @@
 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 * as react_aria 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, AriaTimeFieldProps, TimeValue, AriaDateFieldProps, DateValue, 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 { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, OverlayTriggerState, OverlayTriggerProps, TooltipTriggerProps, SliderStateOptions, ToggleProps, MenuTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$2, Selection as Selection$1, ComboBoxStateOptions, Node as Node$2, TimeFieldStateOptions, TreeProps, DateFieldStateOptions } 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';
 import { TreeItem } from 'react-complex-tree';
-import { PanelProps as PanelProps$1, PanelGroupProps as PanelGroupProps$1, PanelResizeHandleProps as PanelResizeHandleProps$1, ImperativePanelGroupHandle as ImperativePanelGroupHandle$1, ImperativePanelHandle as ImperativePanelHandle$1 } from 'react-resizable-panels';
+import { PanelProps as PanelProps$1, ImperativePanelHandle as ImperativePanelHandle$1, PanelGroupProps as PanelGroupProps$1, ImperativePanelGroupHandle as ImperativePanelGroupHandle$1, PanelResizeHandleProps as PanelResizeHandleProps$1 } from 'react-resizable-panels';
 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 +468,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 +477,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 +517,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
@@ -674,15 +687,7 @@ interface ProgressBarProps extends StylingProps, Omit<AriaProgressBarProps, "isI
 
 declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface InputMessage {
-    /** The description to display below the input. */
-    description?: string;
-    /** The error message to display when the input is in an error state. */
-    errorMessage?: string;
-    /** The warning message to display when the input is in a warning state. */
-    warningMessage?: string;
-}
-interface TextInputProps extends Omit<AriaTextFieldProps, "validationState" | "isInvalid" | "description" | "errorMessage">, StylingProps, InputMessage {
+interface SharedInputProps extends StylingProps, Pick<AriaTextFieldProps, "isReadOnly" | "isDisabled"> {
     /** The state of the input. */
     validationState?: "valid" | "error" | "warning";
     /**
@@ -697,8 +702,32 @@ interface TextInputProps extends Omit<AriaTextFieldProps, "validationState" | "i
      * @default top
      */
     labelPosition?: "top" | "start";
-    /** Whether the input is read only. */
-    readOnly?: boolean;
+    /** The props to apply to the label element. */
+    labelProps?: React__default.HTMLAttributes<HTMLLabelElement>;
+    /** The props to apply to the input element. */
+    fieldProps?: React__default.HTMLAttributes<HTMLDivElement>;
+    /** The message to display below the input. */
+    message?: React__default.ReactNode;
+    /** The content to display inside the input wrapper. */
+    children?: React__default.ReactNode;
+    /** Whether the input is focused. */
+    isFocused?: boolean;
+    /** The label to display above the input. */
+    label?: React__default.ReactNode;
+    wrapperRef?: React__default.Ref<HTMLDivElement>;
+    wrapperClassName?: string;
+    isInvalid?: boolean;
+}
+
+interface InputMessage {
+    /** The description to display below the input. */
+    description?: string;
+    /** The error message to display when the input is in an error state. */
+    errorMessage?: string;
+    /** The warning message to display when the input is in a warning state. */
+    warningMessage?: string;
+}
+interface TextInputProps extends Omit<AriaTextFieldProps, "validationState" | "isInvalid" | "description" | "errorMessage">, StylingProps, InputMessage, Pick<SharedInputProps, "validationState" | "variant" | "labelPosition"> {
     /** The style object to apply to the input element */
     inputStyle?: React__default.CSSProperties;
     /** The class name to apply to the input element */
@@ -1872,13 +1901,13 @@ interface GroupProps extends StylingProps, AriaLabelingProps {
 declare const Group: React__default.ForwardRefExoticComponent<GroupProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type SprinkleProps = Parameters<Sprinkles>[0];
-interface BoxProps extends Pick<StylingProps, "data-block-id">, Omit<React__default.ComponentPropsWithoutRef<"div">, "color">, SprinkleProps {
+interface BoxProps extends Pick<StylingProps, "data-block-id">, DOMAttributes<HTMLElement>, SprinkleProps {
     /**
      * The HTML element to use for the box.
      *
      * @default "div"
      */
-    elementType?: string;
+    elementType?: keyof React__default.ReactHTML;
 }
 
 declare const Box: React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLDivElement>>;
@@ -2647,6 +2676,10 @@ interface ColorSwatchPickerProps extends StylingProps, Pick<RadioGroupProps, "op
 
 declare const ColorSwatchPicker: React__default.ForwardRefExoticComponent<ColorSwatchPickerProps & React__default.RefAttributes<HTMLDivElement>>;
 
+declare const TimeField: React__default.ForwardRefExoticComponent<StylingProps & Omit<Omit<TimeFieldStateOptions<react_aria.TimeValue>, "locale"> & react_aria.AriaTimeFieldProps<react_aria.TimeValue>, "validationState" | "isRequired" | "validate" | "isInvalid"> & Pick<SharedInputProps, "label" | "variant" | "labelPosition" | "validationState"> & InputMessage & React__default.RefAttributes<HTMLDivElement>>;
+
+type TimeFieldProps = StylingProps & Omit<Omit<TimeFieldStateOptions, "locale"> & AriaTimeFieldProps<TimeValue>, "validationState" | "isInvalid" | "isRequired" | "validate"> & Pick<SharedInputProps, "variant" | "labelPosition" | "validationState" | "label"> & InputMessage;
+
 interface TreeListItem extends ListOption {
     children?: TreeListItem[];
 }
@@ -2872,6 +2905,78 @@ interface FrameProviderProps extends BlockProps {
 
 declare const FrameProvider: React__default.FC<FrameProviderProps>;
 
+declare const DateField: React__default.ForwardRefExoticComponent<StylingProps & Omit<Omit<DateFieldStateOptions<react_aria.DateValue>, "locale"> & react_aria.AriaDateFieldProps<react_aria.DateValue>, "validationState" | "isRequired" | "validate" | "isInvalid" | "createCalendar"> & Pick<SharedInputProps, "label" | "variant" | "labelPosition" | "validationState"> & InputMessage & React__default.RefAttributes<HTMLDivElement>>;
+
+type DateFieldProps = StylingProps & Omit<Omit<DateFieldStateOptions, "locale"> & AriaDateFieldProps<DateValue>, "validationState" | "isInvalid" | "isRequired" | "validate" | "createCalendar"> & Pick<SharedInputProps, "variant" | "labelPosition" | "validationState" | "label"> & InputMessage;
+
+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>>;
+
+interface Breakpoints {
+    mobile: number;
+    tablet: number;
+    desktop: number;
+}
+interface DeviceProviderProps extends BlockProps {
+    children: React__default.ReactNode;
+    /** The breakpoints to use for the device provider. */
+    breakpoints?: Breakpoints;
+}
+
+declare const DeviceProviderContext: React__default.Context<{
+    breakpoints: Breakpoints;
+}>;
+declare const DeviceProvider: React__default.FC<DeviceProviderProps>;
+
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
  *
@@ -3203,4 +3308,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, 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, 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, DateField, type DateFieldProps, DateFormat, type DateFormatProps, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, 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, TimeField, type TimeFieldProps, 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 };