@baseline-ui/core 0.2.0 → 0.3.0

package/dist/index.d.mts

@@ -1,7 +1,7 @@
-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, Sprinkles } from '@baseline-ui/tokens';
@@ -19,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 {
     /**
@@ -38,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.
      *
@@ -51,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. */
@@ -65,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"> {
     /**
@@ -90,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. */
@@ -104,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 {
     /**
@@ -123,7 +117,7 @@ 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 {
     /**
@@ -135,7 +129,7 @@ interface ThemeProviderProps extends StylingProps {
      */
     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.
@@ -143,7 +137,7 @@ interface ThemeProviderProps extends StylingProps {
     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
@@ -174,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 = {
@@ -228,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<HTMLElement>>;
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
 
 interface SharedFileUploadProps extends StylingProps {
     /** Whether the component is inlined. */
@@ -258,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.
@@ -272,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 {
     /**
@@ -288,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. */
@@ -311,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. */
@@ -339,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.
      *
@@ -376,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 {
     /**
@@ -400,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.
      *
@@ -419,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.
@@ -441,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. */
@@ -454,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 {
@@ -476,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"> {
     /**
@@ -523,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 {
     /**
@@ -537,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>;
     /**
@@ -582,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;
     /**
@@ -592,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.
      *
@@ -644,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. */
@@ -687,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 {
     /**
@@ -702,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. */
@@ -720,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;
 };
@@ -743,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.
      *
@@ -763,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 {
     /**
@@ -826,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"> {
     /**
@@ -853,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.
      *
@@ -873,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;
@@ -921,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;
@@ -936,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.
      *
@@ -1035,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.
      *
@@ -1051,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" | "children" | "elementType" | "className" | "data-blockid" | "slot" | "title" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "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. */
@@ -1106,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[];
     /**
@@ -1141,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.
      *
@@ -1164,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 {
     /**
@@ -1199,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 {
     /**
@@ -1217,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;
     /**
@@ -1229,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"> {
     /**
@@ -1278,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[];
     /**
@@ -1294,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 {
     /**
@@ -1322,14 +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;
 }
 
-declare const MessageFormat: React$1.FC<MessageFormatProps>;
+declare const MessageFormat: React.FC<MessageFormatProps>;
 
 interface GroupProps extends StylingProps, AriaLabelingProps {
     /**
@@ -1348,10 +1348,10 @@ 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$1.ComponentPropsWithoutRef<"div">, "color">, SprinkleProps {
+interface BoxProps extends Pick<StylingProps, "data-blockid">, Omit<React.ComponentPropsWithoutRef<"div">, "color">, SprinkleProps {
     /**
      * The HTML element to use for the box.
      *
@@ -1360,7 +1360,7 @@ interface BoxProps extends Pick<StylingProps, "data-blockid">, Omit<React$1.Comp
     elementType?: string;
 }
 
-declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
 
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
@@ -1398,9 +1398,9 @@ declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttri
  */
 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;
@@ -1439,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;
 }
@@ -1672,7 +1672,7 @@ declare function useLocalStorage<T>(key: string, initialValue: T): [T, SetValue<
  */
 declare function useTextSelection({ ref, onSelectionChange, onSelectionEnd, isDisabled, }: TextSelectionProps): void;
 interface TextSelectionProps {
-    ref: React$1.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement>;
     onSelectionChange: (selection: Selection) => void;
     onSelectionEnd?: (selection: Selection) => void;
     isDisabled?: boolean;