@ckbox/components 1.5.1 → 1.6.0-dev.0

package/dist/index.d.ts

@@ -6,10 +6,11 @@ import * as React$1 from 'react';
 import React__default, { useEffect } from 'react';
 import { Placement } from '@popperjs/core';
 import { TransitionProps } from 'react-transition-group/Transition';
+import Cropper$1 from 'cropperjs';
 import * as react_dnd from 'react-dnd';
 
-declare const Bottombar: React$1.ForwardRefExoticComponent<Props$2t & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2t {
+declare const Bottombar: React$1.ForwardRefExoticComponent<Props$2Y & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2Y {
     /**
      * Main content of the component.
      */
@@ -28,7 +29,7 @@ type ButtonSize = 'small' | 'medium' | 'large';
 type ButtonType = 'fill' | 'outline' | 'plain' | 'link';
 type ButtonColor = 'action' | 'danger' | 'neutral';
 
-interface Props$2s {
+interface Props$2X {
     /**
      * Toggles optional icon animation.
      */
@@ -36,106 +37,132 @@ interface Props$2s {
     /**
      * Sets root class name.
      */
-    className: string;
+    className?: string;
     /**
      * Optional test ID.
      */
     'data-testid'?: string;
+    /**
+     * Icon-specific props.
+     */
+    iconProps?: Record<string, unknown>;
 }
 
-declare const AccessTime: React$1.FC<Props$2s>;
+declare const AccessTime: React$1.FC<Props$2X>;
+
+declare const Add: React$1.FC<Props$2X>;
+
+declare const ArrowBackIosNewOutlined$1: React$1.FC<Props$2X>;
+
+declare const ArrowBackIosNewOutlined: React$1.FC<Props$2X>;
+
+declare const ArrowLeft: React$1.FC<Props$2X>;
+
+declare const ArrowRight: React$1.FC<Props$2X>;
+
+declare const ArticleOutlined: React$1.FC<Props$2X>;
+
+declare const CaretRight: React$1.FC<Props$2X>;
+
+declare const Check: React$1.FC<Props$2X>;
+
+declare const CheckCircleOutline: React$1.FC<Props$2X>;
+
+declare const ChevronDown: React$1.FC<Props$2X>;
 
-declare const Add: React$1.FC<Props$2s>;
+declare const ChevronLeftOutlined: React$1.FC<Props$2X>;
 
-declare const ArrowBackIosNewOutlined$1: React$1.FC<Props$2s>;
+declare const ChevronRightOutlined: React$1.FC<Props$2X>;
 
-declare const ArrowBackIosNewOutlined: React$1.FC<Props$2s>;
+declare const Close: React$1.FC<Props$2X>;
 
-declare const ArrowLeft: React$1.FC<Props$2s>;
+declare const ContentCopyOutlined: React$1.FC<Props$2X>;
 
-declare const ArrowRight: React$1.FC<Props$2s>;
+declare const CreateNewFolderOutlined: React$1.FC<Props$2X>;
 
-declare const ArticleOutlined: React$1.FC<Props$2s>;
+declare const CropAspectRatio: React$1.FC<Props$2X>;
 
-declare const CaretRight: React$1.FC<Props$2s>;
+declare const CropOriginalOutlined: React$1.FC<Props$2X>;
 
-declare const Check: React$1.FC<Props$2s>;
+declare const CropOutlined: React$1.FC<Props$2X>;
 
-declare const CheckCircleOutline: React$1.FC<Props$2s>;
+declare const DeleteOutlineOutlined: React$1.FC<Props$2X>;
 
-declare const ChevronDown: React$1.FC<Props$2s>;
+declare const DragHandle: React$1.FC<Props$2X>;
 
-declare const ChevronLeftOutlined: React$1.FC<Props$2s>;
+declare const DriveFileRenameOutlineOutlined: React$1.FC<Props$2X>;
 
-declare const ChevronRightOutlined: React$1.FC<Props$2s>;
+declare const DriveFolderUploadOutlined: React$1.FC<Props$2X>;
 
-declare const Close: React$1.FC<Props$2s>;
+declare const EditOutlined: React$1.FC<Props$2X>;
 
-declare const ContentCopyOutlined: React$1.FC<Props$2s>;
+declare const FileCopyOutlined: React$1.FC<Props$2X>;
 
-declare const CreateNewFolderOutlined: React$1.FC<Props$2s>;
+declare const FileMoveOutlined: React$1.FC<Props$2X>;
 
-declare const DeleteOutlineOutlined: React$1.FC<Props$2s>;
+declare const FileDownloadOutlined: React$1.FC<Props$2X>;
 
-declare const DragHandle: React$1.FC<Props$2s>;
+declare const FileUploadOutlined: React$1.FC<Props$2X>;
 
-declare const DriveFileRenameOutlineOutlined: React$1.FC<Props$2s>;
+declare const Filter: React$1.FC<Props$2X>;
 
-declare const DriveFolderUploadOutlined: React$1.FC<Props$2s>;
+declare const FirstPageOutlined: React$1.FC<Props$2X>;
 
-declare const EditOutlined: React$1.FC<Props$2s>;
+declare const FlipHorizontalOutlined: React$1.FC<Props$2X>;
 
-declare const FileCopyOutlined: React$1.FC<Props$2s>;
+declare const FlipVerticalOutlined: React$1.FC<Props$2X>;
 
-declare const FileMoveOutlined: React$1.FC<Props$2s>;
+declare const Folder: React$1.FC<Props$2X>;
 
-declare const FileDownloadOutlined: React$1.FC<Props$2s>;
+declare const FolderOutlined: React$1.FC<Props$2X>;
 
-declare const FileUploadOutlined: React$1.FC<Props$2s>;
+declare const InfoOutlined: React$1.FC<Props$2X>;
 
-declare const Filter: React$1.FC<Props$2s>;
+declare const Inventory2Outlined: React$1.FC<Props$2X>;
 
-declare const FirstPageOutlined: React$1.FC<Props$2s>;
+declare const KeyboardDoubleArrowLeft: React$1.FC<Props$2X>;
 
-declare const Folder: React$1.FC<Props$2s>;
+declare const KeyboardDoubleArrowRight: React$1.FC<Props$2X>;
 
-declare const FolderOutlined: React$1.FC<Props$2s>;
+declare const LastPageOutlined: React$1.FC<Props$2X>;
 
-declare const InfoOutlined: React$1.FC<Props$2s>;
+declare const LockOpenOutlined: React$1.FC<Props$2X>;
 
-declare const Inventory2Outlined: React$1.FC<Props$2s>;
+declare const LockOutlined: React$1.FC<Props$2X>;
 
-declare const KeyboardDoubleArrowLeft: React$1.FC<Props$2s>;
+declare const MoreVert: React$1.FC<Props$2X>;
 
-declare const KeyboardDoubleArrowRight: React$1.FC<Props$2s>;
+declare const PhotoOutlined: React$1.FC<Props$2X>;
 
-declare const LastPageOutlined: React$1.FC<Props$2s>;
+declare const RemoveOutlined: React$1.FC<Props$2X>;
 
-declare const MoreVert: React$1.FC<Props$2s>;
+declare const RotateLeftOutlined: React$1.FC<Props$2X>;
 
-declare const PhotoOutlined: React$1.FC<Props$2s>;
+declare const RotateRightOutlined: React$1.FC<Props$2X>;
 
-declare const SearchMissingResults: React$1.FC<Props$2s>;
+declare const SaveOutlined: React$1.FC<Props$2X>;
 
-declare const SearchOutlined: React$1.FC<Props$2s>;
+declare const SearchMissingResults: React$1.FC<Props$2X>;
 
-declare const SettingsOutlined: React$1.FC<Props$2s>;
+declare const SearchOutlined: React$1.FC<Props$2X>;
 
-declare const Sort: React$1.FC<Props$2s>;
+declare const SettingsOutlined: React$1.FC<Props$2X>;
 
-declare const Spinner: React$1.FC<Props$2s>;
+declare const Sort: React$1.FC<Props$2X>;
 
-declare const Tune: React$1.FC<Props$2s>;
+declare const Spinner: React$1.FC<Props$2X>;
 
-declare const UploadFileOutlined: React$1.FC<Props$2s>;
+declare const Tune: React$1.FC<Props$2X>;
 
-declare const VisibilityOutlined: React$1.FC<Props$2s>;
+declare const UploadFileOutlined: React$1.FC<Props$2X>;
 
-declare const WarningAmber: React$1.FC<Props$2s>;
+declare const VisibilityOutlined: React$1.FC<Props$2X>;
 
-declare const WarningFill: React$1.FC<Props$2s>;
+declare const WarningAmber: React$1.FC<Props$2X>;
 
-declare const XCircle: React$1.FC<Props$2s>;
+declare const WarningFill: React$1.FC<Props$2X>;
+
+declare const XCircle: React$1.FC<Props$2X>;
 
 declare const icons$1_AccessTime: typeof AccessTime;
 declare const icons$1_Add: typeof Add;
@@ -151,6 +178,9 @@ declare const icons$1_ChevronRightOutlined: typeof ChevronRightOutlined;
 declare const icons$1_Close: typeof Close;
 declare const icons$1_ContentCopyOutlined: typeof ContentCopyOutlined;
 declare const icons$1_CreateNewFolderOutlined: typeof CreateNewFolderOutlined;
+declare const icons$1_CropAspectRatio: typeof CropAspectRatio;
+declare const icons$1_CropOriginalOutlined: typeof CropOriginalOutlined;
+declare const icons$1_CropOutlined: typeof CropOutlined;
 declare const icons$1_DeleteOutlineOutlined: typeof DeleteOutlineOutlined;
 declare const icons$1_DragHandle: typeof DragHandle;
 declare const icons$1_DriveFileRenameOutlineOutlined: typeof DriveFileRenameOutlineOutlined;
@@ -162,6 +192,8 @@ declare const icons$1_FileMoveOutlined: typeof FileMoveOutlined;
 declare const icons$1_FileUploadOutlined: typeof FileUploadOutlined;
 declare const icons$1_Filter: typeof Filter;
 declare const icons$1_FirstPageOutlined: typeof FirstPageOutlined;
+declare const icons$1_FlipHorizontalOutlined: typeof FlipHorizontalOutlined;
+declare const icons$1_FlipVerticalOutlined: typeof FlipVerticalOutlined;
 declare const icons$1_Folder: typeof Folder;
 declare const icons$1_FolderOutlined: typeof FolderOutlined;
 declare const icons$1_InfoOutlined: typeof InfoOutlined;
@@ -169,8 +201,14 @@ declare const icons$1_Inventory2Outlined: typeof Inventory2Outlined;
 declare const icons$1_KeyboardDoubleArrowLeft: typeof KeyboardDoubleArrowLeft;
 declare const icons$1_KeyboardDoubleArrowRight: typeof KeyboardDoubleArrowRight;
 declare const icons$1_LastPageOutlined: typeof LastPageOutlined;
+declare const icons$1_LockOpenOutlined: typeof LockOpenOutlined;
+declare const icons$1_LockOutlined: typeof LockOutlined;
 declare const icons$1_MoreVert: typeof MoreVert;
 declare const icons$1_PhotoOutlined: typeof PhotoOutlined;
+declare const icons$1_RemoveOutlined: typeof RemoveOutlined;
+declare const icons$1_RotateLeftOutlined: typeof RotateLeftOutlined;
+declare const icons$1_RotateRightOutlined: typeof RotateRightOutlined;
+declare const icons$1_SaveOutlined: typeof SaveOutlined;
 declare const icons$1_SearchMissingResults: typeof SearchMissingResults;
 declare const icons$1_SearchOutlined: typeof SearchOutlined;
 declare const icons$1_SettingsOutlined: typeof SettingsOutlined;
@@ -200,6 +238,9 @@ declare namespace icons$1 {
     icons$1_Close as Close,
     icons$1_ContentCopyOutlined as ContentCopyOutlined,
     icons$1_CreateNewFolderOutlined as CreateNewFolderOutlined,
+    icons$1_CropAspectRatio as CropAspectRatio,
+    icons$1_CropOriginalOutlined as CropOriginalOutlined,
+    icons$1_CropOutlined as CropOutlined,
     icons$1_DeleteOutlineOutlined as DeleteOutlineOutlined,
     icons$1_DragHandle as DragHandle,
     icons$1_DriveFileRenameOutlineOutlined as DriveFileRenameOutlineOutlined,
@@ -211,6 +252,8 @@ declare namespace icons$1 {
     icons$1_FileUploadOutlined as FileUploadOutlined,
     icons$1_Filter as Filter,
     icons$1_FirstPageOutlined as FirstPageOutlined,
+    icons$1_FlipHorizontalOutlined as FlipHorizontalOutlined,
+    icons$1_FlipVerticalOutlined as FlipVerticalOutlined,
     icons$1_Folder as Folder,
     icons$1_FolderOutlined as FolderOutlined,
     icons$1_InfoOutlined as InfoOutlined,
@@ -218,8 +261,14 @@ declare namespace icons$1 {
     icons$1_KeyboardDoubleArrowLeft as KeyboardDoubleArrowLeft,
     icons$1_KeyboardDoubleArrowRight as KeyboardDoubleArrowRight,
     icons$1_LastPageOutlined as LastPageOutlined,
+    icons$1_LockOpenOutlined as LockOpenOutlined,
+    icons$1_LockOutlined as LockOutlined,
     icons$1_MoreVert as MoreVert,
     icons$1_PhotoOutlined as PhotoOutlined,
+    icons$1_RemoveOutlined as RemoveOutlined,
+    icons$1_RotateLeftOutlined as RotateLeftOutlined,
+    icons$1_RotateRightOutlined as RotateRightOutlined,
+    icons$1_SaveOutlined as SaveOutlined,
     icons$1_SearchMissingResults as SearchMissingResults,
     icons$1_SearchOutlined as SearchOutlined,
     icons$1_SettingsOutlined as SettingsOutlined,
@@ -242,16 +291,8 @@ type IconName = keyof typeof icons$1;
 type IconSize = 'small' | 'base' | 'medium' | 'big' | 'bigger' | 'humongous';
 type IconColor = 'accent' | 'disabled' | 'danger' | 'muted' | 'warning' | 'success';
 
-declare const Icon: React$1.FC<Props$2r>;
-interface Props$2r {
-    /**
-     * Toggles animation.
-     */
-    animateIn?: boolean;
-    /**
-     * Sets root class.
-     */
-    className?: string;
+declare const Icon: React$1.FC<Props$2W>;
+interface Props$2W extends Props$2X {
     /**
      * Icon color.
      */
@@ -273,8 +314,8 @@ interface Props$2r {
     size?: IconSize;
 }
 
-declare const Button: React$1.ForwardRefExoticComponent<Props$2q & React$1.RefAttributes<HTMLButtonElement>>;
-interface Props$2q {
+declare const Button: React$1.ForwardRefExoticComponent<Props$2V & React$1.RefAttributes<HTMLButtonElement>>;
+interface Props$2V {
     /**
      * Applies active styling.
      */
@@ -365,16 +406,16 @@ interface Props$2q {
     disabledLabelWrapping?: boolean;
 }
 
-declare const ButtonGroup: React$1.FC<Props$2p>;
-interface Props$2p {
+declare const ButtonGroup: React$1.FC<Props$2U>;
+interface Props$2U {
     /**
      * Button components.
      */
     children: React$1.ReactNode;
 }
 
-declare const CircularLoader: React$1.ForwardRefExoticComponent<Props$2o & React$1.RefAttributes<HTMLButtonElement>>;
-interface Props$2o {
+declare const CircularLoader: React$1.ForwardRefExoticComponent<Props$2T & React$1.RefAttributes<HTMLButtonElement>>;
+interface Props$2T {
     /**
      * Component's label.
      */
@@ -397,8 +438,8 @@ interface Props$2o {
     onClick?: () => void;
 }
 
-declare const DialogNextTitle: React$1.ForwardRefExoticComponent<Props$2n & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2n {
+declare const DialogNextTitle: React$1.ForwardRefExoticComponent<Props$2S & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2S {
     /**
      * Main content of the component.
      */
@@ -417,8 +458,8 @@ interface Props$2n {
     titleId?: string;
 }
 
-declare const DialogNextColumn: React$1.ForwardRefExoticComponent<Props$2m & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2m {
+declare const DialogNextColumn: React$1.ForwardRefExoticComponent<Props$2R & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2R {
     /**
      * Main content of the component.
      */
@@ -429,8 +470,8 @@ interface Props$2m {
     className?: string;
 }
 
-declare const DialogNextContent: React$1.ForwardRefExoticComponent<Props$2l & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2l {
+declare const DialogNextContent: React$1.ForwardRefExoticComponent<Props$2Q & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2Q {
     /**
      * Main content of the component.
      */
@@ -449,8 +490,8 @@ interface Props$2l {
     id?: string;
 }
 
-declare const DialogNextFooter: React$1.ForwardRefExoticComponent<Props$2k & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2k {
+declare const DialogNextFooter: React$1.ForwardRefExoticComponent<Props$2P & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2P {
     /**
      * Main content of the component.
      */
@@ -461,8 +502,8 @@ interface Props$2k {
     className?: string;
 }
 
-declare const DialogNextCloseButton: React$1.ForwardRefExoticComponent<Props$2j & React$1.RefAttributes<HTMLButtonElement>>;
-interface Props$2j {
+declare const DialogNextCloseButton: React$1.ForwardRefExoticComponent<Props$2O & React$1.RefAttributes<HTMLButtonElement>>;
+interface Props$2O {
     /**
      * Close button's label.
      */
@@ -473,8 +514,8 @@ interface Props$2j {
     className?: string;
 }
 
-declare const DialogNextHeader: React$1.ForwardRefExoticComponent<Props$2i & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2i {
+declare const DialogNextHeader: React$1.ForwardRefExoticComponent<Props$2N & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2N {
     /**
      * Main content of the component.
      */
@@ -485,16 +526,16 @@ interface Props$2i {
     className?: string;
 }
 
-declare const DialogNextSeparator: React$1.ForwardRefExoticComponent<Props$2h & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2h {
+declare const DialogNextSeparator: React$1.ForwardRefExoticComponent<Props$2M & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2M {
     /**
      * Sets root header class.
      */
     className?: string;
 }
 
-declare const DialogNext: React$1.ForwardRefExoticComponent<Props$2g & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2g {
+declare const DialogNext: React$1.ForwardRefExoticComponent<Props$2L & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2L {
     /**
      * Main content of the component.
      */
@@ -533,16 +574,16 @@ interface Props$2g {
     alert?: boolean;
 }
 
-declare const DialogActions: React$1.FC<Props$2f>;
-interface Props$2f {
+declare const DialogActions: React$1.FC<Props$2K>;
+interface Props$2K {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const DialogColumn: React$1.ForwardRefExoticComponent<Props$2e & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2e extends React$1.HTMLAttributes<HTMLDivElement> {
+declare const DialogColumn: React$1.ForwardRefExoticComponent<Props$2J & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2J extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * Main content of the component.
      */
@@ -553,8 +594,8 @@ interface Props$2e extends React$1.HTMLAttributes<HTMLDivElement> {
     overflow?: boolean;
 }
 
-declare const DialogFooter: React$1.FC<Props$2d>;
-interface Props$2d {
+declare const DialogFooter: React$1.FC<Props$2I>;
+interface Props$2I {
     /**
      * Main content of the component.
      */
@@ -570,8 +611,8 @@ interface Props$2d {
     }[];
 }
 
-declare const DialogHeader: React$1.FC<Props$2c>;
-interface Props$2c {
+declare const DialogHeader: React$1.FC<Props$2H>;
+interface Props$2H {
     /**
      * Sets focus on close button on mount.
      */
@@ -594,8 +635,8 @@ interface Props$2c {
     type?: 'success' | 'error' | 'info';
 }
 
-declare const DialogProgressHeader: React$1.FC<Props$2b>;
-interface Props$2b {
+declare const DialogProgressHeader: React$1.FC<Props$2G>;
+interface Props$2G {
     /**
      * Sets focus on close button on mount.
      */
@@ -626,16 +667,16 @@ interface Props$2b {
     title?: string;
 }
 
-declare const DialogRow: React$1.FC<Props$2a>;
-interface Props$2a extends React$1.HTMLAttributes<HTMLDivElement> {
+declare const DialogRow: React$1.FC<Props$2F>;
+interface Props$2F extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const DialogSection: React$1.FC<Props$29>;
-interface Props$29 {
+declare const DialogSection: React$1.FC<Props$2E>;
+interface Props$2E {
     /**
      * Main content of the component.
      */
@@ -758,35 +799,35 @@ interface DialogProps extends DialogSwitchProps {
  * Entry component for the dialog.
  * Initializes selected dialog mode and optionally adds common options and draggability if needed.
  */
-declare const Dialog: React$1.FC<Props$28>;
-type Props$28 = DialogProps;
+declare const Dialog: React$1.FC<Props$2D>;
+type Props$2D = DialogProps;
 
-interface Props$27 {
+interface Props$2C {
     /**
      * Sets root class.
      */
     className: string;
 }
 
-declare const Zip: React$1.FC<Props$27>;
+declare const Zip: React$1.FC<Props$2C>;
 
-declare const Empty: React$1.FC<Props$27>;
+declare const Empty: React$1.FC<Props$2C>;
 
-declare const Excel: React$1.FC<Props$27>;
+declare const Excel: React$1.FC<Props$2C>;
 
-declare const Img: React$1.FC<Props$27>;
+declare const Img: React$1.FC<Props$2C>;
 
-declare const Movie: React$1.FC<Props$27>;
+declare const Movie: React$1.FC<Props$2C>;
 
-declare const Music: React$1.FC<Props$27>;
+declare const Music: React$1.FC<Props$2C>;
 
-declare const Pdf: React$1.FC<Props$27>;
+declare const Pdf: React$1.FC<Props$2C>;
 
-declare const Ppt: React$1.FC<Props$27>;
+declare const Ppt: React$1.FC<Props$2C>;
 
-declare const Txt: React$1.FC<Props$27>;
+declare const Txt: React$1.FC<Props$2C>;
 
-declare const Word: React$1.FC<Props$27>;
+declare const Word: React$1.FC<Props$2C>;
 
 declare const icons_Empty: typeof Empty;
 declare const icons_Excel: typeof Excel;
@@ -812,9 +853,9 @@ declare namespace icons {
   };
 }
 
-declare const DocIcon: React$1.FC<Props$26>;
+declare const DocIcon: React$1.FC<Props$2B>;
 type DocIconName = keyof typeof icons;
-interface Props$26 {
+interface Props$2B {
     /**
      * Name of selected icon.
      */
@@ -825,8 +866,8 @@ interface Props$26 {
     limitSize?: boolean;
 }
 
-declare const GalleryFigure: React$1.ForwardRefExoticComponent<Props$25 & React$1.RefAttributes<HTMLElement>>;
-interface Props$25 {
+declare const GalleryFigure: React$1.ForwardRefExoticComponent<Props$2A & React$1.RefAttributes<HTMLElement>>;
+interface Props$2A {
     /**
      * Main content of the component.
      */
@@ -841,8 +882,8 @@ interface Props$25 {
     'data-visible'?: boolean;
 }
 
-declare const GalleryItem: React$1.ForwardRefExoticComponent<Props$24 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$24 {
+declare const GalleryItem: React$1.ForwardRefExoticComponent<Props$2z & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2z {
     /**
      * Sets item as active.
      */
@@ -893,8 +934,8 @@ interface Props$24 {
     onCheckboxClick?: React$1.MouseEventHandler<HTMLButtonElement>;
 }
 
-declare const Gallery: React$1.FC<Props$23>;
-interface Props$23 {
+declare const Gallery: React$1.FC<Props$2y>;
+interface Props$2y {
     /**
      * Main content of the component.
      */
@@ -917,8 +958,8 @@ interface Props$23 {
  * Polymorphism for `ref` is tricky. Let's type it as `any` for now.
  */
 
-declare const Input: React$1.ForwardRefExoticComponent<Omit<Props$22, "ref"> & React$1.RefAttributes<any>>;
-interface Props$22 {
+declare const Input: React$1.ForwardRefExoticComponent<Omit<Props$2x, "ref"> & React$1.RefAttributes<any>>;
+interface Props$2x {
     /**
      * Input's class name.
      */
@@ -1001,8 +1042,8 @@ interface Props$22 {
     variant?: 'default' | 'underline';
 }
 
-declare const MenuItem: React$1.FC<Props$21>;
-interface Props$21 {
+declare const MenuItem: React$1.FC<Props$2w>;
+interface Props$2w {
     /**
      * Disables auto-close on click.
      */
@@ -1029,8 +1070,8 @@ interface Props$21 {
     onClick?: () => void;
 }
 
-declare const MenuSubSection: React$1.FC<Props$20>;
-interface Props$20 {
+declare const MenuSubSection: React$1.FC<Props$2v>;
+interface Props$2v {
     /**
      * Main content of the component.
      */
@@ -1057,8 +1098,8 @@ interface Props$20 {
     title: string;
 }
 
-declare const MenuSection: React$1.FC<Props$1$>;
-interface Props$1$ {
+declare const MenuSection: React$1.FC<Props$2u>;
+interface Props$2u {
     /**
      * Main content of the component.
      */
@@ -1090,16 +1131,16 @@ type PopperAnchorRef = HTMLElement | null | undefined;
 type PopperOffsetValue = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type PopperOffset = [PopperOffsetValue, PopperOffsetValue];
 
-declare const PopperArrow: React__default.FC<Props$1_>;
-interface Props$1_ {
+declare const PopperArrow: React__default.FC<Props$2t>;
+interface Props$2t {
     /**
      * Sets arrow size.
      */
     size?: 'sm' | 'md';
 }
 
-declare const Popper: React__default.ForwardRefExoticComponent<Props$1Z & React__default.RefAttributes<HTMLElement>>;
-interface Props$1Z {
+declare const Popper: React__default.ForwardRefExoticComponent<Props$2s & React__default.RefAttributes<HTMLElement>>;
+interface Props$2s {
     /**
      * Anchor element. Popper will be mounted to this element.
      */
@@ -1138,8 +1179,8 @@ interface Props$1Z {
     onKeyDown?: React__default.KeyboardEventHandler;
 }
 
-declare const Menu: React$1.ForwardRefExoticComponent<Props$1Y & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1Y {
+declare const Menu: React$1.ForwardRefExoticComponent<Props$2r & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2r {
     /**
      * Anchor element.
      */
@@ -1170,16 +1211,16 @@ interface Props$1Y {
     sameWidth?: boolean;
 }
 
-declare const ModalDialogActionContent: React$1.ForwardRefExoticComponent<Props$1X & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1X {
+declare const ModalDialogActionContent: React$1.ForwardRefExoticComponent<Props$2q & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2q {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ModalDialogActionItem: React$1.ForwardRefExoticComponent<Props$1W & React$1.RefAttributes<HTMLLIElement>>;
-interface Props$1W {
+declare const ModalDialogActionItem: React$1.ForwardRefExoticComponent<Props$2p & React$1.RefAttributes<HTMLLIElement>>;
+interface Props$2p {
     /**
      * Main content of the component.
      */
@@ -1198,8 +1239,8 @@ interface Props$1W {
     isLoading?: boolean;
 }
 
-declare const ModalDialogCallout: React$1.ForwardRefExoticComponent<Props$1V & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1V {
+declare const ModalDialogCallout: React$1.ForwardRefExoticComponent<Props$2o & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2o {
     /**
      * Main content of the component.
      */
@@ -1214,8 +1255,8 @@ interface Props$1V {
     type: 'error' | 'warning';
 }
 
-declare const ModalDialogContent: React$1.ForwardRefExoticComponent<Props$1U & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1U {
+declare const ModalDialogContent: React$1.ForwardRefExoticComponent<Props$2n & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2n {
     /**
      * Main content of the component.
      */
@@ -1226,8 +1267,8 @@ interface Props$1U {
     id?: string;
 }
 
-declare const ModalDialogContentColumn: React$1.ForwardRefExoticComponent<Props$1T & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1T {
+declare const ModalDialogContentColumn: React$1.ForwardRefExoticComponent<Props$2m & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2m {
     /**
      * Main content of the component.
      */
@@ -1238,8 +1279,8 @@ interface Props$1T {
     id?: string;
 }
 
-declare const ModalDialogList: React$1.ForwardRefExoticComponent<Props$1S & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1S {
+declare const ModalDialogList: React$1.ForwardRefExoticComponent<Props$2l & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2l {
     /**
      * Sets the dialog content ID.
      */
@@ -1254,16 +1295,16 @@ interface Props$1S {
     children: React$1.ReactNode;
 }
 
-declare const ModalDialogListItem: React$1.ForwardRefExoticComponent<Props$1R & React$1.RefAttributes<HTMLLIElement>>;
-interface Props$1R {
+declare const ModalDialogListItem: React$1.ForwardRefExoticComponent<Props$2k & React$1.RefAttributes<HTMLLIElement>>;
+interface Props$2k {
     /**
      * Item to display in the list.
      */
     children: React$1.ReactNode;
 }
 
-declare const ModalDialogFooter: React$1.ForwardRefExoticComponent<Props$1Q & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1Q {
+declare const ModalDialogFooter: React$1.ForwardRefExoticComponent<Props$2j & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2j {
     /**
      * Main content of the component.
      */
@@ -1274,16 +1315,16 @@ interface Props$1Q {
     spaceBetween?: boolean;
 }
 
-declare const ModalDialogFooterAction: React$1.ForwardRefExoticComponent<Props$1P & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1P {
+declare const ModalDialogFooterAction: React$1.ForwardRefExoticComponent<Props$2i & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2i {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ModalDialogHeader: React$1.ForwardRefExoticComponent<Props$1O & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1O {
+declare const ModalDialogHeader: React$1.ForwardRefExoticComponent<Props$2h & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2h {
     /**
      * Enables the top border accent.
      */
@@ -1295,7 +1336,7 @@ interface Props$1O {
     /**
      * Name of selected icon.
      */
-    icon?: 'info' | 'success' | 'error' | 'warning' | React$1.ReactElement<Props$2r>;
+    icon?: 'info' | 'success' | 'error' | 'warning' | React$1.ReactElement<Props$2W>;
     /**
      * Optional sub title of the modal.
      */
@@ -1310,8 +1351,8 @@ interface Props$1O {
     titleId?: string;
 }
 
-declare const ModalDialog: React$1.ForwardRefExoticComponent<Props$1N & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1N {
+declare const ModalDialog: React$1.ForwardRefExoticComponent<Props$2g & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2g {
     /**
      * Main content of the component.
      */
@@ -1401,8 +1442,8 @@ interface NavbarContext {
 declare const NavbarContext: React$1.Context<NavbarContext>;
 declare const useNavbarCtx: () => NavbarContext;
 
-declare const NavbarItem: React$1.FC<Props$1M>;
-interface Props$1M {
+declare const NavbarItem: React$1.FC<Props$2f>;
+interface Props$2f {
     /**
      * Applies active styling.
      */
@@ -1465,8 +1506,8 @@ interface Props$1M {
     onDelete?: () => void;
 }
 
-declare const NavbarItemContainer: React$1.FC<Props$1L>;
-interface Props$1L {
+declare const NavbarItemContainer: React$1.FC<Props$2e>;
+interface Props$2e {
     /**
      * Marks container as active.
      */
@@ -1477,8 +1518,8 @@ interface Props$1L {
     children: React$1.ReactNode;
 }
 
-declare const NavbarItemContent: React$1.FC<Props$1K>;
-interface Props$1K {
+declare const NavbarItemContent: React$1.FC<Props$2d>;
+interface Props$2d {
     /**
      * Adds enter / exit animation.
      */
@@ -1497,8 +1538,8 @@ interface Props$1K {
     hidden?: boolean;
 }
 
-declare const NavbarItemLabel: React$1.FC<Props$1J>;
-interface Props$1J {
+declare const NavbarItemLabel: React$1.FC<Props$2c>;
+interface Props$2c {
     /**
      * Toggles icon animation if parent item is hovered.
      */
@@ -1510,11 +1551,11 @@ interface Props$1J {
     /**
      * Displayed icon.
      */
-    icon?: React$1.ReactElement<Props$2r>;
+    icon?: React$1.ReactElement<Props$2W>;
 }
 
-declare const NavbarItemsGroup: React$1.FC<Props$1I>;
-interface Props$1I {
+declare const NavbarItemsGroup: React$1.FC<Props$2b>;
+interface Props$2b {
     /**
      * Animates group on collapse.
      */
@@ -1533,8 +1574,8 @@ interface Props$1I {
     level?: number;
 }
 
-declare const NavbarLink: React$1.FC<Props$1H>;
-interface Props$1H {
+declare const NavbarLink: React$1.FC<Props$2a>;
+interface Props$2a {
     /**
      * Renders link content.
      */
@@ -1547,8 +1588,8 @@ interface Props$1H {
     href?: string;
 }
 
-declare const NavbarScrollableContent: React$1.FC<Props$1G>;
-interface Props$1G {
+declare const NavbarScrollableContent: React$1.FC<Props$29>;
+interface Props$29 {
     /**
      * Main content of the component.
      */
@@ -1557,8 +1598,8 @@ interface Props$1G {
 
 declare const NavbarSeparator: React$1.FC;
 
-declare const NavbarToggleButton: React$1.FC<Props$1F>;
-interface Props$1F {
+declare const NavbarToggleButton: React$1.FC<Props$28>;
+interface Props$28 {
     /**
      * Label shown when navbar will collapse.
      */
@@ -1573,8 +1614,8 @@ interface Props$1F {
     openLabel?: string;
 }
 
-declare const Navbar: React$1.FC<Props$1E>;
-interface Props$1E {
+declare const Navbar: React$1.FC<Props$27>;
+interface Props$27 {
     /**
      * Labels navigation element.
      */
@@ -1585,8 +1626,8 @@ interface Props$1E {
     children: React$1.ReactNode;
 }
 
-declare const Modal: React$1.FC<Props$1D>;
-interface Props$1D {
+declare const Modal: React$1.FC<Props$26>;
+interface Props$26 {
     /**
      * Optional children.
      */
@@ -1609,24 +1650,24 @@ interface Props$1D {
     variant?: 'transparent' | 'semi-transparent';
 }
 
-declare const PanelActions: React$1.FC<Props$1C>;
-interface Props$1C {
+declare const PanelActions: React$1.FC<Props$25>;
+interface Props$25 {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const PanelColumn: React$1.FC<Props$1B>;
-interface Props$1B {
+declare const PanelColumn: React$1.FC<Props$24>;
+interface Props$24 {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const PanelContent: React$1.ForwardRefExoticComponent<Props$1A & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1A {
+declare const PanelContent: React$1.ForwardRefExoticComponent<Props$23 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$23 {
     /**
      * Main content of the component.
      */
@@ -1645,8 +1686,8 @@ interface Props$1A {
     header?: string;
 }
 
-declare const PanelContentProp: React$1.FC<Props$1z>;
-interface Props$1z {
+declare const PanelContentProp: React$1.FC<Props$22>;
+interface Props$22 {
     /**
      * Property label.
      */
@@ -1659,8 +1700,8 @@ interface Props$1z {
 
 declare const PanelDragHandle: React$1.ForwardRefExoticComponent<React$1.RefAttributes<HTMLDivElement>>;
 
-declare const PanelList: React$1.FC<Props$1y>;
-interface Props$1y {
+declare const PanelList: React$1.FC<Props$21>;
+interface Props$21 {
     /**
      * Main content.
      */
@@ -1675,16 +1716,16 @@ interface Props$1y {
     toolbarLoading?: boolean;
 }
 
-declare const PanelListDivider: React$1.FC<Props$1x>;
-interface Props$1x {
+declare const PanelListDivider: React$1.FC<Props$20>;
+interface Props$20 {
     /**
      * Toggles component opacity.
      */
     opaque?: boolean;
 }
 
-declare const PanelSide: React$1.FC<Props$1w>;
-interface Props$1w {
+declare const PanelSide: React$1.FC<Props$1$>;
+interface Props$1$ {
     /**
      * Icon to display.
      */
@@ -1698,8 +1739,8 @@ interface Props$1w {
     iconRender?: IconRenderProp;
 }
 
-declare const PanelSkeleton: React$1.FC<Props$1v>;
-interface Props$1v {
+declare const PanelSkeleton: React$1.FC<Props$1_>;
+interface Props$1_ {
     /**
      * Number of loading blocks.
      */
@@ -1708,10 +1749,14 @@ interface Props$1v {
      * Relative size of a loading block.
      */
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * Sets bottom spacing.
+     */
+    spacing?: boolean;
 }
 
-declare const PanelTitle: React$1.ForwardRefExoticComponent<Props$1u & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1u extends Omit<Props$1A, 'children'> {
+declare const PanelTitle: React$1.ForwardRefExoticComponent<Props$1Z & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1Z extends Omit<Props$23, 'children'> {
     /**
      * Panel's title.
      */
@@ -1797,8 +1842,8 @@ declare const useListDnd: (initItems: ListDndItem[]) => {
     setDraggable: ListDndSetDraggable;
 };
 
-declare const SortableDndListItem: React$1.FC<Props$1t>;
-interface Props$1t {
+declare const SortableDndListItem: React$1.FC<Props$1Y>;
+interface Props$1Y {
     /**
      * Current item's index in a list.
      */
@@ -1840,8 +1885,8 @@ interface SortableDndListContextShape {
     onDragEnd?: ListDndOnDragEnd;
 }
 
-declare const SortableDndList: React$1.FC<Props$1s>;
-interface Props$1s extends SortableDndListContextShape {
+declare const SortableDndList: React$1.FC<Props$1X>;
+interface Props$1X extends SortableDndListContextShape {
     /**
      * Main content of the component.
      */
@@ -1859,8 +1904,8 @@ interface PanelContextShape extends Partial<ListDndChildProps> {
     edit?: boolean;
 }
 
-declare const Panel: React$1.ForwardRefExoticComponent<Props$1r & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1r extends PanelContextShape {
+declare const Panel: React$1.ForwardRefExoticComponent<Props$1W & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1W extends PanelContextShape {
     /**
      * Main content of the component.
      */
@@ -1875,8 +1920,8 @@ interface Props$1r extends PanelContextShape {
     elevated?: boolean;
 }
 
-declare const Pagination: React$1.FC<Props$1q>;
-interface Props$1q {
+declare const Pagination: React$1.FC<Props$1V>;
+interface Props$1V {
     /**
      * Disables interaction with pagination.
      */
@@ -1919,8 +1964,8 @@ interface Props$1q {
     prevPageLabel?: string;
 }
 
-declare const ProgressPanel: React$1.ForwardRefExoticComponent<Props$1p & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1p {
+declare const ProgressPanel: React$1.ForwardRefExoticComponent<Props$1U & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1U {
     /**
      * Additional info rendered close to a title.
      */
@@ -1955,8 +2000,8 @@ interface Props$1p {
     value: number;
 }
 
-declare const PropertiesTableRow: React$1.FC<Props$1o>;
-interface Props$1o {
+declare const PropertiesTableRow: React$1.FC<Props$1T>;
+interface Props$1T {
     /**
      * Item's label.
      */
@@ -1967,16 +2012,16 @@ interface Props$1o {
     value: React$1.ReactNode;
 }
 
-declare const PropertiesTable: React$1.FC<Props$1n>;
-interface Props$1n {
+declare const PropertiesTable: React$1.FC<Props$1S>;
+interface Props$1S {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const ResponsiveImageFit: React$1.FC<Props$1m>;
-interface Props$1m {
+declare const ResponsiveImageFit: React$1.FC<Props$1R>;
+interface Props$1R {
     /**
      * Image alt text.
      */
@@ -2015,8 +2060,8 @@ interface Props$1m {
     sizes?: number;
 }
 
-declare const ResponsiveImageFallback: React$1.FC<Props$1l>;
-interface Props$1l {
+declare const ResponsiveImageFallback: React$1.FC<Props$1Q>;
+interface Props$1Q {
     /**
      * Indicates if cover is allowed for the image.
      */
@@ -2043,8 +2088,8 @@ interface Props$1l {
     showFallback?: boolean;
 }
 
-declare const ResponsiveImageScalable: React$1.FC<Props$1k>;
-interface Props$1k {
+declare const ResponsiveImageScalable: React$1.FC<Props$1P>;
+interface Props$1P {
     /**
      * Image alt text.
      */
@@ -2091,8 +2136,8 @@ interface Props$1k {
     sizes?: number;
 }
 
-declare const ResponsiveImage: React$1.FC<Props$1j>;
-interface Props$1j {
+declare const ResponsiveImage: React$1.FC<Props$1O>;
+interface Props$1O {
     /**
      * List of available breakpoints.
      */
@@ -2115,8 +2160,8 @@ interface Props$1j {
     loader?: React$1.ReactNode;
 }
 
-declare const Skeleton: React$1.FC<Props$1i>;
-interface Props$1i {
+declare const Skeleton: React$1.FC<Props$1N>;
+interface Props$1N {
     /**
      * Optional class name. It overrides class responsible for background color.
      */
@@ -2131,8 +2176,8 @@ interface Props$1i {
     width?: string;
 }
 
-declare const SortButton: React$1.FC<Props$1h>;
-interface Props$1h {
+declare const SortButton: React$1.FC<Props$1M>;
+interface Props$1M {
     /**
      * Button's aria label.
      */
@@ -2151,8 +2196,8 @@ interface Props$1h {
     onClick?: () => void;
 }
 
-declare const SwitchView: React$1.FC<Props$1g>;
-interface Props$1g {
+declare const SwitchView: React$1.FC<Props$1L>;
+interface Props$1L {
     /**
      * Main content of the component.
      */
@@ -2167,8 +2212,8 @@ interface Props$1g {
     type?: 'default' | 'fallback';
 }
 
-declare const Switch: React$1.FC<Props$1f>;
-interface Props$1f {
+declare const Switch: React$1.FC<Props$1K>;
+interface Props$1K {
     /**
      * Main content of the component.
      */
@@ -2179,8 +2224,8 @@ interface Props$1f {
     match?: string;
 }
 
-declare const SwitchInput: React$1.FC<Props$1e>;
-interface Props$1e {
+declare const SwitchInput: React$1.FC<Props$1J>;
+interface Props$1J {
     /**
      * Sets current input's value.
      */
@@ -2199,8 +2244,8 @@ interface Props$1e {
     onChange: (checked: boolean) => void;
 }
 
-declare const TagList: React$1.FC<Props$1d>;
-interface Props$1d {
+declare const TagList: React$1.FC<Props$1I>;
+interface Props$1I {
     /**
      * Main content of the component.
      */
@@ -2211,8 +2256,8 @@ interface Props$1d {
     className?: string;
 }
 
-declare const TagLabel: React$1.FC<Props$1c>;
-interface Props$1c {
+declare const TagLabel: React$1.FC<Props$1H>;
+interface Props$1H {
     /**
      * Emphasizes tag content.
      */
@@ -2223,8 +2268,8 @@ interface Props$1c {
     children: React$1.ReactNode;
 }
 
-declare const Tag: React$1.ForwardRefExoticComponent<Props$1b & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1b {
+declare const Tag: React$1.ForwardRefExoticComponent<Props$1G & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1G {
     /**
      * Sets component's children.
      */
@@ -2255,8 +2300,8 @@ interface Props$1b {
     removeLabel?: string;
 }
 
-declare const TagInput: React$1.FC<Props$1a>;
-interface Props$1a {
+declare const TagInput: React$1.FC<Props$1F>;
+interface Props$1F {
     /**
      * Input's class name.
      */
@@ -2304,8 +2349,8 @@ interface Props$1a {
     }[];
 }
 
-declare const Tab: React$1.FC<Props$19>;
-interface Props$19 {
+declare const Tab: React$1.FC<Props$1E>;
+interface Props$1E {
     /**
      * Main content.
      */
@@ -2320,8 +2365,8 @@ interface Props$19 {
     label: string;
 }
 
-declare const Tabs: React$1.FC<Props$18>;
-interface Props$18 {
+declare const Tabs: React$1.FC<Props$1D>;
+interface Props$1D {
     /**
      * Currently selected tab.
      */
@@ -2336,8 +2381,8 @@ interface Props$18 {
     onTabSelect?: (tab: string) => void;
 }
 
-declare const Tooltip: React$1.FC<Props$17>;
-interface Props$17 {
+declare const Tooltip: React$1.FC<Props$1C>;
+interface Props$1C {
     /**
      * Main content of the component.
      * It must be a single child that accepts `ref`.
@@ -2357,11 +2402,8 @@ interface Props$17 {
     title: React$1.ReactNode;
 }
 
-/**
- * `TopbarAction` component acts as a props carrier only.
- */
-declare const TopbarAction: React$1.FC<Props$16>;
-interface Props$16 {
+declare const TopbarAction: React$1.FC<Props$1B>;
+interface Props$1B {
     /**
      * Applies active styling.
      */
@@ -2390,14 +2432,10 @@ interface Props$16 {
      * Action invoked upon click.
      */
     onClick?: () => void;
-    /**
-     * Download action URL.
-     */
-    downloadUrl?: string;
 }
 
-declare const Topbar: React$1.FC<Props$15>;
-interface Props$15 {
+declare const Topbar: React$1.FC<Props$1A>;
+interface Props$1A {
     /**
      * Main content of the component.
      */
@@ -2482,6 +2520,16 @@ declare const useUIContext: () => UIContext;
  */
 declare const areItemsIdentical: (items1: string[], items2: string[]) => boolean;
 
+/**
+ * Compares two numbers and checks if they are equal.
+ * Takes only first two decimal numbers into account.
+ *
+ * @param num1 first number
+ * @param num2 second number
+ * @returns whether numbers are equal
+ */
+declare const areNumbersEqual: (num1: number, num2: number) => boolean;
+
 /**
  * Generates base64-encoded image from its `blurhash` representation.
  *
@@ -2696,129 +2744,341 @@ declare const useClipboard: () => {
  */
 declare const useContainerKeyDown: (container?: HTMLElement | null, onKeyDown?: ((evt: KeyEventLike) => void) | undefined) => void;
 
-/**
- * Use this hook in order to defer unmount of a component.
- * It makes sure that component relying on this hook can be mounted for at least `waitFor` period.
- * This is useful to keep loader-like components mounted for a minimum time to avoid "flashing" effect.
- *
- * @param loading loading flag
- * @param waitFor indicates minimum mount time
- * @returns flag indicating if component relying on this hook should be kept mounted
- */
-declare const useDeferredUnmount: (loading: boolean, waitFor?: number) => boolean;
-
-/**
- * Allows to delay `shouldWait` flag by a value specified by `delay` option.
- *
- * @param shouldWait observed flag
- * @param delay delay time (in ms)
- * @returns flag indicating if `delay` time has passed and `shouldWait` is still `true`.
- */
-declare const useDelay: (shouldWait: boolean, delay: number) => boolean;
-
-interface Dimensions {
-    width: number;
-    height: number;
-    top: number;
-    left: number;
-}
-interface ResizeOptions {
-    /**
-     * Resize direction.
-     */
-    dir?: 'SE' | 'SW';
+type CropperDimensions = [number, number];
+interface CropperResult {
     /**
-     * Minimum resize width.
+     * Cropper instance.
      */
-    minWidth?: number;
+    cropper: Cropper | null;
     /**
-     * Callback invoked when resizing is done.
+     * Whether instance of Cropper is ready for interaction.
      */
-    onResizeEnd?: (dimensions: Dimensions) => void;
+    cropperReady: boolean;
 }
 
 /**
- * Manages element resize.
+ * Initializes an instance of CropperJS.
+ * Returns the instance once it is ready.
+ * Reuses the instance on rerenders.
  *
- * @param opts resize options
- * @returns resize state and utils
+ * @param element preview element
+ * @param options cropper options
+ * @returns cropper instance
  */
-declare const useResize: (opts: ResizeOptions) => {
-    onMouseDown: React$1.MouseEventHandler<HTMLElement> | undefined;
-    setResizableEl: (el: HTMLElement | null) => void;
-    isResizing: boolean | undefined;
-};
+declare function useCropper(element?: HTMLCanvasElement | null, options?: Cropper$1.Options<HTMLCanvasElement>): CropperResult;
+declare function useCropper(element?: HTMLImageElement | null, options?: Cropper$1.Options<HTMLImageElement>): CropperResult;
 
-type DragHandler = (diff: {
+interface CropperCrop {
     /**
-     * Dragged element.
+     * Clears crop box within Cropper and resets React state.
      */
-    draggableEl: HTMLElement;
+    clearCrop: () => void;
     /**
-     * Initial X offset of dragged element in relation to its closest positioned ancestor.
+     * Applies crop box with specified aspect ratio.
+     * If aspect ratio is not provided, then crop box in freeform will be applied.
+     *
+     * @param aspectRatio crop item aspect ratio
      */
-    initOffsetX: number;
+    crop: (aspectRatio?: number) => void;
     /**
-     * Initial Y offset of dragged element in relation to its closest positioned ancestor.
+     * Whether aspect ratio of crop box is locked.
      */
-    initOffsetY: number;
+    cropBoxAspectRatioLocked: boolean;
     /**
-     * Initial offset width of dragged element.
+     * Height of the crop box (if it's applied).
+     * This always shows real size of the crop box, even in FIXED_CROP_SIZE mode.
      */
-    initOffsetWidth: number;
+    cropBoxHeight?: number;
     /**
-     * Initial offset height of dragged element.
+     * Width of the crop box (if it's applied).
+     * This always shows real size of the crop box, even in FIXED_CROP_SIZE mode.
      */
-    initOffsetHeight: number;
+    cropBoxWidth?: number;
     /**
-     * Pointer's X client offset.
+     * Whether crop is enabled.
      */
-    clientOffsetX: number;
+    cropEnabled: boolean;
     /**
-     * Pointer's Y client offset.
+     * Sets custom crop box dimensions.
+     *
+     * @param width crop box width
+     * @param height crop box height
      */
-    clientOffsetY: number;
+    cropWithCustomDimensions: (width: number, height: number) => void;
     /**
-     * Value of a vector representing pointer movement in X axis.
+     * Sets fixed crop box dimensions and enables crop box within Cropper if disabled.
+     *
+     * From CropperJS's perspective, this is similar to setting a custom crop box.
+     * For the user, this is a different experience: The crop box dimensions have also fixed sized in pixels.
+     * This operation basically equals setting a crop box along with scaling the image at the same time.
+     * Actual scaling will be performed on the server, not with the CropperJS.
+     *
+     * @param width crop box fixed width
+     * @param height crop box fixed height
      */
-    clientVX: number;
+    cropWithFixedDimensions: (width: number, height: number) => void;
     /**
-     * Value of a vector representing pointer movement in Y axis.
+     * Height of the crop box in FIXED_CROP_SIZE.
      */
-    clientVY: number;
-}) => void;
-type DragDimensionsHandler = (dimensions: Dimensions) => void;
-interface DraggableOptions {
+    fixedCropBoxHeight?: number;
     /**
-     * Callback invoked on dragging. Passes most recent drag vectors.
+     * Width of the crop box in FIXED_CROP_SIZE.
      */
-    onDrag?: DragHandler;
+    fixedCropBoxWidth?: number;
     /**
-     * Callback invoked on drag end.
+     * Whether crop box is in CROP mode.
      */
-    onDragEnd?: DragDimensionsHandler;
+    isCropMode: boolean;
     /**
-     * Callback invoked on drag start.
+     * Whether crop box is in FIXED_CROP_SIZE.
      */
-    onDragStart?: React.MouseEventHandler<HTMLElement>;
+    isFixedCropMode: boolean;
+    /**
+     * Toggles crop box dimensions lock.
+     */
+    toggleAspectRatioLock: () => void;
 }
-interface DraggableState {
+
+/**
+ * Hook that allows to crop CropperJS image. Exposes helper methods.
+ *
+ * @param cropper instance of CropperJS
+ * @returns crop result and methods
+ */
+declare const useCropperCrop: (cropper: Cropper$1 | null, element?: HTMLElement | null) => CropperCrop;
+
+declare const CROPPER_ROTATION_ANGLE = 90;
+declare const CROPPER_FULL_ROTATION = 360;
+
+interface CropperRotateResult {
     /**
-     * Dragged element.
+     * Whether image has inverted orientation in relation to the original one.
      */
-    draggableEl: HTMLElement | null;
+    hasInvertedOrientation: boolean;
     /**
-     * Indicates if dragging is happening.
+     * Rotates image left by 90 degrees.
      */
-    isDragging?: boolean;
+    rotateLeft: () => void;
     /**
-     * Event handler that should be attached to drag handle.
+     * Rotates image right by 90 degrees.
      */
-    onMouseDown?: React.MouseEventHandler<HTMLElement>;
+    rotateRight: () => void;
     /**
-     * Setter for element that will be dragged.
+     * Rotates image to a given angle.
+     *
+     * @param angle angle to rotate to
      */
-    setDraggableEl: (el: HTMLElement | null) => void;
+    rotateTo: (angle: number) => void;
+    /**
+     * Current rotation angle.
+     */
+    rotationAngle: number;
+}
+
+/**
+ * Hook that allows to rotate CropperJS image.
+ *
+ * @param cropper instance of CropperJS
+ * @returns result
+ */
+declare const useCropperRotate: (cropper: Cropper$1 | null) => CropperRotateResult;
+
+declare const CROPPER_FLIP_FACTOR = -1;
+declare const CROPPER_INIT_SCALE = 1;
+
+interface CropperScaleResult {
+    /**
+     * Flips image horizontally.
+     */
+    flipHorizontal: () => void;
+    /**
+     * Flips image vertically.
+     */
+    flipVertical: () => void;
+    /**
+     * Resizes image by respecting aspect ratio.
+     * The one that has changed will be used as a reference and the second one will be resized accordingly.
+     *
+     * @param width requested width
+     * @param height requested height
+     */
+    resize: (width: number, height: number) => void;
+    /**
+     * Scale value in X dimension.
+     */
+    scaleX: number;
+    /**
+     * Scale value in Y dimension.
+     */
+    scaleY: number;
+}
+
+/**
+ * Hook that allows to scale CropperJS image.
+ *
+ * @param cropper instance of CropperJS
+ * @param onRotateTo callback invoked when image is rotated to a given angle
+ * @returns result
+ */
+declare const useCropperScale: (cropper: Cropper$1 | null, onRotateTo?: ((angle: number) => void) | undefined) => CropperScaleResult;
+
+interface CropperZoomResult {
+    /**
+     * Enlarges image.
+     */
+    zoomIn: () => void;
+    /**
+     * Zooms out.
+     */
+    zoomOut: () => void;
+    /**
+     * Resets zoom to initial value.
+     * Centers image with regards to the canvas.
+     */
+    resetZoom: () => void;
+    /**
+     * Initial zoom value.
+     */
+    zoomBaseline: number;
+    /**
+     * Current zoom value.
+     */
+    zoomValue: number;
+}
+
+/**
+ * Hook that allows to zoom CropperJS image.
+ * Zoom values are reported in %.
+ *
+ * @param cropper instance of CropperJS
+ * @param element element that was used to initialize CropperJS
+ * @returns result
+ */
+declare const useCropperZoom: (cropper: Cropper$1 | null, element?: HTMLElement | null) => CropperZoomResult;
+
+/**
+ * Use this hook in order to defer unmount of a component.
+ * It makes sure that component relying on this hook can be mounted for at least `waitFor` period.
+ * This is useful to keep loader-like components mounted for a minimum time to avoid "flashing" effect.
+ *
+ * @param loading loading flag
+ * @param waitFor indicates minimum mount time
+ * @returns flag indicating if component relying on this hook should be kept mounted
+ */
+declare const useDeferredUnmount: (loading: boolean, waitFor?: number) => boolean;
+
+/**
+ * Allows to delay `shouldWait` flag by a value specified by `delay` option.
+ *
+ * @param shouldWait observed flag
+ * @param delay delay time (in ms)
+ * @returns flag indicating if `delay` time has passed and `shouldWait` is still `true`.
+ */
+declare const useDelay: (shouldWait: boolean, delay: number) => boolean;
+
+interface Dimensions {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+}
+interface ResizeOptions {
+    /**
+     * Resize direction.
+     */
+    dir?: 'SE' | 'SW';
+    /**
+     * Minimum resize width.
+     */
+    minWidth?: number;
+    /**
+     * Callback invoked when resizing is done.
+     */
+    onResizeEnd?: (dimensions: Dimensions) => void;
+}
+
+/**
+ * Manages element resize.
+ *
+ * @param opts resize options
+ * @returns resize state and utils
+ */
+declare const useResize: (opts: ResizeOptions) => {
+    onMouseDown: React$1.MouseEventHandler<HTMLElement> | undefined;
+    setResizableEl: (el: HTMLElement | null) => void;
+    isResizing: boolean | undefined;
+};
+
+type DragHandler = (diff: {
+    /**
+     * Dragged element.
+     */
+    draggableEl: HTMLElement;
+    /**
+     * Initial X offset of dragged element in relation to its closest positioned ancestor.
+     */
+    initOffsetX: number;
+    /**
+     * Initial Y offset of dragged element in relation to its closest positioned ancestor.
+     */
+    initOffsetY: number;
+    /**
+     * Initial offset width of dragged element.
+     */
+    initOffsetWidth: number;
+    /**
+     * Initial offset height of dragged element.
+     */
+    initOffsetHeight: number;
+    /**
+     * Pointer's X client offset.
+     */
+    clientOffsetX: number;
+    /**
+     * Pointer's Y client offset.
+     */
+    clientOffsetY: number;
+    /**
+     * Value of a vector representing pointer movement in X axis.
+     */
+    clientVX: number;
+    /**
+     * Value of a vector representing pointer movement in Y axis.
+     */
+    clientVY: number;
+}) => void;
+type DragDimensionsHandler = (dimensions: Dimensions) => void;
+interface DraggableOptions {
+    /**
+     * Callback invoked on dragging. Passes most recent drag vectors.
+     */
+    onDrag?: DragHandler;
+    /**
+     * Callback invoked on drag end.
+     */
+    onDragEnd?: DragDimensionsHandler;
+    /**
+     * Callback invoked on drag start.
+     */
+    onDragStart?: React.MouseEventHandler<HTMLElement>;
+}
+interface DraggableState {
+    /**
+     * Dragged element.
+     */
+    draggableEl: HTMLElement | null;
+    /**
+     * Indicates if dragging is happening.
+     */
+    isDragging?: boolean;
+    /**
+     * Event handler that should be attached to drag handle.
+     */
+    onMouseDown?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Setter for element that will be dragged.
+     */
+    setDraggableEl: (el: HTMLElement | null) => void;
 }
 
 /**
@@ -2935,6 +3195,14 @@ declare const useFilesDrop: ({ onDrop }: UseFilesDropProps) => {
     isActive: boolean;
 };
 
+/**
+ * Utility hook allowing syncing two refs.
+ *
+ * @param ref
+ * @returns single forked ref synced with the provided ref
+ */
+declare const useForkRef: <T>(ref: React$1.MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined) => React$1.RefObject<T>;
+
 type Selected = Set<string>;
 
 /**
@@ -3183,8 +3451,8 @@ declare namespace validators_d {
   };
 }
 
-declare const ViewDialog: React$1.FC<Props$14>;
-interface Props$14 {
+declare const ViewDialog: React$1.FC<Props$1z>;
+interface Props$1z {
     /**
      * Main content of the component.
      */
@@ -3247,8 +3515,8 @@ interface Props$14 {
     label?: string;
 }
 
-declare const UIProvider: React$1.FC<Props$13>;
-interface Props$13 {
+declare const UIProvider: React$1.FC<Props$1y>;
+interface Props$1y {
     /**
      * Main content.
      */
@@ -3276,7 +3544,7 @@ interface Props$13 {
     /**
      * Dialog mode options.
      */
-    dialog?: Omit<Props$14, 'children'>;
+    dialog?: Omit<Props$1z, 'children'>;
     /**
      * Name of selected theme.
      */
@@ -3287,16 +3555,16 @@ interface Props$13 {
     label?: string;
 }
 
-declare const View: React$1.FC<Props$12>;
-interface Props$12 {
+declare const View: React$1.FC<Props$1x>;
+interface Props$1x {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewContent: React$1.ForwardRefExoticComponent<Props$11 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$11 {
+declare const ViewContent: React$1.ForwardRefExoticComponent<Props$1w & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1w {
     /**
      * Sets component's children.
      */
@@ -3319,48 +3587,48 @@ interface Props$11 {
     onKeyDown?: React$1.KeyboardEventHandler;
 }
 
-declare const ViewContentBar: React$1.FC<Props$10>;
-interface Props$10 {
+declare const ViewContentBar: React$1.FC<Props$1v>;
+interface Props$1v {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewFooter: React$1.FC<Props$$>;
-interface Props$$ {
+declare const ViewFooter: React$1.FC<Props$1u>;
+interface Props$1u {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewHeader: React$1.FC<Props$_>;
-interface Props$_ {
+declare const ViewHeader: React$1.FC<Props$1t>;
+interface Props$1t {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewSideContent: React$1.FC<Props$Z>;
-interface Props$Z {
+declare const ViewSideContent: React$1.FC<Props$1s>;
+interface Props$1s {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewContentWrapper: React$1.FC<Props$Y>;
-interface Props$Y {
+declare const ViewContentWrapper: React$1.FC<Props$1r>;
+interface Props$1r {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewWrapper: React$1.FC<Props$X>;
-interface Props$X {
+declare const ViewWrapper: React$1.FC<Props$1q>;
+interface Props$1q {
     /**
      * Main content of the component.
      */
@@ -3371,8 +3639,8 @@ interface Props$X {
     navbar?: React$1.ReactNode;
 }
 
-declare const RangeSlider: React$1.FC<Props$W>;
-type Props$W = {
+declare const RangeSlider: React$1.FC<Props$1p>;
+type Props$1p = {
     /**
      * Slider value.
      */
@@ -3405,8 +3673,8 @@ type Props$W = {
     showLabels?: boolean;
 };
 
-declare const FormFeedback: React$1.FC<Props$V>;
-type Props$V = {
+declare const FormFeedback: React$1.FC<Props$1o>;
+type Props$1o = {
     /**
      * Main content of the component.
      */
@@ -3421,8 +3689,8 @@ type Props$V = {
     warning?: boolean;
 };
 
-declare const FormGroup: React$1.FC<Props$U>;
-interface Props$U {
+declare const FormGroup: React$1.FC<Props$1n>;
+interface Props$1n {
     /**
      * Main content of the component.
      */
@@ -3433,24 +3701,24 @@ interface Props$U {
     halfWidth?: boolean;
 }
 
-declare const FormGroupColumn: React$1.FC<Props$T>;
-interface Props$T {
+declare const FormGroupColumn: React$1.FC<Props$1m>;
+interface Props$1m {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const FormGroupInfo: React$1.FC<Props$S>;
-interface Props$S {
+declare const FormGroupInfo: React$1.FC<Props$1l>;
+interface Props$1l {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const FormInputLabel: React$1.FC<Props$R>;
-type Props$R = {
+declare const FormInputLabel: React$1.FC<Props$1k>;
+type Props$1k = {
     /**
      * Main content of the component.
      */
@@ -3465,8 +3733,8 @@ type Props$R = {
     hidden?: boolean;
 };
 
-declare const Form: React$1.ForwardRefExoticComponent<Props$Q & React$1.RefAttributes<HTMLFormElement>>;
-type Props$Q = {
+declare const Form: React$1.ForwardRefExoticComponent<Props$1j & React$1.RefAttributes<HTMLFormElement>>;
+type Props$1j = {
     /**
      * Main content of the component.
      */
@@ -3489,8 +3757,8 @@ type Props$Q = {
     onSubmit: React$1.FormEventHandler<HTMLFormElement>;
 };
 
-declare const EmptyViewLabel: React$1.FC<Props$P>;
-interface Props$P {
+declare const EmptyViewLabel: React$1.FC<Props$1i>;
+interface Props$1i {
     /**
      * Main content of the component.
      */
@@ -3501,8 +3769,8 @@ interface Props$P {
     muted?: boolean;
 }
 
-declare const EmptyView: React$1.ForwardRefExoticComponent<Props$O & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$O {
+declare const EmptyView: React$1.ForwardRefExoticComponent<Props$1h & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1h {
     /**
      * Adds active styling.
      */
@@ -3525,8 +3793,8 @@ interface Props$O {
     type?: 'dropzone' | 'default';
 }
 
-declare const Ellipsis: React$1.FC<Props$N>;
-interface Props$N {
+declare const Ellipsis: React$1.FC<Props$1g>;
+interface Props$1g {
     /**
      * Items to display.
      */
@@ -3537,8 +3805,8 @@ interface Props$N {
     maxVisibleItems?: number;
 }
 
-declare const FilePreviewActions: React$1.FC<Props$M>;
-interface Props$M {
+declare const FilePreviewActions: React$1.FC<Props$1f>;
+interface Props$1f {
     /**
      * Label of the back button.
      */
@@ -3553,33 +3821,33 @@ interface Props$M {
     title: string;
 }
 
-declare const FilePreviewColumn: React$1.FC<Props$L>;
-interface Props$L {
+declare const FilePreviewColumn: React$1.FC<Props$1e>;
+interface Props$1e {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const FilePreviewContent: React$1.ForwardRefExoticComponent<Props$K & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$K {
+declare const FilePreviewContent: React$1.ForwardRefExoticComponent<Props$1d & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1d {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const FilePreviewHoverable: React$1.ForwardRefExoticComponent<Props$J & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$J {
+declare const FilePreviewHoverable: React$1.ForwardRefExoticComponent<Props$1c & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1c {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const FilePreviewNavButton: React$1.FC<Props$I>;
+declare const FilePreviewNavButton: React$1.FC<Props$1b>;
 type Side = 'left' | 'right';
-interface Props$I {
+interface Props$1b {
     /**
      * Disables button.
      */
@@ -3602,16 +3870,16 @@ interface Props$I {
     tooltipPlacement?: PopperPlacement;
 }
 
-declare const FilePreviewTooltip: React$1.FC<Props$H>;
-interface Props$H {
+declare const FilePreviewTooltip: React$1.FC<Props$1a>;
+interface Props$1a {
     /**
      * Main content of the tooltip.
      */
     children?: React$1.ReactNode;
 }
 
-declare const FilePreview: React$1.ForwardRefExoticComponent<Props$G & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$G {
+declare const FilePreview: React$1.ForwardRefExoticComponent<Props$19 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$19 {
     /**
      * Main content of the component.
      */
@@ -3661,8 +3929,8 @@ interface SelectionAreaCoords {
     height: number;
 }
 
-declare const SelectionArea: React$1.FC<Props$F>;
-interface Props$F {
+declare const SelectionArea: React$1.FC<Props$18>;
+interface Props$18 {
     /**
      * Selection area container.
      */
@@ -3722,8 +3990,8 @@ type SelectToggleHandler = (opt: SelectOption) => void;
  */
 type SelectKeyboardNextIdGetter = (options: SelectOption[], currentIndex: number) => SelectOption | undefined;
 
-declare const Select: React$1.FC<Props$E>;
-interface Props$E {
+declare const Select: React$1.FC<Props$17>;
+interface Props$17 {
     /**
      * Indicate error in input element.
      */
@@ -3768,10 +4036,14 @@ interface Props$E {
      * Sizing variant.
      */
     size?: 'small' | 'medium';
+    /**
+     * Turns on/off select border.
+     */
+    noBorder?: boolean;
 }
 
-declare const Notifications: React$1.FC<Props$D>;
-interface Props$D {
+declare const Notifications: React$1.FC<Props$16>;
+interface Props$16 {
     /**
      * Container's position will be adjusted in accordance with provided element's height.
      */
@@ -3784,11 +4056,11 @@ interface Props$D {
 
 type NotificationType = 'success' | 'error' | 'warning';
 
-declare const Notification: React$1.FC<Props$C>;
+declare const Notification: React$1.FC<Props$15>;
 /**
  * `Notification` component is rendered as part of `TransitionGroup` and therefore gets transition props in addition to its regular props.
  */
-type Props$C = Partial<TransitionProps> & {
+type Props$15 = Partial<TransitionProps> & {
     /**
      * Main content of the component.
      */
@@ -3815,8 +4087,8 @@ type Props$C = Partial<TransitionProps> & {
     type: NotificationType;
 };
 
-declare const CopyableInput: React$1.FC<Props$B>;
-interface Props$B {
+declare const CopyableInput: React$1.FC<Props$14>;
+interface Props$14 {
     /**
      * Unique input's id.
      */
@@ -3839,8 +4111,28 @@ interface Props$B {
     labelCopied: string;
 }
 
-declare const CopyButton: React$1.FC<Props$A>;
-interface Props$A {
+declare const CopyableLabel: React$1.FC<Props$13>;
+interface Props$13 {
+    /**
+     * Label's text. This text will be copied to clipboard upon clicking on the label.
+     */
+    value?: string;
+    /**
+     * Label's class name.
+     */
+    className?: string;
+    /**
+     * Label displayed in the popup on hover and the internal button's aria-label.
+     */
+    labelCopy: string;
+    /**
+     * Label displayed in the popup upon clicking on the copyable text.
+     */
+    labelCopied: string;
+}
+
+declare const CopyButton: React$1.FC<Props$12>;
+interface Props$12 {
     /**
      * Value to be copied to clipboard.
      */
@@ -3909,8 +4201,8 @@ interface ContainerQueryContext {
 declare const ContainerQueryContext: React$1.Context<ContainerQueryContext>;
 declare const useContainerQuery: () => ContainerQueryContext;
 
-declare const ContainerQueryProvider: React$1.FC<Props$z>;
-interface Props$z {
+declare const ContainerQueryProvider: React$1.FC<Props$11>;
+interface Props$11 {
     /**
      * Maps breakpoint keys to width values. Each key corresponds to minimum value (in px).
      */
@@ -3925,8 +4217,8 @@ interface Props$z {
     containerEl?: HTMLElement | null;
 }
 
-declare const ContainerQuery: React$1.FC<Props$y>;
-interface Props$y {
+declare const ContainerQuery: React$1.FC<Props$10>;
+interface Props$10 {
     /**
      * Main content of the component.
      */
@@ -3950,8 +4242,8 @@ interface FixedContext {
 declare const FixedContext: React$1.Context<FixedContext>;
 declare const useFixedCtx: () => FixedContext;
 
-declare const FixedProvider: React$1.FC<Props$x>;
-interface Props$x {
+declare const FixedProvider: React$1.FC<Props$$>;
+interface Props$$ {
     /**
      * Main content of the component.
      */
@@ -3963,16 +4255,16 @@ interface Props$x {
     rootEl?: HTMLElement | null;
 }
 
-declare const Fixed: React$1.FC<Props$w>;
-interface Props$w {
+declare const Fixed: React$1.FC<Props$_>;
+interface Props$_ {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const LoadingButton: React$1.ForwardRefExoticComponent<Props$v & React$1.RefAttributes<HTMLButtonElement>>;
-interface Props$v extends Props$2q {
+declare const LoadingButton: React$1.ForwardRefExoticComponent<Props$Z & React$1.RefAttributes<HTMLButtonElement>>;
+interface Props$Z extends Props$2V {
     /**
      * Delays loader appearance. Defaults to `true`.
      */
@@ -3987,8 +4279,8 @@ interface Props$v extends Props$2q {
     loaderPosition?: 'left' | 'center' | 'right';
 }
 
-declare const ListItem: React$1.FC<Props$u>;
-interface Props$u {
+declare const ListItem: React$1.FC<Props$Y>;
+interface Props$Y {
     /**
      * Main content of the component.
      */
@@ -3999,16 +4291,16 @@ interface Props$u {
     onClick?: () => void;
 }
 
-declare const ListItemActions: React$1.FC<Props$t>;
-interface Props$t {
+declare const ListItemActions: React$1.FC<Props$X>;
+interface Props$X {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const ListItemContent: React$1.FC<Props$s>;
-interface Props$s {
+declare const ListItemContent: React$1.FC<Props$W>;
+interface Props$W {
     /**
      * Main content of the component.
      */
@@ -4019,8 +4311,8 @@ interface Props$s {
     muted?: boolean;
 }
 
-declare const List: React$1.FC<Props$r>;
-interface Props$r {
+declare const List: React$1.FC<Props$V>;
+interface Props$V {
     /**
      * Main content of the component.
      */
@@ -4031,32 +4323,32 @@ interface Props$r {
     className?: string;
 }
 
-declare const SearchDialogActions: React$1.FC<Props$q>;
-interface Props$q {
+declare const SearchDialogActions: React$1.FC<Props$U>;
+interface Props$U {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const SearchDialogContent: React$1.FC<Props$p>;
-interface Props$p {
+declare const SearchDialogContent: React$1.FC<Props$T>;
+interface Props$T {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const SearchDialogFallback: React$1.FC<Props$o>;
-interface Props$o {
+declare const SearchDialogFallback: React$1.FC<Props$S>;
+interface Props$S {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const SearchDialogHeader: React$1.FC<Props$n>;
-interface Props$n {
+declare const SearchDialogHeader: React$1.FC<Props$R>;
+interface Props$R {
     /**
      * Optional action rendered next to close button.
      */
@@ -4079,8 +4371,8 @@ interface Props$n {
     onSubmit?: React$1.FormEventHandler;
 }
 
-declare const SearchDialogInput: React$1.ForwardRefExoticComponent<Props$m & React$1.RefAttributes<HTMLInputElement>>;
-interface Props$m {
+declare const SearchDialogInput: React$1.ForwardRefExoticComponent<Props$Q & React$1.RefAttributes<HTMLInputElement>>;
+interface Props$Q {
     /**
      * Input's name to register.
      */
@@ -4107,8 +4399,8 @@ interface Props$m {
     value?: string;
 }
 
-declare const SearchDialogSection: React$1.FC<Props$l>;
-interface Props$l {
+declare const SearchDialogSection: React$1.FC<Props$P>;
+interface Props$P {
     /**
      * Main content of the component.
      */
@@ -4123,8 +4415,8 @@ interface Props$l {
     headerButtons?: React$1.ReactNode;
 }
 
-declare const SearchDialog: React$1.FC<Props$k>;
-interface Props$k {
+declare const SearchDialog: React$1.FC<Props$O>;
+interface Props$O {
     /**
      * Main content of the component.
      */
@@ -4143,24 +4435,24 @@ interface Props$k {
     open?: boolean;
 }
 
-declare const DrawerActions: React$1.FC<Props$j>;
-interface Props$j {
+declare const DrawerActions: React$1.FC<Props$N>;
+interface Props$N {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const DrawerContent: React$1.FC<Props$i>;
-interface Props$i {
+declare const DrawerContent: React$1.FC<Props$M>;
+interface Props$M {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const DrawerHeader: React$1.FC<Props$h>;
-interface Props$h {
+declare const DrawerHeader: React$1.FC<Props$L>;
+interface Props$L {
     /**
      * Text displayed as title in the bar.
      */
@@ -4179,8 +4471,8 @@ interface Props$h {
     iconRender?: IconRenderProp;
 }
 
-declare const DrawerSection: React$1.ForwardRefExoticComponent<Props$g & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$g {
+declare const DrawerSection: React$1.ForwardRefExoticComponent<Props$K & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$K {
     /**
      * Main content of the component.
      */
@@ -4195,8 +4487,8 @@ interface Props$g {
     centeredContent?: boolean;
 }
 
-declare const Drawer: React$1.FC<Props$f>;
-interface Props$f {
+declare const Drawer: React$1.FC<Props$J>;
+interface Props$J {
     /**
      * Main content of the component.
      */
@@ -4219,8 +4511,8 @@ interface Props$f {
     fixed?: boolean;
 }
 
-declare const SearchResultsBarPhrase: React$1.FC<Props$e>;
-interface Props$e {
+declare const SearchResultsBarPhrase: React$1.FC<Props$I>;
+interface Props$I {
     /**
      * Sets the placeholder.
      */
@@ -4231,24 +4523,24 @@ interface Props$e {
     count: number;
 }
 
-declare const SearchResultsBarFilters: React$1.FC<Props$d>;
-interface Props$d {
+declare const SearchResultsBarFilters: React$1.FC<Props$H>;
+interface Props$H {
     /**
      * Sets component's children.
      */
     children: React$1.ReactNode;
 }
 
-declare const SearchResultsBar: React$1.FC<Props$c>;
-interface Props$c {
+declare const SearchResultsBar: React$1.FC<Props$G>;
+interface Props$G {
     /**
      * Sets component's children.
      */
     children: React$1.ReactNode;
 }
 
-declare const TextEllipsis: React$1.FC<Props$b>;
-interface Props$b {
+declare const TextEllipsis: React$1.FC<Props$F>;
+interface Props$F {
     /**
      * Text content.
      */
@@ -4259,8 +4551,8 @@ interface Props$b {
     noWrap?: boolean;
 }
 
-declare const FileInput: React$1.ForwardRefExoticComponent<Props$a & React$1.RefAttributes<HTMLInputElement>>;
-interface Props$a {
+declare const FileInput: React$1.ForwardRefExoticComponent<Props$E & React$1.RefAttributes<HTMLInputElement>>;
+interface Props$E {
     /**
      * Specify comma-separated list of allowed file extensions.
      */
@@ -4279,24 +4571,24 @@ interface Props$a {
     onChange?: React$1.ChangeEventHandler<HTMLInputElement>;
 }
 
-declare const NavigationDialogContent: React$1.ForwardRefExoticComponent<Props$9 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$9 {
+declare const NavigationDialogContent: React$1.ForwardRefExoticComponent<Props$D & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$D {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const NavigationDialogFallbackContent: React$1.ForwardRefExoticComponent<Props$8 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$8 {
+declare const NavigationDialogFallbackContent: React$1.ForwardRefExoticComponent<Props$C & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$C {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const NavigationDialogFooter: React$1.ForwardRefExoticComponent<Props$7 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$7 {
+declare const NavigationDialogFooter: React$1.ForwardRefExoticComponent<Props$B & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$B {
     /**
      * Main content of the component.
      */
@@ -4307,8 +4599,8 @@ interface Props$7 {
     className?: string;
 }
 
-declare const NavigationDialogHeader: React$1.ForwardRefExoticComponent<Props$6 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$6 {
+declare const NavigationDialogHeader: React$1.ForwardRefExoticComponent<Props$A & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$A {
     /**
      * Optional action component rendered next to title.
      */
@@ -4331,8 +4623,8 @@ interface Props$6 {
     titleId?: string;
 }
 
-declare const NavigationDialogItem: React$1.ForwardRefExoticComponent<Props$5 & React$1.RefAttributes<HTMLLIElement>>;
-interface Props$5 {
+declare const NavigationDialogItem: React$1.ForwardRefExoticComponent<Props$z & React$1.RefAttributes<HTMLLIElement>>;
+interface Props$z {
     /**
      * Indicates if navbar item is active.
      */
@@ -4355,20 +4647,20 @@ interface Props$5 {
     onDoubleClick?: () => void;
 }
 
-declare const NavigationDialogItemAction: React$1.FC<Props$4>;
-interface Props$4 {
+declare const NavigationDialogItemAction: React$1.FC<Props$y>;
+interface Props$y {
     /**
      * Optional button.
      */
-    button?: React$1.ReactElement<Props$2q> | null;
+    button?: React$1.ReactElement<Props$2V> | null;
     /**
      * Optional icon.
      */
-    icon?: React$1.ReactElement<Props$2r> | ((props: Props$2r) => React$1.ReactNode) | null;
+    icon?: React$1.ReactElement<Props$2W> | ((props: Props$2W) => React$1.ReactNode) | null;
 }
 
-declare const NavigationDialogItemLabel: React$1.FC<Props$3>;
-interface Props$3 {
+declare const NavigationDialogItemLabel: React$1.FC<Props$x>;
+interface Props$x {
     /**
      * Main content of the component.
      */
@@ -4376,11 +4668,11 @@ interface Props$3 {
     /**
      * Displayed icon.
      */
-    icon?: React$1.ReactElement<Props$2r>;
+    icon?: React$1.ReactElement<Props$2W>;
 }
 
-declare const NavigationDialog: React$1.ForwardRefExoticComponent<Props$2 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2 {
+declare const NavigationDialog: React$1.ForwardRefExoticComponent<Props$w & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$w {
     /**
      * Main content of the component.
      */
@@ -4407,8 +4699,8 @@ interface Props$2 {
     open?: boolean;
 }
 
-declare const CheckboxLabel: React$1.ForwardRefExoticComponent<Props$1 & React$1.RefAttributes<HTMLLabelElement>>;
-interface Props$1 {
+declare const CheckboxLabel: React$1.ForwardRefExoticComponent<Props$v & React$1.RefAttributes<HTMLLabelElement>>;
+interface Props$v {
     /**
      * Main content of the component.
      */
@@ -4419,8 +4711,8 @@ interface Props$1 {
     labelFor?: string;
 }
 
-declare const Checkbox: React$1.FC<Props>;
-interface Props {
+declare const Checkbox: React$1.FC<Props$u>;
+interface Props$u {
     /**
      * Optional content of the component.
      */
@@ -4459,4 +4751,711 @@ interface Props {
     disabled?: boolean;
 }
 
-export { Bottombar, Button, ButtonColor, ButtonGroup, ButtonSize, ButtonType, COLLAPSE_THRESHOLD, CONTAINER_QUERY_BREAKPOINTS, Checkbox, CheckboxLabel, CircularLoader, ContainerQuery, ContainerQueryProvider, CopyButton, CopyableInput, Dialog, DialogActions, DialogColumn, DialogFooter, DialogHeader, DialogNext, DialogNextCloseButton, DialogNextColumn, DialogNextContent, DialogNextFooter, DialogNextHeader, DialogNextSeparator, DialogNextTitle, DialogProgressHeader, DialogRow, DialogSection, Dimensions, DocIcon, DocIconName, DragDimensionsHandler, DragHandler, DraggableOptions, DraggableState, Drawer, DrawerActions, DrawerContent, DrawerHeader, DrawerSection, Ellipsis, EmptyView, EmptyViewLabel, FileInput, FilePreview, FilePreviewActions, FilePreviewColumn, FilePreviewContent, FilePreviewHoverable, FilePreviewNavButton, FilePreviewTooltip, Fixed, FixedContext, FixedProvider, Form, FormFeedback, FormGroup, FormGroupColumn, FormGroupInfo, FormInputLabel, Gallery, GalleryFigure, GalleryItem, Icon, IconColor, IconName, IconRenderProp, IconRenderer, IconSize, Input, Props$22 as InputProps, KeyAction, KeyCombination, KeyEventLike, KeyModifier, KeyProps, List, ListDndChildProps, ListDndItem, ListDndItemHookProps, ListDndMoveItem, ListDndOnDragEnd, ListDndSetDraggable, ListDndSetDraggablePartial, ListItem, ListItemActions, ListItemContent, LoadingButton, Menu, MenuItem, MenuSection, MenuSubSection, ModalDialog, ModalDialogActionContent, ModalDialogActionItem, ModalDialogCallout, ModalDialogContent, ModalDialogContentColumn, ModalDialogFooter, ModalDialogFooterAction, ModalDialogHeader, ModalDialogList, ModalDialogListItem, MouseEventButton, NAVBAR_COLLAPSED_WIDTH, NAVBAR_LOADING_DELAY, NAVBAR_MAX_WIDTH, NAVBAR_MIN_WIDTH, NAVBAR_PREVIEW_TIMEOUT, Navbar, NavbarContext, NavbarItem, NavbarItemContainer, NavbarItemContent, NavbarItemLabel, NavbarItemsGroup, NavbarLink, NavbarScrollableContent, NavbarSeparator, NavbarToggleButton, NavigationDialog, NavigationDialogContent, NavigationDialogFallbackContent, NavigationDialogFooter, NavigationDialogHeader, NavigationDialogItem, NavigationDialogItemAction, NavigationDialogItemLabel, Notification, Notifications, OnScrollHandler, Modal as Overlay, Pagination, Panel, PanelActions, PanelColumn, PanelContent, PanelContentProp, PanelDragHandle, PanelList, PanelListDivider, PanelSide, PanelSkeleton, PanelTitle, Popper, PopperAnchorRef, PopperArrow, PopperContext, PopperOffset, PopperOffsetValue, PopperPlacement, ProgressPanel, PropertiesTable, PropertiesTableRow, Props$2r as Props, RInterval, RangeSlider, ResizeOptions, ResponsiveImage, ResponsiveImageFallback, ResponsiveImageFit, ResponsiveImageScalable, ScrollCoordsConfig, ScrollOptions, SearchDialog, SearchDialogActions, SearchDialogContent, SearchDialogFallback, SearchDialogHeader, SearchDialogInput, SearchDialogSection, SearchResultsBar, SearchResultsBarFilters, SearchResultsBarPhrase, Select, SelectKeyboardNavProps, SelectKeyboardNextIdGetter, SelectOption, SelectToggleHandler, SelectionArea, SelectionAreaCoords, Skeleton, SortButton, SortableDndList, SortableDndListItem, Switch, SwitchInput, SwitchView, Tab, Tabs, Tag, TagInput, TagLabel, TagList, TextEllipsis, Tooltip, Topbar, TopbarAction, UIContext, UIProvider, Props$13 as UIProviderProps, View, ViewContent, ViewContentBar, ViewContentWrapper, ViewDialog, Props$14 as ViewDialogProps, ViewFooter, ViewHeader, ViewSideContent, ViewWrapper, XYCoord, areItemsIdentical, base64FromBlurHash, clamp, clsx, copyObjectToClipboard, copyToClipboard, formatTimeDistance, getKeyHandler, getPixelCountFromImageBlob, getScrollVectors, getStandardDeviation, getValidChildren, hasOwnProperty, matchesCombination, navbarContextInitProps, noOp, rInterval, readObjectFromClipboard, uiContextInitProps, useBatchUpdate, useClickAway, useClipboard, useContainerKeyDown, useContainerQuery, useDeferredUnmount, useDelay, useDownload, useDraggable, useElementVisibility, useFilesDrop, useFixedCtx, useGridSelection, useIsMounted, useIsomorphicLayoutEffect, useItemsOverflow, useListDnd, useNavbarCtx, usePopperCtx, useResettableTimeout, useResize, useResponsiveSizes, useScaleDown, useScroll, useScrollDnd, useToggle, useUIContext, validators_d as validators };
+type ImageEditorPresetOption = SelectOption & {
+    height?: number;
+    width?: number;
+};
+interface ImageEditorEditingResult {
+    /**
+     * Offset of the crop box horizontally.
+     */
+    x: number;
+    /**
+     * Offset of the crop box vertically.
+     */
+    y: number;
+    /**
+     * Width of the crop box.
+     */
+    width: number;
+    /**
+     * Height of the crop box.
+     */
+    height: number;
+    /**
+     * Rotation of the image.
+     */
+    rotation: number;
+    /**
+     * Whether the image is flipped horizontally.
+     */
+    flipX: boolean;
+    /**
+     * Whether the image is flipped vertically.
+     */
+    flipY: boolean;
+    /**
+     * Resized width of the original image.
+     */
+    resizedWidth?: number;
+    /**
+     * Resized height of the original image.
+     */
+    resizedHeight?: number;
+}
+
+declare const imageEditorContextDefaultValue: ImageEditorContext;
+interface ImageEditorContext {
+    /**
+     * Currently active crop item.
+     */
+    activeCropItemId?: string;
+    /**
+     * Deselects any selected crop item and clears crop box.
+     */
+    clearCrop: () => void;
+    /**
+     * Closes image editor.
+     */
+    close: () => void;
+    /**
+     * Closes save dialog.
+     */
+    closeSaveDialog: () => void;
+    /**
+     * Uses a predefined crop item to apply crop box.
+     * Keeps aspect ratio if specified.
+     *
+     * @param id ID of the crop item
+     * @param aspectRatio aspect ratio of the crop box
+     */
+    crop: (id: string, aspectRatio?: number) => void;
+    /**
+     * Whether crop is enabled.
+     */
+    cropEnabled: boolean;
+    /**
+     * Cropper ready state.
+     */
+    cropperReady?: boolean;
+    /**
+     * Instance of Cropper.
+     */
+    cropper?: Cropper | null;
+    /**
+     * Whether aspect ratio of custom crop box dimensions is locked.
+     */
+    cropBoxAspectRatioLocked?: boolean;
+    /**
+     * Disables crop box dimensions lock.
+     */
+    cropBoxAspectRatioLockDisabled?: boolean;
+    /**
+     * Height of current crop box.
+     */
+    cropBoxHeight?: number;
+    /**
+     * Width of current crop box.
+     */
+    cropBoxWidth?: number;
+    /**
+     * Applies crop box with custom dimensions.
+     *
+     * If none of the crop box items has been selected, then freeform crop item will be selected.
+     * If freeform crop item has been selected, it will remain selected.
+     * If any crop item with predefined aspect ratio has been selected, then aspect ratio will be respected.
+     *
+     * @param width width of the crop box
+     * @param height height of the crop box
+     */
+    cropWithCustomDimensions: (width: number, height: number) => void;
+    /**
+     * Applies crop box in FIXED_CROP_SIZE mode. In this mode crop box will always have the same size in pixels.
+     *
+     * @param id ID of the crop item
+     * @param width width of the crop box in px
+     * @param height height of the crop box in px
+     */
+    cropWithFixedDimensions: (id: string, width: number, height: number) => void;
+    /**
+     * ID of the custom crop item.
+     */
+    freeformCropItemId: string;
+    /**
+     * Height of the crop box in FIXED_CROP_SIZE mode.
+     */
+    fixedCropBoxHeight?: number;
+    /**
+     * Width of the crop box in FIXED_CROP_SIZE mode.
+     */
+    fixedCropBoxWidth?: number;
+    /**
+     * Flips image horizontally.
+     */
+    flipHorizontal: () => void;
+    /**
+     * Flips image vertically.
+     */
+    flipVertical: () => void;
+    /**
+     * Underlying image element.
+     */
+    imgElement: HTMLImageElement | null;
+    /**
+     * Whether crop box is in CROP mode.
+     */
+    isCropMode: boolean;
+    /**
+     * Whether crop box is in FIXED_CROP_SIZE.
+     */
+    isFixedCropMode: boolean;
+    /**
+     * Opens save dialog.
+     */
+    openSaveDialog: () => void;
+    /**
+     * Original aspect ratio of the edited image.
+     */
+    originalImageAspectRatio?: number;
+    /**
+     * Original height of the edited image.
+     */
+    originalImageHeight?: number;
+    /**
+     * Original width of the edited image.
+     */
+    originalImageWidth?: number;
+    /**
+     * Mime type of the original image.
+     */
+    originalImageMimeType?: string;
+    /**
+     * Source URL of the original image.
+     */
+    originalImageSrc?: string;
+    /**
+     * ID of the crop item with original ratio.
+     */
+    originalCropItemId: string;
+    /**
+     * Resets editing to initial values.
+     */
+    reset: () => void;
+    /**
+     * Resets zoom of edited image to baseline value.
+     */
+    resetZoom: () => void;
+    /**
+     * Rotates image left by 90 degrees.
+     */
+    rotateLeft: () => void;
+    /**
+     * Rotates image right by 90 degrees.
+     */
+    rotateRight: () => void;
+    /**
+     * Whether save dialog is open.
+     */
+    saveDialogOpen?: boolean;
+    /**
+     * Setter for underlying canvas element.
+     *
+     * @param canvasElement canvas element
+     */
+    setImgElement: (canvasElement: HTMLImageElement | null) => void;
+    /**
+     * Target (final) height of the edited image.
+     */
+    targetImageHeight: number;
+    /**
+     * Target (final) width of the edited image.
+     */
+    targetImageWidth: number;
+    /**
+     * Toggles locked state of custom crop box dimensions.
+     */
+    toggleAspectRatioLock: () => void;
+    /**
+     * Zooms in.
+     */
+    zoomIn: () => void;
+    /**
+     * Zooms out.
+     */
+    zoomOut: () => void;
+    /**
+     * Current zoom value.
+     */
+    zoomValue?: number;
+}
+declare const ImageEditorContext: React$1.Context<ImageEditorContext>;
+declare const useImageEditorContext: () => ImageEditorContext;
+
+declare const imageEditorPreviewContextDefaultValue: ImageEditorPreviewContext;
+interface ImageEditorPreviewContext {
+    /**
+     * Instance of Cropper.
+     */
+    cropper?: Cropper | null;
+    /**
+     * Cropper ready state.
+     */
+    cropperReady: boolean;
+    /**
+     * Underlying image element.
+     */
+    imgElement: HTMLImageElement | null;
+    /**
+     * Resized width.
+     */
+    resizedWidth: number;
+    /**
+     * Resized height.
+     */
+    resizedHeight: number;
+    /**
+     * Resizes image by respecting aspect ratio.
+     * The one that has changed will be used as a reference and the second one will be resized accordingly.
+     *
+     * @param width requested width
+     * @param height requested height
+     */
+    resize: (width: number, height: number) => void;
+    /**
+     * Gets final image data.
+     */
+    getSaveData: () => ImageEditorEditingResult | void;
+    /**
+     * Setter for underlying canvas element.
+     *
+     * @param canvasElement canvas element
+     */
+    setImgElement: (canvasElement: HTMLImageElement | null) => void;
+}
+declare const ImageEditorPreviewContext: React$1.Context<ImageEditorPreviewContext>;
+declare const useImageEditorPreviewContext: () => ImageEditorPreviewContext;
+
+declare const ImageEditorActions: React$1.FC<Props$t>;
+interface Props$t {
+    /**
+     * Label of the back button.
+     */
+    backBtnLabel?: string;
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Text displayed as title in the action bar.
+     */
+    title?: string;
+}
+
+declare const ImageEditorApplyButton: React$1.ForwardRefExoticComponent<Omit<Props$2V, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorButtonsRow: React$1.ForwardRefExoticComponent<Props$s & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$s {
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+}
+
+declare const ImageEditorCanvas: React$1.ForwardRefExoticComponent<Props$r & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$r {
+    /**
+     * Alternative text description of the image.
+     */
+    alt: string;
+}
+
+declare const ImageEditorContent: React$1.ForwardRefExoticComponent<Props$q & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$q {
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+}
+
+declare const ImageEditorCropBoxDimensions: React$1.ForwardRefExoticComponent<Props$p & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$p {
+    /**
+     * Label displayed above the height input.
+     */
+    heightLabel?: string;
+    /**
+     * Label of the lock button in unlocked state.
+     */
+    lockBtnLabel?: string;
+    /**
+     * Label of the lock button in locked state.
+     */
+    unlockBtnLabel?: string;
+    /**
+     * Label displayed above the width input.
+     */
+    widthLabel?: string;
+}
+
+declare const ImageEditorCropCard: React$1.ForwardRefExoticComponent<Props$o & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$o {
+    /**
+     * Aspect ratio to set on the crop box.
+     */
+    aspectRatio?: number;
+    /**
+     * Main content of the component.
+     */
+    children: React$1.ReactNode;
+    /**
+     * ID that uniquely identifies the crop card.
+     */
+    id: string;
+    /**
+     * Icon to display.
+     */
+    icon?: React$1.ReactElement<Props$2W>;
+}
+
+declare const ImageEditorCropCardFreeform: React$1.ForwardRefExoticComponent<Props$n & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$n {
+    /**
+     * Main content of the component.
+     */
+    children: React$1.ReactNode;
+    /**
+     * Icon to display
+     */
+    icon?: React$1.ReactElement<Props$2W>;
+}
+
+declare const ImageEditorCropCardList: React$1.ForwardRefExoticComponent<Props$m & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$m {
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+}
+
+declare const ImageEditorCropCardOriginal: React$1.ForwardRefExoticComponent<Props$l & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$l {
+    /**
+     * Main content of the component.
+     */
+    children: React$1.ReactNode;
+    /**
+     * Icon to display
+     */
+    icon?: React$1.ReactElement<Props$2W>;
+}
+
+declare const ImageEditorFlipHorizontalButton: React$1.ForwardRefExoticComponent<Omit<Props$2V, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorFlipVerticalButton: React$1.ForwardRefExoticComponent<Omit<Props$2V, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorMenu: React$1.ForwardRefExoticComponent<Props$k & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$k {
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+}
+
+declare const ImageEditorMenuSection: React$1.ForwardRefExoticComponent<Props$j & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$j {
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Title of the section.
+     */
+    title?: string;
+}
+
+declare const ImageEditorMenuSubSection: React$1.ForwardRefExoticComponent<Props$i & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$i {
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Title of the section.
+     */
+    title?: string;
+}
+
+declare const ImageEditorPresetSelect: React$1.FC<Props$h>;
+interface Props$h {
+    /**
+     * Predefined options to select from.
+     */
+    options: ImageEditorPresetOption[];
+    /**
+     * Input placeholder.
+     */
+    placeholder?: string;
+}
+
+declare const ImageEditorResetButton: React$1.ForwardRefExoticComponent<Omit<Props$2V, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorResizeDimensions: React$1.ForwardRefExoticComponent<Props$g & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$g {
+    /**
+     * Label displayed above the height input.
+     */
+    heightLabel?: string;
+    /**
+     * Label displayed above the width input.
+     */
+    widthLabel?: string;
+}
+
+declare const ImageEditorRotateLeftButton: React$1.ForwardRefExoticComponent<Omit<Props$2V, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorRotateRightButton: React$1.ForwardRefExoticComponent<Omit<Props$2V, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorSaveDialog: React$1.ForwardRefExoticComponent<Props$f & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$f {
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Sets the ID of label element.
+     */
+    labelledBy?: string;
+}
+
+declare const ImageEditorSaveDialogActions: React$1.ForwardRefExoticComponent<Props$e & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$e {
+    /**
+     * Main content of the component.
+     */
+    children: React$1.ReactNode;
+}
+
+declare const ImageEditorSaveDialogCanvas: React$1.ForwardRefExoticComponent<Props$d & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$d {
+    /**
+     * Alternative text description of the preview image.
+     */
+    alt: string;
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+}
+
+declare const ImageEditorPreviewCloseButton: React$1.ForwardRefExoticComponent<Omit<Props$2V, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorSaveDialogHeader: React$1.ForwardRefExoticComponent<Props$c & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$c {
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Close button's label.
+     */
+    closeLabel?: string;
+    /**
+     * Sets ID of dialog header title element.
+     */
+    titleId?: string;
+}
+
+declare const ImageEditorSaveDialogInfo: React$1.ForwardRefExoticComponent<Props$b & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$b {
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+}
+
+declare const ImageEditorSaveDialogPreview: React$1.ForwardRefExoticComponent<Props$a & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$a {
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+}
+
+declare const ImageEditorSaveDialogSaveButton: React$1.ForwardRefExoticComponent<Omit<Props$Z, "onClick"> & Props$9 & React$1.RefAttributes<HTMLButtonElement>>;
+interface Props$9 {
+    /**
+     * Save handler.
+     *
+     * @param data final image data
+     */
+    onSave?: (data: ImageEditorEditingResult) => Promise<void> | void;
+}
+
+declare const ImageEditorSaveDialogSection: React$1.ForwardRefExoticComponent<Props$8 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$8 {
+    /**
+     * Main content of the component.
+     */
+    children: React$1.ReactNode;
+    /**
+     * Title of the section.
+     */
+    title?: string;
+}
+
+declare const ImageEditorSwitchInput: React$1.ForwardRefExoticComponent<Props$7 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$7 {
+    /**
+     * Main content of the component.
+     */
+    children: React$1.ReactNode;
+    /**
+     * Whether switch is turned on.
+     */
+    checked: boolean;
+    /**
+     * Callback invoked upon value's change.
+     */
+    onChange: (checked: boolean) => void;
+}
+
+declare const ImageEditorToolbar: React$1.ForwardRefExoticComponent<Props$6 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$6 {
+    /**
+     * Main content of the component.
+     */
+    children: React$1.ReactNode;
+}
+
+interface Props$5 {
+    /**
+     * Main button content.
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Optional aria-label for the button.
+     */
+    label?: string;
+    /**
+     * Click event handler.
+     */
+    onClick?: React$1.MouseEventHandler;
+}
+
+declare const ImageEditorToolbarFlipHorizontalButton: React$1.ForwardRefExoticComponent<Omit<Props$5, "children" | "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorToolbarFlipVerticalButton: React$1.ForwardRefExoticComponent<Omit<Props$5, "children" | "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorToolbarImageSize: React$1.ForwardRefExoticComponent<React$1.RefAttributes<HTMLDivElement>>;
+
+declare const ImageEditorToolbarRotateLeftButton: React$1.ForwardRefExoticComponent<Omit<Props$5, "children" | "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorToolbarRotateRightButton: React$1.ForwardRefExoticComponent<Omit<Props$5, "children" | "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorToolbarSection: React$1.ForwardRefExoticComponent<Props$4 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$4 {
+    /**
+     * Main content of the component.
+     */
+    children: React$1.ReactNode;
+}
+
+declare const ImageEditorToolbarZoomInButton: React$1.ForwardRefExoticComponent<Omit<Props$5, "children" | "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorToolbarZoomOutButton: React$1.ForwardRefExoticComponent<Omit<Props$5, "children" | "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const ImageEditorToolbarZoomValue: React$1.ForwardRefExoticComponent<Props$3 & React$1.RefAttributes<HTMLButtonElement>>;
+interface Props$3 {
+    /**
+     * Optional aria-label for the button.
+     */
+    label?: string;
+}
+
+declare const ImageEditorWorkspace: React$1.ForwardRefExoticComponent<Props$2 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2 {
+    /**
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+}
+
+declare const ImageEditor: React$1.ForwardRefExoticComponent<Props$1 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1 {
+    /**
+     * Main content of the component.
+     */
+    children: React$1.ReactNode;
+    /**
+     * Label of the dialog element.
+     */
+    label?: string;
+    /**
+     * Callback fired when the component requests to be closed.
+     */
+    onClose: () => void;
+    /**
+     * If `true`, the component is shown.
+     */
+    open?: boolean;
+    /**
+     * Mime type of the original image.
+     */
+    originalImageMimeType?: string;
+    /**
+     * Source URL of the original image.
+     */
+    originalImageSrc?: string;
+}
+
+declare const Textarea: React$1.ForwardRefExoticComponent<Props & React$1.RefAttributes<HTMLTextAreaElement>>;
+interface Props {
+    /**
+     * Input's class name.
+     */
+    className?: string;
+    /**
+     * Marks input as disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Marks input as read-only.
+     */
+    readOnly?: boolean;
+    /**
+     * Unique input's id.
+     */
+    id: string;
+    /**
+     * Input's name to register.
+     */
+    name?: string;
+    /**
+     * Callback invoked when the blur event is fired.
+     */
+    onBlur?: (evt: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
+    /**
+     * Callback invoked when the value is changed.
+     */
+    onChange?: (evt: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
+    /**
+     * Callback invoked when the element receives focus.
+     */
+    onFocus?: (evt: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
+    /**
+     * Callback invoked when the element is clicked.
+     */
+    onClick?: (evt: React$1.MouseEvent<HTMLTextAreaElement>) => void;
+    /**
+     * Input's placeholder text value.
+     */
+    placeholder?: string;
+    /**
+     * Input's value.
+     */
+    value?: string;
+    /**
+     * Indicate error in input element.
+     */
+    error?: boolean;
+    /**
+     * Input's label.
+     */
+    label?: string;
+    /**
+     * Maximum number of textarea lines.
+     */
+    maxRows?: number;
+}
+
+export { Bottombar, Button, ButtonColor, ButtonGroup, ButtonSize, ButtonType, COLLAPSE_THRESHOLD, CONTAINER_QUERY_BREAKPOINTS, CROPPER_FLIP_FACTOR, CROPPER_FULL_ROTATION, CROPPER_INIT_SCALE, CROPPER_ROTATION_ANGLE, Checkbox, CheckboxLabel, CircularLoader, ContainerQuery, ContainerQueryProvider, CopyButton, CopyableInput, CopyableLabel, CropperDimensions, Dialog, DialogActions, DialogColumn, DialogFooter, DialogHeader, DialogNext, DialogNextCloseButton, DialogNextColumn, DialogNextContent, DialogNextFooter, DialogNextHeader, DialogNextSeparator, DialogNextTitle, DialogProgressHeader, DialogRow, DialogSection, Dimensions, DocIcon, DocIconName, DragDimensionsHandler, DragHandler, DraggableOptions, DraggableState, Drawer, DrawerActions, DrawerContent, DrawerHeader, DrawerSection, Ellipsis, EmptyView, EmptyViewLabel, FileInput, FilePreview, FilePreviewActions, FilePreviewColumn, FilePreviewContent, FilePreviewHoverable, FilePreviewNavButton, FilePreviewTooltip, Fixed, FixedContext, FixedProvider, Form, FormFeedback, FormGroup, FormGroupColumn, FormGroupInfo, FormInputLabel, Gallery, GalleryFigure, GalleryItem, Icon, IconColor, IconName, IconRenderProp, IconRenderer, IconSize, ImageEditor, ImageEditorActions, ImageEditorApplyButton, ImageEditorButtonsRow, ImageEditorCanvas, ImageEditorContent, ImageEditorContext, ImageEditorCropBoxDimensions, ImageEditorCropCard, ImageEditorCropCardFreeform, ImageEditorCropCardList, ImageEditorCropCardOriginal, ImageEditorEditingResult, ImageEditorFlipHorizontalButton, ImageEditorFlipVerticalButton, ImageEditorMenu, ImageEditorMenuSection, ImageEditorMenuSubSection, ImageEditorPresetOption, ImageEditorPresetSelect, ImageEditorPreviewContext, ImageEditorResetButton, ImageEditorResizeDimensions, ImageEditorRotateLeftButton, ImageEditorRotateRightButton, ImageEditorSaveDialog, ImageEditorSaveDialogActions, ImageEditorSaveDialogCanvas, ImageEditorPreviewCloseButton as ImageEditorSaveDialogCloseButton, ImageEditorSaveDialogHeader, ImageEditorSaveDialogInfo, ImageEditorSaveDialogPreview, ImageEditorSaveDialogSaveButton, ImageEditorSaveDialogSection, ImageEditorSwitchInput, ImageEditorToolbar, ImageEditorToolbarFlipHorizontalButton, ImageEditorToolbarFlipVerticalButton, ImageEditorToolbarImageSize, ImageEditorToolbarRotateLeftButton, ImageEditorToolbarRotateRightButton, ImageEditorToolbarSection, ImageEditorToolbarZoomInButton, ImageEditorToolbarZoomOutButton, ImageEditorToolbarZoomValue, ImageEditorWorkspace, Input, Props$2x as InputProps, KeyAction, KeyCombination, KeyEventLike, KeyModifier, KeyProps, List, ListDndChildProps, ListDndItem, ListDndItemHookProps, ListDndMoveItem, ListDndOnDragEnd, ListDndSetDraggable, ListDndSetDraggablePartial, ListItem, ListItemActions, ListItemContent, LoadingButton, Menu, MenuItem, MenuSection, MenuSubSection, ModalDialog, ModalDialogActionContent, ModalDialogActionItem, ModalDialogCallout, ModalDialogContent, ModalDialogContentColumn, ModalDialogFooter, ModalDialogFooterAction, ModalDialogHeader, ModalDialogList, ModalDialogListItem, MouseEventButton, NAVBAR_COLLAPSED_WIDTH, NAVBAR_LOADING_DELAY, NAVBAR_MAX_WIDTH, NAVBAR_MIN_WIDTH, NAVBAR_PREVIEW_TIMEOUT, Navbar, NavbarContext, NavbarItem, NavbarItemContainer, NavbarItemContent, NavbarItemLabel, NavbarItemsGroup, NavbarLink, NavbarScrollableContent, NavbarSeparator, NavbarToggleButton, NavigationDialog, NavigationDialogContent, NavigationDialogFallbackContent, NavigationDialogFooter, NavigationDialogHeader, NavigationDialogItem, NavigationDialogItemAction, NavigationDialogItemLabel, Notification, Notifications, OnScrollHandler, Modal as Overlay, Pagination, Panel, PanelActions, PanelColumn, PanelContent, PanelContentProp, PanelDragHandle, PanelList, PanelListDivider, PanelSide, PanelSkeleton, PanelTitle, Popper, PopperAnchorRef, PopperArrow, PopperContext, PopperOffset, PopperOffsetValue, PopperPlacement, ProgressPanel, PropertiesTable, PropertiesTableRow, Props$2W as Props, RInterval, RangeSlider, ResizeOptions, ResponsiveImage, ResponsiveImageFallback, ResponsiveImageFit, ResponsiveImageScalable, ScrollCoordsConfig, ScrollOptions, SearchDialog, SearchDialogActions, SearchDialogContent, SearchDialogFallback, SearchDialogHeader, SearchDialogInput, SearchDialogSection, SearchResultsBar, SearchResultsBarFilters, SearchResultsBarPhrase, Select, SelectKeyboardNavProps, SelectKeyboardNextIdGetter, SelectOption, SelectToggleHandler, SelectionArea, SelectionAreaCoords, Skeleton, SortButton, SortableDndList, SortableDndListItem, Switch, SwitchInput, SwitchView, Tab, Tabs, Tag, TagInput, TagLabel, TagList, TextEllipsis, Textarea, Props as TextareaProps, Tooltip, Topbar, TopbarAction, UIContext, UIProvider, Props$1y as UIProviderProps, View, ViewContent, ViewContentBar, ViewContentWrapper, ViewDialog, Props$1z as ViewDialogProps, ViewFooter, ViewHeader, ViewSideContent, ViewWrapper, XYCoord, areItemsIdentical, areNumbersEqual, base64FromBlurHash, clamp, clsx, copyObjectToClipboard, copyToClipboard, formatTimeDistance, getKeyHandler, getPixelCountFromImageBlob, getScrollVectors, getStandardDeviation, getValidChildren, hasOwnProperty, imageEditorContextDefaultValue, imageEditorPreviewContextDefaultValue, matchesCombination, navbarContextInitProps, noOp, rInterval, readObjectFromClipboard, uiContextInitProps, useBatchUpdate, useClickAway, useClipboard, useContainerKeyDown, useContainerQuery, useCropper, useCropperCrop, useCropperRotate, useCropperScale, useCropperZoom, useDeferredUnmount, useDelay, useDownload, useDraggable, useElementVisibility, useFilesDrop, useFixedCtx, useForkRef, useGridSelection, useImageEditorContext, useImageEditorPreviewContext, useIsMounted, useIsomorphicLayoutEffect, useItemsOverflow, useListDnd, useNavbarCtx, usePopperCtx, useResettableTimeout, useResize, useResponsiveSizes, useScaleDown, useScroll, useScrollDnd, useToggle, useUIContext, validators_d as validators };