@baseline-ui/core 0.29.3 → 0.31.0

package/dist/index.d.ts

@@ -1,7 +1,8 @@
-import React, { AriaRole, Key, Dispatch, SetStateAction } from 'react';
+import * as React from 'react';
+import React__default, { AriaRole, Key, ReactNode, Dispatch, SetStateAction } from 'react';
 import { IconProps, SVGRProps } from '@baseline-ui/icons';
 import * as react_stately from 'react-stately';
-import { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, OverlayTriggerProps, OverlayTriggerState, TooltipTriggerProps, SliderStateOptions, ToggleProps, MenuTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$2, Selection as Selection$1, ComboBoxStateOptions, Node as Node$2 } from 'react-stately';
+import { DraggableCollectionStateOptions, DroppableCollectionStateOptions, Orientation, ListState, OverlayTriggerProps, OverlayTriggerState, TooltipTriggerProps, SliderStateOptions, ToggleProps, MenuTriggerProps, NumberFieldStateOptions, ListProps, SelectStateOptions, Item as Item$2, Selection as Selection$1, ComboBoxStateOptions, Node as Node$2, TreeProps } from 'react-stately';
 import * as react_aria from 'react-aria';
 import { DraggableCollectionOptions, DroppableCollectionOptions, AriaListBoxProps, AriaListBoxOptions, OptionAria, AriaButtonProps, AriaPopoverProps, useOverlayTrigger, AriaTooltipProps, AriaPositionProps, AriaSliderProps, AriaSwitchProps, AriaSearchFieldProps, AriaMenuProps, AriaMenuTriggerProps, AriaLinkOptions, SeparatorProps as SeparatorProps$1, AriaProgressBarProps, AriaTextFieldProps, OverlayProps, AriaToggleButtonProps, AriaCheckboxProps, AriaNumberFieldProps, I18nProviderProps as I18nProviderProps$1, LocalizedStrings, useNumberFormatter, useDateFormatter, AriaTagGroupProps, AriaSelectOptions, Key as Key$1, AriaDialogProps, DropOptions, ClipboardProps, PressProps, AriaRadioGroupProps, AriaModalOverlayProps, AriaComboBoxOptions, AriaComboBoxProps, AriaGridListOptions, GridListItemAria, Locale } from 'react-aria';
 export { I18nProviderProps, useCollator, useDateFormatter, useNumberFormatter } from 'react-aria';
@@ -15,18 +16,21 @@ import { AriaToolbarProps } from '@react-aria/toolbar';
 import { UseTransitionProps } from '@react-spring/core';
 import { AriaColorSwatchProps } from '@react-aria/color';
 import { AriaActionGroupProps } from '@react-aria/actiongroup';
+import { TreeItem } from 'react-complex-tree';
+import { PanelProps as PanelProps$1, PanelGroupProps as PanelGroupProps$1, PanelResizeHandleProps as PanelResizeHandleProps$1, ImperativePanelGroupHandle as ImperativePanelGroupHandle$1, ImperativePanelHandle as ImperativePanelHandle$1 } from 'react-resizable-panels';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ListOption<T = Record<string, any>> {
     id: string;
     label: string;
     description?: string;
-    icon?: React.FC<IconProps>;
+    icon?: React__default.FC<IconProps>;
     data?: T;
 }
-interface ListSection {
+interface ListSection<T = Record<string, any>> {
     id: string;
     title?: string;
-    children: ListOption[];
+    children: ListOption<T>[];
 }
 declare type ListItem = ListOption | ListSection;
 
@@ -73,7 +77,7 @@ interface StylingProps extends BlockProps {
     /** The className applied to the root element of the component. */
     className?: string;
     /** The style applied to the root element of the component. */
-    style?: React.CSSProperties;
+    style?: React__default.CSSProperties;
 }
 interface Rect {
     /** The left position of the rectangle. */
@@ -136,42 +140,42 @@ interface ListBoxProps extends StylingProps, Omit<AriaListBoxProps<ListItem> & A
     renderOption?: (item: Node$1<ListItem>, options: OptionAria & {
         showSelectedIcon?: boolean;
         _state: ListState<ListItem>;
-    }, ref: React.Ref<HTMLLIElement>) => React.ReactNode;
+    }, ref: React__default.Ref<HTMLLIElement>) => React__default.ReactNode;
     /** Renders the drop indicator component. */
     renderDropIndicator?: (options: {
-        dropIndicatorProps: React.HTMLAttributes<HTMLLIElement>;
+        dropIndicatorProps: React__default.HTMLAttributes<HTMLLIElement>;
         isDropTarget: boolean;
         isHidden: boolean;
         orientation: Orientation;
-    }, ref: React.RefObject<HTMLLIElement>) => React.ReactNode;
+    }, ref: React__default.RefObject<HTMLLIElement>) => React__default.ReactNode;
     /**
      * The custom render function for the drag preview. This can be used to render
      * a custom drag preview when dragging items.
      */
-    renderDragPreview?: (items: DragItem[]) => React.ReactNode;
+    renderDragPreview?: (items: DragItem[]) => React__default.ReactNode;
     /**
      * The custom render function for the listbox sections.
      *
      * @param section ListSection
      * @param ref React.RefObject<HTMLDivElement>
      */
-    renderSectionHeader?: (section: Node$1<ListItem>, ref: React.Ref<HTMLSpanElement>) => React.ReactNode;
+    renderSectionHeader?: (section: Node$1<ListItem>, ref: React__default.Ref<HTMLSpanElement>) => React__default.ReactNode;
     /** Whether to show the selected checkmark icon. */
     showSelectedIcon?: boolean;
     /** The label for the listbox. */
-    label?: React.ReactNode;
+    label?: React__default.ReactNode;
     /** The CSS class name for the drop indicator. */
     dropIndicatorClassName?: string;
     /** The style of the drop indicator used in a component. */
-    dropIndicatorStyle?: React.CSSProperties;
+    dropIndicatorStyle?: React__default.CSSProperties;
     /** The CSS class name for the option. */
     optionClassName?: string | ((item: ListOption) => string | undefined);
     /** The CSS class name for the section. */
     sectionClassName?: string | ((item: ListSection) => string | undefined);
     /** The style of the option. */
-    optionStyle?: React.CSSProperties | ((item: ListOption) => React.CSSProperties | undefined);
+    optionStyle?: React__default.CSSProperties | ((item: ListOption) => React__default.CSSProperties | undefined);
     /** The style of the section. */
-    sectionStyle?: React.CSSProperties | ((item: ListSection) => React.CSSProperties | undefined);
+    sectionStyle?: React__default.CSSProperties | ((item: ListSection) => React__default.CSSProperties | undefined);
     /**
      * Whether to show each section title when provided.
      *
@@ -185,10 +189,10 @@ interface ListBoxProps extends StylingProps, Omit<AriaListBoxProps<ListItem> & A
      */
     withSectionHeaderPadding?: boolean;
     /** Handle to access the listbox methods. */
-    listBoxHandle?: React.RefObject<ListBoxHandle>;
+    listBoxHandle?: React__default.RefObject<ListBoxHandle>;
 }
 
-declare const ListBox: React.ForwardRefExoticComponent<ListBoxProps & React.RefAttributes<HTMLUListElement>>;
+declare const ListBox: React__default.ForwardRefExoticComponent<ListBoxProps & React__default.RefAttributes<HTMLUListElement>>;
 
 declare type UIStateOptions<T extends {
     isSelected?: boolean;
@@ -203,7 +207,7 @@ interface StylingWithUIState<T = object> {
     /** The button's class name. */
     className?: string | ((props: UIStateOptions<T>) => string);
     /** The button's style. */
-    style?: React.CSSProperties | ((props: UIStateOptions<T>) => React.CSSProperties);
+    style?: React__default.CSSProperties | ((props: UIStateOptions<T>) => React__default.CSSProperties);
 }
 interface ActionButtonSharedProps extends Omit<AriaButtonProps<"button" | "div">, "rel" | "href" | "target" | "children">, Omit<StylingProps, "className" | "style">, StylingWithUIState {
     /**
@@ -224,11 +228,11 @@ interface ActionButtonProps extends ActionButtonSharedProps {
      */
     variant?: "primary" | "secondary" | "tertiary" | "ghost" | "popover" | "toolbar" | "success" | "warning" | "error";
     /** The button's label. */
-    label: React.ReactNode;
+    label: React__default.ReactNode;
     /** The button's icon before the label. */
-    iconStart?: React.FC<IconProps>;
+    iconStart?: React__default.FC<IconProps>;
     /** The button's icon after the label. */
-    iconEnd?: React.FC<IconProps>;
+    iconEnd?: React__default.FC<IconProps>;
     /**
      * The button's size.
      *
@@ -239,7 +243,7 @@ interface ActionButtonProps extends ActionButtonSharedProps {
     preventFocusOnPress?: boolean;
 }
 
-declare const ActionButton: React.ForwardRefExoticComponent<ActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ActionButton: React__default.ForwardRefExoticComponent<ActionButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 interface DomNodeRendererProps extends StylingProps, Omit<PressHookProps, "ref"> {
     /**
@@ -251,23 +255,23 @@ interface DomNodeRendererProps extends StylingProps, Omit<PressHookProps, "ref">
     node: Node;
 }
 
-declare const DomNodeRenderer: React.ForwardRefExoticComponent<DomNodeRendererProps & React.RefAttributes<HTMLDivElement>>;
+declare const DomNodeRenderer: React__default.ForwardRefExoticComponent<DomNodeRendererProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare type OverlayTriggerProps_ = Parameters<typeof useOverlayTrigger>[0];
 interface PopoverProps extends OverlayTriggerProps, OverlayTriggerProps_ {
     /** The children of the popover. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "triggerRef" | "arrowSize" | "arrowBoundaryOffset">, StylingProps {
     /**
      * The reference element for the popover position. By default, the popover is
      * positioned relative to the trigger element.
      */
-    triggerRef?: React.RefObject<HTMLElement>;
+    triggerRef?: React__default.RefObject<HTMLElement>;
     /** The class name for the underlay element. */
     underlayClassName?: string;
     /** The contents of the popover. */
-    children: React.ReactNode | ((state: OverlayTriggerState) => React.ReactNode);
+    children: React__default.ReactNode | ((state: OverlayTriggerState) => React__default.ReactNode);
     /**
      * The container element for the popover. By default, the modal is rendered as
      * a child of the body element.
@@ -284,15 +288,15 @@ interface PopoverContentProps extends Omit<AriaPopoverProps, "popoverRef" | "tri
     /** The class name for the content container element. */
     contentContainerClassName?: string;
     /** The style for the content container element. */
-    contentContainerStyle?: React.CSSProperties;
+    contentContainerStyle?: React__default.CSSProperties;
 }
 interface PopoverTriggerProps {
     /** The contents of the popover trigger. */
-    children?: React.ReactNode | (({ isOpen, triggerProps, triggerRef, }: {
+    children?: React__default.ReactNode | (({ isOpen, triggerProps, triggerRef, }: {
         isOpen: boolean;
         triggerProps: AriaButtonProps<"button">;
-        triggerRef: React.RefObject<HTMLElement>;
-    }) => React.ReactNode);
+        triggerRef: React__default.RefObject<HTMLElement>;
+    }) => React__default.ReactNode);
     /**
      * Client rect to be used as anchor for the popover content when no child
      * element is provided.
@@ -300,17 +304,17 @@ interface PopoverTriggerProps {
     anchorRect?: Rect;
 }
 
-declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React__default.ForwardRefExoticComponent<PopoverContentProps & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const PopoverTrigger: React.FC<PopoverTriggerProps>;
+declare const PopoverTrigger: React__default.FC<PopoverTriggerProps>;
 
-declare const Popover: React.FC<PopoverProps>;
+declare const Popover: React__default.FC<PopoverProps>;
 
 interface TooltipProps extends StylingProps, TooltipTriggerProps, AriaTooltipProps, Omit<AriaPositionProps, "overlayRef" | "targetRef" | "maxHeight" | "isOpen" | "arrowSize"> {
     /** The content of the tooltip. */
     text?: string;
     /** The tooltip trigger element. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The delay time for the tooltip to show up.
      *
@@ -350,11 +354,11 @@ interface TooltipProps extends StylingProps, TooltipTriggerProps, AriaTooltipPro
     portalContainer?: HTMLElement;
 }
 
-declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+declare const Tooltip: React__default.ForwardRefExoticComponent<TooltipProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface IconComponentProps {
     /** The icon to show at the start of the color input. */
-    icon?: React.FC<IconProps>;
+    icon?: React__default.FC<IconProps>;
     /** The aria label for the color input button. */
     "aria-label": string;
     /** Props to pass to the tooltip component. */
@@ -373,7 +377,7 @@ interface SliderProps extends Omit<AriaSliderProps<number> & SliderStateOptions<
         numberingSystem?: string;
     };
     /** The label for the slider. */
-    label?: React.ReactNode;
+    label?: React__default.ReactNode;
     /**
      * Whether to include a number input for the slider.
      *
@@ -392,13 +396,13 @@ interface IconSliderProps extends Pick<SliderProps, "value" | "minValue" | "maxV
     popoverContentProps?: Omit<PopoverContentProps, "children">;
 }
 
-declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
+declare const Slider: React__default.ForwardRefExoticComponent<SliderProps & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const IconSlider: React.ForwardRefExoticComponent<IconSliderProps & React.RefAttributes<HTMLDivElement>>;
+declare const IconSlider: React__default.ForwardRefExoticComponent<IconSliderProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProps, "children" | "isRequired" | "validate" | "validationBehavior" | "validationState" | "isInvalid">, StylingProps {
     /** The label to display next to the switch. */
-    label?: React.ReactNode;
+    label?: React__default.ReactNode;
     /** The position of the label. */
     labelPosition?: "top" | "left";
     /** The status label to display next to the switch. */
@@ -408,7 +412,7 @@ interface SwitchProps extends Omit<AriaSwitchProps, "children">, Omit<ToggleProp
     };
 }
 
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLLabelElement>>;
+declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLLabelElement>>;
 
 interface SearchInputProps extends Omit<AriaSearchFieldProps, "validationState" | "label" | "aria-autocomplete" | "autoComplete" | "isRequired" | "aria-haspopup" | "isReadOnly" | "aria-activedescendant" | "type" | "validationBehavior" | "validate" | "isInvalid">, StylingProps {
     /**
@@ -427,7 +431,7 @@ interface SearchInputProps extends Omit<AriaSearchFieldProps, "validationState"
     "aria-label": string;
 }
 
-declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLDivElement>>;
+declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ThemeProviderProps extends StylingProps {
     /**
@@ -439,7 +443,7 @@ interface ThemeProviderProps extends StylingProps {
      */
     theme?: Theme | "light" | "dark" | "system";
     /** The children to render. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * A function that will be called when the theme changes from any of the child
      * components.
@@ -447,7 +451,7 @@ interface ThemeProviderProps extends StylingProps {
     setTheme?: (theme: Theme | "light" | "dark" | "system") => void;
 }
 
-declare const ThemeProvider: React.ForwardRefExoticComponent<ThemeProviderProps & React.RefAttributes<HTMLDivElement>>;
+declare const ThemeProvider: React__default.ForwardRefExoticComponent<ThemeProviderProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
  * A hook that returns the user preferences for color scheme, contrast, reduced
@@ -478,10 +482,10 @@ interface PortalContainerProviderProps {
      */
     portalContainer: HTMLElement | undefined;
     /** The children to render. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
-declare const PortalContainerProvider: React.FC<PortalContainerProviderProps>;
+declare const PortalContainerProvider: React__default.FC<PortalContainerProviderProps>;
 
 declare type MenuOption = Omit<ListOption, "description"> & {
     keyboardShortcut?: string;
@@ -530,22 +534,22 @@ interface MenuProps extends MenuPopoverProps, MenuTriggerProps, Omit<AriaMenuPro
      */
     renderTrigger?: (options: {
         buttonProps: ActionButtonProps;
-        ref: React.RefObject<HTMLButtonElement>;
-    }) => React.ReactNode;
+        ref: React__default.RefObject<HTMLButtonElement>;
+    }) => React__default.ReactNode;
     /**
      * The label of the trigger element. This can be a string, a React node, or a
      * function that accepts a boolean indicating whether the menu is open.
      */
-    triggerLabel?: React.ReactNode | ((isOpen: boolean) => React.ReactNode);
+    triggerLabel?: React__default.ReactNode | ((isOpen: boolean) => React__default.ReactNode);
 }
 
-declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLUListElement>>;
+declare const Menu: React__default.ForwardRefExoticComponent<MenuProps & React__default.RefAttributes<HTMLUListElement>>;
 
 interface LinkProps extends AriaLinkOptions, StylingProps {
     /** The link's style variant. */
     variant?: "default" | "inline";
     /** The children to render. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /** The size of the link. */
     size?: "sm" | "md" | "lg";
     /**
@@ -564,7 +568,7 @@ interface LinkProps extends AriaLinkOptions, StylingProps {
     role?: AriaRole;
 }
 
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
+declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLElement>>;
 
 interface SharedFileUploadProps extends StylingProps {
     /** Whether the component is inlined. */
@@ -583,7 +587,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.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
     /**
      * The callback function that is fired when the value changes and the value is
      * valid.
@@ -597,12 +601,12 @@ interface SharedFileUploadProps extends StylingProps {
 }
 interface FileUploadProps extends SharedFileUploadProps {
     /** The Icon to display. */
-    icon?: React.FC<IconProps>;
+    icon?: React__default.FC<IconProps>;
     /** Whether to allow multiple files to be uploaded. */
     multiple?: boolean;
 }
 
-declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLLabelElement>>;
+declare const FileUpload: React__default.ForwardRefExoticComponent<FileUploadProps & React__default.RefAttributes<HTMLLabelElement>>;
 
 interface SeparatorProps extends SeparatorProps$1, StylingProps {
     /**
@@ -613,7 +617,7 @@ interface SeparatorProps extends SeparatorProps$1, StylingProps {
     variant?: "primary" | "secondary";
 }
 
-declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+declare const Separator: React__default.ForwardRefExoticComponent<SeparatorProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ProgressBarProps extends StylingProps, Omit<AriaProgressBarProps, "isIndeterminate"> {
     /**
@@ -634,7 +638,7 @@ interface ProgressBarProps extends StylingProps, Omit<AriaProgressBarProps, "isI
     errorMessage?: string;
 }
 
-declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface InputMessage {
     /** The description to display below the input. */
@@ -662,12 +666,12 @@ 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.CSSProperties;
+    inputStyle?: React__default.CSSProperties;
     /** The class name to apply to the input element */
     inputClassName?: string;
 }
 
-declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const TextInput: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<HTMLInputElement>>;
 
 interface ReactionProps extends Omit<AriaSwitchProps & ToggleProps, "validationState" | "isRequired" | "children" | "isInvalid" | "validationBehavior" | "validate">, StylingProps {
     /** The size of the reaction. */
@@ -675,15 +679,15 @@ interface ReactionProps extends Omit<AriaSwitchProps & ToggleProps, "validationS
     /** The number of reactions. */
     count: number;
     /** The icon to render. */
-    icon?: React.FC<IconProps>;
+    icon?: React__default.FC<IconProps>;
 }
 
-declare const Reaction: React.ForwardRefExoticComponent<ReactionProps & React.RefAttributes<HTMLLabelElement>>;
+declare const Reaction: React__default.ForwardRefExoticComponent<ReactionProps & React__default.RefAttributes<HTMLLabelElement>>;
 
 interface PortalProps extends OverlayProps, StylingProps {
 }
 
-declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;
+declare const Portal: React__default.ForwardRefExoticComponent<PortalProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ProgressSpinnerProps extends Omit<AriaProgressBarProps, "value" | "isIndeterminate" | "formatOptions" | "maxValue" | "minValue" | "valueLabel">, StylingProps {
     /**
@@ -700,11 +704,11 @@ interface ProgressSpinnerProps extends Omit<AriaProgressBarProps, "value" | "isI
     variant?: "active" | "inactive" | "success" | "error";
 }
 
-declare const ProgressSpinner: React.ForwardRefExoticComponent<ProgressSpinnerProps & React.RefAttributes<HTMLDivElement>>;
+declare const ProgressSpinner: React__default.ForwardRefExoticComponent<ProgressSpinnerProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ActionIconButtonProps extends ActionButtonSharedProps {
     /** The icon to display */
-    icon: React.FC<IconProps>;
+    icon: React__default.FC<IconProps>;
     /**
      * The size of the icon button.
      *
@@ -728,15 +732,15 @@ interface ActionIconButtonProps extends ActionButtonSharedProps {
     tooltip?: boolean | Partial<Omit<TooltipProps, "children">>;
 }
 
-declare const ActionIconButton: React.ForwardRefExoticComponent<ActionIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ActionIconButton: React__default.ForwardRefExoticComponent<ActionIconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 interface ToggleButtonProps extends Omit<StylingProps, "style" | "className">, Omit<AriaToggleButtonProps, "children">, StylingWithUIState<{
     isSelected?: boolean;
 }> {
     /** The text content of the button. */
-    label: React.ReactNode;
+    label: React__default.ReactNode;
     /** The icon to display before the label. */
-    iconStart?: React.FC<SVGRProps>;
+    iconStart?: React__default.FC<IconProps>;
     /**
      * The size of the button.
      *
@@ -745,9 +749,15 @@ interface ToggleButtonProps extends Omit<StylingProps, "style" | "className">, O
     size?: "sm" | "md" | "lg";
     /** Indicates whether focusing should be prevented on press. */
     preventFocusOnPress?: boolean;
+    /**
+     * Button variant
+     *
+     * @default toolbar
+     */
+    variant?: "primary" | "toolbar";
 }
 
-declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ToggleButton: React__default.ForwardRefExoticComponent<ToggleButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 interface CheckboxProps extends Omit<AriaCheckboxProps, "children" | "validationBehavior" | "validationState" | "validate">, StylingProps {
     /** The checkbox's label. */
@@ -760,7 +770,7 @@ interface CheckboxProps extends Omit<AriaCheckboxProps, "children" | "validation
     labelPosition?: "start" | "end";
 }
 
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;
+declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLLabelElement>>;
 
 declare type Excluded = "isRequired" | "locale" | "validationState" | "label" | "formatOptions" | "isInvalid" | "validationBehaviour" | "validate" | "description" | "errorMessage";
 interface PaginationProps extends Omit<AriaNumberFieldProps, Excluded>, Omit<NumberFieldStateOptions, Excluded>, StylingProps {
@@ -784,13 +794,13 @@ interface PaginationProps extends Omit<AriaNumberFieldProps, Excluded>, Omit<Num
     hideActions?: boolean;
 }
 
-declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
+declare const Pagination: React__default.ForwardRefExoticComponent<PaginationProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface I18nProviderProps extends I18nProviderProps$1 {
     /** The messages to use for internationalization. */
     messages?: LocalizedStrings;
     /** The children to render. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Whether to log missing messages.
      *
@@ -799,27 +809,27 @@ interface I18nProviderProps extends I18nProviderProps$1 {
     shouldLogMissingMessages?: boolean;
 }
 
-declare const I18nProvider: React.FC<I18nProviderProps>;
+declare const I18nProvider: React__default.FC<I18nProviderProps>;
 
 declare type NumberFormatProps = Parameters<typeof useNumberFormatter>[0] & {
     /** The number to format. */
     value: number;
 };
 
-declare const NumberFormat: React.FC<NumberFormatProps>;
+declare const NumberFormat: React__default.FC<NumberFormatProps>;
 
 declare type DateFormatProps = Parameters<typeof useDateFormatter>[0] & {
     /** The date to format. */
     date: Date;
 };
 
-declare const DateFormat: React.FC<DateFormatProps>;
+declare const DateFormat: React__default.FC<DateFormatProps>;
 
 interface Item$1 {
     id: string;
     label: string;
     variant?: "neutral" | "red" | "green" | "blue" | "high-contrast";
-    icon?: React.FC<SVGRProps>;
+    icon?: React__default.FC<SVGRProps>;
 }
 interface TagGroupProps extends StylingProps, Omit<AriaTagGroupProps<Item$1>, "children" | "errorMessage" | "description">, Omit<ListProps<Item$1>, "children" | "collection" | "filter"> {
     /**
@@ -839,7 +849,7 @@ interface TagGroupProps extends StylingProps, Omit<AriaTagGroupProps<Item$1>, "c
     "aria-label": string;
 }
 
-declare const TagGroup: React.ForwardRefExoticComponent<TagGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const TagGroup: React__default.ForwardRefExoticComponent<TagGroupProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface AccordionProps extends StylingProps {
     /**
@@ -853,7 +863,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.ReactNode;
+    children: React__default.ReactNode;
     /** The keys of the items that should be expanded by default. */
     defaultExpandedKeys?: Set<Key>;
     /**
@@ -898,7 +908,7 @@ interface AccordionItemProps extends StylingProps {
      */
     showActionsOnTriggerOnly?: boolean;
     /** The content of the accordion item. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /** The key of the accordion item. */
     value: Key;
     /**
@@ -908,9 +918,9 @@ interface AccordionItemProps extends StylingProps {
     subLabel?: string;
 }
 
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+declare const Accordion: React__default.ForwardRefExoticComponent<AccordionProps & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const AccordionItem: React__default.ForwardRefExoticComponent<AccordionItemProps & React__default.RefAttributes<HTMLHeadingElement>>;
 
 interface SelectProps extends Omit<AriaSelectOptions<ListItem> & SelectStateOptions<ListItem> & PopoverContentProps, "validationState" | "items" | "children" | "isRequired" | "className" | "style" | "triggerRef" | "validate" | "validationBehavior" | "keyboardDelegate">, Pick<ListBoxProps, "items" | "showSelectedIcon" | "optionStyle" | "optionClassName">, StylingProps {
     /**
@@ -926,7 +936,7 @@ interface SelectProps extends Omit<AriaSelectOptions<ListItem> & SelectStateOpti
     /** The warning message of the select component. */
     warningMessage?: string;
     /** The label of the select component. */
-    label?: React.ReactNode;
+    label?: React__default.ReactNode;
     /** The variant of the select component. */
     variant?: "primary" | "ghost";
     /** The state of the select component. */
@@ -943,19 +953,19 @@ interface SelectProps extends Omit<AriaSelectOptions<ListItem> & SelectStateOpti
         valueProps: DOMAttributes;
         isOpen: boolean;
         selectedValue: ListItem | null;
-        ref: React.RefObject<HTMLButtonElement>;
-    }) => React.ReactNode;
+        ref: React__default.RefObject<HTMLButtonElement>;
+    }) => React__default.ReactNode;
     /** The class name of the trigger element. */
     triggerClassName?: string;
     /** The style of the trigger element. */
-    triggerStyle?: React.CSSProperties;
+    triggerStyle?: React__default.CSSProperties;
 }
 interface IconSelectProps extends Omit<SelectProps, "renderTrigger" | "aria-label">, IconComponentProps {
 }
 
-declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const IconSelect: React.ForwardRefExoticComponent<IconSelectProps & React.RefAttributes<HTMLDivElement>>;
+declare const IconSelect: React__default.ForwardRefExoticComponent<IconSelectProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface AvatarProps extends StylingProps {
     /**
@@ -968,7 +978,7 @@ interface AvatarProps extends StylingProps {
      * The icon to display. This icon has to be imported from the
      * `@baseline-ui/icons` package.
      */
-    icon?: React.FC<SVGRProps>;
+    icon?: React__default.FC<SVGRProps>;
     /** The name of the user. */
     name: string;
     /** The URL of the image to display. */
@@ -986,15 +996,15 @@ interface AvatarProps extends StylingProps {
     hasNotifications?: boolean;
 }
 
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLSpanElement>>;
 
-declare type ItemProps = React.ComponentProps<typeof Item$2> & StylingProps & {
+declare type ItemProps = React__default.ComponentProps<typeof Item$2> & StylingProps & {
     key?: Key$1;
-    icon?: React.FC<SVGRProps>;
+    icon?: React__default.FC<IconProps>;
     value?: string;
     title?: string;
     titleClassName?: string;
-    titleStyle?: React.CSSProperties;
+    titleStyle?: React__default.CSSProperties;
 };
 declare type TabsProps = Omit<StylingProps & AriaTabListProps<ItemProps>, "orientation" | "children" | "items" | "selectedKey" | "defaultSelectedKey" | "disabledKeys"> & {
     /**
@@ -1011,7 +1021,7 @@ declare type TabsProps = Omit<StylingProps & AriaTabListProps<ItemProps>, "orien
      * </Tabs>;
      * ```
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The key of the tab that needs to be removed.
      *
@@ -1031,25 +1041,25 @@ declare type TabsProps = Omit<StylingProps & AriaTabListProps<ItemProps>, "orien
     /** The className to apply to the tab header container. */
     tabHeaderClassName?: string;
     /** The style to apply to the tab header container. */
-    tabHeaderStyle?: React.CSSProperties;
+    tabHeaderStyle?: React__default.CSSProperties;
 };
 declare 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.FC<SVGRProps>;
+    icon?: React__default.FC<SVGRProps>;
     /** The value of the tab. This will be used to identify the tab. */
     value: string;
     /** The className to apply to the tab item. */
     titleClassName?: string;
     /** The style to apply to the tab item. */
-    titleStyle?: React.CSSProperties;
+    titleStyle?: React__default.CSSProperties;
     /** The contents of the tab item. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
 
-declare const Tabs: React.ForwardRefExoticComponent<Omit<StylingProps & react_aria.AriaTabListProps<ItemProps>, "children" | "items" | "orientation" | "disabledKeys" | "selectedKey" | "defaultSelectedKey"> & {
-    children: React.ReactNode;
+declare const Tabs: React__default.ForwardRefExoticComponent<Omit<StylingProps & react_aria.AriaTabListProps<ItemProps>, "children" | "items" | "orientation" | "disabledKeys" | "selectedKey" | "defaultSelectedKey"> & {
+    children: React__default.ReactNode;
     onRemove?: ((key: react_stately.Key) => void) | undefined;
     selectedValue?: string | undefined;
     defaultSelectedValue?: string | undefined;
@@ -1057,10 +1067,10 @@ declare const Tabs: React.ForwardRefExoticComponent<Omit<StylingProps & react_ar
     actions?: Omit<ActionIconButtonProps, "size" | "variant">[] | undefined;
     variant?: "primary" | "ghost" | undefined;
     tabHeaderClassName?: string | undefined;
-    tabHeaderStyle?: React.CSSProperties | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+    tabHeaderStyle?: React__default.CSSProperties | undefined;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const TabItem: React.FC<TabItemProps>;
+declare const TabItem: React__default.FC<TabItemProps>;
 
 interface InlineAlertProps extends StylingProps {
     /**
@@ -1100,7 +1110,7 @@ interface InlineAlertProps extends StylingProps {
     size?: "sm" | "md";
 }
 
-declare const InlineAlert: React.ForwardRefExoticComponent<InlineAlertProps & React.RefAttributes<HTMLDivElement>>;
+declare const InlineAlert: React__default.ForwardRefExoticComponent<InlineAlertProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "validationState" | "isRequired" | "validate" | "validationBehavior"> {
     /**
@@ -1127,11 +1137,11 @@ interface NumberInputProps extends StylingProps, Omit<AriaNumberFieldProps, "val
     errorMessage?: string;
 }
 
-declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLDivElement>>;
+declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface DrawerProps extends StylingProps, AriaDialogProps {
     /** The children to render. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The valid values for the background type are "medium" and "subtle".
      *
@@ -1146,11 +1156,11 @@ interface DrawerProps extends StylingProps, AriaDialogProps {
     onCloseRequest?: () => void;
 }
 
-declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+declare const Drawer: React__default.ForwardRefExoticComponent<DrawerProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface DialogProps extends AriaDialogProps, StylingProps {
     /** The children to render. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The size of the dialog. This defines the max width of the dialog.
      *
@@ -1179,12 +1189,12 @@ interface DialogProps extends AriaDialogProps, StylingProps {
 }
 interface DialogTitleProps extends StylingProps {
     /** The children to render. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
-declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDivElement>>;
+declare const Dialog: React__default.ForwardRefExoticComponent<DialogProps & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLDivElement>>;
+declare const DialogTitle: React__default.ForwardRefExoticComponent<DialogTitleProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ColorPreset {
     label: string;
@@ -1281,11 +1291,17 @@ interface ColorInputProps extends OverlayTriggerProps, StylingProps, Pick<ColorF
     renderTriggerButton?: (options: {
         isOpen: boolean;
         color: Color | null;
-        ref: React.RefObject<HTMLButtonElement>;
+        ref: React__default.RefObject<HTMLButtonElement>;
         colorName?: string | boolean;
         triggerProps: AriaButtonProps<"button">;
         labelId?: string;
-    }) => React.ReactElement;
+    }) => React__default.ReactElement;
+    /**
+     * Handler that is called when the user stops dragging or clicking on the
+     * color picker. In case of presets, this is called when the user clicks on a
+     * color preset.
+     */
+    onChangeEnd?: (color: Color | null) => void;
 }
 interface IconColorInputProps extends StylingProps, Omit<ColorInputProps, "renderTriggerButton" | "colorLabel" | "label" | "labelPosition" | "aria-label">, IconComponentProps {
     /**
@@ -1296,12 +1312,12 @@ interface IconColorInputProps extends StylingProps, Omit<ColorInputProps, "rende
     variant?: "compact" | "standard";
 }
 
-declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<HTMLDivElement>>;
+declare const ColorInput: React__default.ForwardRefExoticComponent<ColorInputProps & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const IconColorInputButton: React.ForwardRefExoticComponent<Omit<ColorInputButtonProps, "children" | "color" | "labelPosition"> & {
-    icon: React.FC<IconProps>;
+declare const IconColorInputButton: React__default.ForwardRefExoticComponent<Omit<ColorInputButtonProps, "children" | "color" | "labelPosition"> & {
+    icon: React__default.FC<IconProps>;
     color?: string | null | undefined;
-} & React.RefAttributes<HTMLButtonElement>>;
+} & React__default.RefAttributes<HTMLButtonElement>>;
 interface ColorInputButtonProps extends Omit<ActionButtonProps, "label" | "className" | "style">, StylingProps, Pick<ColorInputProps, "colorLabel"> {
     isOpen: boolean;
     "aria-label"?: string;
@@ -1310,19 +1326,19 @@ interface ColorInputButtonProps extends Omit<ActionButtonProps, "label" | "class
     colorName?: string | boolean;
 }
 
-declare const IconColorInput: React.ForwardRefExoticComponent<IconColorInputProps & React.RefAttributes<HTMLDivElement>>;
+declare const IconColorInput: React__default.ForwardRefExoticComponent<IconColorInputProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface FreehandCanvasProps extends StylingProps, AriaLabelingProps {
     /** The className applicable to the SVG canvas. */
     canvasClassName?: string;
     /** The style applicable to the SVG canvas. */
-    canvasStyle?: React.CSSProperties;
+    canvasStyle?: React__default.CSSProperties;
     /** The ref for the canvas. */
-    canvasRef?: React.RefObject<HTMLDivElement>;
+    canvasRef?: React__default.RefObject<HTMLDivElement>;
     /** The className applicable to the footer. */
     footerClassName?: string;
     /** The style applicable to the footer. */
-    footerStyle?: React.CSSProperties;
+    footerStyle?: React__default.CSSProperties;
     /**
      * How much to soften the stroke's edges.
      *
@@ -1426,9 +1442,9 @@ declare type FreehandCanvasLine = FreehandCanvasPoint[];
 /** A point in the freehand canvas. The pressure is optional. */
 declare type FreehandCanvasPoint = [x: number, y: number, pressure?: number];
 
-declare const FreehandCanvas: React.ForwardRefExoticComponent<FreehandCanvasProps & React.RefAttributes<HTMLDivElement>>;
+declare const FreehandCanvas: React__default.ForwardRefExoticComponent<FreehandCanvasProps & React__default.RefAttributes<HTMLDivElement>>;
 
-declare type TextProps<T extends keyof React.JSX.IntrinsicElements = "span"> = StylingProps & React.ComponentProps<T> & {
+declare type TextProps<T extends keyof React__default.JSX.IntrinsicElements = "span"> = StylingProps & React__default.ComponentProps<T> & {
     /**
      * The type of text to render.
      *
@@ -1442,26 +1458,26 @@ declare type TextProps<T extends keyof React.JSX.IntrinsicElements = "span"> = S
      */
     size?: "sm" | "md" | "lg";
     /** The text to render. Can be a string or a number. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The HTML element to render.
      *
      * @default "span"
      */
-    elementType?: React.ElementType;
+    elementType?: React__default.ElementType;
 };
 
-declare const Text: React.ForwardRefExoticComponent<Omit<TextProps<"span">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps<"span">, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 interface 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.CSSProperties;
+    style?: React__default.CSSProperties;
     /** The children to render. */
     children: (options: {
-        style: React.CSSProperties;
-    }) => React.ReactNode;
+        style: React__default.CSSProperties;
+    }) => React__default.ReactNode;
     /** Whether the transform is draggable. */
     isDraggable?: boolean;
     /** Whether the transform is resizable. */
@@ -1497,7 +1513,7 @@ interface 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.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onDoubleClick?: (e: React__default.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     /** A list of selectors relative to which the guidelines will be rendered. */
     elementGuidelines?: string[];
     /**
@@ -1532,9 +1548,9 @@ interface 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.RefObject<HTMLElement> | string | HTMLElement;
+    bound?: React__default.RefObject<HTMLElement> | string | HTMLElement;
     /** The element ref, selector or element that is it's scrollable ancestor. */
-    scrollableAncestor?: React.RefObject<HTMLElement> | string | HTMLElement;
+    scrollableAncestor?: React__default.RefObject<HTMLElement> | string | HTMLElement;
     /**
      * Whether to prevent bubbling of events like mousedown, touchstart, etc.
      *
@@ -1555,7 +1571,7 @@ interface TransformProps {
     transformOrigin?: (string | number)[] | string;
 }
 
-declare const Transform: React.ForwardRefExoticComponent<TransformProps & React.RefAttributes<HTMLDivElement>>;
+declare const Transform: React__default.ForwardRefExoticComponent<TransformProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "variant">, Omit<DropOptions, "ref" | "getDropOperation" | "hasDropButton" | "getDropOperationForPoint">, Omit<ClipboardProps, "getItems" | "onCut" | "onCopy">, Pick<FreehandCanvasProps, "footerClassName" | "footerStyle" | "placeholder" | "clearLabel">, AriaLabelingProps {
     /**
@@ -1589,14 +1605,14 @@ interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "vari
     /** The class name to apply to the picker button. */
     pickerButtonClassName?: string;
     /** The style to apply to the picker button. */
-    pickerButtonStyle?: React.CSSProperties;
+    pickerButtonStyle?: React__default.CSSProperties;
     /** The class name to apply to the label. */
     labelClassName?: string;
     /** The style to apply to the label. */
-    labelStyle?: React.CSSProperties;
+    labelStyle?: React__default.CSSProperties;
 }
 
-declare const ImageDropZone: React.ForwardRefExoticComponent<ImageDropZoneProps & React.RefAttributes<HTMLDivElement>>;
+declare const ImageDropZone: React__default.ForwardRefExoticComponent<ImageDropZoneProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface PreviewProps extends StylingProps, AriaLabelingProps {
     /**
@@ -1614,13 +1630,13 @@ 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.ReactElement;
+    svgSrc?: string | React__default.ReactElement;
     /** Whether the preview should be disabled or not. */
     isDisabled?: boolean;
     /** The text to display in the preview. */
     textValue?: string;
     /** The style of the text. */
-    textStyle?: React.CSSProperties;
+    textStyle?: React__default.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
@@ -1653,7 +1669,7 @@ interface PreviewProps extends StylingProps, AriaLabelingProps {
     accent?: "theme" | "positive";
 }
 
-declare const Preview: React.ForwardRefExoticComponent<PreviewProps & React.RefAttributes<HTMLDivElement>>;
+declare const Preview: React__default.ForwardRefExoticComponent<PreviewProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "description" | "errorMessage" | "isRequired" | "isInvalid" | "validate" | "validationBehavior" | "validationState"> {
     /**
@@ -1700,11 +1716,11 @@ interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "descr
         isDisabled: boolean;
         optionLabelPosition: "start" | "end";
         isReadOnly?: boolean;
-    }) => React.ReactNode;
+    }) => React__default.ReactNode;
     /** The class name for the group container. */
     optionsContainerClassName?: string;
     /** The style for the group container. */
-    optionsContainerStyle?: React.CSSProperties;
+    optionsContainerStyle?: React__default.CSSProperties;
     /** The ids of the items that are disabled. */
     disabledValues?: string[];
     /**
@@ -1716,21 +1732,21 @@ interface RadioGroupProps extends StylingProps, Omit<AriaRadioGroupProps, "descr
     /** The className applicable to the label. */
     optionClassName?: string;
     /** The style applicable to the label. */
-    optionStyle?: React.CSSProperties;
+    optionStyle?: React__default.CSSProperties;
 }
 
-declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroup: React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ModalProps extends OverlayTriggerProps {
     /** The contents of the modal. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 interface ModalContentProps extends Omit<AriaModalOverlayProps, "isDismissable" | "isKeyboardDismissDisabled">, StylingProps {
     /**
      * The contents of the modal. Can be a React node or a function that returns a
      * React node.
      */
-    children: React.ReactNode | ((props: OverlayTriggerState) => React.ReactNode);
+    children: React__default.ReactNode | ((props: OverlayTriggerState) => React__default.ReactNode);
     /**
      * The container element for the modal. By default, the modal is rendered as a
      * child of the body element.
@@ -1772,16 +1788,16 @@ interface ModalContentProps extends Omit<AriaModalOverlayProps, "isDismissable"
     isKeyboardDismissDisabled?: boolean | ((isDrawer: boolean) => boolean);
 }
 
-declare const Modal: React.FC<ModalProps>;
+declare const Modal: React__default.FC<ModalProps>;
 
-declare const ModalContent: React.FC<ModalContentProps>;
+declare const ModalContent: React__default.FC<ModalContentProps>;
 
-declare const ModalTrigger: React.FC<{
-    children: React.ReactNode;
+declare const ModalTrigger: React__default.FC<{
+    children: React__default.ReactNode;
 }>;
 
-declare const ModalClose: React.FC<{
-    children: React.ReactNode;
+declare const ModalClose: React__default.FC<{
+    children: React__default.ReactNode;
 }>;
 
 interface MessageFormatProps {
@@ -1791,14 +1807,14 @@ interface MessageFormatProps {
      * it with another React element (recommended), specify a different tagName
      * (e.g., 'div')
      */
-    elementType?: React.ElementType | "div" | "span";
+    elementType?: React__default.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.FC<MessageFormatProps>;
+declare const MessageFormat: React__default.FC<MessageFormatProps>;
 
 interface GroupProps extends StylingProps, AriaLabelingProps {
     /**
@@ -1814,13 +1830,13 @@ interface GroupProps extends StylingProps, AriaLabelingProps {
     /** Whether the group is disabled. */
     isDisabled?: boolean;
     /** The children to render. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
-declare const Group: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const Group: React__default.ForwardRefExoticComponent<GroupProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare type SprinkleProps = Parameters<Sprinkles>[0];
-interface BoxProps extends Pick<StylingProps, "data-block-id">, Omit<React.ComponentPropsWithoutRef<"div">, "color">, SprinkleProps {
+interface BoxProps extends Pick<StylingProps, "data-block-id">, Omit<React__default.ComponentPropsWithoutRef<"div">, "color">, SprinkleProps {
     /**
      * The HTML element to use for the box.
      *
@@ -1829,11 +1845,11 @@ interface BoxProps extends Pick<StylingProps, "data-block-id">, Omit<React.Compo
     elementType?: string;
 }
 
-declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+declare const Box: React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ToolbarProps extends StylingProps, AriaToolbarProps {
     /** The children of the toolbar. */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Identifies the element (or elements) whose contents or presence are
      * controlled by the current element.
@@ -1862,9 +1878,9 @@ interface ToolbarProps extends StylingProps, AriaToolbarProps {
     onKeyDown?: KeyboardProps["onKeyDown"];
 }
 
-declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLDivElement>>;
+declare const Toolbar: React__default.ForwardRefExoticComponent<ToolbarProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface ToggleIconButtonProps extends Omit<StylingProps, "style" | "className">, Omit<ToggleProps, "children">, Omit<ToggleButtonProps, "size" | "iconStart" | "label">, Pick<ActionIconButtonProps, "tooltip">, StylingWithUIState<{
+interface ToggleIconButtonProps extends Omit<StylingProps, "style" | "className">, Omit<ToggleProps, "children">, Omit<ToggleButtonProps, "size" | "iconStart" | "label" | "variant">, Pick<ActionIconButtonProps, "tooltip">, StylingWithUIState<{
     isSelected?: boolean;
 }> {
     /**
@@ -1880,15 +1896,15 @@ interface ToggleIconButtonProps extends Omit<StylingProps, "style" | "className"
      * `selected` and `unselected` keys to display different icons based on the
      * state of the button.
      */
-    icon: React.FC<IconProps> | {
-        selected: React.FC<IconProps>;
-        unselected: React.FC<IconProps>;
+    icon: React__default.FC<IconProps> | {
+        selected: React__default.FC<IconProps>;
+        unselected: React__default.FC<IconProps>;
     };
     /** Indicates whether focusing should be prevented on press. */
     preventFocusOnPress?: boolean;
 }
 
-declare const ToggleIconButton: React.ForwardRefExoticComponent<ToggleIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ToggleIconButton: React__default.ForwardRefExoticComponent<ToggleIconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 interface MentionableUser {
     id: string;
@@ -1957,7 +1973,7 @@ interface EditorProps extends StylingProps, AriaLabelingProps {
      *
      * @default ArrowUpCircleFilledIcon
      */
-    submitButtonIcon?: React.FC<IconProps>;
+    submitButtonIcon?: React__default.FC<IconProps>;
     /**
      * Optional property that represents the ARIA label for the cancel button.
      *
@@ -2010,7 +2026,7 @@ interface EditorProps extends StylingProps, AriaLabelingProps {
         props: Omit<ToggleIconButtonProps, "size" | "variant">;
     })[];
     /** The imperative handle for manipulating editor. */
-    editorHandle?: React.RefObject<EditorHandle>;
+    editorHandle?: React__default.RefObject<EditorHandle>;
     /**
      * Whether to clear the editor value when the editor is saved.
      *
@@ -2037,7 +2053,7 @@ interface EditorProps extends StylingProps, AriaLabelingProps {
     saveOnEnter?: boolean;
 }
 
-declare const Editor: React.MemoExoticComponent<React.ForwardRefExoticComponent<EditorProps & React.RefAttributes<HTMLDivElement>>>;
+declare const Editor: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<EditorProps & React__default.RefAttributes<HTMLDivElement>>>;
 
 interface ScrollControlButtonProps extends StylingProps, Pick<ActionButtonProps, "label"> {
     /**
@@ -2045,7 +2061,7 @@ interface ScrollControlButtonProps extends StylingProps, Pick<ActionButtonProps,
      *
      * @default document.body
      */
-    scrollRef?: React.RefObject<HTMLElement>;
+    scrollRef?: React__default.RefObject<HTMLElement>;
     /**
      * Indicates whether the button should be hidden when the keyboard is being
      * used.
@@ -2068,16 +2084,16 @@ interface ScrollControlButtonProps extends StylingProps, Pick<ActionButtonProps,
     smoothScroll?: boolean;
 }
 
-declare const ScrollControlButton: React.ForwardRefExoticComponent<ScrollControlButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ScrollControlButton: React__default.ForwardRefExoticComponent<ScrollControlButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 interface TransitionProps extends StylingProps {
     isMounted: boolean;
     transitions: UseTransitionProps;
-    elementType?: keyof React.ReactHTML;
-    children: React.ReactNode;
+    elementType?: keyof React__default.ReactHTML;
+    children: React__default.ReactNode;
 }
 
-declare const Transition: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLElement>>;
+declare const Transition: React__default.ForwardRefExoticComponent<TransitionProps & React__default.RefAttributes<HTMLElement>>;
 
 interface AlertDialogProps extends StylingProps {
     /**
@@ -2089,7 +2105,7 @@ interface AlertDialogProps extends StylingProps {
      * The message of the dialog. This is the main content of the dialog and is
      * displayed below the title.
      */
-    message?: React.ReactNode;
+    message?: React__default.ReactNode;
     /**
      * The label for the cancel button. This is the text that is displayed on the
      * button that allows the user to cancel the dialog.
@@ -2123,7 +2139,7 @@ interface AlertDialogProps extends StylingProps {
      * The icon that is displayed at the top of the dialog. This is typically used
      * to display an icon that represents the type of alert that is being shown.
      */
-    icon?: React.FC<IconProps>;
+    icon?: React__default.FC<IconProps>;
     /** The color of the icon. This is the color that is used to fill the icon. */
     iconColor?: string;
     /**
@@ -2136,7 +2152,7 @@ interface AlertDialogProps extends StylingProps {
     showCloseButton?: boolean;
 }
 
-declare const AlertDialog: React.ForwardRefExoticComponent<AlertDialogProps & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialog: React__default.ForwardRefExoticComponent<AlertDialogProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface MarkdownProps extends StylingProps {
     /** The markdown to render. */
@@ -2145,7 +2161,7 @@ interface MarkdownProps extends StylingProps {
     showCaret?: boolean;
 }
 
-declare const Markdown: React.ForwardRefExoticComponent<MarkdownProps & React.RefAttributes<HTMLDivElement>>;
+declare const Markdown: React__default.ForwardRefExoticComponent<MarkdownProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface AudioPlayerProps extends StylingProps, AriaLabelingProps {
     /**
@@ -2173,7 +2189,7 @@ interface AudioPlayerProps extends StylingProps, AriaLabelingProps {
     size?: "sm" | "lg";
 }
 
-declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & React.RefAttributes<HTMLDivElement>>;
+declare const AudioPlayer: React__default.ForwardRefExoticComponent<AudioPlayerProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface Item {
     id: string;
@@ -2256,7 +2272,7 @@ interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "
     /** A callback that is called when an image is deleted. */
     onDelete?: (keys: Selection$1) => void;
     /** A callback that is called when a key is pressed. */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    onKeyDown?: (event: React__default.KeyboardEvent<HTMLDivElement>) => void;
     /** ClassName for each item container */
     imageContainerClassName?: string;
     /** ClassName for each item image */
@@ -2265,18 +2281,18 @@ interface ImageGalleryProps extends StylingProps, Omit<ListBoxProps, "items" | "
     labelClassName?: string;
     /** A callback that is called to render the image. */
     renderImage?: (item: ListOption<Pick<Item, "alt" | "src">>, options: {
-        deleteElement?: React.ReactElement;
+        deleteElement?: React__default.ReactElement;
         onDelete?: (id: string) => void;
-    }) => React.ReactElement;
+    }) => React__default.ReactElement;
     /** The dimensions of the grid. */
-    imageContainerStyle?: React.CSSProperties;
+    imageContainerStyle?: React__default.CSSProperties;
     /** The dimensions of the image. */
     imageDimensions?: Dimension | ((item: Item, options: {
         isSelected: boolean;
     }) => Dimension);
 }
 
-declare const ImageGallery: React.ForwardRefExoticComponent<ImageGalleryProps & React.RefAttributes<HTMLDivElement>>;
+declare const ImageGallery: React__default.ForwardRefExoticComponent<ImageGalleryProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ButtonSelectProps extends StylingProps, Pick<SelectProps, "isDisabled" | "validationState" | "onSelectionChange" | "selectedKey" | "defaultSelectedKey" | "items" | "showSelectedIcon" | "isOpen" | "defaultOpen" | "triggerClassName" | "triggerStyle">, Pick<ToggleButtonProps, "onPress" | "isSelected" | "defaultSelected" | "excludeFromTabOrder">, AriaLabelingProps {
     /**
@@ -2304,15 +2320,15 @@ interface ButtonSelectProps extends StylingProps, Pick<SelectProps, "isDisabled"
         isSelected: boolean;
     }) => string);
     /** A function that is called to get the style for the option. */
-    optionStyle?: React.CSSProperties | ((item: ListOption, options: {
+    optionStyle?: React__default.CSSProperties | ((item: ListOption, options: {
         isButton: boolean;
         isSelected: boolean;
-    }) => React.CSSProperties);
+    }) => React__default.CSSProperties);
     /** Props for the tooltip. */
     tooltipProps?: Omit<TooltipProps, "children"> | ((trigger: "button" | "select") => Omit<TooltipProps, "children">);
 }
 
-declare const ButtonSelect: React.ForwardRefExoticComponent<ButtonSelectProps & React.RefAttributes<HTMLDivElement>>;
+declare const ButtonSelect: React__default.ForwardRefExoticComponent<ButtonSelectProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>, "items" | "children" | "inputRef" | "popoverRef" | "listBoxRef" | "buttonRef" | "validationState" | "errorMessage" | "description">, Omit<AriaComboBoxProps<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState">, Omit<ListBoxProps, "autoFocus" | "onBlur" | "onFocus" | "onSelectionChange" | "selectionBehavior" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "renderDropIndicator" | "renderDragPreview" | "dropIndicatorClassName" | "dropIndicatorStyle" | keyof DragAndDropProps>, AriaValidationProps, Omit<ComboBoxStateOptions<ListItem>, "items" | "children" | "errorMessage" | "description" | "validationState" | "selectedKey">, InputMessage {
     /** ID of the initially selected item */
@@ -2338,7 +2354,7 @@ interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>
     /** Whether the input is read only. */
     readOnly?: boolean;
     /** The style object to apply to the input element */
-    inputStyle?: React.CSSProperties;
+    inputStyle?: React__default.CSSProperties;
     /** The class name to apply to the input element */
     inputClassName?: string;
     /** Optional label for the toggle button */
@@ -2353,7 +2369,7 @@ interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>
     renderOption?: (item: Node$1<ListItem>, options: OptionAria & {
         showSelectedIcon?: boolean;
         _state: ListState<ListItem>;
-    }, ref: React.Ref<HTMLLIElement>) => React.ReactNode;
+    }, ref: React__default.Ref<HTMLLIElement>) => React__default.ReactNode;
     filterItems?: boolean;
     onInputChange?: (value: string) => void;
     showIcon?: boolean;
@@ -2405,7 +2421,7 @@ interface ComboBoxProps extends StylingProps, Omit<AriaComboBoxOptions<ListItem>
     maxValue?: number;
 }
 
-declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<HTMLDivElement>>;
+declare const ComboBox: React__default.ForwardRefExoticComponent<ComboBoxProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "colorName">, StylingProps, DOMProps, AriaLabelingProps {
     /** Whether the swatch is focused by keyboard. */
@@ -2424,7 +2440,7 @@ interface ColorSwatchProps extends Omit<AriaColorSwatchProps, "colorName">, Styl
     isDisabled?: boolean;
 }
 
-declare const ColorSwatch: React.ForwardRefExoticComponent<ColorSwatchProps & React.RefAttributes<HTMLDivElement>>;
+declare const ColorSwatch: React__default.ForwardRefExoticComponent<ColorSwatchProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface GridListHandle {
     /** Sets the selection manager focus state */
@@ -2484,7 +2500,7 @@ declare type GridListProps = Omit<StylingProps & ListProps<ListOption> & AriaGri
      */
     renderGridItem: (item: Node$1<ListOption>, options: GridListItemAria & {
         checkBoxProps?: CheckboxProps;
-    }, ref: React.Ref<HTMLLIElement>) => React.ReactElement;
+    }, ref: React__default.Ref<HTMLLIElement>) => React__default.ReactElement;
     /**
      * Enables editing mode which disables keydown event capturing, useful
      * when you may want the internal `GridList` from taking away focus from
@@ -2494,10 +2510,10 @@ declare type GridListProps = Omit<StylingProps & ListProps<ListOption> & AriaGri
      */
     isEditing?: boolean;
     /** Handle to access the gridlist imperative methods. */
-    gridListHandle?: React.RefObject<GridListHandle>;
+    gridListHandle?: React__default.RefObject<GridListHandle>;
 }, "children" | "suppressTextValueWarning" | "allowDuplicateSelectionEvents" | "linkBehavior" | "keyboardDelegate" | "isVirtualized" | "filter">;
 
-declare const GridList: React.ForwardRefExoticComponent<GridListProps & React.RefAttributes<HTMLUListElement>>;
+declare const GridList: React__default.ForwardRefExoticComponent<GridListProps & React__default.RefAttributes<HTMLUListElement>>;
 
 interface ActionGroupProps extends StylingProps, Omit<AriaActionGroupProps<ListItem>, "children"> {
     /** The items to display in the action group. */
@@ -2529,11 +2545,11 @@ interface ActionGroupProps extends StylingProps, Omit<AriaActionGroupProps<ListI
     renderActionItem?: (item: Node$2<ListItem>, options: {
         isSelected?: boolean;
         isDisabled?: boolean;
-    }) => React.ReactNode;
+    }) => React__default.ReactNode;
 }
 
-declare const ActionGroup: React.ForwardRefExoticComponent<ActionGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const ActionGroupItem: React.FC<ActionGroupItemProps>;
+declare const ActionGroup: React__default.ForwardRefExoticComponent<ActionGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const ActionGroupItem: React__default.FC<ActionGroupItemProps>;
 interface ActionGroupItemProps extends Pick<ActionGroupProps, "tooltipProps" | "renderActionItem" | "onAction" | "isDisabled"> {
     item: Node$2<ListItem>;
     state: ListState<ListItem>;
@@ -2555,7 +2571,7 @@ interface ColorSwatchPickerProps extends StylingProps, Pick<RadioGroupProps, "op
      */
     items: ColorPreset[];
     /** The icon visible at the start of the picker. */
-    icon?: React.FC<IconProps>;
+    icon?: React__default.FC<IconProps>;
     /**
      * The value of the selected item. This is useful if you want to control the
      * value of the picker.
@@ -2571,7 +2587,182 @@ interface ColorSwatchPickerProps extends StylingProps, Pick<RadioGroupProps, "op
     isDisabled?: boolean;
 }
 
-declare const ColorSwatchPicker: React.ForwardRefExoticComponent<ColorSwatchPickerProps & React.RefAttributes<HTMLDivElement>>;
+declare const ColorSwatchPicker: React__default.ForwardRefExoticComponent<ColorSwatchPickerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface TreeListItem extends ListOption {
+    children?: TreeListItem[];
+}
+interface TreeViewProps extends StylingProps, Omit<AriaLabelingProps, "aria-describedby" | "aria-details">, Omit<TreeProps<TreeListItem>, "items" | "children" | "disabledKeys" | "selectedKeys" | "defaultSelectedKeys" | "onSelectionChange" | "collection" | "selectionMode"> {
+    /**
+     * The items to display in the tree view. Each item can be a leaf or a
+     * section.
+     *
+     * @example
+     *   ```tsx
+     *   const treeItems = {
+     *     id: "root",
+     *     label: "Root item",
+     *     children: [
+     *       {
+     *         id: "documents",
+     *         label: "Documents",
+     *         icon: EllipseIcon,
+     *         children: [
+     *           {
+     *             id: "work",
+     *             icon: EllipseIcon,
+     *             label: "Work",
+     *             children: [
+     *               {
+     *                 id: "project-a",
+     *                 icon: EllipseIcon,
+     *                 label: "Project A",
+     *               },
+     *             ],
+     *           },
+     *           {
+     *             id: "personal",
+     *             icon: EllipseIcon,
+     *             label: "Personal",
+     *           },
+     *         ],
+     *       },
+     *       {
+     *         id: "downloads",
+     *         icon: EllipseIcon,
+     *         label: "Downloads",
+     *       },
+     *     ],
+     *   };
+     *   ```;
+     */
+    items: TreeListItem;
+    /**
+     * The id of the root item. If not provided, the id of the first item will be
+     * used.
+     */
+    rootId?: string;
+    /** The callback function that is called when the item is collapsed. */
+    onCollapse?: (key: Key) => void;
+    /** The callback function that is called when the item is expanded. */
+    onExpand?: (key: Key) => void;
+    /**
+     * The callback function that is called when the primary action is triggered.
+     * If not provided, the primary action will not be shown.
+     */
+    onPrimaryAction?: (key: Key) => void;
+    /**
+     * The callback function that is called when the secondary action is
+     * triggered. If not provided, the secondary action will not be shown.
+     */
+    onSecondaryAction?: (key: Key) => void;
+    /** The icon to use for the primary action. */
+    primaryActionIcon?: ToggleIconButtonProps["icon"];
+    /** The icon to use for the secondary action. */
+    secondaryActionIcon?: ToggleIconButtonProps["icon"];
+    /** The aria label for the primary action. */
+    primaryActionAriaLabel?: string | ((key: Key) => string);
+    /** The aria label for the secondary action. */
+    secondaryActionAriaLabel?: string | ((key: Key) => string);
+    /**
+     * The position of the actions.
+     *
+     * @default "end"
+     */
+    actionsPosition?: "start" | "end";
+    /**
+     * The callback function that is called when the item is renamed. The rename
+     * functionality is disabled if not provided.
+     */
+    onRename?: (options: {
+        key: Key;
+        value: string;
+    }) => void;
+    /** The callback function that is called when the item is clicked. */
+    onAction?: (key: Key) => void;
+    /**
+     * The callback function that is called to render the item title.
+     *
+     * @default item => item.label
+     */
+    renderItemTitle?: (item: ReactComplexTreeItem) => ReactNode;
+}
+
+declare type ReactComplexTreeItem = TreeItem<{
+    label: string;
+    description?: string;
+    icon?: React__default.ElementType;
+    posInset: number;
+    setSize: number;
+    [key: string]: unknown;
+}>;
+declare const TreeView: React__default.ForwardRefExoticComponent<TreeViewProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface PanelProps extends StylingProps {
+    /** Content */
+    children: ReactNode;
+    /**
+     * Panel collapses to this size
+     *
+     * @default 0
+     */
+    collapsedSize?: PanelProps$1["collapsedSize"];
+    /**
+     * Whether panel can be collapsed when resized beyond `minSize`
+     *
+     * @default false
+     */
+    isCollapsible?: PanelProps$1["collapsible"];
+    /** Initial size of the panel, accepts value between 0 - 100 */
+    defaultSize?: PanelProps$1["defaultSize"];
+    /**
+     * Maximum allowed size for the panel, accepts value between 0 - 100
+     *
+     * @default 100
+     */
+    maxSize?: PanelProps$1["maxSize"];
+    /**
+     * Minimum allowed size for the panel, accepts value between 0 - 100
+     *
+     * @default 10
+     */
+    minSize?: PanelProps$1["minSize"];
+    /** Called with current panel size on resize */
+    onResize?: PanelProps$1["onResize"];
+}
+interface PanelGroupProps extends StylingProps {
+    /** Content comprising `Panel` and `PanelResizeHandle` */
+    children: ReactNode;
+    /** Orientation of the layout */
+    direction: PanelGroupProps$1["direction"];
+    /** Called with current panel sizes when group layout changes */
+    onLayout?: PanelGroupProps$1["onLayout"];
+}
+interface PanelResizeHandleProps extends StylingProps {
+    /**
+     * Disables resizing
+     *
+     * @default false
+     */
+    isDisabled?: PanelResizeHandleProps$1["disabled"];
+}
+interface PanelResizeHandleProps extends StylingProps {
+}
+interface ImperativePanelGroupHandle {
+    setLayout?: ImperativePanelGroupHandle$1["setLayout"];
+}
+interface ImperativePanelHandle {
+    resize?: ImperativePanelHandle$1["resize"];
+}
+
+declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<ImperativePanelHandle>>;
+
+declare const PanelGroup: React.ForwardRefExoticComponent<PanelGroupProps & React.RefAttributes<ImperativePanelGroupHandle>>;
+
+declare const PanelResizeHandle: {
+    ({ className, isDisabled, ...props }: PanelResizeHandleProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 /**
  * A hook that creates an IntersectionObserver and observes a target element.
@@ -2609,9 +2800,9 @@ declare const ColorSwatchPicker: React.ForwardRefExoticComponent<ColorSwatchPick
  */
 declare function useIntersectionObserver({ ref, onIntersect, isDisabled, threshold, rootMargin, root, }: IntersectionObserverOptions): void;
 interface IntersectionObserverOptions {
-    ref: React.RefObject<HTMLElement>;
+    ref: React__default.RefObject<HTMLElement>;
     onIntersect: (entry: IntersectionObserverEntry) => void;
-    root?: React.RefObject<HTMLElement>;
+    root?: React__default.RefObject<HTMLElement>;
     rootMargin?: string;
     threshold?: number;
     isDisabled?: boolean;
@@ -2650,7 +2841,7 @@ declare function useResizeObserver({ ref, onResize, isDisabled, }: ResizeObserve
     } | undefined;
 };
 interface ResizeObserverOptions {
-    ref: React.RefObject<HTMLElement>;
+    ref: React__default.RefObject<HTMLElement>;
     onResize?: (entry: ResizeObserverEntry) => void;
     isDisabled?: boolean;
 }
@@ -2864,7 +3055,7 @@ declare function useLocalStorage<T>(key: string, initialValue: T): [T, SetValue<
  */
 declare function useTextSelection({ ref, onSelectionChange, onSelectionEnd, isDisabled, }: TextSelectionProps): void;
 interface TextSelectionProps {
-    ref: React.RefObject<HTMLElement>;
+    ref: React__default.RefObject<HTMLElement>;
     onSelectionChange: (selection: Selection) => void;
     onSelectionEnd?: (selection: Selection) => void;
     isDisabled?: boolean;
@@ -2903,4 +3094,4 @@ declare type Device = ReturnType<typeof useDevice>;
  */
 declare function usePortalContainer(_portalContainer?: HTMLElement): HTMLElement | undefined;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateFormat, type DateFormatProps, type Device, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, GridList, type GridListHandle, type GridListProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInput, IconColorInputButton, type IconColorInputProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, Transition, type TransitionProps, defineMessages, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, type BlockProps, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateFormat, type DateFormatProps, type Device, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FreehandCanvas, type FreehandCanvasProps, GridList, type GridListHandle, type GridListProps, Group, type GroupProps, I18nProvider, type I18nResult, IconColorInput, IconColorInputButton, type IconColorInputProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Link, type LinkProps, ListBox, type ListBoxProps, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, type ReactComplexTreeItem, Reaction, type ReactionProps, type Rect, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Slider, type SliderProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, Tabs, type TabsProps, TagGroup, type TagGroupProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Transform, type TransformProps, Transition, type TransitionProps, TreeView, type TreeViewProps, defineMessages, isInsideOverlayContent, isRect, useDevice, useI18n, useImage, useIntersectionObserver, useIsFirstRender, useLocalStorage, useMutationObserver, usePortalContainer, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };