@baseline-ui/core 0.1.3 → 0.3.0

package/dist/index.d.mts

@@ -1,19 +1,15 @@
-import React$1, { Key } from 'react';
+import React, { Key } from 'react';
 import { IconProps, SVGRProps } from '@baseline-ui/icons';
 import * as react_aria from 'react-aria';
-import { AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, AriaTooltipProps, AriaPositionProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaListBoxOptions, AriaListBoxProps, OptionAria, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
+import { AriaButtonProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaPopoverProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, AriaTooltipProps, AriaPositionProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaListBoxOptions, AriaListBoxProps, OptionAria, AriaSelectOptions, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, Locale } from 'react-aria';
 export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
 import { SliderStateOptions, ToggleProps, MenuTriggerProps, TooltipTriggerProps, NumberFieldStateOptions, ListProps, Orientation, SelectStateOptions, Item as Item$2, OverlayTriggerProps } from 'react-stately';
-import { Theme } from '@baseline-ui/tokens';
+import { Theme, Sprinkles } from '@baseline-ui/tokens';
 import { Node as Node$1, AriaLabelingProps } from '@react-types/shared';
 import { AriaTabListProps } from '@react-types/tabs';
 import { ColorFieldProps } from '@react-stately/color';
 import { OnRender, OnRenderStart, OnDragStart, OnDrag, OnDragEnd, OnResizeStart, OnResize, OnResizeEnd, OnRotateStart, OnRotate, OnRotateEnd, OnSnap, RotationPosition } from 'react-moveable';
 
-declare function assignInlineTheme(theme: Theme): {
-    [cssVarName: string]: string;
-};
-
 interface BlockProps {
   "data-blockid"?: string;
 }
@@ -23,16 +19,10 @@ interface StylingProps extends BlockProps {
   className?: string;
 
   /** The style applied to the root element of the component. */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
 }
 
-interface ActionButtonSharedProps extends Omit<AriaButtonProps<"button" | "div">, "onKeyUp" | "rel" | "href" | "target">, StylingProps {
-    /**
-     * Handler that is called when the element receives or loses focus.
-     *
-     * @param isHovered
-     */
-    onHoverChange?: (isHovered: boolean) => void;
+interface ActionButtonSharedProps extends Omit<AriaButtonProps<"button" | "div">, "onKeyUp" | "rel" | "href" | "target" | "children">, StylingProps {
 }
 interface ActionButtonProps extends ActionButtonSharedProps {
     /**
@@ -42,11 +32,11 @@ interface ActionButtonProps extends ActionButtonSharedProps {
      */
     variant?: "primary" | "secondary" | "tertiary" | "ghost";
     /** The button's label. */
-    label: string;
+    label: React.ReactNode;
     /** The button's icon before the label. */
-    iconStart?: React$1.FC<IconProps>;
+    iconStart?: React.FC<IconProps>;
     /** The button's icon after the label. */
-    iconEnd?: React$1.FC<IconProps>;
+    iconEnd?: React.FC<IconProps>;
     /**
      * The button's size.
      *
@@ -55,7 +45,7 @@ interface ActionButtonProps extends ActionButtonSharedProps {
     size?: "sm" | "md";
 }
 
-declare const ActionButton: React$1.ForwardRefExoticComponent<ActionButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ActionButton: React.ForwardRefExoticComponent<ActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
 interface DomNodeRendererProps {
     /** The class name applied to the wrapper `div` component. */
@@ -69,7 +59,7 @@ interface DomNodeRendererProps {
     node: Node;
 }
 
-declare const DomNodeRenderer: React$1.ForwardRefExoticComponent<DomNodeRendererProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DomNodeRenderer: React.ForwardRefExoticComponent<DomNodeRendererProps & React.RefAttributes<HTMLDivElement>>;
 
 interface SliderProps extends AriaSliderProps<number>, Omit<SliderStateOptions<number>, "numberFormatter"> {
     /**
@@ -94,7 +84,7 @@ interface SliderProps extends AriaSliderProps<number>, Omit<SliderStateOptions<n
     includeNumberInput?: boolean;
 }
 
-declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
 
 interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProps, "children">, StylingProps {
     /** The label to display next to the switch. */
@@ -108,7 +98,7 @@ interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProp
     };
 }
 
-declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLLabelElement>>;
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLLabelElement>>;
 
 interface SearchInputProps extends Omit<AriaSearchFieldProps, "validationState" | "label" | "aria-autocomplete" | "autoComplete" | "isRequired" | "aria-haspopup" | "isReadOnly" | "aria-activedescendant" | "type">, StylingProps {
     /**
@@ -127,25 +117,27 @@ interface SearchInputProps extends Omit<AriaSearchFieldProps, "validationState"
     "aria-label": string;
 }
 
-declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLDivElement>>;
 
 interface ThemeProviderProps extends StylingProps {
     /**
      * The theme to use. If not provided, the theme will be inherited from the
      * parent ThemeProvider. If there is no parent ThemeProvider, the default
      * theme will be used.
+     *
+     * @default "system"
      */
-    theme: Theme;
+    theme?: Theme | "light" | "dark" | "system";
     /** The children to render. */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /**
      * A function that will be called when the theme changes from any of the child
      * components.
      */
-    setTheme?: (theme: Theme) => void;
+    setTheme?: (theme: Theme | "light" | "dark" | "system") => void;
 }
 
-declare const ThemeProvider: React$1.ForwardRefExoticComponent<ThemeProviderProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ThemeProvider: React.ForwardRefExoticComponent<ThemeProviderProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * A hook that returns the user preferences for color scheme, contrast, reduced
@@ -176,11 +168,11 @@ interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "tri
      * The reference element for the popover position. By default, the popover is
      * positioned relative to the trigger element.
      */
-    triggerRef?: React$1.RefObject<HTMLElement>;
+    triggerRef?: React.RefObject<HTMLElement>;
     /** The class name for the underlay element. */
     underlayClassName?: string;
     /** The contents of the popover. */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
 }
 
 type Item$1 = {
@@ -230,18 +222,18 @@ interface MenuProps extends MenuTriggerProps, MenuPopoverProps, Omit<AriaMenuPro
     items: ItemsUnion[];
 }
 
-declare const Menu: React$1.ForwardRefExoticComponent<MenuProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLButtonElement>>;
 
 interface LinkProps extends AriaLinkOptions, StylingProps {
     /** The link's style variant. */
     variant?: "default" | "inline";
     /** The children to render. */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /** The size of the link. */
     size?: "sm" | "md" | "lg";
 }
 
-declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
 
 interface SharedFileUploadProps extends StylingProps {
     /** Whether the component is inlined. */
@@ -260,7 +252,7 @@ interface SharedFileUploadProps extends StylingProps {
     /** The name of the input. */
     name?: string;
     /** The callback function that is fired when the value changes. */
-    onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     /**
      * The callback function that is fired when the value changes and the value is
      * valid.
@@ -274,12 +266,12 @@ interface SharedFileUploadProps extends StylingProps {
 }
 interface FileUploadProps extends SharedFileUploadProps {
     /** The Icon to display. */
-    icon?: React$1.FC<IconProps>;
+    icon?: React.FC<IconProps>;
     /** Whether to allow multiple files to be uploaded. */
     multiple?: boolean;
 }
 
-declare const FileUpload: React$1.ForwardRefExoticComponent<FileUploadProps & React$1.RefAttributes<HTMLLabelElement>>;
+declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLLabelElement>>;
 
 interface SeparatorProps extends Omit<SeparatorProps$1, "elementType">, StylingProps {
     /**
@@ -290,7 +282,7 @@ interface SeparatorProps extends Omit<SeparatorProps$1, "elementType">, StylingP
     variant?: "primary" | "secondary";
 }
 
-declare const Separator: React$1.ForwardRefExoticComponent<SeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
 
 interface ProgressBarProps extends Omit<AriaProgressBarProps, "isIndeterminate"> {
     /** The `className` property assigned to the root element of the component. */
@@ -313,7 +305,7 @@ interface ProgressBarProps extends Omit<AriaProgressBarProps, "isIndeterminate">
     errorMessage?: string;
 }
 
-declare const ProgressBar: React$1.ForwardRefExoticComponent<ProgressBarProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
 
 interface InputMessage {
     /** The description to display below the input. */
@@ -341,29 +333,29 @@ interface TextInputProps extends Omit<AriaTextFieldProps, "validationState" | "i
     /** Whether the input is read only. */
     readOnly?: boolean;
     /** The style object to apply to the input element */
-    inputStyle?: React$1.CSSProperties;
+    inputStyle?: React.CSSProperties;
     /** The class name to apply to the input element */
     inputClassName?: string;
 }
 
-declare const TextInput: React$1.ForwardRefExoticComponent<TextInputProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
 
-interface ReactionProps extends Omit<AriaSwitchProps & ToggleProps, "validationState" | "isRequired" | "children" | "isInvalid">, StylingProps {
+interface ReactionProps extends Omit<AriaSwitchProps & ToggleProps, "validationState" | "isRequired" | "children" | "isInvalid" | "validationBehavior" | "validate" | "onKeyUp">, StylingProps {
     /** The size of the reaction. */
-    size?: "small" | "medium";
+    size?: "sm" | "md";
     /** The number of reactions. */
     count: number;
     /** The icon to render. */
-    icon?: React$1.FC<IconProps>;
+    icon?: React.FC<IconProps>;
 }
 
-declare const Reaction: React$1.ForwardRefExoticComponent<ReactionProps & React$1.RefAttributes<HTMLLabelElement>>;
+declare const Reaction: React.ForwardRefExoticComponent<ReactionProps & React.RefAttributes<HTMLLabelElement>>;
 
 interface TooltipProps extends TooltipTriggerProps, AriaTooltipProps, Omit<AriaPositionProps, "overlayRef" | "targetRef" | "maxHeight" | "isOpen" | "arrowSize"> {
     /** The content of the tooltip. */
     text?: string;
     /** The tooltip trigger element. */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /**
      * The delay time for the tooltip to show up.
      *
@@ -378,14 +370,14 @@ interface TooltipProps extends TooltipTriggerProps, AriaTooltipProps, Omit<AriaP
     closeDelay?: number;
 }
 
-declare const Tooltip: React$1.ForwardRefExoticComponent<TooltipProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
 
 interface PortalProps extends OverlayProps {
     /** The `className` property assigned to the root element of the component. */
     className?: string;
 }
 
-declare const Portal: React$1.ForwardRefExoticComponent<PortalProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;
 
 interface ProgressSpinnerProps extends Omit<AriaProgressBarProps, "value" | "isIndeterminate" | "formatOptions" | "maxValue" | "minValue" | "valueLabel">, StylingProps {
     /**
@@ -402,11 +394,11 @@ interface ProgressSpinnerProps extends Omit<AriaProgressBarProps, "value" | "isI
     variant?: "active" | "inactive" | "success" | "error";
 }
 
-declare const ProgressSpinner: React$1.ForwardRefExoticComponent<ProgressSpinnerProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ProgressSpinner: React.ForwardRefExoticComponent<ProgressSpinnerProps & React.RefAttributes<HTMLDivElement>>;
 
 interface ActionIconButtonProps extends ActionButtonSharedProps {
     /** The icon to display */
-    icon: React$1.FC<IconProps>;
+    icon: React.FC<IconProps>;
     /**
      * The size of the icon button.
      *
@@ -421,13 +413,13 @@ interface ActionIconButtonProps extends ActionButtonSharedProps {
     variant?: "primary" | "secondary" | "tertiary";
 }
 
-declare const ActionIconButton: React$1.ForwardRefExoticComponent<ActionIconButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ActionIconButton: React.ForwardRefExoticComponent<ActionIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-interface ToggleButtonProps extends StylingProps, Omit<AriaToggleButtonProps, "type" | "elementType"> {
+interface ToggleButtonProps extends StylingProps, Omit<AriaToggleButtonProps, "children"> {
     /** The text content of the button. */
-    label: string;
+    label: React.ReactNode;
     /** The icon to display before the label. */
-    iconStart?: React$1.FC<SVGRProps>;
+    iconStart?: React.FC<SVGRProps>;
     /**
      * In case the button is being used as a trigger for a popover, this prop will
      * determine the direction of caret in which the popover will be displayed.
@@ -443,7 +435,7 @@ interface ToggleButtonProps extends StylingProps, Omit<AriaToggleButtonProps, "t
     size?: "md" | "lg";
 }
 
-declare const ToggleButton: React$1.ForwardRefExoticComponent<ToggleButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
 interface CheckboxProps extends AriaCheckboxProps, Omit<ToggleProps, "children">, StylingProps {
     /** The checkbox's label. */
@@ -456,7 +448,7 @@ interface CheckboxProps extends AriaCheckboxProps, Omit<ToggleProps, "children">
     labelPosition?: "start" | "end";
 }
 
-declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLLabelElement>>;
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;
 
 type Excluded = "isDisabled" | "isReadOnly" | "isRequired" | "locale" | "validationState" | "label" | "formatOptions" | "isInvalid";
 interface PaginationProps extends Omit<AriaNumberFieldProps, Excluded>, Omit<NumberFieldStateOptions, Excluded>, StylingProps {
@@ -478,34 +470,34 @@ interface PaginationProps extends Omit<AriaNumberFieldProps, Excluded>, Omit<Num
     size?: "xs" | "sm" | "md" | "lg";
 }
 
-declare const Pagination: React$1.ForwardRefExoticComponent<PaginationProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
 
 interface I18nProviderProps extends I18nProviderProps$1 {
     /** The messages to use for internationalization. */
     messages?: LocalizedStrings;
 }
 
-declare const I18nProvider: React$1.FC<I18nProviderProps>;
+declare const I18nProvider: React.FC<I18nProviderProps>;
 
 type NumberFormatProps = Parameters<typeof useNumberFormatter>[0] & {
     /** The number to format. */
     value: number;
 };
 
-declare const NumberFormat: React$1.FC<NumberFormatProps>;
+declare const NumberFormat: React.FC<NumberFormatProps>;
 
 type DateFormatProps = Parameters<typeof useDateFormatter>[0] & {
     /** The date to format. */
     date: Date;
 };
 
-declare const DateFormat: React$1.FC<DateFormatProps>;
+declare const DateFormat: React.FC<DateFormatProps>;
 
 type Item = {
     id: string;
     label: string;
     variant?: "neutral" | "red" | "green" | "blue" | "high-contrast";
-    icon?: React$1.FC<SVGRProps>;
+    icon?: React.FC<SVGRProps>;
 };
 interface TagGroupProps extends StylingProps, Omit<AriaTagGroupProps<Item>, "children" | "errorMessage" | "description">, Omit<ListProps<Item>, "children" | "collection" | "filter"> {
     /**
@@ -525,7 +517,7 @@ interface TagGroupProps extends StylingProps, Omit<AriaTagGroupProps<Item>, "chi
     "aria-label": string;
 }
 
-declare const TagGroup: React$1.ForwardRefExoticComponent<TagGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TagGroup: React.ForwardRefExoticComponent<TagGroupProps & React.RefAttributes<HTMLDivElement>>;
 
 interface AccordionProps extends StylingProps {
     /**
@@ -539,7 +531,7 @@ interface AccordionProps extends StylingProps {
     /** This callback is called when the expanded state of the accordion changes. */
     onChange?: (value: Set<Key>) => void;
     /** The children of the accordion. Each child should be an `AccordionItem`. */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /** The keys of the items that should be expanded by default. */
     defaultExpandedKeys?: Set<Key>;
     /**
@@ -584,7 +576,7 @@ interface AccordionItemProps extends StylingProps {
      */
     showActionsOnTriggerOnly?: boolean;
     /** The content of the accordion item. */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /** The key of the accordion item. */
     value: Key;
     /**
@@ -594,15 +586,15 @@ interface AccordionItemProps extends StylingProps {
     subLabel?: string;
 }
 
-declare const Accordion: React$1.ForwardRefExoticComponent<AccordionProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
 
-declare const AccordionItem: React$1.ForwardRefExoticComponent<AccordionItemProps & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLHeadingElement>>;
 
 type ListOption = {
     id: string;
     label: string;
     description?: string;
-    icon?: React$1.FC<IconProps>;
+    icon?: React.FC<IconProps>;
     /**
      * The type of item.
      *
@@ -646,7 +638,7 @@ interface ListBoxProps extends StylingProps, AriaListBoxOptions<ListItem>, Omit<
      * @param options [OptionAria]()
      * @param ref React.RefObject<HTMLLIElement>
      */
-    renderOption?: (item: Node$1<ListItem>, options: OptionAria, ref: React$1.RefObject<HTMLLIElement>) => React$1.ReactNode;
+    renderOption?: (item: Node$1<ListItem>, options: OptionAria, ref: React.RefObject<HTMLLIElement>) => React.ReactNode;
     /** Whether to show the selected checkmark icon. */
     showSelectedIcon?: boolean;
     /** The label for the listbox. */
@@ -689,9 +681,9 @@ interface SelectProps extends Omit<AriaSelectOptions<ListItem>, "validationState
     isReadOnly?: boolean;
 }
 
-declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
 
-declare const ListBox: React$1.ForwardRefExoticComponent<ListBoxProps & React$1.RefAttributes<HTMLUListElement>>;
+declare const ListBox: React.ForwardRefExoticComponent<ListBoxProps & React.RefAttributes<HTMLUListElement>>;
 
 interface AvatarProps extends StylingProps {
     /**
@@ -704,7 +696,7 @@ interface AvatarProps extends StylingProps {
      * The icon to display. This icon has to be imported from the
      * `@baseline-ui/icons` package.
      */
-    icon?: React$1.FC<SVGRProps>;
+    icon?: React.FC<SVGRProps>;
     /** The name of the user. */
     name: string;
     /** The URL of the image to display. */
@@ -722,11 +714,11 @@ interface AvatarProps extends StylingProps {
     hasNotifications?: boolean;
 }
 
-declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
 
-type ItemProps = React$1.ComponentProps<typeof Item$2> & StylingProps & {
+type ItemProps = React.ComponentProps<typeof Item$2> & StylingProps & {
     key?: Key;
-    icon?: React$1.FC<SVGRProps>;
+    icon?: React.FC<SVGRProps>;
     value?: string;
     title?: string;
 };
@@ -745,7 +737,7 @@ type TabsProps = Omit<StylingProps & AriaTabListProps<ItemProps>, "orientation"
      * </Tabs>;
      * ```
      */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /**
      * The key of the tab that needs to be removed.
      *
@@ -765,30 +757,30 @@ type TabsProps = Omit<StylingProps & AriaTabListProps<ItemProps>, "orientation"
     /** The className to apply to the tab header container. */
     tabHeaderClassName?: string;
     /** The style to apply to the tab header container. */
-    tabHeaderStyle?: React$1.CSSProperties;
+    tabHeaderStyle?: React.CSSProperties;
 };
 type TabItemProps = StylingProps & {
     /** The title of the tab. This will be displayed in the tab button. */
     title: string;
     /** The icon to display in front of the title. */
-    icon?: React$1.FC<SVGRProps>;
+    icon?: React.FC<SVGRProps>;
     /** The value of the tab. This will be used to identify the tab. */
     value: string;
 };
 
-declare const Tabs: React$1.ForwardRefExoticComponent<Omit<StylingProps & react_aria.AriaTabListProps<ItemProps>, "children" | "orientation" | "items" | "disabledKeys" | "selectedKey" | "defaultSelectedKey"> & {
-    children: React$1.ReactNode;
-    onRemove?: ((key: React$1.Key) => void) | undefined;
+declare const Tabs: React.ForwardRefExoticComponent<Omit<StylingProps & react_aria.AriaTabListProps<ItemProps>, "children" | "orientation" | "items" | "disabledKeys" | "selectedKey" | "defaultSelectedKey"> & {
+    children: React.ReactNode;
+    onRemove?: ((key: React.Key) => void) | undefined;
     selectedValue?: string | undefined;
     defaultSelectedValue?: string | undefined;
-    disabledValues?: Set<React$1.Key> | undefined;
+    disabledValues?: Set<React.Key> | undefined;
     actions?: Omit<ActionIconButtonProps, "size" | "variant">[] | undefined;
     variant?: "primary" | "ghost" | undefined;
     tabHeaderClassName?: string | undefined;
-    tabHeaderStyle?: React$1.CSSProperties | undefined;
-} & React$1.RefAttributes<HTMLDivElement>>;
+    tabHeaderStyle?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 
-declare const TabItem: React$1.FC<TabItemProps>;
+declare const TabItem: React.FC<TabItemProps>;
 
 interface InlineAlertProps extends StylingProps {
     /**
@@ -828,7 +820,7 @@ interface InlineAlertProps extends StylingProps {
     size?: "sm" | "md";
 }
 
-declare const InlineAlert: React$1.ForwardRefExoticComponent<InlineAlertProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const InlineAlert: React.ForwardRefExoticComponent<InlineAlertProps & React.RefAttributes<HTMLDivElement>>;
 
 interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired"> {
     /**
@@ -855,11 +847,11 @@ interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "val
     errorMessage?: string;
 }
 
-declare const NumberInput: React$1.ForwardRefExoticComponent<NumberInputProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLDivElement>>;
 
 interface DialogProps extends AriaDialogProps, StylingProps {
     /** The children to render. */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /**
      * The size of the dialog. This defines the max width of the dialog.
      *
@@ -875,12 +867,12 @@ interface DialogProps extends AriaDialogProps, StylingProps {
 }
 interface DialogTitleProps extends StylingProps {
     /** The children to render. */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
 }
 
-declare const Dialog: React$1.ForwardRefExoticComponent<DialogProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDivElement>>;
 
-declare const DialogTitle: React$1.ForwardRefExoticComponent<DialogTitleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLDivElement>>;
 
 interface ColorPreset {
     label: string;
@@ -923,9 +915,9 @@ interface ColorInputProps extends OverlayTriggerProps, StylingProps, Pick<ColorF
     labelPosition?: "top" | "start";
 }
 
-declare const ColorInput: React$1.ForwardRefExoticComponent<ColorInputProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<HTMLDivElement>>;
 
-declare const ColorSwatch: React$1.FC<ColorSwatchProps>;
+declare const ColorSwatch: React.FC<ColorSwatchProps>;
 interface ColorSwatchProps {
     color?: string;
     isFocusVisible?: boolean;
@@ -938,11 +930,11 @@ interface FreehandCanvasProps extends StylingProps, AriaLabelingProps {
     /** The className applicable to the SVG canvas. */
     canvasClassName?: string;
     /** The style applicable to the SVG canvas. */
-    canvasStyle?: React$1.CSSProperties;
+    canvasStyle?: React.CSSProperties;
     /** The className applicable to the footer. */
     footerClassName?: string;
     /** The style applicable to the footer. */
-    footerStyle?: React$1.CSSProperties;
+    footerStyle?: React.CSSProperties;
     /**
      * How much to soften the stroke's edges.
      *
@@ -1037,9 +1029,9 @@ interface FreehandCanvasProps extends StylingProps, AriaLabelingProps {
     description?: string;
 }
 
-declare const FreehandCanvas: React$1.ForwardRefExoticComponent<FreehandCanvasProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const FreehandCanvas: React.ForwardRefExoticComponent<FreehandCanvasProps & React.RefAttributes<HTMLDivElement>>;
 
-type TextProps<T extends keyof React$1.JSX.IntrinsicElements = "span"> = StylingProps & React$1.ComponentProps<T> & {
+type TextProps<T extends keyof React.JSX.IntrinsicElements = "span"> = StylingProps & React.ComponentProps<T> & {
     /**
      * The type of text to render.
      *
@@ -1053,26 +1045,26 @@ type TextProps<T extends keyof React$1.JSX.IntrinsicElements = "span"> = Styling
      */
     size?: "sm" | "md" | "lg";
     /** The text to render. Can be a string or a number. */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /**
      * The HTML element to render.
      *
      * @default "span"
      */
-    elementType?: React$1.ElementType;
+    elementType?: React.ElementType;
 };
 
-declare const Text: React$1.ForwardRefExoticComponent<Pick<TextProps, "color" | "size" | "content" | "translate" | "hidden" | "style" | "placeholder" | "children" | "elementType" | "className" | "data-blockid" | "slot" | "title" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "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-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "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" | "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" | "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"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Text: React.ForwardRefExoticComponent<Pick<TextProps, "color" | "size" | "content" | "translate" | "hidden" | "style" | "onKeyUp" | "rel" | "children" | "autoFocus" | "onFocus" | "onBlur" | "onKeyDown" | "elementType" | "aria-expanded" | "aria-haspopup" | "aria-controls" | "aria-pressed" | "type" | "id" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-details" | "slot" | "title" | "className" | "data-blockid" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "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-current" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "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-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" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "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" | "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"> & React.RefAttributes<HTMLDivElement>>;
 
 type TransformProps = {
     /** The `className` property assigned to the root element of the component. */
     className?: string;
     /** The `style` property assigned to the root element of the component. */
-    style?: React$1.CSSProperties;
+    style?: React.CSSProperties;
     /** The children to render. */
     children: (options: {
-        style: React$1.CSSProperties;
-    }) => React$1.ReactNode;
+        style: React.CSSProperties;
+    }) => React.ReactNode;
     /** Whether the transform is draggable. */
     isDraggable?: boolean;
     /** Whether the transform is resizable. */
@@ -1108,7 +1100,7 @@ type TransformProps = {
     /** A callback that will be called when the target is snapped. */
     onSnap?: (e: OnSnap) => void;
     /** A callback that will be called when the child is double clicked. */
-    onDoubleClick?: (e: React$1.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onDoubleClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     /** A list of selectors relative to which the guidelines will be rendered. */
     elementGuidelines?: string[];
     /**
@@ -1143,9 +1135,9 @@ type TransformProps = {
     /** Whether the transform should be updated automatically. */
     autoUpdate?: boolean;
     /** The element ref, selector or element to which the transform will be bound. */
-    bound?: React$1.RefObject<HTMLElement> | string | HTMLElement;
+    bound?: React.RefObject<HTMLElement> | string | HTMLElement;
     /** The element ref, selector or element that is it's scrollable ancestor. */
-    scrollableAncestor?: React$1.RefObject<HTMLElement> | string | HTMLElement;
+    scrollableAncestor?: React.RefObject<HTMLElement> | string | HTMLElement;
     /**
      * Whether to prevent bubbling of events like mousedown, touchstart, etc.
      *
@@ -1166,7 +1158,7 @@ type TransformProps = {
     transformOrigin?: Array<string | number> | string | "";
 };
 
-declare const Transform: React$1.ForwardRefExoticComponent<TransformProps & React$1.RefAttributes<HTMLDivElement>>;
+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 {
     /**
@@ -1201,7 +1193,7 @@ interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "vari
     isInline?: boolean;
 }
 
-declare const ImageDropZone: React$1.ForwardRefExoticComponent<ImageDropZoneProps & React$1.RefAttributes<HTMLLabelElement>>;
+declare const ImageDropZone: React.ForwardRefExoticComponent<ImageDropZoneProps & React.RefAttributes<HTMLLabelElement>>;
 
 interface PreviewProps extends StylingProps, AriaLabelingProps {
     /**
@@ -1219,7 +1211,7 @@ interface PreviewProps extends StylingProps, AriaLabelingProps {
     /** The alt text for the image. */
     imageAlt?: string;
     /** The SVG to display in the preview. This can be a React element or a string. */
-    svgSrc?: string | React$1.ReactElement;
+    svgSrc?: string | React.ReactElement;
     /** Whether the preview should be disabled or not. */
     isDisabled?: boolean;
     /**
@@ -1231,10 +1223,16 @@ interface PreviewProps extends StylingProps, AriaLabelingProps {
     /** The text to display in the preview. */
     textValue?: string;
     /** The style of the text. */
-    textStyle?: React$1.CSSProperties;
+    textStyle?: React.CSSProperties;
+    /**
+     * This is fired when the `actionButtons` are not passed and you trigger a
+     * `click` event on the preview. In case you have passed `actionButtons`, this
+     * is not fired as focus shifts to the action buttons.
+     */
+    onPress?: PressProps["onPress"];
 }
 
-declare const Preview: React$1.ForwardRefExoticComponent<PreviewProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Preview: React.ForwardRefExoticComponent<PreviewProps & React.RefAttributes<HTMLDivElement>>;
 
 interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "description" | "errorMessage" | "isRequired"> {
     /**
@@ -1280,11 +1278,11 @@ interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "descr
         isHovered: boolean;
         isDisabled: boolean;
         optionLabelPosition: "start" | "end";
-    }) => React$1.ReactNode;
+    }) => React.ReactNode;
     /** The class name for the group container. */
     groupContainerClassName?: string;
     /** The style for the group container. */
-    groupContainerStyle?: React$1.CSSProperties;
+    groupContainerStyle?: React.CSSProperties;
     /** The ids of the items that are disabled. */
     disabledValues?: string[];
     /**
@@ -1296,26 +1294,26 @@ interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "descr
     /** The className applicable to the label. */
     labelClassName?: string;
     /** The style applicable to the label. */
-    labelStyle?: React$1.CSSProperties;
+    labelStyle?: React.CSSProperties;
 }
 
-declare const RadioGroup: React$1.ForwardRefExoticComponent<RadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 
 interface ModalProps extends OverlayTriggerProps {
 }
 interface ModalContentProps extends AriaModalOverlayProps, StylingProps {
-    children: React$1.ReactNode | ((props: {
+    children: React.ReactNode | ((props: {
         close: () => void;
-    }) => React$1.ReactNode);
+    }) => React.ReactNode);
 }
 
-declare const Modal: React$1.FC<ModalProps>;
+declare const Modal: React.FC<ModalProps>;
 
-declare const ModalContent: React$1.FC<ModalContentProps>;
+declare const ModalContent: React.FC<ModalContentProps>;
 
-declare const ModalTrigger: React$1.FC;
+declare const ModalTrigger: React.FC;
 
-declare const ModalClose: React$1.FC;
+declare const ModalClose: React.FC;
 
 interface MessageFormatProps {
     /**
@@ -1324,16 +1322,14 @@ interface MessageFormatProps {
      * it with another React element (recommended), specify a different tagName
      * (e.g., 'div')
      */
-    elementType?: React$1.ElementType | "div" | "span";
+    elementType?: React.ElementType | "div" | "span";
     /** The id of the message to format. */
     id: string;
     /** The default message to use if the message id is not found. */
     defaultMessage?: string;
-    /** The values to use for formatting the message. */
-    values?: Record<string, string | number | boolean | null | undefined>;
 }
 
-declare const MessageFormat: React$1.FC<MessageFormatProps>;
+declare const MessageFormat: React.FC<MessageFormatProps>;
 
 interface GroupProps extends StylingProps, AriaLabelingProps {
     /**
@@ -1352,7 +1348,19 @@ interface GroupProps extends StylingProps, AriaLabelingProps {
     children: React.ReactNode;
 }
 
-declare const Group: React$1.ForwardRefExoticComponent<GroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Group: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;
+
+type SprinkleProps = Parameters<Sprinkles>[0];
+interface BoxProps extends Pick<StylingProps, "data-blockid">, Omit<React.ComponentPropsWithoutRef<"div">, "color">, SprinkleProps {
+    /**
+     * The HTML element to use for the box.
+     *
+     * @default "div"
+     */
+    elementType?: string;
+}
+
+declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
@@ -1390,9 +1398,9 @@ declare const Group: React$1.ForwardRefExoticComponent<GroupProps & React$1.RefA
  */
 declare function useIntersectionObserver({ ref, onIntersect, isDisabled, threshold, rootMargin, root, }: IntersectionObserverOptions): void;
 interface IntersectionObserverOptions {
-    ref: React$1.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement>;
     onIntersect: (entry: IntersectionObserverEntry) => void;
-    root?: React$1.RefObject<HTMLElement>;
+    root?: React.RefObject<HTMLElement>;
     rootMargin?: string;
     threshold?: number;
     isDisabled?: boolean;
@@ -1431,7 +1439,7 @@ declare function useResizeObserver({ ref, onResize, isDisabled, }: ResizeObserve
     } | undefined;
 };
 interface ResizeObserverOptions {
-    ref: React$1.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement>;
     onResize?: (entry: ResizeObserverEntry) => void;
     isDisabled?: boolean;
 }
@@ -1621,18 +1629,6 @@ declare function defineMessages<T extends LocalizedStrings[keyof LocalizedString
  */
 declare function useMutationObserver(target: Element | null, options: MutationObserverInit, callback: MutationCallback): MutationObserver | null;
 
-/**
- * Returns the current window size. This is a custom hook that uses the
- * `window.addEventListener` API to listen for window resize events. It returns
- * the current window size as an object with `width` and `height` properties.
- *
- * @returns The current window size.
- */
-declare function useWindowSize(): {
-    width: number;
-    height: number;
-};
-
 type SetValue<T> = (value: T | ((val: T) => T)) => void;
 /**
  * A hook to persist a value to localStorage.
@@ -1653,4 +1649,33 @@ type SetValue<T> = (value: T | ((val: T) => T)) => void;
  */
 declare function useLocalStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
 
-export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionButton, ActionButtonProps, ActionIconButton, ActionIconButtonProps, Avatar, AvatarProps, BlockProps, Checkbox, CheckboxProps, ColorInput, ColorInputProps, ColorPreset, ColorSwatch, DateFormat, DateFormatProps, Dialog, DialogProps, DialogTitle, DialogTitleProps, DomNodeRenderer, DomNodeRendererProps, FileUpload, FileUploadProps, FreehandCanvas, FreehandCanvasProps, Group, GroupProps, I18nProvider, I18nResult, ImageDropZone, ImageDropZoneProps, InlineAlert, InlineAlertProps, Link, LinkProps, ListBox, ListBoxProps, ListOption, Menu, MenuProps, MessageDescriptor, MessageFormat, MessageFormatProps, Modal, ModalClose, ModalContent, ModalContentProps, ModalProps, ModalTrigger, NumberFormat, NumberFormatProps, NumberInput, NumberInputProps, Pagination, PaginationProps, Portal, PortalProps, Preview, PreviewProps, ProgressBar, ProgressBarProps, ProgressSpinner, ProgressSpinnerProps, RadioGroup, RadioGroupProps, Reaction, ReactionProps, SearchInput, SearchInputProps, Select, SelectProps, Separator, SeparatorProps, Slider, SliderProps, StylingProps, Switch, SwitchProps, TabItem, TabItemProps, Tabs, TabsProps, TagGroup, TagGroupProps, Text, TextInput, TextInputProps, TextProps, ThemeProvider, ThemeProviderProps, ToggleButton, ToggleButtonProps, Tooltip, TooltipProps, Transform, TransformProps, assignInlineTheme, defineMessages, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useUndoRedo, useUserPreferences, useWindowSize };
+/**
+ * A hook that provides text selection functionality for a given HTML element.
+ *
+ * ```jsx
+ * function MyComponent() {
+ *   const ref = useRef();
+ *   const [selection, setSelection] = useState();
+ *
+ *   useTextSelection({
+ *     ref,
+ *     onSelectionChange: setSelection,
+ *   });
+ *
+ *   return (
+ *     <div ref={ref}>
+ *       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function useTextSelection({ ref, onSelectionChange, onSelectionEnd, isDisabled, }: TextSelectionProps): void;
+interface TextSelectionProps {
+    ref: React.RefObject<HTMLElement>;
+    onSelectionChange: (selection: Selection) => void;
+    onSelectionEnd?: (selection: Selection) => void;
+    isDisabled?: boolean;
+}
+
+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, ColorSwatch, DateFormat, type DateFormatProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, Group, type GroupProps, I18nProvider, type I18nResult, 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, 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, Tooltip, type TooltipProps, Transform, type TransformProps, defineMessages, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };