@ckbox/components 1.2.1 → 1.3.0-dev.0

package/dist/index.d.ts

@@ -8,8 +8,8 @@ import { Placement } from '@popperjs/core';
 import { TransitionProps } from 'react-transition-group/Transition';
 import * as react_dnd from 'react-dnd';
 
-declare const Bottombar: React$1.ForwardRefExoticComponent<Props$1R & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1R {
+declare const Bottombar: React$1.ForwardRefExoticComponent<Props$1$ & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1$ {
     /**
      * Main content of the component.
      */
@@ -24,98 +24,118 @@ interface Props$1R {
     statusContent?: React$1.ReactNode;
 }
 
-declare type ButtonSize = 'small' | 'medium' | 'large';
-declare type ButtonType = 'fill' | 'outline' | 'plain';
-declare type ButtonColor = 'action' | 'danger' | 'neutral';
+type ButtonSize = 'small' | 'medium' | 'large';
+type ButtonType = 'fill' | 'outline' | 'plain' | 'link';
+type ButtonColor = 'action' | 'danger' | 'neutral';
 
-interface Props$1Q {
+interface Props$1_ {
     /**
-     * Sets root class.
+     * Toggles optional icon animation.
+     */
+    animateIn?: boolean;
+    /**
+     * Sets root class name.
      */
     className: string;
     /**
-     * Callback invoked upon clicking on icon.
+     * Optional test ID.
      */
-    onClick?: () => void;
+    'data-testid'?: string;
 }
 
-declare const ArrowLeftEnd: React$1.FC<Props$1Q>;
+declare const ArrowLeftEnd: React$1.FC<Props$1_>;
+
+declare const ArrowRightEnd: React$1.FC<Props$1_>;
+
+declare const ArrowLeft: React$1.FC<Props$1_>;
 
-declare const ArrowRightEnd: React$1.FC<Props$1Q>;
+declare const ArrowRight: React$1.FC<Props$1_>;
 
-declare const ArrowLeft: React$1.FC<Props$1Q>;
+declare const Cabinet: React$1.FC<Props$1_>;
 
-declare const ArrowRight: React$1.FC<Props$1Q>;
+declare const CaretRight: React$1.FC<Props$1_>;
 
-declare const Cabinet: React$1.FC<Props$1Q>;
+declare const Check: React$1.FC<Props$1_>;
 
-declare const Check: React$1.FC<Props$1Q>;
+declare const ChevronDoubleLeft: React$1.FC<Props$1_>;
 
-declare const ChevronDown: React$1.FC<Props$1Q>;
+declare const ChevronDoubleRight: React$1.FC<Props$1_>;
 
-declare const ChevronLeft: React$1.FC<Props$1Q>;
+declare const ChevronDown: React$1.FC<Props$1_>;
 
-declare const ChevronRight: React$1.FC<Props$1Q>;
+declare const ChevronLeft: React$1.FC<Props$1_>;
 
-declare const ClockTwo: React$1.FC<Props$1Q>;
+declare const ChevronRight: React$1.FC<Props$1_>;
 
-declare const Close: React$1.FC<Props$1Q>;
+declare const Clock: React$1.FC<Props$1_>;
 
-declare const Cog: React$1.FC<Props$1Q>;
+declare const Close: React$1.FC<Props$1_>;
 
-declare const Copy: React$1.FC<Props$1Q>;
+declare const Cog: React$1.FC<Props$1_>;
 
-declare const Docs: React$1.FC<Props$1Q>;
+declare const Copy: React$1.FC<Props$1_>;
 
-declare const DotsVertical: React$1.FC<Props$1Q>;
+declare const Docs: React$1.FC<Props$1_>;
 
-declare const Download: React$1.FC<Props$1Q>;
+declare const DotsVertical: React$1.FC<Props$1_>;
 
-declare const DragHandle: React$1.FC<Props$1Q>;
+declare const Download: React$1.FC<Props$1_>;
 
-declare const Filter: React$1.FC<Props$1Q>;
+declare const DragHandle: React$1.FC<Props$1_>;
 
-declare const Folder: React$1.FC<Props$1Q>;
+declare const Filter: React$1.FC<Props$1_>;
 
-declare const Image: React$1.FC<Props$1Q>;
+declare const Folder: React$1.FC<Props$1_>;
 
-declare const Info: React$1.FC<Props$1Q>;
+declare const FolderAdd: React$1.FC<Props$1_>;
 
-declare const InfoSquare: React$1.FC<Props$1Q>;
+declare const FolderFill: React$1.FC<Props$1_>;
 
-declare const Pencil: React$1.FC<Props$1Q>;
+declare const FolderRemove: React$1.FC<Props$1_>;
 
-declare const Plus: React$1.FC<Props$1Q>;
+declare const FolderRename: React$1.FC<Props$1_>;
 
-declare const Settings: React$1.FC<Props$1Q>;
+declare const Image: React$1.FC<Props$1_>;
 
-declare const Sort: React$1.FC<Props$1Q>;
+declare const Info: React$1.FC<Props$1_>;
 
-declare const Spinner: React$1.FC<Props$1Q>;
+declare const InfoSquare: React$1.FC<Props$1_>;
 
-declare const Trash: React$1.FC<Props$1Q>;
+declare const Pencil: React$1.FC<Props$1_>;
 
-declare const Upload: React$1.FC<Props$1Q>;
+declare const Plus: React$1.FC<Props$1_>;
 
-declare const Warning: React$1.FC<Props$1Q>;
+declare const Settings: React$1.FC<Props$1_>;
 
-declare const WarningFill: React$1.FC<Props$1Q>;
+declare const Sort: React$1.FC<Props$1_>;
 
-declare const Search: React$1.FC<Props$1Q>;
+declare const Spinner: React$1.FC<Props$1_>;
 
-declare const SearchMissingResults: React$1.FC<Props$1Q>;
+declare const Trash: React$1.FC<Props$1_>;
 
-declare const XCircle: React$1.FC<Props$1Q>;
+declare const Upload: React$1.FC<Props$1_>;
+
+declare const WarningFill: React$1.FC<Props$1_>;
+
+declare const Search: React$1.FC<Props$1_>;
+
+declare const SearchMissingResults: React$1.FC<Props$1_>;
+
+declare const XCircle: React$1.FC<Props$1_>;
 
 declare const icons$1_ArrowLeftEnd: typeof ArrowLeftEnd;
 declare const icons$1_ArrowRightEnd: typeof ArrowRightEnd;
 declare const icons$1_ArrowLeft: typeof ArrowLeft;
 declare const icons$1_ArrowRight: typeof ArrowRight;
 declare const icons$1_Cabinet: typeof Cabinet;
+declare const icons$1_CaretRight: typeof CaretRight;
 declare const icons$1_Check: typeof Check;
+declare const icons$1_ChevronDoubleLeft: typeof ChevronDoubleLeft;
+declare const icons$1_ChevronDoubleRight: typeof ChevronDoubleRight;
 declare const icons$1_ChevronDown: typeof ChevronDown;
 declare const icons$1_ChevronLeft: typeof ChevronLeft;
 declare const icons$1_ChevronRight: typeof ChevronRight;
+declare const icons$1_Clock: typeof Clock;
 declare const icons$1_Close: typeof Close;
 declare const icons$1_Cog: typeof Cog;
 declare const icons$1_Copy: typeof Copy;
@@ -125,6 +145,10 @@ declare const icons$1_Download: typeof Download;
 declare const icons$1_DragHandle: typeof DragHandle;
 declare const icons$1_Filter: typeof Filter;
 declare const icons$1_Folder: typeof Folder;
+declare const icons$1_FolderAdd: typeof FolderAdd;
+declare const icons$1_FolderFill: typeof FolderFill;
+declare const icons$1_FolderRemove: typeof FolderRemove;
+declare const icons$1_FolderRename: typeof FolderRename;
 declare const icons$1_Image: typeof Image;
 declare const icons$1_Info: typeof Info;
 declare const icons$1_InfoSquare: typeof InfoSquare;
@@ -135,7 +159,6 @@ declare const icons$1_Sort: typeof Sort;
 declare const icons$1_Spinner: typeof Spinner;
 declare const icons$1_Trash: typeof Trash;
 declare const icons$1_Upload: typeof Upload;
-declare const icons$1_Warning: typeof Warning;
 declare const icons$1_WarningFill: typeof WarningFill;
 declare const icons$1_Search: typeof Search;
 declare const icons$1_SearchMissingResults: typeof SearchMissingResults;
@@ -147,11 +170,14 @@ declare namespace icons$1 {
     icons$1_ArrowLeft as ArrowLeft,
     icons$1_ArrowRight as ArrowRight,
     icons$1_Cabinet as Cabinet,
+    icons$1_CaretRight as CaretRight,
     icons$1_Check as Check,
+    icons$1_ChevronDoubleLeft as ChevronDoubleLeft,
+    icons$1_ChevronDoubleRight as ChevronDoubleRight,
     icons$1_ChevronDown as ChevronDown,
     icons$1_ChevronLeft as ChevronLeft,
     icons$1_ChevronRight as ChevronRight,
-    ClockTwo as Clock,
+    icons$1_Clock as Clock,
     icons$1_Close as Close,
     icons$1_Cog as Cog,
     icons$1_Copy as Copy,
@@ -161,6 +187,10 @@ declare namespace icons$1 {
     icons$1_DragHandle as DragHandle,
     icons$1_Filter as Filter,
     icons$1_Folder as Folder,
+    icons$1_FolderAdd as FolderAdd,
+    icons$1_FolderFill as FolderFill,
+    icons$1_FolderRemove as FolderRemove,
+    icons$1_FolderRename as FolderRename,
     icons$1_Image as Image,
     icons$1_Info as Info,
     icons$1_InfoSquare as InfoSquare,
@@ -171,7 +201,6 @@ declare namespace icons$1 {
     icons$1_Spinner as Spinner,
     icons$1_Trash as Trash,
     icons$1_Upload as Upload,
-    icons$1_Warning as Warning,
     icons$1_WarningFill as WarningFill,
     icons$1_Search as Search,
     icons$1_SearchMissingResults as SearchMissingResults,
@@ -179,16 +208,20 @@ declare namespace icons$1 {
   };
 }
 
-declare type IconRenderer = (props: {
+type IconRenderer = (props: {
     className?: string;
 }) => JSX.Element;
-declare type IconRenderProp = string | IconRenderer;
-declare type IconName = keyof typeof icons$1;
-declare type IconSize = 'small' | 'base' | 'medium' | 'big' | 'bigger' | 'humongous';
-declare type IconColor = 'accent' | 'disabled' | 'danger' | 'muted' | 'warning';
+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';
 
-declare const Icon: React$1.FC<Props$1P>;
-interface Props$1P {
+declare const Icon: React$1.FC<Props$1Z>;
+interface Props$1Z {
+    /**
+     * Toggles animation.
+     */
+    animateIn?: boolean;
     /**
      * Sets root class.
      */
@@ -214,8 +247,8 @@ interface Props$1P {
     size?: IconSize;
 }
 
-declare const Button: React$1.ForwardRefExoticComponent<Props$1O & React$1.RefAttributes<HTMLButtonElement>>;
-interface Props$1O {
+declare const Button: React$1.ForwardRefExoticComponent<Props$1Y & React$1.RefAttributes<HTMLButtonElement>>;
+interface Props$1Y {
     /**
      * Applies active styling.
      */
@@ -256,10 +289,18 @@ interface Props$1O {
      * Icon to show next to content.
      */
     icon?: IconName;
+    /**
+     * Render method for icon to be shown next to content.
+     */
+    iconRender?: IconRenderProp;
     /**
      * Allows to pass custom content.
      */
     content?: React$1.ReactNode;
+    /**
+     * Toggles icon animation.
+     */
+    iconAnimateIn?: boolean;
     /**
      * Icon placement.
      */
@@ -294,8 +335,8 @@ interface Props$1O {
     disabledLabelWrapping?: boolean;
 }
 
-declare const CircularLoader: React$1.ForwardRefExoticComponent<Props$1N & React$1.RefAttributes<HTMLButtonElement>>;
-interface Props$1N {
+declare const CircularLoader: React$1.ForwardRefExoticComponent<Props$1X & React$1.RefAttributes<HTMLButtonElement>>;
+interface Props$1X {
     /**
      * Component's label.
      */
@@ -314,16 +355,16 @@ interface Props$1N {
     onClick?: () => void;
 }
 
-declare const DialogActions: React$1.FC<Props$1M>;
-interface Props$1M {
+declare const DialogActions: React$1.FC<Props$1W>;
+interface Props$1W {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const DialogColumn: React$1.ForwardRefExoticComponent<Props$1L & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1L extends React$1.HTMLAttributes<HTMLDivElement> {
+declare const DialogColumn: React$1.ForwardRefExoticComponent<Props$1V & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1V extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * Main content of the component.
      */
@@ -334,8 +375,8 @@ interface Props$1L extends React$1.HTMLAttributes<HTMLDivElement> {
     overflow?: boolean;
 }
 
-declare const DialogFooter: React$1.FC<Props$1K>;
-interface Props$1K {
+declare const DialogFooter: React$1.FC<Props$1U>;
+interface Props$1U {
     /**
      * Main content of the component.
      */
@@ -351,8 +392,8 @@ interface Props$1K {
     }[];
 }
 
-declare const DialogHeader: React$1.FC<Props$1J>;
-interface Props$1J {
+declare const DialogHeader: React$1.FC<Props$1T>;
+interface Props$1T {
     /**
      * Sets focus on close button on mount.
      */
@@ -362,53 +403,61 @@ interface Props$1J {
      */
     closeLabel?: string;
     /**
-     * Indicates that progress is ongoing.
-     */
-    inProgress?: boolean;
-    /**
-     * Turns on progress in header.
+     * Sets ID of dialog header description element.
      */
-    progress?: boolean;
+    descriptionId?: string;
     /**
-     * Progress value. Works only if `progress` is enabled.
+     * Dialog title.
      */
-    progressValue?: number;
+    title?: string;
     /**
-     * Secondary title.
+     * Dialog header type.
      */
-    subTitle?: React$1.ReactNode;
+    type?: 'success' | 'error' | 'info';
+}
+
+declare const DialogProgressHeader: React$1.FC<Props$1S>;
+interface Props$1S {
     /**
-     * Dialog title.
+     * Sets focus on close button on mount.
      */
-    title?: string;
+    autofocus?: boolean;
     /**
-     * Dialog title size.
+     * Close button's label.
      */
-    titleSize?: 'sm' | 'md';
+    closeLabel?: string;
     /**
      * Sets ID of dialog header description element.
      */
     descriptionId?: string;
     /**
-     * Causes header height to be based on font size, even if title is not provided.
+     * Indicates that progress is ongoing.
      */
-    useFontBasedHeaderHeight?: boolean;
+    inProgress?: boolean;
     /**
-     * Dialog header type.
+     * Progress value.
      */
-    type?: 'success' | 'error' | 'info';
+    progressValue?: number;
+    /**
+     * Secondary title.
+     */
+    subTitle?: React$1.ReactNode;
+    /**
+     * Dialog title.
+     */
+    title?: string;
 }
 
-declare const DialogRow: React$1.FC<Props$1I>;
-interface Props$1I extends React$1.HTMLAttributes<HTMLDivElement> {
+declare const DialogRow: React$1.FC<Props$1R>;
+interface Props$1R extends React$1.HTMLAttributes<HTMLDivElement> {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const DialogSection: React$1.FC<Props$1H>;
-interface Props$1H {
+declare const DialogSection: React$1.FC<Props$1Q>;
+interface Props$1Q {
     /**
      * Main content of the component.
      */
@@ -531,35 +580,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$1G>;
-declare type Props$1G = DialogProps;
+declare const Dialog: React$1.FC<Props$1P>;
+type Props$1P = DialogProps;
 
-interface Props$1F {
+interface Props$1O {
     /**
      * Sets root class.
      */
     className: string;
 }
 
-declare const Zip: React$1.FC<Props$1F>;
+declare const Zip: React$1.FC<Props$1O>;
 
-declare const Empty: React$1.FC<Props$1F>;
+declare const Empty: React$1.FC<Props$1O>;
 
-declare const Excel: React$1.FC<Props$1F>;
+declare const Excel: React$1.FC<Props$1O>;
 
-declare const Img: React$1.FC<Props$1F>;
+declare const Img: React$1.FC<Props$1O>;
 
-declare const Movie: React$1.FC<Props$1F>;
+declare const Movie: React$1.FC<Props$1O>;
 
-declare const Music: React$1.FC<Props$1F>;
+declare const Music: React$1.FC<Props$1O>;
 
-declare const Pdf: React$1.FC<Props$1F>;
+declare const Pdf: React$1.FC<Props$1O>;
 
-declare const Ppt: React$1.FC<Props$1F>;
+declare const Ppt: React$1.FC<Props$1O>;
 
-declare const Txt: React$1.FC<Props$1F>;
+declare const Txt: React$1.FC<Props$1O>;
 
-declare const Word: React$1.FC<Props$1F>;
+declare const Word: React$1.FC<Props$1O>;
 
 declare const icons_Empty: typeof Empty;
 declare const icons_Excel: typeof Excel;
@@ -585,17 +634,17 @@ declare namespace icons {
   };
 }
 
-declare const DocIcon: React$1.FC<Props$1E>;
-declare type DocIconName = keyof typeof icons;
-interface Props$1E {
+declare const DocIcon: React$1.FC<Props$1N>;
+type DocIconName = keyof typeof icons;
+interface Props$1N {
     /**
      * Name of selected icon.
      */
     name: DocIconName;
 }
 
-declare const GalleryFigure: React$1.FC<Props$1D>;
-interface Props$1D {
+declare const GalleryFigure: React$1.ForwardRefExoticComponent<Props$1M & React$1.RefAttributes<HTMLElement>>;
+interface Props$1M {
     /**
      * Main content of the component.
      */
@@ -604,10 +653,14 @@ interface Props$1D {
      * Figure caption.
      */
     caption: string;
+    /**
+     * Use `data-visible` attribute for testing purposes.
+     */
+    'data-visible'?: boolean;
 }
 
-declare const GalleryItem: React$1.ForwardRefExoticComponent<Props$1C & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1C {
+declare const GalleryItem: React$1.ForwardRefExoticComponent<Props$1L & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1L {
     /**
      * Sets item as active.
      */
@@ -642,8 +695,8 @@ interface Props$1C {
     onCheckboxClick?: React$1.MouseEventHandler<HTMLButtonElement>;
 }
 
-declare const Gallery: React$1.FC<Props$1B>;
-interface Props$1B {
+declare const Gallery: React$1.FC<Props$1K>;
+interface Props$1K {
     /**
      * Main content of the component.
      */
@@ -662,8 +715,8 @@ interface Props$1B {
  * Polymorphism for `ref` is tricky. Let's type it as `any` for now.
  */
 
-declare const Input: React$1.ForwardRefExoticComponent<Pick<Props$1A, "label" | "className" | "type" | "value" | "error" | "id" | "disabled" | "name" | "size" | "onClick" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "max" | "variant" | "readOnly" | "multiline" | "min"> & React$1.RefAttributes<any>>;
-interface Props$1A {
+declare const Input: React$1.ForwardRefExoticComponent<Pick<Props$1J, "label" | "className" | "type" | "value" | "error" | "id" | "disabled" | "name" | "size" | "onClick" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "max" | "variant" | "readOnly" | "multiline" | "min"> & React$1.RefAttributes<any>>;
+interface Props$1J {
     /**
      * Input's class name.
      */
@@ -746,8 +799,8 @@ interface Props$1A {
     variant?: 'default' | 'underline';
 }
 
-declare const MenuItem: React$1.FC<Props$1z>;
-interface Props$1z {
+declare const MenuItem: React$1.FC<Props$1I>;
+interface Props$1I {
     /**
      * Associated icon.
      */
@@ -770,8 +823,8 @@ interface Props$1z {
     disabled?: boolean;
 }
 
-declare const MenuSubSection: React$1.FC<Props$1y>;
-interface Props$1y {
+declare const MenuSubSection: React$1.FC<Props$1H>;
+interface Props$1H {
     /**
      * Main content of the component.
      */
@@ -798,8 +851,8 @@ interface Props$1y {
     title: string;
 }
 
-declare const MenuSection: React$1.FC<Props$1x>;
-interface Props$1x {
+declare const MenuSection: React$1.FC<Props$1G>;
+interface Props$1G {
     /**
      * Main content of the component.
      */
@@ -826,21 +879,21 @@ interface PopperContext {
 declare const PopperContext: React$1.Context<PopperContext>;
 declare const usePopperCtx: () => PopperContext;
 
-declare type PopperPlacement = Placement;
-declare type PopperAnchorRef = HTMLElement | null | undefined;
-declare type PopperOffsetValue = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare type PopperOffset = [PopperOffsetValue, PopperOffsetValue];
+type PopperPlacement = Placement;
+type PopperAnchorRef = HTMLElement | null | undefined;
+type PopperOffsetValue = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type PopperOffset = [PopperOffsetValue, PopperOffsetValue];
 
-declare const PopperArrow: React__default.FC<Props$1w>;
-interface Props$1w {
+declare const PopperArrow: React__default.FC<Props$1F>;
+interface Props$1F {
     /**
      * Sets arrow size.
      */
     size?: 'sm' | 'md';
 }
 
-declare const Popper: React__default.ForwardRefExoticComponent<Props$1v & React__default.RefAttributes<HTMLElement>>;
-interface Props$1v {
+declare const Popper: React__default.ForwardRefExoticComponent<Props$1E & React__default.RefAttributes<HTMLElement>>;
+interface Props$1E {
     /**
      * Anchor element. Popper will be mounted to this element.
      */
@@ -875,8 +928,8 @@ interface Props$1v {
     sameWidth?: boolean;
 }
 
-declare const Menu: React$1.ForwardRefExoticComponent<Props$1u & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1u {
+declare const Menu: React$1.ForwardRefExoticComponent<Props$1D & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1D {
     /**
      * Anchor element.
      */
@@ -911,99 +964,215 @@ interface Props$1u {
     spacing?: boolean;
 }
 
-declare const NavbarItem: React$1.FC<Props$1t>;
-interface Props$1t {
+/**
+ * Width of the collapsed navbar.
+ */
+declare const NAVBAR_COLLAPSED_WIDTH = 58;
+/**
+ * Minimum width of navbar in non-collapsed mode.
+ */
+declare const NAVBAR_MIN_WIDTH = 200;
+/**
+ * Maximum width of navbar in non-collapsed mode.
+ */
+declare const NAVBAR_MAX_WIDTH = 400;
+/**
+ * Defines how far user must scroll left or right to trigger navbar mode change.
+ */
+declare const COLLAPSE_THRESHOLD = 40;
+/**
+ * Delay for the purposes of toggling navbar preview.
+ */
+declare const NAVBAR_PREVIEW_TIMEOUT = 250;
+
+declare const navbarContextInitProps: NavbarContext;
+interface NavbarContext {
+    /**
+     * Indicates if navbar is in collapsed mode.
+     */
+    navbarCollapsed?: boolean;
+    /**
+     * Indicates if collapsed navbar is in preview mode.
+     */
+    navbarPreviewed?: boolean;
+    /**
+     * Callback invoked whenever navbar collapse mode is changed.
+     */
+    onNavbarCollapseChange: (collapsed: boolean) => void;
+    /**
+     * Callback invoked whenever navbar preview mode is changed.
+     */
+    onNavbarPreviewChange: (previewed: boolean) => void;
+}
+declare const NavbarContext: React$1.Context<NavbarContext>;
+declare const useNavbarCtx: () => NavbarContext;
+
+declare const NavbarItem: React$1.FC<Props$1C>;
+interface Props$1C {
     /**
      * Applies active styling.
      */
     active?: boolean;
     /**
-     * Toggles icon animation.
+     * Main content of the component.
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Indicates if item is collapsible.
+     */
+    collapsible?: boolean;
+    /**
+     * Indicates if item is collapsed.
+     */
+    collapsed?: boolean;
+    /**
+     * Label used by toggle button in expanded state.
+     */
+    collapseLabel?: string;
+    /**
+     * Applies compact spacing.
      */
-    animateIcon?: boolean;
+    compact?: boolean;
     /**
      * Marks item as disabled.
      */
     disabled?: boolean;
     /**
-     * Separator for the special element.
+     * Label used by toggle button in collapsed state.
      */
-    separated?: boolean;
+    expandLabel?: string;
     /**
-     * Displayed icon.
+     * Marks item as loading.
      */
-    icon?: IconName;
+    loading?: boolean;
     /**
-     * Renders custom icon.
-     *
-     * Pass either a React component or raw markup as string.
-     * Passed string must be sanitized beforehand so that it's safe to use.
+     * Click handler.
      */
-    iconRender?: IconRenderProp;
+    onClick?: () => void;
     /**
-     * Displayed label.
+     * Handler invoked on collapsing an item.
      */
-    label: string;
+    onCollapse?: () => void;
     /**
-     * Toggles loader.
+     * Handler invoked on expanding an item.
      */
-    loading?: boolean;
+    onExpand?: () => void;
     /**
-     * Optional click handler.
+     * Handler invoked on toggling an item.
      */
-    onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
+    onToggle?: () => void;
+}
+
+declare const NavbarItemContainer: React$1.FC<Props$1B>;
+interface Props$1B {
     /**
-     * Optional buttons to be shown inside the navbar item.
+     * Marks container as active.
      */
-    buttons?: React$1.ReactNode;
+    active?: boolean;
+    /**
+     * Main content of the component.
+     */
+    children: React$1.ReactNode;
 }
 
-declare const NavbarItemFixed: React$1.FC<Props$1s>;
-interface Props$1s {
+declare const NavbarItemContent: React$1.FC<Props$1A>;
+interface Props$1A {
+    /**
+     * Adds enter / exit animation.
+     */
+    animate?: boolean;
+    /**
+     * Aligns navbar item content.
+     */
+    align?: 'start' | 'end';
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
+    /**
+     * Hides component visually.
+     */
+    hidden?: boolean;
 }
 
-declare const NavbarButton: React$1.FC<Props$1r>;
-interface Props$1r {
+declare const NavbarItemLabel: React$1.FC<Props$1z>;
+interface Props$1z {
     /**
-     * Button's aria label.
+     * Toggles icon animation if parent item is hovered.
      */
-    label?: string;
+    animateIconOnItemHover?: boolean;
     /**
-     * Icon to show.
+     * Main content of the component.
      */
-    icon?: IconName;
+    children: React$1.ReactNode;
     /**
-     * Sets `click` event handler.
+     * Displayed icon.
      */
-    onClick?: React$1.MouseEventHandler;
+    icon?: React$1.ReactElement<Props$1Z>;
 }
 
-declare const NavbarCreditLink: React$1.FC<Props$1q>;
-interface Props$1q {
+declare const NavbarItemsGroup: React$1.FC<Props$1y>;
+interface Props$1y {
     /**
-     * Renders the content of the credit link.
+     * Animates group on collapse.
      */
-    content: React$1.ReactNode;
+    animated?: boolean;
     /**
-     * Flag indicating if the link is collapsed.
+     * Toggles animation.
      */
-    collapsed?: boolean;
+    animateIn?: boolean;
+    /**
+     * Main content of the component.
+     */
+    children: React$1.ReactNode;
     /**
-     * The URL that the hyperlink points to.
+     * Nesting level. Starts at 1.
+     */
+    level?: number;
+}
+
+declare const NavbarLink: React$1.FC<Props$1x>;
+interface Props$1x {
+    /**
+     * Renders link content.
+     */
+    children: React$1.ReactNode | (({ collapsed }: {
+        collapsed?: boolean;
+    }) => React$1.ReactNode);
+    /**
+     * The URL that the link points to.
      */
     href?: string;
+}
+
+declare const NavbarScrollableContent: React$1.FC<Props$1w>;
+interface Props$1w {
     /**
-     * Describes the purpose of a link.
+     * Main content of the component.
      */
-    ariaLabel?: string;
+    children: React$1.ReactNode;
 }
 
-declare const Navbar: React$1.FC<Props$1p>;
-interface Props$1p {
+declare const NavbarSeparator: React$1.FC;
+
+declare const NavbarToggleButton: React$1.FC<Props$1v>;
+interface Props$1v {
+    /**
+     * Label shown when navbar will collapse.
+     */
+    closeLabel?: string;
+    /**
+     * Label shown when navbar will lock expanded state.
+     */
+    lockLabel?: string;
+    /**
+     * Label shown when navbar will expand or will be in preview mode.
+     */
+    openLabel?: string;
+}
+
+declare const Navbar: React$1.FC<Props$1u>;
+interface Props$1u {
     /**
      * Labels navigation element.
      */
@@ -1014,8 +1183,8 @@ interface Props$1p {
     children: React$1.ReactNode;
 }
 
-declare const Modal: React$1.FC<Props$1o>;
-interface Props$1o {
+declare const Modal: React$1.FC<Props$1t>;
+interface Props$1t {
     /**
      * Optional children.
      */
@@ -1038,24 +1207,24 @@ interface Props$1o {
     variant?: 'transparent' | 'semi-transparent';
 }
 
-declare const PanelActions: React$1.FC<Props$1n>;
-interface Props$1n {
+declare const PanelActions: React$1.FC<Props$1s>;
+interface Props$1s {
     /**
      * Main content of the component.
      */
     children?: React$1.ReactNode;
 }
 
-declare const PanelColumn: React$1.FC<Props$1m>;
-interface Props$1m {
+declare const PanelColumn: React$1.FC<Props$1r>;
+interface Props$1r {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const PanelContent: React$1.ForwardRefExoticComponent<Props$1l & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1l {
+declare const PanelContent: React$1.ForwardRefExoticComponent<Props$1q & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1q {
     /**
      * Main content of the component.
      */
@@ -1074,8 +1243,8 @@ interface Props$1l {
     header?: string;
 }
 
-declare const PanelContentProp: React$1.FC<Props$1k>;
-interface Props$1k {
+declare const PanelContentProp: React$1.FC<Props$1p>;
+interface Props$1p {
     /**
      * Property label.
      */
@@ -1088,8 +1257,8 @@ interface Props$1k {
 
 declare const PanelDragHandle: React$1.ForwardRefExoticComponent<React$1.RefAttributes<HTMLDivElement>>;
 
-declare const PanelList: React$1.FC<Props$1j>;
-interface Props$1j {
+declare const PanelList: React$1.FC<Props$1o>;
+interface Props$1o {
     /**
      * Main content.
      */
@@ -1104,16 +1273,16 @@ interface Props$1j {
     toolbarLoading?: boolean;
 }
 
-declare const PanelListDivider: React$1.FC<Props$1i>;
-interface Props$1i {
+declare const PanelListDivider: React$1.FC<Props$1n>;
+interface Props$1n {
     /**
      * Toggles component opacity.
      */
     opaque?: boolean;
 }
 
-declare const PanelSide: React$1.FC<Props$1h>;
-interface Props$1h {
+declare const PanelSide: React$1.FC<Props$1m>;
+interface Props$1m {
     /**
      * Icon to display.
      */
@@ -1127,8 +1296,8 @@ interface Props$1h {
     iconRender?: IconRenderProp;
 }
 
-declare const PanelSkeleton: React$1.FC<Props$1g>;
-interface Props$1g {
+declare const PanelSkeleton: React$1.FC<Props$1l>;
+interface Props$1l {
     /**
      * Number of loading blocks.
      */
@@ -1139,8 +1308,8 @@ interface Props$1g {
     size?: 'sm' | 'md' | 'lg';
 }
 
-declare const PanelTitle: React$1.ForwardRefExoticComponent<Props$1f & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1f extends Omit<Props$1l, 'children'> {
+declare const PanelTitle: React$1.ForwardRefExoticComponent<Props$1k & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1k extends Omit<Props$1q, 'children'> {
     /**
      * Panel's title.
      */
@@ -1175,10 +1344,10 @@ interface ListDndItemHookProps extends ListDndItem {
      */
     itemRoot?: HTMLElement | null;
 }
-declare type ListDndMoveItem = (dragIndex: number, hoverIndex: number) => void;
-declare type ListDndSetDraggable = (id: string) => ListDndSetDraggablePartial;
-declare type ListDndSetDraggablePartial = (isDraggable: boolean) => void;
-declare type ListDndOnDragEnd = () => void;
+type ListDndMoveItem = (dragIndex: number, hoverIndex: number) => void;
+type ListDndSetDraggable = (id: string) => ListDndSetDraggablePartial;
+type ListDndSetDraggablePartial = (isDraggable: boolean) => void;
+type ListDndOnDragEnd = () => void;
 /**
  * List of props that a child of `SortableListItem` receives.
  * This type is intended to be used by components that want to be aware that they are dragged.
@@ -1226,8 +1395,8 @@ declare const useListDnd: (initItems: ListDndItem[]) => {
     setDraggable: ListDndSetDraggable;
 };
 
-declare const SortableDndListItem: React$1.FC<Props$1e>;
-interface Props$1e {
+declare const SortableDndListItem: React$1.FC<Props$1j>;
+interface Props$1j {
     /**
      * Current item's index in a list.
      */
@@ -1269,8 +1438,8 @@ interface SortableDndListContextShape {
     onDragEnd?: ListDndOnDragEnd;
 }
 
-declare const SortableDndList: React$1.FC<Props$1d>;
-interface Props$1d extends SortableDndListContextShape {
+declare const SortableDndList: React$1.FC<Props$1i>;
+interface Props$1i extends SortableDndListContextShape {
     /**
      * Main content of the component.
      */
@@ -1288,8 +1457,8 @@ interface PanelContextShape extends Partial<ListDndChildProps> {
     edit?: boolean;
 }
 
-declare const Panel: React$1.ForwardRefExoticComponent<Props$1c & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1c extends PanelContextShape {
+declare const Panel: React$1.ForwardRefExoticComponent<Props$1h & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1h extends PanelContextShape {
     /**
      * Main content of the component.
      */
@@ -1304,8 +1473,8 @@ interface Props$1c extends PanelContextShape {
     elevated?: boolean;
 }
 
-declare const Pagination: React$1.FC<Props$1b>;
-interface Props$1b {
+declare const Pagination: React$1.FC<Props$1g>;
+interface Props$1g {
     /**
      * Disables interaction with pagination.
      */
@@ -1332,8 +1501,8 @@ interface Props$1b {
     page: number;
 }
 
-declare const ProgressPanel: React$1.ForwardRefExoticComponent<Props$1a & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$1a {
+declare const ProgressPanel: React$1.ForwardRefExoticComponent<Props$1f & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$1f {
     /**
      * Additional info rendered close to a title.
      */
@@ -1368,8 +1537,8 @@ interface Props$1a {
     value: number;
 }
 
-declare const PropertiesTableRow: React$1.FC<Props$19>;
-interface Props$19 {
+declare const PropertiesTableRow: React$1.FC<Props$1e>;
+interface Props$1e {
     /**
      * Item's label.
      */
@@ -1380,100 +1549,152 @@ interface Props$19 {
     value: React$1.ReactNode;
 }
 
-declare const PropertiesTable: React$1.FC<Props$18>;
-interface Props$18 {
+declare const PropertiesTable: React$1.FC<Props$1d>;
+interface Props$1d {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-/**
- * The `ResponsiveImage` component is responsible for displaying images in a responsive manner.
- *
- * Noteworthy, it is impossible to use a purely native approach based on `img`'s attributes such as `srcset` and `sizes`,
- * since those require media queries to be defined upfront. It is not guaranteed that `ResponsiveImage` component will be used in a manner
- * that allows for media queries to be defined at all. Most likely, the component will be used in a fluid environment
- * in which size of the image's container changes frequently.
- *
- * Therefore, a hybrid approach is used. Native `srcset` and `sizes` attributes are used in combination with a mechanism that
- * updates `sizes` attribute under the hood based on current size of the image's container and a list of available breakpoints.
- * As soon as a fitting breakpoint value is found, it gets assigned to `sizes` attribute. From that moment onwards,
- * the browser takes over and its native features are used to ensure responsiveness and related features:
- *
- * 1. Art direction is possible to achieve via `srcSet` prop. Therefore, different images can be displayed based on current display size.
- *
- * 2. Various image formats can be passed within `srcSet`. The browser will choose the first one supported.
- * For instance, `webp` sources can be supplied via `srcSet.optional` prop and browsers supporting `webp` format will default to that.
- *
- * 3. The `sizes` attribute is leveraged to force the browser to choose the most suitable source.
- * The `sizes` attribtue is set internally by the component in the form of `${ breakpoint }px` value.
- *
- * The images are loaded lazily. A visibility check is used to ensure that only images visible within a given container will be loaded.
- * As a loader, a blurred version of the image can be shown if `blurHash` value is passed.
- */
-
-declare const ResponsiveImage: React$1.FC<Props$17>;
-interface Props$17 {
+declare const ResponsiveImageFit: React$1.FC<Props$1c>;
+interface Props$1c {
     /**
-     * Image's description.
-     *
-     * Used for accessibilty purposes and in case of image loading errors.
+     * Image alt text.
      */
     alt: string;
+    /**
+     * Turns on cover mode.
+     */
+    allowCover?: boolean;
+    /**
+     * Set of default image sources.
+     */
+    defaultSrcSet?: string;
+    /**
+     * Visually hides image.
+     */
+    hidden?: boolean;
+    /**
+     * Callback invoked when resource failed to load.
+     */
+    onError?: () => void;
+    /**
+     * Callback invoked when resource has been loaded.
+     */
+    onLoad?: () => void;
+    /**
+     * Mime type of the optional source.
+     */
+    optionalSrcMimeType?: string;
+    /**
+     * Set of optional image sources.
+     */
+    optionalSrcSet?: string;
+    /**
+     * Current `sizes` value based on container size.
+     */
+    sizes?: number;
+}
+
+declare const ResponsiveImageFallback: React$1.FC<Props$1b>;
+interface Props$1b {
+    /**
+     * Indicates if cover is allowed for the image.
+     */
+    allowCover?: boolean;
     /**
      * Original image's blurhash. Blurhash will be decoded under the hood into base64.
-     *
-     * It will be displayed as long as image is being loaded.
      */
     blurHash?: string;
     /**
-     * List of available image widths.
+     * Container element.
      */
-    breakpoints: number[];
+    containerEl?: HTMLElement | null;
     /**
-     * Reference to a scrollable container that contains the image.
-     *
-     * It is used to detect image's visibility.
+     * Original image's height.
      */
-    container?: HTMLDivElement | null;
+    originalHeight?: number;
     /**
-     * Maps breakpoint value to a flag indicating if it is possible to display thumbnail as a cover for that breakpoint.
+     * Original image's width.
      */
-    cover?: Record<number, boolean>;
+    originalWidth?: number;
+}
+
+declare const ResponsiveImageScalable: React$1.FC<Props$1a>;
+interface Props$1a {
     /**
-     * Original image's height.
+     * Image alt text.
      */
-    height?: number;
+    alt: string;
     /**
-     * Available sources for the image.
+     * Element that contains responsive image.
      */
-    srcSet: {
-        /**
-         * Optional source.
-         */
-        optional?: string[];
-        /**
-         * Required default source.
-         */
-        default: string[];
-    };
+    containerEl?: HTMLElement | null;
+    /**
+     * Set of default image sources.
+     */
+    defaultSrcSet?: string;
+    /**
+     * Visually hides image.
+     */
+    hidden?: boolean;
+    /**
+     * Callback invoked when resource failed to load.
+     */
+    onError?: () => void;
     /**
-     * Optional sources' mime type.
+     * Callback invoked when resource has been loaded.
+     */
+    onLoad?: () => void;
+    /**
+     * Mime type of the optional source.
      */
     optionalSrcMimeType?: string;
     /**
-     * Original image's width.
+     * Set of optional image sources.
      */
-    width?: number;
+    optionalSrcSet?: string;
     /**
-     * Callback invoked when a resource failed to load, or can't be used.
+     * Original width of the image.
      */
-    onError?: (event: React$1.SyntheticEvent<HTMLImageElement>) => void;
+    originalWidth?: number;
+    /**
+     * Original height of the image.
+     */
+    originalHeight?: number;
+    /**
+     * Current `sizes` value based on container size.
+     */
+    sizes?: number;
 }
 
-declare const Skeleton: React$1.FC<Props$16>;
-interface Props$16 {
+declare const ResponsiveImage: React$1.FC<Props$19>;
+interface Props$19 {
+    /**
+     * List of available breakpoints.
+     */
+    breakpoints?: number[];
+    /**
+     * Responsive image.
+     */
+    children: React$1.ReactNode;
+    /**
+     * Element that contains responsive image.
+     */
+    containerEl?: HTMLElement | null;
+    /**
+     * Maps breakpoint value to a flag indicating if it is possible to display thumbnail as a cover for that breakpoint.
+     */
+    cover?: Record<number, boolean>;
+    /**
+     * Optional loader to show when image loading is in progress.
+     */
+    loader?: React$1.ReactNode;
+}
+
+declare const Skeleton: React$1.FC<Props$18>;
+interface Props$18 {
     /**
      * Optional class name. It overrides class responsible for background color.
      */
@@ -1488,8 +1709,8 @@ interface Props$16 {
     width?: string;
 }
 
-declare const SortButton: React$1.FC<Props$15>;
-interface Props$15 {
+declare const SortButton: React$1.FC<Props$17>;
+interface Props$17 {
     /**
      * Button's aria label.
      */
@@ -1508,8 +1729,8 @@ interface Props$15 {
     onClick?: () => void;
 }
 
-declare const SwitchView: React$1.FC<Props$14>;
-interface Props$14 {
+declare const SwitchView: React$1.FC<Props$16>;
+interface Props$16 {
     /**
      * Main content of the component.
      */
@@ -1517,11 +1738,15 @@ interface Props$14 {
     /**
      * View id.
      */
-    id: string;
+    id?: string;
+    /**
+     * Use `fallback` type to show a fallback view if no other `SwitchView` is matched.
+     */
+    type?: 'default' | 'fallback';
 }
 
-declare const Switch: React$1.FC<Props$13>;
-interface Props$13 {
+declare const Switch: React$1.FC<Props$15>;
+interface Props$15 {
     /**
      * Main content of the component.
      */
@@ -1532,8 +1757,8 @@ interface Props$13 {
     match?: string;
 }
 
-declare const SwitchInput: React$1.FC<Props$12>;
-interface Props$12 {
+declare const SwitchInput: React$1.FC<Props$14>;
+interface Props$14 {
     /**
      * Sets current input's value.
      */
@@ -1552,8 +1777,8 @@ interface Props$12 {
     onChange: (checked: boolean) => void;
 }
 
-declare const TagList: React$1.FC<Props$11>;
-interface Props$11 {
+declare const TagList: React$1.FC<Props$13>;
+interface Props$13 {
     /**
      * Main content of the component.
      */
@@ -1562,14 +1787,10 @@ interface Props$11 {
      * Optional root class name.
      */
     className?: string;
-    /**
-     * Indicates whether tag list should hide overflown items.
-     */
-    itemOverflow?: boolean;
 }
 
-declare const TagLabel: React$1.FC<Props$10>;
-interface Props$10 {
+declare const TagLabel: React$1.FC<Props$12>;
+interface Props$12 {
     /**
      * Emphasizes tag content.
      */
@@ -1580,8 +1801,8 @@ interface Props$10 {
     children: React$1.ReactNode;
 }
 
-declare const Tag: React$1.ForwardRefExoticComponent<Props$$ & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$$ {
+declare const Tag: React$1.ForwardRefExoticComponent<Props$11 & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$11 {
     /**
      * Sets component's children.
      */
@@ -1598,6 +1819,10 @@ interface Props$$ {
      * Sets tag radius.
      */
     radius?: 'md' | 'lg' | 'xl';
+    /**
+     * Sets tag size.
+     */
+    size?: 'sm' | 'md';
     /**
      * Sets tag as removable.
      */
@@ -1608,8 +1833,8 @@ interface Props$$ {
     removeLabel?: string;
 }
 
-declare const TagInput: React$1.FC<Props$_>;
-interface Props$_ {
+declare const TagInput: React$1.FC<Props$10>;
+interface Props$10 {
     /**
      * Input's class name.
      */
@@ -1657,8 +1882,8 @@ interface Props$_ {
     }[];
 }
 
-declare const Tab: React$1.FC<Props$Z>;
-interface Props$Z {
+declare const Tab: React$1.FC<Props$$>;
+interface Props$$ {
     /**
      * Main content.
      */
@@ -1673,8 +1898,8 @@ interface Props$Z {
     label: string;
 }
 
-declare const Tabs: React$1.FC<Props$Y>;
-interface Props$Y {
+declare const Tabs: React$1.FC<Props$_>;
+interface Props$_ {
     /**
      * Currently selected tab.
      */
@@ -1689,8 +1914,8 @@ interface Props$Y {
     onTabSelect?: (tab: string) => void;
 }
 
-declare const Tooltip: React$1.FC<Props$X>;
-interface Props$X {
+declare const Tooltip: React$1.FC<Props$Z>;
+interface Props$Z {
     /**
      * Main content of the component.
      * It must be a single child that accepts `ref`.
@@ -1713,8 +1938,8 @@ interface Props$X {
 /**
  * `TopbarAction` component acts as a props carrier only.
  */
-declare const TopbarAction: React$1.FC<Props$W>;
-interface Props$W {
+declare const TopbarAction: React$1.FC<Props$Y>;
+interface Props$Y {
     /**
      * Applies active styling.
      */
@@ -1749,8 +1974,8 @@ interface Props$W {
     downloadUrl?: string;
 }
 
-declare const Topbar: React$1.FC<Props$V>;
-interface Props$V {
+declare const Topbar: React$1.FC<Props$X>;
+interface Props$X {
     /**
      * Main content of the component.
      */
@@ -1761,6 +1986,25 @@ interface Props$V {
     sideContent: React$1.ReactNode;
 }
 
+declare const CONTAINER_QUERY_BREAKPOINTS: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+
+declare const uiContextInitProps: {
+    rootEl: null;
+    animationDuration: {
+        primary: number;
+        secondary: number;
+    };
+    navbarCollapsed: boolean;
+    onNavbarCollapseChange: () => void;
+    onNavbarPreviewChange: () => void;
+    onNavbarWidthChange: () => void;
+};
 interface UIContext {
     /**
      * Represents UI's root element.
@@ -1780,14 +2024,22 @@ interface UIContext {
      * Indicates if navbar should be collapsed.
      */
     navbarCollapsed?: boolean;
+    /**
+     * Indicates if collapsed navbar is in preview mode.
+     */
+    navbarPreviewed?: boolean;
     /**
      * Initial navbar width.
      */
     navbarWidth?: number;
     /**
-     * Callback invoked whenever navbar is collapsed.
+     * Callback invoked whenever navbar collapse mode is changed.
+     */
+    onNavbarCollapseChange: (collapsed: boolean) => void;
+    /**
+     * Callback invoked whenever navbar preview mode is changed.
      */
-    onNavbarCollapse: (collapsed: boolean) => void;
+    onNavbarPreviewChange: (previewed: boolean) => void;
     /**
      * Callback invoked whenever navbar width changes.
      */
@@ -1892,8 +2144,8 @@ declare const getValidChildren: <ChildProps>(children: React$1.ReactNode) => Rea
  */
 declare const hasOwnProperty: (object: Record<string, unknown>, propertyKey: string) => boolean;
 
-declare type KeyModifier = 'altKey' | 'ctrlKey' | 'metaKey' | 'shiftKey';
-declare type KeyAction = () => void;
+type KeyModifier = 'altKey' | 'ctrlKey' | 'metaKey' | 'shiftKey';
+type KeyAction = () => void;
 interface KeyCombination {
     value: string;
     mod?: KeyModifier;
@@ -1902,7 +2154,7 @@ interface KeyCombination {
  * `KeyboardEvent`-like interface that will allow to use generated handlers as React's synthetic event handlers.
  * Only a subset of event properties are used.
  */
-declare type KeyEventLike = Pick<KeyboardEvent, 'altKey' | 'ctrlKey' | 'metaKey' | 'shiftKey' | 'code' | 'key' | 'preventDefault' | 'stopPropagation'>;
+type KeyEventLike = Pick<KeyboardEvent, 'altKey' | 'ctrlKey' | 'metaKey' | 'shiftKey' | 'code' | 'key' | 'preventDefault' | 'stopPropagation'>;
 interface KeyProps {
     /**
      * Defines which code will invoke the `onKeyDown` callback.
@@ -2059,7 +2311,7 @@ declare const useResize: (opts: ResizeOptions) => {
     isResizing: boolean | undefined;
 };
 
-declare type DragHandler = (diff: {
+type DragHandler = (diff: {
     /**
      * Dragged element.
      */
@@ -2097,7 +2349,7 @@ declare type DragHandler = (diff: {
      */
     clientVY: number;
 }) => void;
-declare type DragDimensionsHandler = (dimensions: Dimensions) => void;
+type DragDimensionsHandler = (dimensions: Dimensions) => void;
 interface DraggableOptions {
     /**
      * Callback invoked on dragging. Passes most recent drag vectors.
@@ -2196,23 +2448,24 @@ declare const useResettableTimeout: (onTimeout: () => void, delay: number) => {
  * Container's size changes are observed via `ResizeObserver`. Observer's callback invocation is throttled.
  *
  * @param breakpoints list of possible image widths
+ * @param containerEl container element
  * @param enabled toggles `ResizeObserver`
  * @returns state and ref setters
  */
-declare const useResponsiveSizes: (breakpoints: number[], enabled?: boolean) => {
+declare const useResponsiveSizes: (breakpoints: number[], containerEl?: HTMLElement | null, enabled?: boolean) => {
     sizes: number | undefined;
-    setContainer: React$1.Dispatch<React$1.SetStateAction<HTMLElement | null>>;
-    pixelAdjSizes: number;
+    pixelAdjSizes: number | undefined;
 };
 
 /**
  * Detects visibility of an element inside a scrollable container.
  *
- * @param container scrollable container
+ * @param element element to observe
+ * @param scrollableContainerEl scrollable container
+ * @param enabled toggles observer
  * @returns hook state and methods
  */
-declare const useElementVisibility: (container?: HTMLElement | null) => {
-    setElement: React$1.Dispatch<React$1.SetStateAction<HTMLElement | null>>;
+declare const useElementVisibility: (element?: HTMLElement | null, scrollableContainerEl?: HTMLElement | null, enabled?: boolean) => {
     visible: boolean;
 };
 
@@ -2233,7 +2486,7 @@ declare const useFilesDrop: ({ onDrop }: UseFilesDropProps) => {
     isActive: boolean;
 };
 
-declare type Selected = Set<string>;
+type Selected = Set<string>;
 
 /**
  * This hook is responsible for selecting elements in a grid.
@@ -2276,7 +2529,7 @@ declare const useToggle: (initValue?: boolean) => {
 };
 
 /**
- * Listens to source element's size changes and sets target's width and height accordingly.
+ * Listens to container element's size changes and sets target's width and height accordingly.
  *
  * This hook is useful if `object-fit: scale-down` CSS rule cannot be used,
  * e.g. if image's placeholder has different size than the original image
@@ -2284,10 +2537,11 @@ declare const useToggle: (initValue?: boolean) => {
  *
  * @param originalWidth original image's width
  * @param originalHeight original image's height
+ * @param containerEl container element
+ * @param enabled toggles `ResizeObserver`
  * @returns ref setters
  */
-declare const useScaleDown: (originalWidth?: number, originalHeight?: number, enabled?: boolean) => {
-    setSrcElement: React$1.Dispatch<React$1.SetStateAction<HTMLElement | null>>;
+declare const useScaleDown: (originalWidth?: number, originalHeight?: number, containerEl?: HTMLElement | null, enabled?: boolean) => {
     setTargetElement: React$1.Dispatch<React$1.SetStateAction<HTMLElement | null>>;
 };
 
@@ -2313,7 +2567,7 @@ interface ScrollCoordsConfig {
      */
     initThresh?: number;
 }
-declare type OnScrollHandler = (vStart: {
+type OnScrollHandler = (vStart: {
     startX: number;
     startY: number;
 }, vCurrent: {
@@ -2465,8 +2719,8 @@ declare namespace validators_d {
   };
 }
 
-declare const ViewDialog: React$1.FC<Props$U>;
-interface Props$U {
+declare const ViewDialog: React$1.FC<Props$W>;
+interface Props$W {
     /**
      * Main content of the component.
      */
@@ -2529,8 +2783,8 @@ interface Props$U {
     label?: string;
 }
 
-declare const UIProvider: React$1.FC<Props$T>;
-interface Props$T {
+declare const UIProvider: React$1.FC<Props$V>;
+interface Props$V {
     /**
      * Main content.
      */
@@ -2550,7 +2804,7 @@ interface Props$T {
     /**
      * Callback invoked whenever navbar mode changes.
      */
-    onNavbarCollapse?: (collapsed: boolean) => void;
+    onNavbarCollapseChange?: (collapsed: boolean) => void;
     /**
      * Callback invoked whenever navbar resize ends.
      */
@@ -2558,7 +2812,7 @@ interface Props$T {
     /**
      * Dialog mode options.
      */
-    dialog?: Omit<Props$U, 'children'>;
+    dialog?: Omit<Props$W, 'children'>;
     /**
      * Name of selected theme.
      */
@@ -2569,16 +2823,16 @@ interface Props$T {
     label?: string;
 }
 
-declare const View: React$1.FC<Props$S>;
-interface Props$S {
+declare const View: React$1.FC<Props$U>;
+interface Props$U {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewContent: React$1.ForwardRefExoticComponent<Props$R & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$R {
+declare const ViewContent: React$1.ForwardRefExoticComponent<Props$T & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$T {
     /**
      * Sets component's children.
      */
@@ -2601,48 +2855,48 @@ interface Props$R {
     contentBar?: boolean;
 }
 
-declare const ViewContentBar: React$1.FC<Props$Q>;
-interface Props$Q {
+declare const ViewContentBar: React$1.FC<Props$S>;
+interface Props$S {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewFooter: React$1.FC<Props$P>;
-interface Props$P {
+declare const ViewFooter: React$1.FC<Props$R>;
+interface Props$R {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewHeader: React$1.FC<Props$O>;
-interface Props$O {
+declare const ViewHeader: React$1.FC<Props$Q>;
+interface Props$Q {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewSideContent: React$1.FC<Props$N>;
-interface Props$N {
+declare const ViewSideContent: React$1.FC<Props$P>;
+interface Props$P {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewContentWrapper: React$1.FC<Props$M>;
-interface Props$M {
+declare const ViewContentWrapper: React$1.FC<Props$O>;
+interface Props$O {
     /**
      * Sets component's children.
      */
     children?: React$1.ReactNode;
 }
 
-declare const ViewWrapper: React$1.FC<Props$L>;
-interface Props$L {
+declare const ViewWrapper: React$1.FC<Props$N>;
+interface Props$N {
     /**
      * Main content of the component.
      */
@@ -2653,8 +2907,8 @@ interface Props$L {
     navbar?: React$1.ReactNode;
 }
 
-declare const RangeSlider: React$1.FC<Props$K>;
-declare type Props$K = {
+declare const RangeSlider: React$1.FC<Props$M>;
+type Props$M = {
     /**
      * Slider value.
      */
@@ -2687,8 +2941,8 @@ declare type Props$K = {
     showLabels?: boolean;
 };
 
-declare const FormFeedback: React$1.FC<Props$J>;
-declare type Props$J = {
+declare const FormFeedback: React$1.FC<Props$L>;
+type Props$L = {
     /**
      * Main content of the component.
      */
@@ -2703,8 +2957,8 @@ declare type Props$J = {
     warning?: boolean;
 };
 
-declare const FormGroup: React$1.FC<Props$I>;
-interface Props$I {
+declare const FormGroup: React$1.FC<Props$K>;
+interface Props$K {
     /**
      * Main content of the component.
      */
@@ -2715,24 +2969,24 @@ interface Props$I {
     halfWidth?: boolean;
 }
 
-declare const FormGroupColumn: React$1.FC<Props$H>;
-interface Props$H {
+declare const FormGroupColumn: React$1.FC<Props$J>;
+interface Props$J {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const FormGroupInfo: React$1.FC<Props$G>;
-interface Props$G {
+declare const FormGroupInfo: React$1.FC<Props$I>;
+interface Props$I {
     /**
      * Main content of the component.
      */
     children: React$1.ReactNode;
 }
 
-declare const FormInputLabel: React$1.FC<Props$F>;
-declare type Props$F = {
+declare const FormInputLabel: React$1.FC<Props$H>;
+type Props$H = {
     /**
      * Main content of the component.
      */
@@ -2747,8 +3001,8 @@ declare type Props$F = {
     hidden?: boolean;
 };
 
-declare const Form: React$1.ForwardRefExoticComponent<Props$E & React$1.RefAttributes<HTMLFormElement>>;
-declare type Props$E = {
+declare const Form: React$1.ForwardRefExoticComponent<Props$G & React$1.RefAttributes<HTMLFormElement>>;
+type Props$G = {
     /**
      * Main content of the component.
      */
@@ -2771,8 +3025,8 @@ declare type Props$E = {
     onSubmit: React$1.FormEventHandler<HTMLFormElement>;
 };
 
-declare const EmptyViewLabel: React$1.FC<Props$D>;
-interface Props$D {
+declare const EmptyViewLabel: React$1.FC<Props$F>;
+interface Props$F {
     /**
      * Main content of the component.
      */
@@ -2783,8 +3037,8 @@ interface Props$D {
     muted?: boolean;
 }
 
-declare const EmptyView: React$1.ForwardRefExoticComponent<Props$C & React$1.RefAttributes<HTMLDivElement>>;
-interface Props$C {
+declare const EmptyView: React$1.ForwardRefExoticComponent<Props$E & React$1.RefAttributes<HTMLDivElement>>;
+interface Props$E {
     /**
      * Adds active styling.
      */
@@ -2807,36 +3061,36 @@ interface Props$C {
     type?: 'dropzone' | 'default';
 }
 
-declare const FileInputButton: React$1.ForwardRefExoticComponent<Props$B & React$1.RefAttributes<HTMLInputElement>>;
-interface Props$B extends Omit<Props$1O, 'onClick'> {
-    /**
-     * Unique input's id.
-     */
-    id: string;
+declare const Ellipsis: React$1.FC<Props$D>;
+interface Props$D {
     /**
-     * Main content of the component.
+     * Items to display.
      */
-    children: React$1.ReactNode;
+    items: string[] | React$1.ReactNode[];
     /**
-     * Input's name to register.
+     * Maximum items to display before shortening.
      */
-    name?: string;
+    maxVisibleItems?: number;
+}
+
+declare const FileInputButton: React$1.FC<Props$C>;
+interface Props$C extends Omit<Props$1Y, 'onClick'> {
     /**
-     * Callback invoked when the value is changed.
+     * Input's `accept` attribute.
      */
-    onChange?: (evt: React$1.ChangeEvent<HTMLInputElement>) => Promise<void>;
+    accept?: string;
     /**
-     * Input's value.
+     * Main content of the component.
      */
-    value?: string;
+    children: React$1.ReactNode;
     /**
-     * Input's accept attribute.
+     * Callback invoked when the value is changed.
      */
-    accept?: string;
+    onChange?: React$1.ChangeEventHandler<HTMLInputElement>;
 }
 
-declare const FilePreviewActions: React$1.FC<Props$A>;
-interface Props$A {
+declare const FilePreviewActions: React$1.FC<Props$B>;
+interface Props$B {
     /**
      * Label of the back button.
      */
@@ -2845,16 +3099,20 @@ interface Props$A {
      * Main content of the component.
      */
     children?: React$1.ReactNode;
-    /**
-     * Label of the close button.
-     */
-    closeBtnLabel: string;
     /**
      * Text displayed as title in the action bar.
      */
     title: string;
 }
 
+declare const FilePreviewColumn: React$1.FC<Props$A>;
+interface Props$A {
+    /**
+     * Main content of the component.
+     */
+    children: React$1.ReactNode;
+}
+
 declare const FilePreviewContent: React$1.ForwardRefExoticComponent<Props$z & React$1.RefAttributes<HTMLDivElement>>;
 interface Props$z {
     /**
@@ -2871,8 +3129,8 @@ interface Props$y {
     children: React$1.ReactNode;
 }
 
-declare const FilePreviewNavigationButtons: React$1.FC<Props$x>;
-declare type Side = 'left' | 'right';
+declare const FilePreviewNavButton: React$1.FC<Props$x>;
+type Side = 'left' | 'right';
 interface Props$x {
     /**
      * Disables button.
@@ -2915,13 +3173,13 @@ interface Props$v {
      */
     onClose?: () => void;
     /**
-     * Callback invoked when left arrow is clicked.
+     * Callback invoked when next item is requested.
      */
-    onLeftArrowDown?: () => void;
+    onNext?: () => void;
     /**
-     * Callback invoked when right arrow is clicked.
+     * Callback invoked when previous item is requested.
      */
-    onRightArrowDown?: () => void;
+    onPrev?: () => void;
     /**
      * Opens file preview.
      */
@@ -3002,11 +3260,11 @@ interface SelectKeyboardNavProps {
 /**
  * Toggles selection of a provided option.
  */
-declare type SelectToggleHandler = (opt: SelectOption) => void;
+type SelectToggleHandler = (opt: SelectOption) => void;
 /**
  * Gets next / previous option (for keyboard selection).
  */
-declare type SelectKeyboardNextIdGetter = (options: SelectOption[], currentIndex: number) => SelectOption | undefined;
+type SelectKeyboardNextIdGetter = (options: SelectOption[], currentIndex: number) => SelectOption | undefined;
 
 declare const Select: React$1.FC<Props$t>;
 interface Props$t {
@@ -3050,6 +3308,10 @@ interface Props$t {
      * Allows to search through options.
      */
     searchable?: boolean;
+    /**
+     * Sizing variant.
+     */
+    size?: 'small' | 'medium';
 }
 
 declare const Notifications: React$1.FC<Props$s>;
@@ -3100,7 +3362,7 @@ declare const Notification: React$1.FC<Props$q>;
 /**
  * `Notification` component is rendered as part of `TransitionGroup` and therefore gets transition props in addition to its regular props.
  */
-declare type Props$q = Partial<TransitionProps> & {
+type Props$q = Partial<TransitionProps> & {
     /**
      * Label for "Close" button.
      */
@@ -3171,8 +3433,8 @@ interface Props$o {
     labelCopied: string;
 }
 
-declare type BreakpointKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare type BreakpointMap = Record<BreakpointKey, number>;
+type BreakpointKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type BreakpointMap = Record<BreakpointKey, number>;
 /**
  * Encapsulates logic that allows to compare specified breakpoints.
  * Breakpoint values are treated as equivalent of CSS `min-width` property.
@@ -3288,7 +3550,7 @@ interface Props$k {
 }
 
 declare const LoadingButton: React$1.ForwardRefExoticComponent<Props$j & React$1.RefAttributes<HTMLButtonElement>>;
-interface Props$j extends Props$1O {
+interface Props$j extends Props$1Y {
     /**
      * Delays loader appearance. Defaults to `true`.
      */
@@ -3481,6 +3743,14 @@ interface Props$5 {
      * Label of the close button.
      */
     closeBtnLabel: string;
+    /**
+     * Name of selected icon.
+     */
+    iconName?: IconName;
+    /**
+     * Renders custom icon.
+     */
+    iconRender?: IconRenderProp;
 }
 
 declare const DrawerSection: React$1.ForwardRefExoticComponent<Props$4 & React$1.RefAttributes<HTMLDivElement>>;
@@ -3551,4 +3821,4 @@ interface Props {
     children: React$1.ReactNode;
 }
 
-export { Bottombar, Button, ButtonColor, ButtonSize, ButtonType, CircularLoader, ContainerQuery, ContainerQueryProvider, CopyButton, CopyableInput, Dialog, DialogActions, DialogColumn, DialogFooter, DialogHeader, DialogRow, DialogSection, Dimensions, DocIcon, DocIconName, DragDimensionsHandler, DragHandler, DraggableOptions, DraggableState, Drawer, DrawerActions, DrawerContent, DrawerHeader, DrawerSection, EmptyView, EmptyViewLabel, FileInputButton, FilePreview, FilePreviewActions, FilePreviewContent, FilePreviewHoverable, FilePreviewNavigationButtons as FilePreviewNavButton, FilePreviewTooltip, Fixed, FixedContext, FixedProvider, Form, FormFeedback, FormGroup, FormGroupColumn, FormGroupInfo, FormInputLabel, Gallery, GalleryFigure, GalleryItem, Icon, IconColor, IconName, IconRenderProp, IconRenderer, IconSize, Input, Props$1A as InputProps, List, ListDndChildProps, ListDndItem, ListDndItemHookProps, ListDndMoveItem, ListDndOnDragEnd, ListDndSetDraggable, ListDndSetDraggablePartial, ListItem, ListItemActions, ListItemContent, LoadingButton, Menu, MenuItem, MenuSection, MenuSubSection, MouseEventButton, Navbar, NavbarButton, NavbarCreditLink, NavbarItem, NavbarItemFixed, Notification, NotificationDetails, 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, RInterval, RangeSlider, ResizeOptions, ResponsiveImage, ScrollCoordsConfig, ScrollOptions, SearchDialog, SearchDialogActions, SearchDialogContent, SearchDialogFallback, SearchDialogHeader, SearchDialogInput, SearchDialogSection, SearchResultsBar, SearchResultsBarFilters, SearchResultsBarPhrase, Select, SelectKeyboardNavProps, SelectKeyboardNextIdGetter, SelectOption, SelectToggleHandler, SelectionArea, SelectionAreaCoords, Skeleton, SortButton, SortableDndList, SortableDndListItem, Switch, SwitchInput, SwitchView, Tab, Tabs, Tag, TagInput, TagLabel, TagList, Tooltip, Topbar, TopbarAction, UIContext, UIProvider, Props$T as UIProviderProps, View, ViewContent, ViewContentBar, ViewContentWrapper, ViewDialog, Props$U as ViewDialogProps, ViewFooter, ViewHeader, ViewSideContent, ViewWrapper, XYCoord, areItemsIdentical, base64FromBlurHash, clamp, clsx, copyToClipboard, formatTimeDistance, getKeyHandler, getPixelCountFromImageBlob, getScrollVectors, getStandardDeviation, getValidChildren, hasOwnProperty, matchesCombination, noOp, rInterval, useBatchUpdate, useClickAway, useClipboard, useContainerQuery, useDeferredUnmount, useDelay, useDownload, useDraggable, useElementVisibility, useFilesDrop, useFixedCtx, useGridSelection, useIsMounted, useIsomorphicLayoutEffect, useItemsOverflow, useListDnd, usePopperCtx, useResettableTimeout, useResize, useResponsiveSizes, useScaleDown, useScroll, useScrollDnd, useToggle, useUIContext, validators_d as validators };
+export { Bottombar, Button, ButtonColor, ButtonSize, ButtonType, COLLAPSE_THRESHOLD, CONTAINER_QUERY_BREAKPOINTS, CircularLoader, ContainerQuery, ContainerQueryProvider, CopyButton, CopyableInput, Dialog, DialogActions, DialogColumn, DialogFooter, DialogHeader, DialogProgressHeader, DialogRow, DialogSection, Dimensions, DocIcon, DocIconName, DragDimensionsHandler, DragHandler, DraggableOptions, DraggableState, Drawer, DrawerActions, DrawerContent, DrawerHeader, DrawerSection, Ellipsis, EmptyView, EmptyViewLabel, FileInputButton, FilePreview, FilePreviewActions, FilePreviewColumn, FilePreviewContent, FilePreviewHoverable, FilePreviewNavButton, FilePreviewTooltip, Fixed, FixedContext, FixedProvider, Form, FormFeedback, FormGroup, FormGroupColumn, FormGroupInfo, FormInputLabel, Gallery, GalleryFigure, GalleryItem, Icon, IconColor, IconName, IconRenderProp, IconRenderer, IconSize, Input, Props$1J as InputProps, List, ListDndChildProps, ListDndItem, ListDndItemHookProps, ListDndMoveItem, ListDndOnDragEnd, ListDndSetDraggable, ListDndSetDraggablePartial, ListItem, ListItemActions, ListItemContent, LoadingButton, Menu, MenuItem, MenuSection, MenuSubSection, MouseEventButton, NAVBAR_COLLAPSED_WIDTH, NAVBAR_MAX_WIDTH, NAVBAR_MIN_WIDTH, NAVBAR_PREVIEW_TIMEOUT, Navbar, NavbarContext, NavbarItem, NavbarItemContainer, NavbarItemContent, NavbarItemLabel, NavbarItemsGroup, NavbarLink, NavbarScrollableContent, NavbarSeparator, NavbarToggleButton, Notification, NotificationDetails, 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$1Z as Props, RInterval, RangeSlider, ResizeOptions, ResponsiveImage, ResponsiveImageFallback, ResponsiveImageFit, ResponsiveImageScalable, ScrollCoordsConfig, ScrollOptions, SearchDialog, SearchDialogActions, SearchDialogContent, SearchDialogFallback, SearchDialogHeader, SearchDialogInput, SearchDialogSection, SearchResultsBar, SearchResultsBarFilters, SearchResultsBarPhrase, Select, SelectKeyboardNavProps, SelectKeyboardNextIdGetter, SelectOption, SelectToggleHandler, SelectionArea, SelectionAreaCoords, Skeleton, SortButton, SortableDndList, SortableDndListItem, Switch, SwitchInput, SwitchView, Tab, Tabs, Tag, TagInput, TagLabel, TagList, Tooltip, Topbar, TopbarAction, UIContext, UIProvider, Props$V as UIProviderProps, View, ViewContent, ViewContentBar, ViewContentWrapper, ViewDialog, Props$W as ViewDialogProps, ViewFooter, ViewHeader, ViewSideContent, ViewWrapper, XYCoord, areItemsIdentical, base64FromBlurHash, clamp, clsx, copyToClipboard, formatTimeDistance, getKeyHandler, getPixelCountFromImageBlob, getScrollVectors, getStandardDeviation, getValidChildren, hasOwnProperty, matchesCombination, navbarContextInitProps, noOp, rInterval, uiContextInitProps, useBatchUpdate, useClickAway, useClipboard, useContainerQuery, useDeferredUnmount, useDelay, useDownload, useDraggable, useElementVisibility, useFilesDrop, useFixedCtx, useGridSelection, useIsMounted, useIsomorphicLayoutEffect, useItemsOverflow, useListDnd, useNavbarCtx, usePopperCtx, useResettableTimeout, useResize, useResponsiveSizes, useScaleDown, useScroll, useScrollDnd, useToggle, useUIContext, validators_d as validators };