@ckbox/components 1.6.0 → 2.0.0-rc.1

package/dist/index.d.ts

@@ -3,14 +3,14 @@
  * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
  */
 import * as React$1 from 'react';
-import React__default, { useEffect } from 'react';
+import React__default, { SVGProps, 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$2Z & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2Z {
+declare const Bottombar: React$1.ForwardRefExoticComponent<Props$2_ & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2_ {
     /**
      * Main content of the component.
      */
@@ -29,181 +29,201 @@ type ButtonSize = 'small' | 'medium' | 'large';
 type ButtonType = 'fill' | 'outline' | 'plain' | 'link';
 type ButtonColor = 'action' | 'danger' | 'neutral';
 
-interface Props$2Y {
-    /**
-     * Toggles optional icon animation.
-     */
-    animateIn?: boolean;
-    /**
-     * Sets root class name.
-     */
-    className?: string;
-    /**
-     * Optional test ID.
-     */
-    'data-testid'?: string;
-    /**
-     * Icon-specific props.
-     */
-    iconProps?: Record<string, unknown>;
-}
+declare const AccessTimeOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+
+declare const AddOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+
+declare const ArrowBackIosNewOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+
+declare const ArrowBackOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+
+declare const ArrowForwardIosOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+
+declare const ArrowForwardOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+
+declare const ArrowRightOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+
+declare const ArticleOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+
+declare const CheckCircleOutlineOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const AccessTime: React$1.FC<Props$2Y>;
+declare const CheckOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const Add: React$1.FC<Props$2Y>;
+declare const ChevronLeftOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const ArrowBackIosNewOutlined$1: React$1.FC<Props$2Y>;
+declare const ChevronRightOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const ArrowBackIosNewOutlined: React$1.FC<Props$2Y>;
+declare const CloseOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const ArrowLeft: React$1.FC<Props$2Y>;
+declare const ContentCopyOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const ArrowRight: React$1.FC<Props$2Y>;
+declare const CreateNewFolderOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const ArticleOutlined: React$1.FC<Props$2Y>;
+declare const Crop169Outlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const CaretRight: React$1.FC<Props$2Y>;
+declare const Crop916Outlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const Check: React$1.FC<Props$2Y>;
+declare const CropLandscapeOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const CheckCircleOutline: React$1.FC<Props$2Y>;
+declare const CropOriginalOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const ChevronDown: React$1.FC<Props$2Y>;
+declare const CropOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const ChevronLeftOutlined: React$1.FC<Props$2Y>;
+declare const CropPortraitOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const ChevronRightOutlined: React$1.FC<Props$2Y>;
+declare const CropSquareOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const Close: React$1.FC<Props$2Y>;
+declare const DeleteOutlineOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const ContentCopyOutlined: React$1.FC<Props$2Y>;
+declare const DragIndicatorOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const CreateNewFolderOutlined: React$1.FC<Props$2Y>;
+declare const DriveFileRenameOutlineOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const CropAspectRatio: React$1.FC<Props$2Y>;
+declare const DriveFolderUploadOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const CropOriginalOutlined: React$1.FC<Props$2Y>;
+declare const EditOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const CropOutlined: React$1.FC<Props$2Y>;
+declare const ExpandMoreOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const DeleteOutlineOutlined: React$1.FC<Props$2Y>;
+declare const FileCopyOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const DragHandle: React$1.FC<Props$2Y>;
+declare const FileDownloadOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const DriveFileRenameOutlineOutlined: React$1.FC<Props$2Y>;
+declare const FileMoveOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const DriveFolderUploadOutlined: React$1.FC<Props$2Y>;
+declare const FileUploadOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const EditOutlined: React$1.FC<Props$2Y>;
+declare const FilterListOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const FileCopyOutlined: React$1.FC<Props$2Y>;
+declare const FirstPageOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const FileMoveOutlined: React$1.FC<Props$2Y>;
+declare const FlipHorizontalOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const FileDownloadOutlined: React$1.FC<Props$2Y>;
+declare const FlipVerticalOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const FileUploadOutlined: React$1.FC<Props$2Y>;
+declare const Folder: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const Filter: React$1.FC<Props$2Y>;
+declare const FolderOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const FirstPageOutlined: React$1.FC<Props$2Y>;
+declare const HighlightOffOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const FlipHorizontalOutlined: React$1.FC<Props$2Y>;
+declare const InfoOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const FlipVerticalOutlined: React$1.FC<Props$2Y>;
+declare const Inventory2Outlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const Folder: React$1.FC<Props$2Y>;
+declare const KeyboardDoubleArrowLeftOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const FolderOutlined: React$1.FC<Props$2Y>;
+declare const KeyboardDoubleArrowRightOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const InfoOutlined: React$1.FC<Props$2Y>;
+declare const LastPageOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const Inventory2Outlined: React$1.FC<Props$2Y>;
+declare const LockOpenOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const KeyboardDoubleArrowLeft: React$1.FC<Props$2Y>;
+declare const LockOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const KeyboardDoubleArrowRight: React$1.FC<Props$2Y>;
+declare const MoreVertOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const LastPageOutlined: React$1.FC<Props$2Y>;
+declare const PhotoOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const LockOpenOutlined: React$1.FC<Props$2Y>;
+declare const RemoveOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const LockOutlined: React$1.FC<Props$2Y>;
+declare const RotateLeftOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const MoreVert: React$1.FC<Props$2Y>;
+declare const RotateRightOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const PhotoOutlined: React$1.FC<Props$2Y>;
+declare const SaveOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const RemoveOutlined: React$1.FC<Props$2Y>;
+declare const SearchMissingResults: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const RotateLeftOutlined: React$1.FC<Props$2Y>;
+declare const SearchOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const RotateRightOutlined: React$1.FC<Props$2Y>;
+declare const SettingsOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const SaveOutlined: React$1.FC<Props$2Y>;
+declare const Sort: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const SearchMissingResults: React$1.FC<Props$2Y>;
+declare const TuneOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const SearchOutlined: React$1.FC<Props$2Y>;
+declare const UploadFileOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const SettingsOutlined: React$1.FC<Props$2Y>;
+declare const VisibilityOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const Sort: React$1.FC<Props$2Y>;
+declare const Warning: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const Spinner: React$1.FC<Props$2Y>;
+declare const WarningAmberOutlined: (props: SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const Tune: React$1.FC<Props$2Y>;
+interface Props$2Z {
+    /**
+     * Toggles optional icon animation.
+     */
+    animateIn?: boolean;
+    /**
+     * Sets root class name.
+     */
+    className?: string;
+    /**
+     * Optional test ID.
+     */
+    'data-testid'?: string;
+}
 
-declare const UploadFileOutlined: React$1.FC<Props$2Y>;
+declare const ArrowRightOutlinedAnimated: React$1.FC<Props$2Z>;
 
-declare const VisibilityOutlined: React$1.FC<Props$2Y>;
+declare const SettingsOutlinedAnimated: React$1.FC<Props$2Z>;
 
-declare const WarningAmber: React$1.FC<Props$2Y>;
+declare const SortAscending: React$1.FC<Props$2Z>;
 
-declare const WarningFill: React$1.FC<Props$2Y>;
+declare const SortDescending: React$1.FC<Props$2Z>;
 
-declare const XCircle: React$1.FC<Props$2Y>;
+declare const Spinner: React$1.FC<Props$2Z>;
 
-declare const icons$1_AccessTime: typeof AccessTime;
-declare const icons$1_Add: typeof Add;
-declare const icons$1_ArrowLeft: typeof ArrowLeft;
-declare const icons$1_ArrowRight: typeof ArrowRight;
+declare const icons$1_AccessTimeOutlined: typeof AccessTimeOutlined;
+declare const icons$1_AddOutlined: typeof AddOutlined;
+declare const icons$1_ArrowBackIosNewOutlined: typeof ArrowBackIosNewOutlined;
+declare const icons$1_ArrowBackOutlined: typeof ArrowBackOutlined;
+declare const icons$1_ArrowForwardIosOutlined: typeof ArrowForwardIosOutlined;
+declare const icons$1_ArrowForwardOutlined: typeof ArrowForwardOutlined;
+declare const icons$1_ArrowRightOutlined: typeof ArrowRightOutlined;
+declare const icons$1_ArrowRightOutlinedAnimated: typeof ArrowRightOutlinedAnimated;
 declare const icons$1_ArticleOutlined: typeof ArticleOutlined;
-declare const icons$1_CaretRight: typeof CaretRight;
-declare const icons$1_Check: typeof Check;
-declare const icons$1_CheckCircleOutline: typeof CheckCircleOutline;
-declare const icons$1_ChevronDown: typeof ChevronDown;
+declare const icons$1_CheckCircleOutlineOutlined: typeof CheckCircleOutlineOutlined;
+declare const icons$1_CheckOutlined: typeof CheckOutlined;
 declare const icons$1_ChevronLeftOutlined: typeof ChevronLeftOutlined;
 declare const icons$1_ChevronRightOutlined: typeof ChevronRightOutlined;
-declare const icons$1_Close: typeof Close;
+declare const icons$1_CloseOutlined: typeof CloseOutlined;
 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_Crop169Outlined: typeof Crop169Outlined;
+declare const icons$1_Crop916Outlined: typeof Crop916Outlined;
+declare const icons$1_CropLandscapeOutlined: typeof CropLandscapeOutlined;
 declare const icons$1_CropOriginalOutlined: typeof CropOriginalOutlined;
 declare const icons$1_CropOutlined: typeof CropOutlined;
+declare const icons$1_CropPortraitOutlined: typeof CropPortraitOutlined;
+declare const icons$1_CropSquareOutlined: typeof CropSquareOutlined;
 declare const icons$1_DeleteOutlineOutlined: typeof DeleteOutlineOutlined;
-declare const icons$1_DragHandle: typeof DragHandle;
+declare const icons$1_DragIndicatorOutlined: typeof DragIndicatorOutlined;
 declare const icons$1_DriveFileRenameOutlineOutlined: typeof DriveFileRenameOutlineOutlined;
 declare const icons$1_DriveFolderUploadOutlined: typeof DriveFolderUploadOutlined;
 declare const icons$1_EditOutlined: typeof EditOutlined;
+declare const icons$1_ExpandMoreOutlined: typeof ExpandMoreOutlined;
 declare const icons$1_FileCopyOutlined: typeof FileCopyOutlined;
 declare const icons$1_FileDownloadOutlined: typeof FileDownloadOutlined;
 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_FilterListOutlined: typeof FilterListOutlined;
 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_HighlightOffOutlined: typeof HighlightOffOutlined;
 declare const icons$1_InfoOutlined: typeof InfoOutlined;
 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_KeyboardDoubleArrowLeftOutlined: typeof KeyboardDoubleArrowLeftOutlined;
+declare const icons$1_KeyboardDoubleArrowRightOutlined: typeof KeyboardDoubleArrowRightOutlined;
 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_MoreVertOutlined: typeof MoreVertOutlined;
 declare const icons$1_PhotoOutlined: typeof PhotoOutlined;
 declare const icons$1_RemoveOutlined: typeof RemoveOutlined;
 declare const icons$1_RotateLeftOutlined: typeof RotateLeftOutlined;
@@ -212,58 +232,66 @@ 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;
+declare const icons$1_SettingsOutlinedAnimated: typeof SettingsOutlinedAnimated;
 declare const icons$1_Sort: typeof Sort;
+declare const icons$1_SortAscending: typeof SortAscending;
+declare const icons$1_SortDescending: typeof SortDescending;
 declare const icons$1_Spinner: typeof Spinner;
-declare const icons$1_Tune: typeof Tune;
+declare const icons$1_TuneOutlined: typeof TuneOutlined;
 declare const icons$1_UploadFileOutlined: typeof UploadFileOutlined;
 declare const icons$1_VisibilityOutlined: typeof VisibilityOutlined;
-declare const icons$1_WarningAmber: typeof WarningAmber;
-declare const icons$1_WarningFill: typeof WarningFill;
-declare const icons$1_XCircle: typeof XCircle;
+declare const icons$1_Warning: typeof Warning;
+declare const icons$1_WarningAmberOutlined: typeof WarningAmberOutlined;
 declare namespace icons$1 {
   export {
-    icons$1_AccessTime as AccessTime,
-    icons$1_Add as Add,
-    ArrowBackIosNewOutlined$1 as ArrowBackIosNewOutlined,
-    ArrowBackIosNewOutlined as ArrowForwardIosOutlined,
-    icons$1_ArrowLeft as ArrowLeft,
-    icons$1_ArrowRight as ArrowRight,
+    icons$1_AccessTimeOutlined as AccessTimeOutlined,
+    icons$1_AddOutlined as AddOutlined,
+    icons$1_ArrowBackIosNewOutlined as ArrowBackIosNewOutlined,
+    icons$1_ArrowBackOutlined as ArrowBackOutlined,
+    icons$1_ArrowForwardIosOutlined as ArrowForwardIosOutlined,
+    icons$1_ArrowForwardOutlined as ArrowForwardOutlined,
+    icons$1_ArrowRightOutlined as ArrowRightOutlined,
+    icons$1_ArrowRightOutlinedAnimated as ArrowRightOutlinedAnimated,
     icons$1_ArticleOutlined as ArticleOutlined,
-    icons$1_CaretRight as CaretRight,
-    icons$1_Check as Check,
-    icons$1_CheckCircleOutline as CheckCircleOutline,
-    icons$1_ChevronDown as ChevronDown,
+    icons$1_CheckCircleOutlineOutlined as CheckCircleOutlineOutlined,
+    icons$1_CheckOutlined as CheckOutlined,
     icons$1_ChevronLeftOutlined as ChevronLeftOutlined,
     icons$1_ChevronRightOutlined as ChevronRightOutlined,
-    icons$1_Close as Close,
+    icons$1_CloseOutlined as CloseOutlined,
     icons$1_ContentCopyOutlined as ContentCopyOutlined,
     icons$1_CreateNewFolderOutlined as CreateNewFolderOutlined,
-    icons$1_CropAspectRatio as CropAspectRatio,
+    icons$1_Crop169Outlined as Crop169Outlined,
+    icons$1_Crop916Outlined as Crop916Outlined,
+    icons$1_CropLandscapeOutlined as CropLandscapeOutlined,
     icons$1_CropOriginalOutlined as CropOriginalOutlined,
     icons$1_CropOutlined as CropOutlined,
+    icons$1_CropPortraitOutlined as CropPortraitOutlined,
+    icons$1_CropSquareOutlined as CropSquareOutlined,
     icons$1_DeleteOutlineOutlined as DeleteOutlineOutlined,
-    icons$1_DragHandle as DragHandle,
+    icons$1_DragIndicatorOutlined as DragIndicatorOutlined,
     icons$1_DriveFileRenameOutlineOutlined as DriveFileRenameOutlineOutlined,
     icons$1_DriveFolderUploadOutlined as DriveFolderUploadOutlined,
     icons$1_EditOutlined as EditOutlined,
+    icons$1_ExpandMoreOutlined as ExpandMoreOutlined,
     icons$1_FileCopyOutlined as FileCopyOutlined,
     icons$1_FileDownloadOutlined as FileDownloadOutlined,
     icons$1_FileMoveOutlined as FileMoveOutlined,
     icons$1_FileUploadOutlined as FileUploadOutlined,
-    icons$1_Filter as Filter,
+    icons$1_FilterListOutlined as FilterListOutlined,
     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_HighlightOffOutlined as HighlightOffOutlined,
     icons$1_InfoOutlined as InfoOutlined,
     icons$1_Inventory2Outlined as Inventory2Outlined,
-    icons$1_KeyboardDoubleArrowLeft as KeyboardDoubleArrowLeft,
-    icons$1_KeyboardDoubleArrowRight as KeyboardDoubleArrowRight,
+    icons$1_KeyboardDoubleArrowLeftOutlined as KeyboardDoubleArrowLeftOutlined,
+    icons$1_KeyboardDoubleArrowRightOutlined as KeyboardDoubleArrowRightOutlined,
     icons$1_LastPageOutlined as LastPageOutlined,
     icons$1_LockOpenOutlined as LockOpenOutlined,
     icons$1_LockOutlined as LockOutlined,
-    icons$1_MoreVert as MoreVert,
+    icons$1_MoreVertOutlined as MoreVertOutlined,
     icons$1_PhotoOutlined as PhotoOutlined,
     icons$1_RemoveOutlined as RemoveOutlined,
     icons$1_RotateLeftOutlined as RotateLeftOutlined,
@@ -272,14 +300,16 @@ declare namespace icons$1 {
     icons$1_SearchMissingResults as SearchMissingResults,
     icons$1_SearchOutlined as SearchOutlined,
     icons$1_SettingsOutlined as SettingsOutlined,
+    icons$1_SettingsOutlinedAnimated as SettingsOutlinedAnimated,
     icons$1_Sort as Sort,
+    icons$1_SortAscending as SortAscending,
+    icons$1_SortDescending as SortDescending,
     icons$1_Spinner as Spinner,
-    icons$1_Tune as Tune,
+    icons$1_TuneOutlined as TuneOutlined,
     icons$1_UploadFileOutlined as UploadFileOutlined,
     icons$1_VisibilityOutlined as VisibilityOutlined,
-    icons$1_WarningAmber as WarningAmber,
-    icons$1_WarningFill as WarningFill,
-    icons$1_XCircle as XCircle,
+    icons$1_Warning as Warning,
+    icons$1_WarningAmberOutlined as WarningAmberOutlined,
   };
 }
 
@@ -289,10 +319,18 @@ type IconRenderer = (props: {
 type IconRenderProp = string | IconRenderer;
 type IconName = keyof typeof icons$1;
 type IconSize = 'small' | 'base' | 'medium' | 'big' | 'bigger' | 'humongous';
-type IconColor = 'accent' | 'disabled' | 'danger' | 'muted' | 'warning' | 'success';
+type IconColor = 'accent' | 'danger' | 'default' | 'disabled' | 'muted' | 'success' | 'warning';
 
-declare const Icon: React$1.FC<Props$2X>;
-interface Props$2X extends Props$2Y {
+declare const Icon: React$1.FC<Props$2Y>;
+interface Props$2Y {
+    /**
+     * Toggles optional icon animation.
+     */
+    animateIn?: boolean;
+    /**
+     * Optional class name added to the icon's root.
+     */
+    className?: string;
     /**
      * Icon color.
      */
@@ -314,8 +352,8 @@ interface Props$2X extends Props$2Y {
     size?: IconSize;
 }
 
-declare const Button: React$1.ForwardRefExoticComponent<Props$2W & React$1.RefAttributes<HTMLButtonElement>>;
-interface Props$2W {
+declare const Button: React$1.ForwardRefExoticComponent<Props$2X & React$1.RefAttributes<HTMLButtonElement>>;
+interface Props$2X {
     /**
      * Applies active styling.
      */
@@ -406,16 +444,16 @@ interface Props$2W {
     disabledLabelWrapping?: boolean;
 }
 
-declare const ButtonGroup: React$1.FC<Props$2V>;
-interface Props$2V {
+declare const ButtonGroup: React$1.FC<Props$2W>;
+interface Props$2W {
     /**
      * Button components.
      */
     children: React$1.ReactNode;
 }
 
-declare const CircularLoader: React$1.ForwardRefExoticComponent<Props$2U & React$1.RefAttributes<HTMLButtonElement>>;
-interface Props$2U {
+declare const CircularLoader: React$1.ForwardRefExoticComponent<Props$2V & React$1.RefAttributes<HTMLButtonElement>>;
+interface Props$2V {
     /**
      * Component's label.
      */
@@ -431,15 +469,15 @@ interface Props$2U {
     /**
      * Displays aborted icon.
      */
-    aborted?: boolean;
+    warning?: boolean;
     /**
      * Callback invoked upon click event.
      */
     onClick?: () => void;
 }
 
-declare const DialogNextTitle: React$1.ForwardRefExoticComponent<Props$2T & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2T {
+declare const DialogNextTitle: React$1.ForwardRefExoticComponent<Props$2U & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2U {
     /**
      * Main content of the component.
      */
@@ -458,8 +496,8 @@ interface Props$2T {
     titleId?: string;
 }
 
-declare const DialogNextColumn: React$1.ForwardRefExoticComponent<Props$2S & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2S {
+declare const DialogNextColumn: React$1.ForwardRefExoticComponent<Props$2T & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2T {
     /**
      * Main content of the component.
      */
@@ -470,8 +508,8 @@ interface Props$2S {
     className?: string;
 }
 
-declare const DialogNextContent: React$1.ForwardRefExoticComponent<Props$2R & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2R {
+declare const DialogNextContent: React$1.ForwardRefExoticComponent<Props$2S & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2S {
     /**
      * Main content of the component.
      */
@@ -490,8 +528,8 @@ interface Props$2R {
     id?: string;
 }
 
-declare const DialogNextFooter: React$1.ForwardRefExoticComponent<Props$2Q & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2Q {
+declare const DialogNextFooter: React$1.ForwardRefExoticComponent<Props$2R & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2R {
     /**
      * Main content of the component.
      */
@@ -502,8 +540,8 @@ interface Props$2Q {
     className?: string;
 }
 
-declare const DialogNextCloseButton: React$1.ForwardRefExoticComponent<Props$2P & React$1.RefAttributes<HTMLButtonElement>>;
-interface Props$2P {
+declare const DialogNextCloseButton: React$1.ForwardRefExoticComponent<Props$2Q & React$1.RefAttributes<HTMLButtonElement>>;
+interface Props$2Q {
     /**
      * Close button's label.
      */
@@ -514,8 +552,8 @@ interface Props$2P {
     className?: string;
 }
 
-declare const DialogNextHeader: React$1.ForwardRefExoticComponent<Props$2O & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2O {
+declare const DialogNextHeader: React$1.ForwardRefExoticComponent<Props$2P & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2P {
     /**
      * Main content of the component.
      */
@@ -526,16 +564,16 @@ interface Props$2O {
     className?: string;
 }
 
-declare const DialogNextSeparator: React$1.ForwardRefExoticComponent<Props$2N & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2N {
+declare const DialogNextSeparator: React$1.ForwardRefExoticComponent<Props$2O & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2O {
     /**
      * Sets root header class.
      */
     className?: string;
 }
 
-declare const DialogNext: React$1.ForwardRefExoticComponent<Props$2M & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2M {
+declare const DialogNext: React$1.ForwardRefExoticComponent<Props$2N & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2N {
     /**
      * Main content of the component.
      */
@@ -574,16 +612,16 @@ interface Props$2M {
     alert?: boolean;
 }
 
-declare const DialogActions: React$1.FC<Props$2L>;
-interface Props$2L {
+declare const DialogActions: React$1.FC<Props$2M>;
+interface Props$2M {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const DialogColumn: React$1.ForwardRefExoticComponent<Props$2K & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2K extends React$1.HTMLAttributes<HTMLDivElement> {
+declare const DialogColumn: React$1.ForwardRefExoticComponent<Props$2L & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2L extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * Main content of the component.
      */
@@ -594,8 +632,8 @@ interface Props$2K extends React$1.HTMLAttributes<HTMLDivElement> {
     overflow?: boolean;
 }
 
-declare const DialogFooter: React$1.FC<Props$2J>;
-interface Props$2J {
+declare const DialogFooter: React$1.FC<Props$2K>;
+interface Props$2K {
     /**
      * Main content of the component.
      */
@@ -611,8 +649,8 @@ interface Props$2J {
     }[];
 }
 
-declare const DialogHeader: React$1.FC<Props$2I>;
-interface Props$2I {
+declare const DialogHeader: React$1.FC<Props$2J>;
+interface Props$2J {
     /**
      * Sets focus on close button on mount.
      */
@@ -635,8 +673,8 @@ interface Props$2I {
     type?: 'success' | 'error' | 'info';
 }
 
-declare const DialogProgressHeader: React$1.FC<Props$2H>;
-interface Props$2H {
+declare const DialogProgressHeader: React$1.FC<Props$2I>;
+interface Props$2I {
     /**
      * Sets focus on close button on mount.
      */
@@ -667,16 +705,16 @@ interface Props$2H {
     title?: string;
 }
 
-declare const DialogRow: React$1.FC<Props$2G>;
-interface Props$2G extends React$1.HTMLAttributes<HTMLDivElement> {
+declare const DialogRow: React$1.FC<Props$2H>;
+interface Props$2H extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const DialogSection: React$1.FC<Props$2F>;
-interface Props$2F {
+declare const DialogSection: React$1.FC<Props$2G>;
+interface Props$2G {
     /**
      * Main content of the component.
      */
@@ -799,35 +837,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$2E>;
-type Props$2E = DialogProps;
+declare const Dialog: React$1.FC<Props$2F>;
+type Props$2F = DialogProps;
 
-interface Props$2D {
+interface Props$2E {
     /**
      * Sets root class.
      */
     className: string;
 }
 
-declare const Zip: React$1.FC<Props$2D>;
+declare const Zip: React$1.FC<Props$2E>;
 
-declare const Empty: React$1.FC<Props$2D>;
+declare const Empty: React$1.FC<Props$2E>;
 
-declare const Excel: React$1.FC<Props$2D>;
+declare const Excel: React$1.FC<Props$2E>;
 
-declare const Img: React$1.FC<Props$2D>;
+declare const Img: React$1.FC<Props$2E>;
 
-declare const Movie: React$1.FC<Props$2D>;
+declare const Movie: React$1.FC<Props$2E>;
 
-declare const Music: React$1.FC<Props$2D>;
+declare const Music: React$1.FC<Props$2E>;
 
-declare const Pdf: React$1.FC<Props$2D>;
+declare const Pdf: React$1.FC<Props$2E>;
 
-declare const Ppt: React$1.FC<Props$2D>;
+declare const Ppt: React$1.FC<Props$2E>;
 
-declare const Txt: React$1.FC<Props$2D>;
+declare const Txt: React$1.FC<Props$2E>;
 
-declare const Word: React$1.FC<Props$2D>;
+declare const Word: React$1.FC<Props$2E>;
 
 declare const icons_Empty: typeof Empty;
 declare const icons_Excel: typeof Excel;
@@ -853,9 +891,9 @@ declare namespace icons {
   };
 }
 
-declare const DocIcon: React$1.FC<Props$2C>;
+declare const DocIcon: React$1.FC<Props$2D>;
 type DocIconName = keyof typeof icons;
-interface Props$2C {
+interface Props$2D {
     /**
      * Name of selected icon.
      */
@@ -866,8 +904,8 @@ interface Props$2C {
     limitSize?: boolean;
 }
 
-declare const GalleryFigure: React$1.ForwardRefExoticComponent<Props$2B & React$1.RefAttributes<HTMLElement>>;
-interface Props$2B {
+declare const GalleryFigure: React$1.ForwardRefExoticComponent<Props$2C & React$1.RefAttributes<HTMLElement>>;
+interface Props$2C {
     /**
      * Main content of the component.
      */
@@ -882,8 +920,8 @@ interface Props$2B {
     'data-visible'?: boolean;
 }
 
-declare const GalleryItem: React$1.ForwardRefExoticComponent<Props$2A & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2A {
+declare const GalleryItem: React$1.ForwardRefExoticComponent<Props$2B & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2B {
     /**
      * Sets item as active.
      */
@@ -934,8 +972,8 @@ interface Props$2A {
     onCheckboxClick?: React$1.MouseEventHandler<HTMLButtonElement>;
 }
 
-declare const Gallery: React$1.FC<Props$2z>;
-interface Props$2z {
+declare const Gallery: React$1.FC<Props$2A>;
+interface Props$2A {
     /**
      * Main content of the component.
      */
@@ -954,8 +992,8 @@ interface Props$2z {
     zoom?: number;
 }
 
-declare const MenuItem: React$1.FC<Props$2y>;
-interface Props$2y {
+declare const MenuItem: React$1.FC<Props$2z>;
+interface Props$2z {
     /**
      * Disables auto-close on click.
      */
@@ -982,8 +1020,8 @@ interface Props$2y {
     onClick?: () => void;
 }
 
-declare const MenuSubSection: React$1.FC<Props$2x>;
-interface Props$2x {
+declare const MenuSubSection: React$1.FC<Props$2y>;
+interface Props$2y {
     /**
      * Main content of the component.
      */
@@ -1010,8 +1048,8 @@ interface Props$2x {
     title: string;
 }
 
-declare const MenuSection: React$1.FC<Props$2w>;
-interface Props$2w {
+declare const MenuSection: React$1.FC<Props$2x>;
+interface Props$2x {
     /**
      * Main content of the component.
      */
@@ -1043,16 +1081,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$2v>;
-interface Props$2v {
+declare const PopperArrow: React__default.FC<Props$2w>;
+interface Props$2w {
     /**
      * Sets arrow size.
      */
     size?: 'sm' | 'md';
 }
 
-declare const Popper: React__default.ForwardRefExoticComponent<Props$2u & React__default.RefAttributes<HTMLElement>>;
-interface Props$2u {
+declare const Popper: React__default.ForwardRefExoticComponent<Props$2v & React__default.RefAttributes<HTMLElement>>;
+interface Props$2v {
     /**
      * Anchor element. Popper will be mounted to this element.
      */
@@ -1091,8 +1129,8 @@ interface Props$2u {
     onKeyDown?: React__default.KeyboardEventHandler;
 }
 
-declare const Menu: React$1.ForwardRefExoticComponent<Props$2t & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2t {
+declare const Menu: React$1.ForwardRefExoticComponent<Props$2u & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2u {
     /**
      * Anchor element.
      */
@@ -1123,16 +1161,16 @@ interface Props$2t {
     sameWidth?: boolean;
 }
 
-declare const ModalDialogActionContent: React$1.ForwardRefExoticComponent<Props$2s & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2s {
+declare const ModalDialogActionContent: React$1.ForwardRefExoticComponent<Props$2t & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2t {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ModalDialogActionItem: React$1.ForwardRefExoticComponent<Props$2r & React$1.RefAttributes<HTMLLIElement>>;
-interface Props$2r {
+declare const ModalDialogActionItem: React$1.ForwardRefExoticComponent<Props$2s & React$1.RefAttributes<HTMLLIElement>>;
+interface Props$2s {
     /**
      * Main content of the component.
      */
@@ -1151,8 +1189,8 @@ interface Props$2r {
     isLoading?: boolean;
 }
 
-declare const ModalDialogCallout: React$1.ForwardRefExoticComponent<Props$2q & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2q {
+declare const ModalDialogCallout: React$1.ForwardRefExoticComponent<Props$2r & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2r {
     /**
      * Main content of the component.
      */
@@ -1167,8 +1205,8 @@ interface Props$2q {
     type: 'error' | 'warning';
 }
 
-declare const ModalDialogContent: React$1.ForwardRefExoticComponent<Props$2p & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2p {
+declare const ModalDialogContent: React$1.ForwardRefExoticComponent<Props$2q & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2q {
     /**
      * Main content of the component.
      */
@@ -1179,8 +1217,8 @@ interface Props$2p {
     id?: string;
 }
 
-declare const ModalDialogContentColumn: React$1.ForwardRefExoticComponent<Props$2o & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2o {
+declare const ModalDialogContentColumn: React$1.ForwardRefExoticComponent<Props$2p & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2p {
     /**
      * Main content of the component.
      */
@@ -1191,8 +1229,8 @@ interface Props$2o {
     id?: string;
 }
 
-declare const ModalDialogList: React$1.ForwardRefExoticComponent<Props$2n & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2n {
+declare const ModalDialogList: React$1.ForwardRefExoticComponent<Props$2o & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2o {
     /**
      * Sets the dialog content ID.
      */
@@ -1207,16 +1245,16 @@ interface Props$2n {
     children: React$1.ReactNode;
 }
 
-declare const ModalDialogListItem: React$1.ForwardRefExoticComponent<Props$2m & React$1.RefAttributes<HTMLLIElement>>;
-interface Props$2m {
+declare const ModalDialogListItem: React$1.ForwardRefExoticComponent<Props$2n & React$1.RefAttributes<HTMLLIElement>>;
+interface Props$2n {
     /**
      * Item to display in the list.
      */
     children: React$1.ReactNode;
 }
 
-declare const ModalDialogFooter: React$1.ForwardRefExoticComponent<Props$2l & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2l {
+declare const ModalDialogFooter: React$1.ForwardRefExoticComponent<Props$2m & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2m {
     /**
      * Main content of the component.
      */
@@ -1227,16 +1265,16 @@ interface Props$2l {
     spaceBetween?: boolean;
 }
 
-declare const ModalDialogFooterAction: React$1.ForwardRefExoticComponent<Props$2k & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2k {
+declare const ModalDialogFooterAction: React$1.ForwardRefExoticComponent<Props$2l & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2l {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ModalDialogHeader: React$1.ForwardRefExoticComponent<Props$2j & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2j {
+declare const ModalDialogHeader: React$1.ForwardRefExoticComponent<Props$2k & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2k {
     /**
      * Enables the top border accent.
      */
@@ -1248,7 +1286,7 @@ interface Props$2j {
     /**
      * Name of selected icon.
      */
-    icon?: 'info' | 'success' | 'error' | 'warning' | React$1.ReactElement<Props$2X>;
+    icon?: 'info' | 'success' | 'error' | 'warning' | React$1.ReactElement<Props$2Y>;
     /**
      * Optional sub title of the modal.
      */
@@ -1263,8 +1301,8 @@ interface Props$2j {
     titleId?: string;
 }
 
-declare const ModalDialog: React$1.ForwardRefExoticComponent<Props$2i & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2i {
+declare const ModalDialog: React$1.ForwardRefExoticComponent<Props$2j & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$2j {
     /**
      * Main content of the component.
      */
@@ -1354,8 +1392,8 @@ interface NavbarContext {
 declare const NavbarContext: React$1.Context<NavbarContext>;
 declare const useNavbarCtx: () => NavbarContext;
 
-declare const NavbarItem: React$1.FC<Props$2h>;
-interface Props$2h {
+declare const NavbarItem: React$1.FC<Props$2i>;
+interface Props$2i {
     /**
      * Applies active styling.
      */
@@ -1418,8 +1456,8 @@ interface Props$2h {
     onDelete?: () => void;
 }
 
-declare const NavbarItemContainer: React$1.FC<Props$2g>;
-interface Props$2g {
+declare const NavbarItemContainer: React$1.FC<Props$2h>;
+interface Props$2h {
     /**
      * Marks container as active.
      */
@@ -1430,8 +1468,8 @@ interface Props$2g {
     children: React$1.ReactNode;
 }
 
-declare const NavbarItemContent: React$1.FC<Props$2f>;
-interface Props$2f {
+declare const NavbarItemContent: React$1.FC<Props$2g>;
+interface Props$2g {
     /**
      * Adds enter / exit animation.
      */
@@ -1450,8 +1488,8 @@ interface Props$2f {
     hidden?: boolean;
 }
 
-declare const NavbarItemLabel: React$1.FC<Props$2e>;
-interface Props$2e {
+declare const NavbarItemLabel: React$1.FC<Props$2f>;
+interface Props$2f {
     /**
      * Toggles icon animation if parent item is hovered.
      */
@@ -1463,11 +1501,11 @@ interface Props$2e {
     /**
      * Displayed icon.
      */
-    icon?: React$1.ReactElement<Props$2X>;
+    icon?: React$1.ReactElement<Props$2Y>;
 }
 
-declare const NavbarItemsGroup: React$1.FC<Props$2d>;
-interface Props$2d {
+declare const NavbarItemsGroup: React$1.FC<Props$2e>;
+interface Props$2e {
     /**
      * Animates group on collapse.
      */
@@ -1486,8 +1524,8 @@ interface Props$2d {
     level?: number;
 }
 
-declare const NavbarLink: React$1.FC<Props$2c>;
-interface Props$2c {
+declare const NavbarLink: React$1.FC<Props$2d>;
+interface Props$2d {
     /**
      * Renders link content.
      */
@@ -1500,8 +1538,8 @@ interface Props$2c {
     href?: string;
 }
 
-declare const NavbarScrollableContent: React$1.FC<Props$2b>;
-interface Props$2b {
+declare const NavbarScrollableContent: React$1.FC<Props$2c>;
+interface Props$2c {
     /**
      * Main content of the component.
      */
@@ -1510,8 +1548,8 @@ interface Props$2b {
 
 declare const NavbarSeparator: React$1.FC;
 
-declare const NavbarToggleButton: React$1.FC<Props$2a>;
-interface Props$2a {
+declare const NavbarToggleButton: React$1.FC<Props$2b>;
+interface Props$2b {
     /**
      * Label shown when navbar will collapse.
      */
@@ -1526,8 +1564,8 @@ interface Props$2a {
     openLabel?: string;
 }
 
-declare const Navbar: React$1.FC<Props$29>;
-interface Props$29 {
+declare const Navbar: React$1.FC<Props$2a>;
+interface Props$2a {
     /**
      * Labels navigation element.
      */
@@ -1538,8 +1576,8 @@ interface Props$29 {
     children: React$1.ReactNode;
 }
 
-declare const Modal: React$1.FC<Props$28>;
-interface Props$28 {
+declare const Modal: React$1.FC<Props$29>;
+interface Props$29 {
     /**
      * Optional children.
      */
@@ -1562,24 +1600,24 @@ interface Props$28 {
     variant?: 'transparent' | 'semi-transparent';
 }
 
-declare const PanelActions: React$1.FC<Props$27>;
-interface Props$27 {
+declare const PanelActions: React$1.FC<Props$28>;
+interface Props$28 {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const PanelColumn: React$1.FC<Props$26>;
-interface Props$26 {
+declare const PanelColumn: React$1.FC<Props$27>;
+interface Props$27 {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const PanelContent: React$1.ForwardRefExoticComponent<Props$25 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$25 {
+declare const PanelContent: React$1.ForwardRefExoticComponent<Props$26 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$26 {
     /**
      * Main content of the component.
      */
@@ -1598,8 +1636,8 @@ interface Props$25 {
     header?: string;
 }
 
-declare const PanelContentProp: React$1.FC<Props$24>;
-interface Props$24 {
+declare const PanelContentProp: React$1.FC<Props$25>;
+interface Props$25 {
     /**
      * Property label.
      */
@@ -1612,8 +1650,8 @@ interface Props$24 {
 
 declare const PanelDragHandle: React$1.ForwardRefExoticComponent<React$1.RefAttributes<HTMLDivElement>>;
 
-declare const PanelList: React$1.FC<Props$23>;
-interface Props$23 {
+declare const PanelList: React$1.FC<Props$24>;
+interface Props$24 {
     /**
      * Main content.
      */
@@ -1628,16 +1666,16 @@ interface Props$23 {
     toolbarLoading?: boolean;
 }
 
-declare const PanelListDivider: React$1.FC<Props$22>;
-interface Props$22 {
+declare const PanelListDivider: React$1.FC<Props$23>;
+interface Props$23 {
     /**
      * Toggles component opacity.
      */
     opaque?: boolean;
 }
 
-declare const PanelSide: React$1.FC<Props$21>;
-interface Props$21 {
+declare const PanelSide: React$1.FC<Props$22>;
+interface Props$22 {
     /**
      * Icon to display.
      */
@@ -1651,8 +1689,8 @@ interface Props$21 {
     iconRender?: IconRenderProp;
 }
 
-declare const PanelSkeleton: React$1.FC<Props$20>;
-interface Props$20 {
+declare const PanelSkeleton: React$1.FC<Props$21>;
+interface Props$21 {
     /**
      * Number of loading blocks.
      */
@@ -1667,8 +1705,8 @@ interface Props$20 {
     spacing?: boolean;
 }
 
-declare const PanelTitle: React$1.ForwardRefExoticComponent<Props$1$ & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1$ extends Omit<Props$25, 'children'> {
+declare const PanelTitle: React$1.ForwardRefExoticComponent<Props$20 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$20 extends Omit<Props$26, 'children'> {
     /**
      * Panel's title.
      */
@@ -1754,8 +1792,8 @@ declare const useListDnd: (initItems: ListDndItem[]) => {
     setDraggable: ListDndSetDraggable;
 };
 
-declare const SortableDndListItem: React$1.FC<Props$1_>;
-interface Props$1_ {
+declare const SortableDndListItem: React$1.FC<Props$1$>;
+interface Props$1$ {
     /**
      * Current item's index in a list.
      */
@@ -1797,8 +1835,8 @@ interface SortableDndListContextShape {
     onDragEnd?: ListDndOnDragEnd;
 }
 
-declare const SortableDndList: React$1.FC<Props$1Z>;
-interface Props$1Z extends SortableDndListContextShape {
+declare const SortableDndList: React$1.FC<Props$1_>;
+interface Props$1_ extends SortableDndListContextShape {
     /**
      * Main content of the component.
      */
@@ -1816,8 +1854,8 @@ interface PanelContextShape extends Partial<ListDndChildProps> {
     edit?: boolean;
 }
 
-declare const Panel: React$1.ForwardRefExoticComponent<Props$1Y & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1Y extends PanelContextShape {
+declare const Panel: React$1.ForwardRefExoticComponent<Props$1Z & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1Z extends PanelContextShape {
     /**
      * Main content of the component.
      */
@@ -1832,8 +1870,8 @@ interface Props$1Y extends PanelContextShape {
     elevated?: boolean;
 }
 
-declare const Pagination: React$1.FC<Props$1X>;
-interface Props$1X {
+declare const Pagination: React$1.FC<Props$1Y>;
+interface Props$1Y {
     /**
      * Disables interaction with pagination.
      */
@@ -1876,8 +1914,8 @@ interface Props$1X {
     prevPageLabel?: string;
 }
 
-declare const ProgressPanel: React$1.ForwardRefExoticComponent<Props$1W & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1W {
+declare const ProgressPanel: React$1.ForwardRefExoticComponent<Props$1X & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1X {
     /**
      * Additional info rendered close to a title.
      */
@@ -1920,8 +1958,8 @@ interface Props$1W {
     navigationLabel?: string;
 }
 
-declare const PropertiesTableRow: React$1.FC<Props$1V>;
-interface Props$1V {
+declare const PropertiesTableRow: React$1.FC<Props$1W>;
+interface Props$1W {
     /**
      * Item's label.
      */
@@ -1932,16 +1970,16 @@ interface Props$1V {
     value: React$1.ReactNode;
 }
 
-declare const PropertiesTable: React$1.FC<Props$1U>;
-interface Props$1U {
+declare const PropertiesTable: React$1.FC<Props$1V>;
+interface Props$1V {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const ResponsiveImageFit: React$1.FC<Props$1T>;
-interface Props$1T {
+declare const ResponsiveImageFit: React$1.FC<Props$1U>;
+interface Props$1U {
     /**
      * Image alt text.
      */
@@ -1980,8 +2018,8 @@ interface Props$1T {
     sizes?: number;
 }
 
-declare const ResponsiveImageFallback: React$1.FC<Props$1S>;
-interface Props$1S {
+declare const ResponsiveImageFallback: React$1.FC<Props$1T>;
+interface Props$1T {
     /**
      * Indicates if cover is allowed for the image.
      */
@@ -2008,8 +2046,8 @@ interface Props$1S {
     showFallback?: boolean;
 }
 
-declare const ResponsiveImageScalable: React$1.FC<Props$1R>;
-interface Props$1R {
+declare const ResponsiveImageScalable: React$1.FC<Props$1S>;
+interface Props$1S {
     /**
      * Image alt text.
      */
@@ -2058,8 +2096,8 @@ interface Props$1R {
 
 declare const ResponsiveImageSkeleton: React$1.FC;
 
-declare const ResponsiveImage: React$1.FC<Props$1Q>;
-interface Props$1Q {
+declare const ResponsiveImage: React$1.FC<Props$1R>;
+interface Props$1R {
     /**
      * List of available breakpoints.
      */
@@ -2082,8 +2120,8 @@ interface Props$1Q {
     loader?: React$1.ReactNode;
 }
 
-declare const Skeleton: React$1.FC<Props$1P>;
-interface Props$1P {
+declare const Skeleton: React$1.FC<Props$1Q>;
+interface Props$1Q {
     /**
      * Optional class name. It overrides class responsible for background color.
      */
@@ -2098,8 +2136,8 @@ interface Props$1P {
     width?: string;
 }
 
-declare const SortButton: React$1.FC<Props$1O>;
-interface Props$1O {
+declare const SortButton: React$1.FC<Props$1P>;
+interface Props$1P {
     /**
      * Button's aria label.
      */
@@ -2118,36 +2156,32 @@ interface Props$1O {
     onClick?: () => void;
 }
 
-declare const SwitchView: React$1.FC<Props$1N>;
-interface Props$1N {
+declare const SwitchView: React$1.FC<Props$1O>;
+interface Props$1O {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
     /**
-     * View id.
+     * View ID.
      */
-    id?: string;
-    /**
-     * Use `fallback` type to show a fallback view if no other `SwitchView` is matched.
-     */
-    type?: 'default' | 'fallback';
+    id?: string | string[];
 }
 
-declare const Switch: React$1.FC<Props$1M>;
-interface Props$1M {
+declare const Switch: React$1.FC<Props$1N>;
+interface Props$1N {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
     /**
-     * View id to match.
+     * View ID to match.
      */
     match?: string;
 }
 
-declare const SwitchInput: React$1.FC<Props$1L>;
-interface Props$1L {
+declare const SwitchInput: React$1.FC<Props$1M>;
+interface Props$1M {
     /**
      * Sets current input's value.
      */
@@ -2166,8 +2200,8 @@ interface Props$1L {
     onChange: (checked: boolean) => void;
 }
 
-declare const TagList: React$1.FC<Props$1K>;
-interface Props$1K {
+declare const TagList: React$1.FC<Props$1L>;
+interface Props$1L {
     /**
      * Main content of the component.
      */
@@ -2178,8 +2212,8 @@ interface Props$1K {
     className?: string;
 }
 
-declare const TagLabel: React$1.FC<Props$1J>;
-interface Props$1J {
+declare const TagLabel: React$1.FC<Props$1K>;
+interface Props$1K {
     /**
      * Emphasizes tag content.
      */
@@ -2190,8 +2224,8 @@ interface Props$1J {
     children: React$1.ReactNode;
 }
 
-declare const Tag: React$1.ForwardRefExoticComponent<Props$1I & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1I {
+declare const Tag: React$1.ForwardRefExoticComponent<Props$1J & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1J {
     /**
      * Sets component's children.
      */
@@ -2222,8 +2256,8 @@ interface Props$1I {
     removeLabel?: string;
 }
 
-declare const TagInput: React$1.FC<Props$1H>;
-interface Props$1H {
+declare const TagInput: React$1.FC<Props$1I>;
+interface Props$1I {
     /**
      * Input's class name.
      */
@@ -2271,8 +2305,8 @@ interface Props$1H {
     }[];
 }
 
-declare const Tab: React$1.FC<Props$1G>;
-interface Props$1G {
+declare const Tab: React$1.FC<Props$1H>;
+interface Props$1H {
     /**
      * Main content.
      */
@@ -2287,8 +2321,8 @@ interface Props$1G {
     label: string;
 }
 
-declare const Tabs: React$1.FC<Props$1F>;
-interface Props$1F {
+declare const Tabs: React$1.FC<Props$1G>;
+interface Props$1G {
     /**
      * Currently selected tab.
      */
@@ -2303,8 +2337,8 @@ interface Props$1F {
     onTabSelect?: (tab: string) => void;
 }
 
-declare const Tooltip: React$1.FC<Props$1E>;
-interface Props$1E {
+declare const Tooltip: React$1.FC<Props$1F>;
+interface Props$1F {
     /**
      * Main content of the component.
      * It must be a single child that accepts `ref`.
@@ -2328,8 +2362,8 @@ interface Props$1E {
     wrap?: boolean;
 }
 
-declare const TopbarAction: React$1.FC<Props$1D>;
-interface Props$1D {
+declare const TopbarAction: React$1.FC<Props$1E>;
+interface Props$1E {
     /**
      * Applies active styling.
      */
@@ -2360,8 +2394,8 @@ interface Props$1D {
     onClick?: () => void;
 }
 
-declare const Topbar: React$1.FC<Props$1C>;
-interface Props$1C {
+declare const Topbar: React$1.FC<Props$1D>;
+interface Props$1D {
     /**
      * Main content of the component.
      */
@@ -3398,8 +3432,8 @@ declare namespace validators_d {
   };
 }
 
-declare const ViewDialog: React$1.FC<Props$1B>;
-interface Props$1B {
+declare const ViewDialog: React$1.FC<Props$1C>;
+interface Props$1C {
     /**
      * Main content of the component.
      */
@@ -3462,8 +3496,8 @@ interface Props$1B {
     label?: string;
 }
 
-declare const UIProvider: React$1.FC<Props$1A>;
-interface Props$1A {
+declare const UIProvider: React$1.FC<Props$1B>;
+interface Props$1B {
     /**
      * Main content.
      */
@@ -3491,7 +3525,7 @@ interface Props$1A {
     /**
      * Dialog mode options.
      */
-    dialog?: Omit<Props$1B, 'children'>;
+    dialog?: Omit<Props$1C, 'children'>;
     /**
      * Name of selected theme.
      */
@@ -3502,16 +3536,16 @@ interface Props$1A {
     label?: string;
 }
 
-declare const View: React$1.FC<Props$1z>;
-interface Props$1z {
+declare const View: React$1.FC<Props$1A>;
+interface Props$1A {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewContent: React$1.ForwardRefExoticComponent<Props$1y & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1y {
+declare const ViewContent: React$1.ForwardRefExoticComponent<Props$1z & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1z {
     /**
      * Sets component's children.
      */
@@ -3534,48 +3568,48 @@ interface Props$1y {
     onKeyDown?: React$1.KeyboardEventHandler;
 }
 
-declare const ViewContentBar: React$1.FC<Props$1x>;
-interface Props$1x {
+declare const ViewContentBar: React$1.FC<Props$1y>;
+interface Props$1y {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewFooter: React$1.FC<Props$1w>;
-interface Props$1w {
+declare const ViewFooter: React$1.FC<Props$1x>;
+interface Props$1x {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewHeader: React$1.FC<Props$1v>;
-interface Props$1v {
+declare const ViewHeader: React$1.FC<Props$1w>;
+interface Props$1w {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewSideContent: React$1.FC<Props$1u>;
-interface Props$1u {
+declare const ViewSideContent: React$1.FC<Props$1v>;
+interface Props$1v {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewContentWrapper: React$1.FC<Props$1t>;
-interface Props$1t {
+declare const ViewContentWrapper: React$1.FC<Props$1u>;
+interface Props$1u {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewWrapper: React$1.FC<Props$1s>;
-interface Props$1s {
+declare const ViewWrapper: React$1.FC<Props$1t>;
+interface Props$1t {
     /**
      * Main content of the component.
      */
@@ -3586,8 +3620,8 @@ interface Props$1s {
     navbar?: React$1.ReactNode;
 }
 
-declare const RangeSlider: React$1.FC<Props$1r>;
-type Props$1r = {
+declare const RangeSlider: React$1.FC<Props$1s>;
+type Props$1s = {
     /**
      * Slider value.
      */
@@ -3620,8 +3654,8 @@ type Props$1r = {
     showLabels?: boolean;
 };
 
-declare const FormFeedback: React$1.FC<Props$1q>;
-type Props$1q = {
+declare const FormFeedback: React$1.FC<Props$1r>;
+type Props$1r = {
     /**
      * Main content of the component.
      */
@@ -3636,8 +3670,8 @@ type Props$1q = {
     warning?: boolean;
 };
 
-declare const FormGroup: React$1.FC<Props$1p>;
-interface Props$1p {
+declare const FormGroup: React$1.FC<Props$1q>;
+interface Props$1q {
     /**
      * Main content of the component.
      */
@@ -3648,24 +3682,24 @@ interface Props$1p {
     halfWidth?: boolean;
 }
 
-declare const FormGroupColumn: React$1.FC<Props$1o>;
-interface Props$1o {
+declare const FormGroupColumn: React$1.FC<Props$1p>;
+interface Props$1p {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const FormGroupInfo: React$1.FC<Props$1n>;
-interface Props$1n {
+declare const FormGroupInfo: React$1.FC<Props$1o>;
+interface Props$1o {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const FormInputLabel: React$1.FC<Props$1m>;
-type Props$1m = {
+declare const FormInputLabel: React$1.FC<Props$1n>;
+type Props$1n = {
     /**
      * Main content of the component.
      */
@@ -3680,8 +3714,8 @@ type Props$1m = {
     htmlFor: string;
 };
 
-declare const Form: React$1.ForwardRefExoticComponent<Props$1l & React$1.RefAttributes<HTMLFormElement>>;
-type Props$1l = {
+declare const Form: React$1.ForwardRefExoticComponent<Props$1m & React$1.RefAttributes<HTMLFormElement>>;
+type Props$1m = {
     /**
      * Main content of the component.
      */
@@ -3704,8 +3738,8 @@ type Props$1l = {
     onSubmit: React$1.FormEventHandler<HTMLFormElement>;
 };
 
-declare const EmptyViewLabel: React$1.FC<Props$1k>;
-interface Props$1k {
+declare const EmptyViewLabel: React$1.FC<Props$1l>;
+interface Props$1l {
     /**
      * Main content of the component.
      */
@@ -3716,8 +3750,8 @@ interface Props$1k {
     muted?: boolean;
 }
 
-declare const EmptyView: React$1.ForwardRefExoticComponent<Props$1j & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1j {
+declare const EmptyView: React$1.ForwardRefExoticComponent<Props$1k & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1k {
     /**
      * Adds active styling.
      */
@@ -3740,8 +3774,8 @@ interface Props$1j {
     type?: 'dropzone' | 'default';
 }
 
-declare const Ellipsis: React$1.FC<Props$1i>;
-interface Props$1i {
+declare const Ellipsis: React$1.FC<Props$1j>;
+interface Props$1j {
     /**
      * Items to display.
      */
@@ -3752,8 +3786,8 @@ interface Props$1i {
     maxVisibleItems?: number;
 }
 
-declare const FilePreviewActions: React$1.FC<Props$1h>;
-interface Props$1h {
+declare const FilePreviewActions: React$1.FC<Props$1i>;
+interface Props$1i {
     /**
      * Label of the back button.
      */
@@ -3768,33 +3802,33 @@ interface Props$1h {
     title: string;
 }
 
-declare const FilePreviewColumn: React$1.FC<Props$1g>;
-interface Props$1g {
+declare const FilePreviewColumn: React$1.FC<Props$1h>;
+interface Props$1h {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const FilePreviewContent: React$1.ForwardRefExoticComponent<Props$1f & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1f {
+declare const FilePreviewContent: React$1.ForwardRefExoticComponent<Props$1g & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1g {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const FilePreviewHoverable: React$1.ForwardRefExoticComponent<Props$1e & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1e {
+declare const FilePreviewHoverable: React$1.ForwardRefExoticComponent<Props$1f & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1f {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const FilePreviewNavButton: React$1.FC<Props$1d>;
+declare const FilePreviewNavButton: React$1.FC<Props$1e>;
 type Side = 'left' | 'right';
-interface Props$1d {
+interface Props$1e {
     /**
      * Disables button.
      */
@@ -3817,16 +3851,16 @@ interface Props$1d {
     tooltipPlacement?: PopperPlacement;
 }
 
-declare const FilePreviewTooltip: React$1.FC<Props$1c>;
-interface Props$1c {
+declare const FilePreviewTooltip: React$1.FC<Props$1d>;
+interface Props$1d {
     /**
      * Main content of the tooltip.
      */
     children?: React$1.ReactNode;
 }
 
-declare const FilePreview: React$1.ForwardRefExoticComponent<Props$1b & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1b {
+declare const FilePreview: React$1.ForwardRefExoticComponent<Props$1c & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1c {
     /**
      * Main content of the component.
      */
@@ -3876,8 +3910,8 @@ interface SelectionAreaCoords {
     height: number;
 }
 
-declare const SelectionArea: React$1.FC<Props$1a>;
-interface Props$1a {
+declare const SelectionArea: React$1.FC<Props$1b>;
+interface Props$1b {
     /**
      * Selection area container.
      */
@@ -3961,8 +3995,8 @@ type SelectToggleHandler = (opt: SelectOption) => void;
  */
 type SelectKeyboardNextIdGetter = (options: SelectOption[], currentIndex: number) => SelectOption | undefined;
 
-declare const Select: React$1.FC<Props$19>;
-interface Props$19 {
+declare const Select: React$1.FC<Props$1a>;
+interface Props$1a {
     /**
      * Aria label for clear button.
      */
@@ -4021,8 +4055,8 @@ interface Props$19 {
     size?: 'base' | 'small' | 'medium';
 }
 
-declare const Notifications: React$1.FC<Props$18>;
-interface Props$18 {
+declare const Notifications: React$1.FC<Props$19>;
+interface Props$19 {
     /**
      * Container's position will be adjusted in accordance with provided element's height.
      */
@@ -4035,11 +4069,11 @@ interface Props$18 {
 
 type NotificationType = 'success' | 'error' | 'warning';
 
-declare const Notification: React$1.FC<Props$17>;
+declare const Notification: React$1.FC<Props$18>;
 /**
  * `Notification` component is rendered as part of `TransitionGroup` and therefore gets transition props in addition to its regular props.
  */
-type Props$17 = Partial<TransitionProps> & {
+type Props$18 = Partial<TransitionProps> & {
     /**
      * Main content of the component.
      */
@@ -4066,8 +4100,8 @@ type Props$17 = Partial<TransitionProps> & {
     type: NotificationType;
 };
 
-declare const CopyableInput: React$1.FC<Props$16>;
-interface Props$16 {
+declare const CopyableInput: React$1.FC<Props$17>;
+interface Props$17 {
     /**
      * Unique input's id.
      */
@@ -4090,8 +4124,8 @@ interface Props$16 {
     labelCopied: string;
 }
 
-declare const CopyableLabel: React$1.FC<Props$15>;
-interface Props$15 {
+declare const CopyableLabel: React$1.FC<Props$16>;
+interface Props$16 {
     /**
      * Label's text. This text will be copied to clipboard upon clicking on the label.
      */
@@ -4110,8 +4144,8 @@ interface Props$15 {
     labelCopied: string;
 }
 
-declare const CopyButton: React$1.FC<Props$14>;
-interface Props$14 {
+declare const CopyButton: React$1.FC<Props$15>;
+interface Props$15 {
     /**
      * Value to be copied to clipboard.
      */
@@ -4180,8 +4214,8 @@ interface ContainerQueryContext {
 declare const ContainerQueryContext: React$1.Context<ContainerQueryContext>;
 declare const useContainerQuery: () => ContainerQueryContext;
 
-declare const ContainerQueryProvider: React$1.FC<Props$13>;
-interface Props$13 {
+declare const ContainerQueryProvider: React$1.FC<Props$14>;
+interface Props$14 {
     /**
      * Maps breakpoint keys to width values. Each key corresponds to minimum value (in px).
      */
@@ -4196,8 +4230,8 @@ interface Props$13 {
     containerEl?: HTMLElement | null;
 }
 
-declare const ContainerQuery: React$1.FC<Props$12>;
-interface Props$12 {
+declare const ContainerQuery: React$1.FC<Props$13>;
+interface Props$13 {
     /**
      * Main content of the component.
      */
@@ -4221,8 +4255,8 @@ interface FixedContext {
 declare const FixedContext: React$1.Context<FixedContext>;
 declare const useFixedCtx: () => FixedContext;
 
-declare const FixedProvider: React$1.FC<Props$11>;
-interface Props$11 {
+declare const FixedProvider: React$1.FC<Props$12>;
+interface Props$12 {
     /**
      * Main content of the component.
      */
@@ -4234,16 +4268,16 @@ interface Props$11 {
     rootEl?: HTMLElement | null;
 }
 
-declare const Fixed: React$1.FC<Props$10>;
-interface Props$10 {
+declare const Fixed: React$1.FC<Props$11>;
+interface Props$11 {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const LoadingButton: React$1.ForwardRefExoticComponent<Props$$ & React$1.RefAttributes<HTMLButtonElement>>;
-interface Props$$ extends Props$2W {
+declare const LoadingButton: React$1.ForwardRefExoticComponent<Props$10 & React$1.RefAttributes<HTMLButtonElement>>;
+interface Props$10 extends Props$2X {
     /**
      * Delays loader appearance. Defaults to `true`.
      */
@@ -4258,8 +4292,8 @@ interface Props$$ extends Props$2W {
     loaderPosition?: 'left' | 'center' | 'right';
 }
 
-declare const ListItem: React$1.FC<Props$_>;
-interface Props$_ {
+declare const ListItem: React$1.FC<Props$$>;
+interface Props$$ {
     /**
      * Main content of the component.
      */
@@ -4270,16 +4304,16 @@ interface Props$_ {
     onClick?: () => void;
 }
 
-declare const ListItemActions: React$1.FC<Props$Z>;
-interface Props$Z {
+declare const ListItemActions: React$1.FC<Props$_>;
+interface Props$_ {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const ListItemContent: React$1.FC<Props$Y>;
-interface Props$Y {
+declare const ListItemContent: React$1.FC<Props$Z>;
+interface Props$Z {
     /**
      * Main content of the component.
      */
@@ -4290,8 +4324,8 @@ interface Props$Y {
     muted?: boolean;
 }
 
-declare const List: React$1.FC<Props$X>;
-interface Props$X {
+declare const List: React$1.FC<Props$Y>;
+interface Props$Y {
     /**
      * Main content of the component.
      */
@@ -4302,32 +4336,32 @@ interface Props$X {
     className?: string;
 }
 
-declare const SearchDialogActions: React$1.FC<Props$W>;
-interface Props$W {
+declare const SearchDialogActions: React$1.FC<Props$X>;
+interface Props$X {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const SearchDialogContent: React$1.FC<Props$V>;
-interface Props$V {
+declare const SearchDialogContent: React$1.FC<Props$W>;
+interface Props$W {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const SearchDialogFallback: React$1.FC<Props$U>;
-interface Props$U {
+declare const SearchDialogFallback: React$1.FC<Props$V>;
+interface Props$V {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const SearchDialogHeader: React$1.FC<Props$T>;
-interface Props$T {
+declare const SearchDialogHeader: React$1.FC<Props$U>;
+interface Props$U {
     /**
      * Optional action rendered next to close button.
      */
@@ -4350,8 +4384,8 @@ interface Props$T {
     onSubmit?: React$1.FormEventHandler;
 }
 
-declare const SearchDialogInput: React$1.ForwardRefExoticComponent<Props$S & React$1.RefAttributes<HTMLInputElement>>;
-interface Props$S {
+declare const SearchDialogInput: React$1.ForwardRefExoticComponent<Props$T & React$1.RefAttributes<HTMLInputElement>>;
+interface Props$T {
     /**
      * Input's name to register.
      */
@@ -4378,8 +4412,8 @@ interface Props$S {
     value?: string;
 }
 
-declare const SearchDialogSection: React$1.FC<Props$R>;
-interface Props$R {
+declare const SearchDialogSection: React$1.FC<Props$S>;
+interface Props$S {
     /**
      * Main content of the component.
      */
@@ -4394,8 +4428,8 @@ interface Props$R {
     headerButtons?: React$1.ReactNode;
 }
 
-declare const SearchDialog: React$1.FC<Props$Q>;
-interface Props$Q {
+declare const SearchDialog: React$1.FC<Props$R>;
+interface Props$R {
     /**
      * Main content of the component.
      */
@@ -4414,24 +4448,24 @@ interface Props$Q {
     open?: boolean;
 }
 
-declare const DrawerActions: React$1.FC<Props$P>;
-interface Props$P {
+declare const DrawerActions: React$1.FC<Props$Q>;
+interface Props$Q {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const DrawerContent: React$1.FC<Props$O>;
-interface Props$O {
+declare const DrawerContent: React$1.FC<Props$P>;
+interface Props$P {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const DrawerHeader: React$1.FC<Props$N>;
-interface Props$N {
+declare const DrawerHeader: React$1.FC<Props$O>;
+interface Props$O {
     /**
      * Text displayed as title in the bar.
      */
@@ -4450,8 +4484,8 @@ interface Props$N {
     iconRender?: IconRenderProp;
 }
 
-declare const DrawerSection: React$1.ForwardRefExoticComponent<Props$M & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$M {
+declare const DrawerSection: React$1.ForwardRefExoticComponent<Props$N & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$N {
     /**
      * Main content of the component.
      */
@@ -4466,8 +4500,8 @@ interface Props$M {
     centeredContent?: boolean;
 }
 
-declare const Drawer: React$1.FC<Props$L>;
-interface Props$L {
+declare const Drawer: React$1.FC<Props$M>;
+interface Props$M {
     /**
      * Main content of the component.
      */
@@ -4490,8 +4524,8 @@ interface Props$L {
     fixed?: boolean;
 }
 
-declare const SearchResultsBarPhrase: React$1.FC<Props$K>;
-interface Props$K {
+declare const SearchResultsBarPhrase: React$1.FC<Props$L>;
+interface Props$L {
     /**
      * Sets the placeholder.
      */
@@ -4502,24 +4536,24 @@ interface Props$K {
     count: number;
 }
 
-declare const SearchResultsBarFilters: React$1.FC<Props$J>;
-interface Props$J {
+declare const SearchResultsBarFilters: React$1.FC<Props$K>;
+interface Props$K {
     /**
      * Sets component's children.
      */
     children: React$1.ReactNode;
 }
 
-declare const SearchResultsBar: React$1.FC<Props$I>;
-interface Props$I {
+declare const SearchResultsBar: React$1.FC<Props$J>;
+interface Props$J {
     /**
      * Sets component's children.
      */
     children: React$1.ReactNode;
 }
 
-declare const TextEllipsis: React$1.FC<Props$H>;
-interface Props$H {
+declare const TextEllipsis: React$1.FC<Props$I>;
+interface Props$I {
     /**
      * Text content.
      */
@@ -4530,8 +4564,8 @@ interface Props$H {
     noWrap?: boolean;
 }
 
-declare const FileInput: React$1.ForwardRefExoticComponent<Props$G & React$1.RefAttributes<HTMLInputElement>>;
-interface Props$G {
+declare const FileInput: React$1.ForwardRefExoticComponent<Props$H & React$1.RefAttributes<HTMLInputElement>>;
+interface Props$H {
     /**
      * Specify comma-separated list of allowed file extensions.
      */
@@ -4550,24 +4584,24 @@ interface Props$G {
     onChange?: React$1.ChangeEventHandler<HTMLInputElement>;
 }
 
-declare const NavigationDialogContent: React$1.ForwardRefExoticComponent<Props$F & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$F {
+declare const NavigationDialogContent: React$1.ForwardRefExoticComponent<Props$G & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$G {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const NavigationDialogFallbackContent: React$1.ForwardRefExoticComponent<Props$E & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$E {
+declare const NavigationDialogFallbackContent: React$1.ForwardRefExoticComponent<Props$F & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$F {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const NavigationDialogFooter: React$1.ForwardRefExoticComponent<Props$D & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$D {
+declare const NavigationDialogFooter: React$1.ForwardRefExoticComponent<Props$E & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$E {
     /**
      * Main content of the component.
      */
@@ -4578,8 +4612,8 @@ interface Props$D {
     className?: string;
 }
 
-declare const NavigationDialogHeader: React$1.ForwardRefExoticComponent<Props$C & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$C {
+declare const NavigationDialogHeader: React$1.ForwardRefExoticComponent<Props$D & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$D {
     /**
      * Optional action component rendered next to title.
      */
@@ -4602,8 +4636,8 @@ interface Props$C {
     titleId?: string;
 }
 
-declare const NavigationDialogItem: React$1.ForwardRefExoticComponent<Props$B & React$1.RefAttributes<HTMLLIElement>>;
-interface Props$B {
+declare const NavigationDialogItem: React$1.ForwardRefExoticComponent<Props$C & React$1.RefAttributes<HTMLLIElement>>;
+interface Props$C {
     /**
      * Indicates if navbar item is active.
      */
@@ -4626,20 +4660,20 @@ interface Props$B {
     onDoubleClick?: () => void;
 }
 
-declare const NavigationDialogItemAction: React$1.FC<Props$A>;
-interface Props$A {
+declare const NavigationDialogItemAction: React$1.FC<Props$B>;
+interface Props$B {
     /**
      * Optional button.
      */
-    button?: React$1.ReactElement<Props$2W> | null;
+    button?: React$1.ReactElement<Props$2X> | null;
     /**
      * Optional icon.
      */
-    icon?: React$1.ReactElement<Props$2X> | ((props: Props$2X) => React$1.ReactNode) | null;
+    icon?: React$1.ReactElement<Props$2Y> | ((props: Props$2Y) => React$1.ReactNode) | null;
 }
 
-declare const NavigationDialogItemLabel: React$1.FC<Props$z>;
-interface Props$z {
+declare const NavigationDialogItemLabel: React$1.FC<Props$A>;
+interface Props$A {
     /**
      * Main content of the component.
      */
@@ -4647,11 +4681,11 @@ interface Props$z {
     /**
      * Displayed icon.
      */
-    icon?: React$1.ReactElement<Props$2X>;
+    icon?: React$1.ReactElement<Props$2Y>;
 }
 
-declare const NavigationDialog: React$1.ForwardRefExoticComponent<Props$y & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$y {
+declare const NavigationDialog: React$1.ForwardRefExoticComponent<Props$z & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$z {
     /**
      * Main content of the component.
      */
@@ -4678,8 +4712,8 @@ interface Props$y {
     open?: boolean;
 }
 
-declare const CheckboxLabel: React$1.ForwardRefExoticComponent<Props$x & React$1.RefAttributes<HTMLLabelElement>>;
-interface Props$x {
+declare const CheckboxLabel: React$1.ForwardRefExoticComponent<Props$y & React$1.RefAttributes<HTMLLabelElement>>;
+interface Props$y {
     /**
      * Main content of the component.
      */
@@ -4690,8 +4724,8 @@ interface Props$x {
     labelFor?: string;
 }
 
-declare const Checkbox: React$1.FC<Props$w>;
-interface Props$w {
+declare const Checkbox: React$1.FC<Props$x>;
+interface Props$x {
     /**
      * Optional content of the component.
      */
@@ -5012,8 +5046,8 @@ interface ImageEditorPreviewContext {
 declare const ImageEditorPreviewContext: React$1.Context<ImageEditorPreviewContext>;
 declare const useImageEditorPreviewContext: () => ImageEditorPreviewContext;
 
-declare const ImageEditorActions: React$1.FC<Props$v>;
-interface Props$v {
+declare const ImageEditorActions: React$1.FC<Props$w>;
+interface Props$w {
     /**
      * Label of the back button.
      */
@@ -5028,42 +5062,42 @@ interface Props$v {
     title?: string;
 }
 
-declare const ImageEditorApplyButton: React$1.ForwardRefExoticComponent<Omit<Props$2W, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ImageEditorApplyButton: React$1.ForwardRefExoticComponent<Omit<Props$2X, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const ImageEditorButtonsGroup: React$1.ForwardRefExoticComponent<Props$u & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$u {
+declare const ImageEditorButtonsGroup: React$1.ForwardRefExoticComponent<Props$v & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$v {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ImageEditorButtonsRow: React$1.ForwardRefExoticComponent<Props$t & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$t {
+declare const ImageEditorButtonsRow: React$1.ForwardRefExoticComponent<Props$u & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$u {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ImageEditorCanvas: React$1.ForwardRefExoticComponent<Props$s & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$s {
+declare const ImageEditorCanvas: React$1.ForwardRefExoticComponent<Props$t & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$t {
     /**
      * Alternative text description of the image.
      */
     alt: string;
 }
 
-declare const ImageEditorContent: React$1.ForwardRefExoticComponent<Props$r & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$r {
+declare const ImageEditorContent: React$1.ForwardRefExoticComponent<Props$s & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$s {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ImageEditorCropBoxDimensions: React$1.ForwardRefExoticComponent<Props$q & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$q {
+declare const ImageEditorCropBoxDimensions: React$1.ForwardRefExoticComponent<Props$r & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$r {
     /**
      * Label displayed above the height input.
      */
@@ -5082,8 +5116,8 @@ interface Props$q {
     widthLabel?: string;
 }
 
-declare const ImageEditorCropCard: React$1.ForwardRefExoticComponent<Props$p & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$p {
+declare const ImageEditorCropCard: React$1.ForwardRefExoticComponent<Props$q & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$q {
     /**
      * Aspect ratio to set on the crop box.
      */
@@ -5099,11 +5133,11 @@ interface Props$p {
     /**
      * Icon to display.
      */
-    icon?: React$1.ReactElement<Props$2X>;
+    icon?: React$1.ReactElement<Props$2Y>;
 }
 
-declare const ImageEditorCropCardFreeform: React$1.ForwardRefExoticComponent<Props$o & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$o {
+declare const ImageEditorCropCardFreeform: React$1.ForwardRefExoticComponent<Props$p & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$p {
     /**
      * Main content of the component.
      */
@@ -5111,19 +5145,19 @@ interface Props$o {
     /**
      * Icon to display
      */
-    icon?: React$1.ReactElement<Props$2X>;
+    icon?: React$1.ReactElement<Props$2Y>;
 }
 
-declare const ImageEditorCropCardList: React$1.ForwardRefExoticComponent<Props$n & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$n {
+declare const ImageEditorCropCardList: React$1.ForwardRefExoticComponent<Props$o & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$o {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ImageEditorCropCardOriginal: React$1.ForwardRefExoticComponent<Props$m & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$m {
+declare const ImageEditorCropCardOriginal: React$1.ForwardRefExoticComponent<Props$n & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$n {
     /**
      * Main content of the component.
      */
@@ -5131,23 +5165,23 @@ interface Props$m {
     /**
      * Icon to display
      */
-    icon?: React$1.ReactElement<Props$2X>;
+    icon?: React$1.ReactElement<Props$2Y>;
 }
 
-declare const ImageEditorFlipHorizontalButton: React$1.FC<Omit<Props$2W, 'children' | 'onClick'>>;
+declare const ImageEditorFlipHorizontalButton: React$1.FC<Omit<Props$2X, 'children' | 'onClick'>>;
 
-declare const ImageEditorFlipVerticalButton: React$1.FC<Omit<Props$2W, 'children' | 'onClick'>>;
+declare const ImageEditorFlipVerticalButton: React$1.FC<Omit<Props$2X, 'children' | 'onClick'>>;
 
-declare const ImageEditorMenu: React$1.ForwardRefExoticComponent<Props$l & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$l {
+declare const ImageEditorMenu: React$1.ForwardRefExoticComponent<Props$m & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$m {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ImageEditorMenuContainer: React$1.ForwardRefExoticComponent<Props$k & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$k {
+declare const ImageEditorMenuContainer: React$1.ForwardRefExoticComponent<Props$l & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$l {
     /**
      * Main content of the component.
      */
@@ -5162,8 +5196,8 @@ interface Props$k {
     muted?: boolean;
 }
 
-declare const ImageEditorMenuSection: React$1.ForwardRefExoticComponent<Props$j & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$j {
+declare const ImageEditorMenuSection: React$1.ForwardRefExoticComponent<Props$k & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$k {
     /**
      * Main content of the component.
      */
@@ -5174,8 +5208,8 @@ interface Props$j {
     title?: string;
 }
 
-declare const ImageEditorMenuSubSection: React$1.ForwardRefExoticComponent<Props$i & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$i {
+declare const ImageEditorMenuSubSection: React$1.ForwardRefExoticComponent<Props$j & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$j {
     /**
      * Main content of the component.
      */
@@ -5190,8 +5224,8 @@ interface Props$i {
     title?: string;
 }
 
-declare const ImageEditorPresetSelect: React$1.FC<Props$h>;
-interface Props$h {
+declare const ImageEditorPresetSelect: React$1.FC<Props$i>;
+interface Props$i {
     /**
      * Aria label for clear button.
      */
@@ -5206,10 +5240,10 @@ interface Props$h {
     placeholder?: string;
 }
 
-declare const ImageEditorResetButton: React$1.ForwardRefExoticComponent<Omit<Props$2W, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ImageEditorResetButton: React$1.ForwardRefExoticComponent<Omit<Props$2X, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const ImageEditorResizeDimensions: React$1.ForwardRefExoticComponent<Props$g & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$g {
+declare const ImageEditorResizeDimensions: React$1.ForwardRefExoticComponent<Props$h & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$h {
     /**
      * Label displayed above the height input.
      */
@@ -5220,12 +5254,12 @@ interface Props$g {
     widthLabel?: string;
 }
 
-declare const ImageEditorRotateLeftButton: React$1.FC<Omit<Props$2W, 'children' | 'onClick'>>;
+declare const ImageEditorRotateLeftButton: React$1.FC<Omit<Props$2X, 'children' | 'onClick'>>;
 
-declare const ImageEditorRotateRightButton: React$1.FC<Omit<Props$2W, 'children' | 'onClick'>>;
+declare const ImageEditorRotateRightButton: React$1.FC<Omit<Props$2X, 'children' | 'onClick'>>;
 
-declare const ImageEditorSaveDialog: React$1.ForwardRefExoticComponent<Props$f & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$f {
+declare const ImageEditorSaveDialog: React$1.ForwardRefExoticComponent<Props$g & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$g {
     /**
      * Main content of the component.
      */
@@ -5236,16 +5270,16 @@ interface Props$f {
     labelledBy?: string;
 }
 
-declare const ImageEditorSaveDialogActions: React$1.ForwardRefExoticComponent<Props$e & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$e {
+declare const ImageEditorSaveDialogActions: React$1.ForwardRefExoticComponent<Props$f & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$f {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const ImageEditorSaveDialogCanvas: React$1.ForwardRefExoticComponent<Props$d & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$d {
+declare const ImageEditorSaveDialogCanvas: React$1.ForwardRefExoticComponent<Props$e & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$e {
     /**
      * Main content of the component.
      */
@@ -5256,10 +5290,10 @@ interface Props$d {
     title?: string;
 }
 
-declare const ImageEditorPreviewCloseButton: React$1.ForwardRefExoticComponent<Omit<Props$2W, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ImageEditorPreviewCloseButton: React$1.ForwardRefExoticComponent<Omit<Props$2X, "onClick"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const ImageEditorSaveDialogHeader: React$1.ForwardRefExoticComponent<Props$c & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$c {
+declare const ImageEditorSaveDialogHeader: React$1.ForwardRefExoticComponent<Props$d & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$d {
     /**
      * Main content of the component.
      */
@@ -5274,34 +5308,34 @@ interface Props$c {
     titleId?: string;
 }
 
-declare const ImageEditorSaveDialogImage: React$1.ForwardRefExoticComponent<Props$b & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$b {
+declare const ImageEditorSaveDialogImage: React$1.ForwardRefExoticComponent<Props$c & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$c {
     /**
      * Alternative text description of the preview image.
      */
     alt: string;
 }
 
-declare const ImageEditorSaveDialogInfo: React$1.ForwardRefExoticComponent<Props$a & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$a {
+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$9 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$9 {
+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<Props$$ & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ImageEditorSaveDialogSaveButton: React$1.ForwardRefExoticComponent<Props$10 & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const ImageEditorSaveDialogSection: React$1.ForwardRefExoticComponent<Props$8 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$8 {
+declare const ImageEditorSaveDialogSection: React$1.ForwardRefExoticComponent<Props$9 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$9 {
     /**
      * Main content of the component.
      */
@@ -5316,15 +5350,15 @@ interface Props$8 {
     title?: string;
 }
 
-declare const ImageEditorToolbar: React$1.ForwardRefExoticComponent<Props$7 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$7 {
+declare const ImageEditorToolbar: React$1.ForwardRefExoticComponent<Props$8 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$8 {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-interface Props$6 {
+interface Props$7 {
     /**
      * Main button content.
      */
@@ -5339,46 +5373,46 @@ interface Props$6 {
     onClick?: React$1.MouseEventHandler;
 }
 
-declare const ImageEditorToolbarFlipHorizontalButton: React$1.FC<Omit<Props$6, 'children' | 'onClick'>>;
+declare const ImageEditorToolbarFlipHorizontalButton: React$1.FC<Omit<Props$7, 'children' | 'onClick'>>;
 
-declare const ImageEditorToolbarFlipVerticalButton: React$1.FC<Omit<Props$6, 'children' | 'onClick'>>;
+declare const ImageEditorToolbarFlipVerticalButton: React$1.FC<Omit<Props$7, 'children' | 'onClick'>>;
 
 declare const ImageEditorToolbarImageSize: React$1.ForwardRefExoticComponent<React$1.RefAttributes<HTMLDivElement>>;
 
-declare const ImageEditorToolbarRotateLeftButton: React$1.FC<Omit<Props$6, 'children' | 'onClick'>>;
+declare const ImageEditorToolbarRotateLeftButton: React$1.FC<Omit<Props$7, 'children' | 'onClick'>>;
 
-declare const ImageEditorToolbarRotateRightButton: React$1.FC<Omit<Props$6, 'children' | 'onClick'>>;
+declare const ImageEditorToolbarRotateRightButton: React$1.FC<Omit<Props$7, 'children' | 'onClick'>>;
 
-declare const ImageEditorToolbarSection: React$1.ForwardRefExoticComponent<Props$5 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$5 {
+declare const ImageEditorToolbarSection: React$1.ForwardRefExoticComponent<Props$6 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$6 {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const ImageEditorToolbarZoomInButton: React$1.FC<Omit<Props$6, 'children' | 'onClick'>>;
+declare const ImageEditorToolbarZoomInButton: React$1.FC<Omit<Props$7, 'children' | 'onClick'>>;
 
-declare const ImageEditorToolbarZoomOutButton: React$1.FC<Omit<Props$6, 'children' | 'onClick'>>;
+declare const ImageEditorToolbarZoomOutButton: React$1.FC<Omit<Props$7, 'children' | 'onClick'>>;
 
-declare const ImageEditorToolbarZoomValue: React$1.FC<Props$4>;
-interface Props$4 {
+declare const ImageEditorToolbarZoomValue: React$1.FC<Props$5>;
+interface Props$5 {
     /**
      * Optional aria-label for the button.
      */
     label: string;
 }
 
-declare const ImageEditorWorkspace: React$1.ForwardRefExoticComponent<Props$3 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$3 {
+declare const ImageEditorWorkspace: React$1.ForwardRefExoticComponent<Props$4 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$4 {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ImageEditor: React$1.ForwardRefExoticComponent<Props$2 & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$2 {
+declare const ImageEditor: React$1.ForwardRefExoticComponent<Props$3 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$3 {
     /**
      * Main content of the component.
      */
@@ -5405,8 +5439,8 @@ interface Props$2 {
     originalImageSrc?: string;
 }
 
-declare const Textarea: React$1.ForwardRefExoticComponent<Props$1 & React$1.RefAttributes<HTMLTextAreaElement>>;
-interface Props$1 {
+declare const Textarea: React$1.ForwardRefExoticComponent<Props$2 & React$1.RefAttributes<HTMLTextAreaElement>>;
+interface Props$2 {
     /**
      * Input's class name.
      */
@@ -5475,8 +5509,8 @@ declare const TextFieldInput: React$1.ForwardRefExoticComponent<React$1.InputHTM
 type TextFieldSize = 'md' | 'base';
 type TextFieldVariant = 'outlined' | 'underlined';
 
-declare const TextField: React$1.ForwardRefExoticComponent<Props & React$1.RefAttributes<HTMLDivElement>>;
-interface Props {
+declare const TextField: React$1.ForwardRefExoticComponent<Props$1 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1 {
     /**
      * Text field's adornment.
      */
@@ -5511,4 +5545,16 @@ interface Props {
     variant?: TextFieldVariant;
 }
 
-export { Bottombar, Button, ButtonColor, ButtonGroup, ButtonSize, ButtonType, COLLAPSE_THRESHOLD, CONTAINER_QUERY_BREAKPOINTS, CROPPER_FLIP_FACTOR, CROPPER_FULL_ROTATION, CROPPER_INIT_SCALE, CROPPER_MIN_ZOOM_VALUE, CROPPER_ROTATION_ANGLE, CROPPER_ZOOM_FACTOR, CROPPER_ZOOM_STEP, CROPPER_ZOOM_STEP_FINE, CROPPER_ZOOM_THRESHOLD, Checkbox, CheckboxLabel, CircularLoader, ContainerQuery, ContainerQueryProvider, CopyButton, CopyableInput, CopyableLabel, CropperDimensions, CropperLockedDimension, 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, ImageEditorButtonsGroup, ImageEditorButtonsRow, ImageEditorCanvas, ImageEditorContent, ImageEditorContext, ImageEditorCropBoxDimensions, ImageEditorCropCard, ImageEditorCropCardFreeform, ImageEditorCropCardList, ImageEditorCropCardOriginal, ImageEditorEditingResult, ImageEditorFlipHorizontalButton, ImageEditorFlipVerticalButton, ImageEditorMenu, ImageEditorMenuContainer, ImageEditorMenuSection, ImageEditorMenuSubSection, ImageEditorPresetGroup, ImageEditorPresetOption, ImageEditorPresetSelect, ImageEditorPreviewContext, ImageEditorResetButton, ImageEditorResizeDimensions, ImageEditorRotateLeftButton, ImageEditorRotateRightButton, ImageEditorSaveDialog, ImageEditorSaveDialogActions, ImageEditorSaveDialogCanvas, ImageEditorPreviewCloseButton as ImageEditorSaveDialogCloseButton, ImageEditorSaveDialogHeader, ImageEditorSaveDialogImage, ImageEditorSaveDialogInfo, ImageEditorSaveDialogPreview, ImageEditorSaveDialogSaveButton, ImageEditorSaveDialogSection, ImageEditorToolbar, ImageEditorToolbarFlipHorizontalButton, ImageEditorToolbarFlipVerticalButton, ImageEditorToolbarImageSize, ImageEditorToolbarRotateLeftButton, ImageEditorToolbarRotateRightButton, ImageEditorToolbarSection, ImageEditorToolbarZoomInButton, ImageEditorToolbarZoomOutButton, ImageEditorToolbarZoomValue, ImageEditorWorkspace, 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$2X as Props, RInterval, RangeSlider, ResizeOptions, ResponsiveImage, ResponsiveImageFallback, ResponsiveImageFit, ResponsiveImageScalable, ResponsiveImageSkeleton, ScrollCoordsConfig, ScrollOptions, SearchDialog, SearchDialogActions, SearchDialogContent, SearchDialogFallback, SearchDialogHeader, SearchDialogInput, SearchDialogSection, SearchResultsBar, SearchResultsBarFilters, SearchResultsBarPhrase, Select, SelectKeyboardNavProps, SelectKeyboardNextIdGetter, SelectOption, SelectRenderableOption, SelectSection, SelectToggleHandler, SelectionArea, SelectionAreaCoords, Skeleton, SortButton, SortableDndList, SortableDndListItem, Switch, SwitchInput, SwitchView, Tab, Tabs, Tag, TagInput, TagLabel, TagList, TextEllipsis, TextField, TextFieldInput, Textarea, Props$1 as TextareaProps, Tooltip, Topbar, TopbarAction, UIContext, UIProvider, Props$1A as UIProviderProps, View, ViewContent, ViewContentBar, ViewContentWrapper, ViewDialog, Props$1B as ViewDialogProps, ViewFooter, ViewHeader, ViewSideContent, ViewWrapper, XYCoord, areItemsIdentical, 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 };
+declare const PdfViewer: React$1.FC<Props>;
+interface Props {
+    /**
+     * Location of data source.
+     */
+    src: string;
+    /**
+     * Identifies content of the PDF.
+     */
+    title: string;
+}
+
+export { Bottombar, Button, ButtonColor, ButtonGroup, ButtonSize, ButtonType, COLLAPSE_THRESHOLD, CONTAINER_QUERY_BREAKPOINTS, CROPPER_FLIP_FACTOR, CROPPER_FULL_ROTATION, CROPPER_INIT_SCALE, CROPPER_MIN_ZOOM_VALUE, CROPPER_ROTATION_ANGLE, CROPPER_ZOOM_FACTOR, CROPPER_ZOOM_STEP, CROPPER_ZOOM_STEP_FINE, CROPPER_ZOOM_THRESHOLD, Checkbox, CheckboxLabel, CircularLoader, ContainerQuery, ContainerQueryProvider, CopyButton, CopyableInput, CopyableLabel, CropperDimensions, CropperLockedDimension, 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, ImageEditorButtonsGroup, ImageEditorButtonsRow, ImageEditorCanvas, ImageEditorContent, ImageEditorContext, ImageEditorCropBoxDimensions, ImageEditorCropCard, ImageEditorCropCardFreeform, ImageEditorCropCardList, ImageEditorCropCardOriginal, ImageEditorEditingResult, ImageEditorFlipHorizontalButton, ImageEditorFlipVerticalButton, ImageEditorMenu, ImageEditorMenuContainer, ImageEditorMenuSection, ImageEditorMenuSubSection, ImageEditorPresetGroup, ImageEditorPresetOption, ImageEditorPresetSelect, ImageEditorPreviewContext, ImageEditorResetButton, ImageEditorResizeDimensions, ImageEditorRotateLeftButton, ImageEditorRotateRightButton, ImageEditorSaveDialog, ImageEditorSaveDialogActions, ImageEditorSaveDialogCanvas, ImageEditorPreviewCloseButton as ImageEditorSaveDialogCloseButton, ImageEditorSaveDialogHeader, ImageEditorSaveDialogImage, ImageEditorSaveDialogInfo, ImageEditorSaveDialogPreview, ImageEditorSaveDialogSaveButton, ImageEditorSaveDialogSection, ImageEditorToolbar, ImageEditorToolbarFlipHorizontalButton, ImageEditorToolbarFlipVerticalButton, ImageEditorToolbarImageSize, ImageEditorToolbarRotateLeftButton, ImageEditorToolbarRotateRightButton, ImageEditorToolbarSection, ImageEditorToolbarZoomInButton, ImageEditorToolbarZoomOutButton, ImageEditorToolbarZoomValue, ImageEditorWorkspace, 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, PdfViewer, Popper, PopperAnchorRef, PopperArrow, PopperContext, PopperOffset, PopperOffsetValue, PopperPlacement, ProgressPanel, PropertiesTable, PropertiesTableRow, Props$2Y as Props, RInterval, RangeSlider, ResizeOptions, ResponsiveImage, ResponsiveImageFallback, ResponsiveImageFit, ResponsiveImageScalable, ResponsiveImageSkeleton, ScrollCoordsConfig, ScrollOptions, SearchDialog, SearchDialogActions, SearchDialogContent, SearchDialogFallback, SearchDialogHeader, SearchDialogInput, SearchDialogSection, SearchResultsBar, SearchResultsBarFilters, SearchResultsBarPhrase, Select, SelectKeyboardNavProps, SelectKeyboardNextIdGetter, SelectOption, SelectRenderableOption, SelectSection, SelectToggleHandler, SelectionArea, SelectionAreaCoords, Skeleton, SortButton, SortableDndList, SortableDndListItem, Switch, SwitchInput, SwitchView, Tab, Tabs, Tag, TagInput, TagLabel, TagList, TextEllipsis, TextField, TextFieldInput, Textarea, Props$2 as TextareaProps, Tooltip, Topbar, TopbarAction, UIContext, UIProvider, Props$1B as UIProviderProps, View, ViewContent, ViewContentBar, ViewContentWrapper, ViewDialog, Props$1C as ViewDialogProps, ViewFooter, ViewHeader, ViewSideContent, ViewWrapper, XYCoord, areItemsIdentical, 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 };