@mmb-digital/ds-lilly 0.3.18 → 0.4.0

package/dist/ds-lilly.d.ts

@@ -0,0 +1,2498 @@
+/// <reference types="css-modules" />
+/// <reference types="react" />
+
+import classNames from 'classnames';
+import { Component } from 'react';
+import { Config } from 'react-popper-tooltip';
+import { Context } from 'react';
+import { ElementType } from 'react';
+import flatpickr from 'flatpickr';
+import { FocusEventHandler } from 'react';
+import { FunctionComponent } from 'react';
+import { GetMenuPropsOptions } from 'downshift';
+import { GetPropsCommonOptions } from 'downshift';
+import { KeyboardEvent as KeyboardEvent_2 } from 'react';
+import { default as React_2 } from 'react';
+import * as React_3 from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { ReactText } from 'react';
+import { RefObject } from 'react';
+import { SyntheticEvent } from 'react';
+import { TriggerType } from 'react-popper-tooltip';
+import { XAxisProps } from 'recharts';
+import { YAxisProps } from 'recharts';
+
+export declare const Alert: ({ alertRef, children, closeButtonAriaLabel, iconBackgroundColor, iconName, isLarge, onClose, testId, theme, title, type }: AlertPropsType) => JSX.Element;
+
+export declare interface AlertPropsType extends ComponentPropsType {
+    /** Element Ref */
+    alertRef?: RefObject<HTMLDivElement>;
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Aria label for close button */
+    closeButtonAriaLabel?: string | ReactElement;
+    /** Icon name. */
+    iconName?: IconNameType;
+    /** Icon background color. */
+    iconBackgroundColor?: BackgroundColorType;
+    /** Define if you want bigger paddings. */
+    isLarge?: boolean;
+    /** Action handler for close button */
+    onClose?: () => void;
+    /** Alert main title. */
+    title?: ReactNode;
+    /** Color type of alert. */
+    type?: 'error' | 'warning' | 'info' | 'success';
+}
+
+declare type AlignItemsType = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'start' | 'end' | 'unset';
+
+export declare type AmountSizeType = 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge';
+
+export declare const AmountWithUnit: ({ amount, isBold, isInline, locale, maximumFractionDigits, minimumFractionDigits, size, testId, theme, unitAfter, unitBefore, unitTheme }: AmountWithUnitPropsType) => JSX.Element;
+
+export declare interface AmountWithUnitPropsType extends ComponentPropsType {
+    /** Amount of money. */
+    amount: number;
+    /** Specify custom unit identifier before `amount` value. */
+    unitBefore?: string;
+    /** Specify custom unit identifier after `amount` value. */
+    unitAfter?: string;
+    /** Css theme for unit */
+    unitTheme?: Theme;
+    /** Define if you need amount to be `bold` */
+    isBold?: boolean;
+    /** Define if component is rendered `inline` */
+    isInline?: boolean;
+    /** Specify custom locale variant for number formatting if needed. Use Unicode locale identifier. For more info see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat */
+    locale?: string;
+    /** The maximum number of fraction digits to use. Possible values are from 0 to 20; the default is the larger of minimumFractionDigits and 2; */
+    maximumFractionDigits?: number;
+    /** The minimum number of fraction digits to use. Possible values are from 0 to 20; the default is 0; */
+    minimumFractionDigits?: number;
+    /** Size of component. */
+    size?: AmountSizeType;
+}
+
+export declare const App: ({ children, isHeaderFixed, isMenuMainFixed, testId, theme }: AppPropsType) => JSX.Element;
+
+export declare const AppContent: ({ children, testId, theme }: AppContentPropsType) => JSX.Element;
+
+export declare interface AppContentPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: React_2.ReactNode;
+}
+
+export declare const AppMain: ({ children, isCentered, testId, theme }: AppMainPropsType) => JSX.Element;
+
+export declare interface AppMainPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: React_2.ReactNode;
+    /** Whether the main element is centered. Default is not centered. */
+    isCentered?: boolean;
+}
+
+export declare interface AppPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: React_2.ReactNode;
+    /** Change layout if fixed Header is used */
+    isHeaderFixed?: boolean;
+    /** Change layout if fixed main menu is used */
+    isMenuMainFixed?: boolean;
+}
+
+export declare const AreaChart: ({ customArea, data, legend, lines, testId, theme, tooltip, xAxis, yAxis }: AreaChartPropsType) => JSX.Element;
+
+export declare interface AreaChartPropsType extends ComponentPropsType {
+    /** Settings for your custom area. */
+    customArea?: {
+        content: ReactNode;
+        theme?: ComponentPropsType;
+    };
+    /** The source data, in which each element is an object. */
+    data: any[];
+    /** Set if you want to show graph legend. */
+    legend?: boolean;
+    /** Define what graph lines you want to be drawn. `key` is equal to dataKey you want to use on `Y` axis */
+    lines: {
+        [key: string]: LineType;
+    };
+    /** Custom formaters for tooltip data. */
+    tooltip?: {
+        labelFormatter?: (label: string) => ReactNode;
+        formatter?: (value: string) => ReactNode;
+    };
+    /** X axis settings. For more information refer to [Recharts docs](https://recharts.org/en-US/api/XAxis) */
+    xAxis?: XAxisProps;
+    /** Y axis settings. For more information refer to [Recharts docs](https://recharts.org/en-US/api/YAxis) */
+    yAxis?: {
+        interval?: YAxisProps['interval'];
+        domain?: {
+            min?: number;
+            max?: number;
+        };
+        orientation?: YAxisProps['orientation'];
+        tickFormatter?: YAxisProps['tickFormatter'];
+    };
+}
+
+declare type AreaTypeType = 'basis' | 'basisClosed' | 'basisOpen' | 'linear' | 'linearClosed' | 'natural' | 'monotoneX' | 'monotoneY' | 'monotone' | 'step' | 'stepBefore' | 'stepAfter';
+
+export declare const Autocomplete: ({ disabledTooltip, dropdownTheme, error, hasAlwaysValue, hasFullWidthOptions, help, inputAutocomplete, isCreatable, isDisabled, items, label, labelTooltip, messages, name, onBlur, onChange, onCreate, placeholder, testId, theme, value: outerValue }: AutocompletePropsType) => JSX.Element;
+
+export declare const Autocomplete2: ({ asyncDelayMilliseconds, canAlwaysCreateNewItem, disabledTooltip, displayDetails, dropdownTheme, emptyValueLabel, error, filterMinimumLength, hasFullWidthOptions, help, isDisabled, isLazyLoaded, isLoading, items: inputItems, label, labelTooltip, loadItems, loadMoreItems, name, messages, newItemMinimumLength, onBlur, onChange, onCreateNewItem, onFocus, placeholder, testId, theme, value }: Autocomplete2PropsType) => JSX.Element;
+
+export declare interface Autocomplete2PropsType extends FormField2PropsType {
+    /** A delay before async loadItems is called after user stops typing */
+    asyncDelayMilliseconds?: number;
+    /** A flag whether option to create new item should be rendered always (true) or only on empty result (false, default) */
+    canAlwaysCreateNewItem?: boolean;
+    /** Displays additional information for selected option. (perex, amount) */
+    displayDetails?: boolean;
+    /** Custom theme for dropdown items. */
+    dropdownTheme?: Theme;
+    /** label of empty value */
+    emptyValueLabel?: string;
+    /** Minimum filter length to enable filtering */
+    filterMinimumLength?: number;
+    /** Sets if list of options has same width as select element. */
+    hasFullWidthOptions?: boolean;
+    /** List of options to select. */
+    items?: ItemType[] | CategorisedItemType[];
+    /** A flag whether items are lazy loaded (on focus) */
+    isLazyLoaded?: boolean;
+    /** Set loading state to dropdown trigger. */
+    isLoading?: boolean;
+    /** Async callback to load items */
+    loadItems?: (query?: string) => Promise<ItemType[] | CategorisedItemType[]>;
+    /** Async callback to load more items */
+    loadMoreItems?: (query?: string) => Promise<ItemType[] | CategorisedItemType[]>;
+    /** Messages for inner texts */
+    messages: {
+        /** Loading items */
+        loadingItems?: ReactNode;
+        /** Loading more items (next page) */
+        loadingMoreItems?: ReactNode;
+        /** Nothing found */
+        nohingFound?: ReactNode;
+        /** Type min. chars to start searching */
+        typeToFilter?: ReactNode;
+        /** Create item prefix */
+        createItem?: ReactNode;
+    };
+    /** Minimum length of new item */
+    newItemMinimumLength?: number;
+    /** A callback to create new item */
+    onCreateNewItem?: (value?: string) => void;
+}
+
+export declare interface AutocompletePropsType extends FormField2PropsType {
+    /** Custom theme for dropdown items. */
+    dropdownTheme?: Theme;
+    /** If `true` then autocomplete will prefill 1st found item after leaving field. */
+    hasAlwaysValue?: boolean;
+    /** Sets if list of options has same width as select element. */
+    hasFullWidthOptions?: boolean;
+    /** Turning on/off browser autocomplete for input. */
+    inputAutocomplete?: boolean;
+    /** Flag `true` if you want to display creatable item. */
+    isCreatable?: boolean;
+    /** List of options to select. */
+    items: ItemType[] | CategorisedItemType[];
+    /** Messages for inner texts. */
+    messages: {
+        /** Text for *create* button. */
+        create?: ReactNode;
+        /** Hidden text for accessibility. Plurals based on number. */
+        resultsFound: {
+            1: ReactNode;
+            2: ReactNode;
+            5: ReactNode;
+        };
+        /** Text when no results are whispered. */
+        noResults: ReactNode;
+    };
+    /** Handler for value change. It will return matching item (if exists) as a second parameter. */
+    onChange?: (value: string | number | boolean | null, item?: ItemType) => void;
+    /** Handler function called when creatable item clicked. */
+    onCreate?: (value: string) => void;
+}
+
+export declare const Avatar: ({ background, border, boxShadow, iconName, size, testId, text, theme }: AvatarPropsType) => JSX.Element;
+
+export declare type AvatarBorderType = 'secondaryDarker' | 'gradientBlueRed';
+
+export declare interface AvatarPropsType extends ComponentPropsType {
+    /** Avatar size enum type */
+    size?: AvatarSizeType;
+    /** Color of avatar background - any color from palette-light */
+    background?: BackgroundColorType;
+    /** Avatar border */
+    border?: AvatarBorderType;
+    /** Avatar shadow */
+    boxShadow?: boolean;
+    /** Avatar text */
+    text?: ReactNode;
+    /** Avatar icon name */
+    iconName?: IconNameType;
+}
+
+export declare type AvatarSizeType = 'small' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
+
+export declare type BackgroundColorType = 'info' | 'warning' | 'error' | 'success' | 'blueRed' | 'blueRedDark' | 'redLightest' | 'redNormal' | 'redDark' | 'redDarker' | 'redHover' | 'redActive' | 'greenLightest' | 'greenNormal' | 'greenDark' | 'greenDarker' | 'greenDarkest' | 'greenHover' | 'greenActive' | 'orangeLightest' | 'orangeNormal' | 'orangeDark' | 'orangeDarker' | 'orangeHover' | 'orangeActive' | 'primaryLightest' | 'primaryLighter' | 'primaryLight' | 'primaryNormal' | 'primaryDark' | 'primaryDarker' | 'primaryDarkest' | 'primaryHover' | 'primaryActive' | 'cloudLightest' | 'cloudLighter' | 'cloudLight' | 'cloudNormal' | 'cloudDark' | 'cloudDarker' | 'cloudHover' | 'cloudActive' | 'secondaryLightest' | 'secondaryLighter' | 'secondaryLight' | 'secondaryNormal' | 'secondaryDark' | 'secondaryDarker' | 'secondaryDarkest' | 'secondaryHover' | 'secondaryActive' | 'greyLightest' | 'greyLighter' | 'greyLight' | 'greyNormal' | 'greyDark' | 'greyDarker' | 'greyDarkest' | 'greyHover' | 'greyActive' | 'goldNormal' | 'goldDark' | 'goldDarker' | 'whiteNormal' | 'blackNormal' | 'categoryYellow' | 'categoryOrange' | 'categoryPink' | 'categoryCherry' | 'categoryViolet' | 'categoryOceanBlue' | 'categorySkyBlue' | 'categoryMidnightBlue' | 'categorySemiBlue' | 'categoryTorquise' | 'categoryMintGreen' | 'categoryForestGreen' | 'categoryOliveGreen' | 'thirdPartyFacebook' | 'thirdPartyTwitter';
+
+export declare const Badge: ({ ariaLabel, children, count, isDotVisible, maxCount, testId, theme }: BadgePropsType) => JSX.Element;
+
+export declare interface BadgePropsType extends ComponentPropsType {
+    /** ARIA label */
+    ariaLabel?: string;
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** show badge as a dot only */
+    isDotVisible?: boolean;
+    /** number to be displayed in badge */
+    count?: number;
+    /** max displayable count, if count overlaps then maxCount and "+" will be displayed */
+    maxCount?: number;
+}
+
+export declare const BANK_ACCOUNT_ITEMS_AUTOCOMPLETE_THRESHOLD = 5;
+
+/**
+ * @deprecated This component is **deprecated** please use **Select2**
+ */
+export declare const BankAccountSelect: ({ hasAlwaysValue, hasAutocomplete, items, ...rest }: BankAccountSelectPropsType) => JSX.Element;
+
+export declare interface BankAccountSelectPropsType extends SelectPropsType {
+    /** Flag whether display amount in select item  */
+    hasAmountDisplayed?: boolean;
+    /** OnBlur will not reset value. */
+    hasAlwaysValue?: boolean;
+}
+
+declare interface BasicButtonType extends ComponentPropsType, DisabledTooltipPropsType {
+    /** Allow click event propagation */
+    allowEventPropagation?: boolean;
+    /** ARIA label for tabs. */
+    ariaLabel?: string | ReactElement;
+    /** Sets color of Button. Default color is `primary` */
+    color?: ButtonColorType;
+    /** Children components that should be rendered inside the button. */
+    children?: ReactNode;
+    /** Type of the button element. Button is default, submit works with valid enter key press to submit form. */
+    elementType?: 'button' | 'reset' | 'submit';
+    /** Flag indicating that the button should span the entire width of the parent. */
+    isBlock?: boolean;
+    /** Flag indicating that the button is disabled. */
+    isDisabled?: boolean;
+    /**
+     * @deprecated Not implemented any more
+     * Press enter can run onClick event handler.
+     * */
+    isEnterClick?: boolean;
+    /** Set loading state to button. */
+    isLoading?: boolean;
+    /** Flag indicating that the button is rounded. */
+    isRounded?: boolean;
+    /** Flag indicating that the button is small. */
+    isSmall?: boolean;
+    /** Title used for file naming when linkUrl leads to file download */
+    linkDownloadTitle?: string;
+    /** Link used when redirecting outside application. */
+    linkUrl?: string;
+    /** Target for link outside app. */
+    target?: TargetType;
+    /** Click event handler. */
+    onClick?: (e: SyntheticEvent | KeyboardEvent) => void;
+    /** Name of icon, that should be displayed stand alone. If you need icon and text (or something else) use children property. */
+    onlyIconName?: never;
+    /** Title of the button element */
+    title?: string;
+    /** Type of the button. Primary is filled with color, secondary is border-only and transparent is for links. */
+    type?: 'border' | 'filled' | 'transparent';
+}
+
+export declare const Box: ({ children, component: Component, margin, padding, testId, theme }: BoxPropsType) => JSX.Element;
+
+export declare type BoxComponentType = 'section' | 'div';
+
+export declare interface BoxPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Defines HTML tag to be used as wrapper. */
+    component?: BoxComponentType;
+    /** Defines custom margin spaces. */
+    margin?: IndentedType | IndentedSizeType;
+    /** Defines custom padding spaces. */
+    padding?: IndentedType | IndentedSizeType;
+}
+
+export declare const BREAKPOINTS: string[];
+
+export declare const BREAKPOINTS_VALUES: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+
+export declare type BreakpointsType = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+
+export declare const Button: React_2.ForwardRefExoticComponent<ButtonPropsType & React_2.RefAttributes<unknown>>;
+
+export declare type ButtonColorType = 'green' | 'gold' | 'red' | 'secondary';
+
+declare type ButtonOnlyIconType = Omit<BasicButtonType, 'ariaLabel' | 'onlyIconName'> & {
+    /** ARIA label for tabs. */
+    ariaLabel: string | ReactElement;
+    /** Name of icon, that should be displayed stand alone. If you need icon and text (or something else) use children property. */
+    onlyIconName: IconNameType;
+};
+
+export declare type ButtonPropsType = BasicButtonType | ButtonOnlyIconType;
+
+export declare const ButtonsGroup: ({ children, isFlex, isSmall, testId, theme, ...flexProps }: ButtonsGroupPropsType) => JSX.Element;
+
+export declare interface ButtonsGroupPropsType extends ComponentPropsType, FlexPropsType {
+    /** Children to be rendered in the main container. */
+    children: ReactNode | ReactNode[];
+    /** Flag to convert container element to Flex. */
+    isFlex?: boolean;
+    /** Flag to use small Buttons. */
+    isSmall?: boolean;
+}
+
+export declare const ButtonTooltip: React_2.ForwardRefExoticComponent<ButtonTooltipPropsType & React_2.RefAttributes<unknown>>;
+
+declare interface ButtonTooltipPropsType {
+    /** Children to be rendered in the main container. */
+    children: ReactElement;
+    /** TooltipProps. */
+    tooltipProps: Record<string, unknown>;
+}
+
+export declare const Card: ({ allowEventPropagation, backgroundColor, borderColor, children, disabledTooltip, disabledTooltipType, hasCustomTrigger, header: collapseHeader, iconBackgroundColor, iconName, iconSize, isCollapsible, isDisabled, isIconAlignTop, isIconRight, isInteractive, isOpen, isSelected, onClick, onToggle, shadowSize, size, testId, theme, withoutRole }: CardPropsType) => JSX.Element;
+
+declare type CardBackgroundColorType = 'cloud' | 'grey' | 'gold' | 'primaryDark' | 'transparent';
+
+export declare const CardContext: Context<CardContextType>;
+
+declare interface CardContextType {
+    /** If `true` card has custom element to control collapse events. */
+    hasCustomTrigger: boolean;
+    /** Unique card identifier. */
+    identification: string;
+    /** Flag opened collapsible card. */
+    isOpened: boolean;
+    /** Internal function to set opened state.  */
+    setIsOpened: (state: boolean) => void;
+}
+
+export declare const CardCustomTrigger: ({ children }: CardCustomTriggerProps) => JSX.Element;
+
+export declare interface CardCustomTriggerProps {
+    children: ReactElement;
+}
+
+export declare interface CardPropsType extends ComponentPropsType, DisabledTooltipPropsType {
+    /** Allow click event propagation */
+    allowEventPropagation?: boolean;
+    /** Changes background color of card. */
+    backgroundColor?: CardBackgroundColorType;
+    /** Changes border color of card. */
+    borderColor?: CardBackgroundColorType;
+    /** Children to be rendered in the Card container. */
+    children?: ReactNode;
+    /** Define card header content. */
+    header?: ReactNode;
+    /** Set `true` if you want to use custom element to open/close. If you choose to do it, component is controlled by `isOpen` property. */
+    hasCustomTrigger?: boolean;
+    /** Define color for circular Icon background. */
+    iconBackgroundColor?: BackgroundColorType;
+    /** Define Icon name if you want some to be displayed. */
+    iconName?: IconNameType;
+    /** Define Icon size. */
+    iconSize?: IconSizeType;
+    /** Define if card have collapsible content. **You must specify collapse header property**. */
+    isCollapsible?: boolean;
+    /** Flag whether card is disabled */
+    isDisabled?: boolean;
+    /** Use only if you want change default behavior (icon aligned in middle). */
+    isIconAlignTop?: boolean;
+    /** Use only if you want to align icon right. */
+    isIconRight?: boolean;
+    /** Define if card should react to mouse events and act like link (or have some onClick action). */
+    isInteractive?: boolean;
+    /** Use if interactive card with bottom arrow is used as collapsible component. It rotates arrow icon when opened. */
+    isOpen?: boolean;
+    /** Define selected card. */
+    isSelected?: boolean;
+    /** Callback function for clicking on interactive Card. `isInteractive`must be `true` */
+    onClick?: (event: SyntheticEvent | KeyboardEvent_2) => void;
+    /** Callback function for toggle collapsible Card. `isCollapsible`must be `true` */
+    onToggle?: (state: boolean, event: SyntheticEvent | KeyboardEvent_2) => void;
+    /** Define shadow size for card. */
+    shadowSize?: ShadowSizeType;
+    /** Changes size of card paddings. */
+    size?: 'small' | 'large' | 'zero';
+    /** disable default `role=button` and `tab-index` attributes when `isInteractive` is `true` */
+    withoutRole?: boolean;
+}
+
+export declare interface CategorisedItemType {
+    label: string;
+    items: ItemType[];
+}
+
+export declare const ChartLegend: ({ data, emptySummaryColor, hasSummaryRow, summaryLabel, theme }: ChartLegendPropsType) => JSX.Element;
+
+export declare interface ChartLegendPropsType extends ComponentPropsType {
+    /** Data for the interpretation */
+    data: Data[];
+    /** If true, the summary label does not contain color (default is 'primaryLightest') */
+    emptySummaryColor?: boolean;
+    /** If true, the legend contains the summary row. The summary adds all values above the line */
+    hasSummaryRow?: boolean;
+    /** The label of the summary row (default is 'Celkem') */
+    summaryLabel?: string;
+}
+
+/**
+ *
+ * @deprecated This component is **deprecated** please use **Checkbox2**
+ */
+export declare const Checkbox: ({ value, ...rest }: CheckboxPropsType) => JSX.Element;
+
+export declare const Checkbox2: ({ allowEventPropagation, disabledTooltip, error, help, isDisabled, label, labelTooltip, name, onChange, testId, theme, value }: Checkbox2PropsType) => JSX.Element;
+
+export declare type Checkbox2PropsType = Omit<FormField2PropsType, 'value'> & {
+    value?: boolean;
+};
+
+export declare const CheckboxControl: (props: FormControlType) => JSX.Element;
+
+export declare interface CheckboxPropsType {
+    name: string;
+    value?: boolean;
+}
+
+export declare const Col: ({ children, testId, theme, xs: col, ...rest }: ColPropsType) => JSX.Element;
+
+export declare const Collapse: ({ children, header, isError, isOpened, isSuccess, onClick, testId, theme, titleSize, titleVisual }: CollapsePropsType) => JSX.Element;
+
+export declare interface CollapsePropsType extends ComponentPropsType {
+    /** ARIA label for collapse */
+    ariaLabel?: string;
+    /** Content of collapse header */
+    header: React_2.ReactNode;
+    /** Set component to error state */
+    isError?: boolean;
+    /** Children to be rendered in the main container. */
+    children?: React_2.ReactNode;
+    /** Set default component state to opened */
+    isOpened?: boolean;
+    /** Set component to success state */
+    isSuccess?: boolean;
+    /** Click event handler. */
+    onClick?: () => void;
+    /** Size of title. Used for it's basic purpose = defining page navigation priority. Please follow standard **[rules](https://www.w3.org/WAI/test-evaluate/preliminary/#headings)**. */
+    titleSize?: TitleSize;
+    /** Title visual size. Use this for matching title visual with desired design. */
+    titleVisual?: TitleSize;
+}
+
+export declare type ColorType = 'redLightest' | 'redNormal' | 'redDark' | 'redDarker' | 'redHover' | 'redActive' | 'greenLightest' | 'greenNormal' | 'greenDark' | 'greenDarker' | 'greenDarkest' | 'greenHover' | 'greenActive' | 'orangeLightest' | 'orangeNormal' | 'orangeDark' | 'orangeDarker' | 'orangeHover' | 'orangeActive' | 'primaryLightest' | 'primaryLighter' | 'primaryLight' | 'primaryNormal' | 'primaryDark' | 'primaryDarker' | 'primaryDarkest' | 'primaryHover' | 'primaryActive' | 'cloudLightest' | 'cloudLighter' | 'cloudLight' | 'cloudNormal' | 'cloudDark' | 'cloudDarker' | 'cloudHover' | 'cloudActive' | 'secondaryLightest' | 'secondaryLighter' | 'secondaryLight' | 'secondaryNormal' | 'secondaryDark' | 'secondaryDarker' | 'secondaryDarkest' | 'secondaryHover' | 'secondaryActive' | 'greyLightest' | 'greyLighter' | 'greyLight' | 'greyNormal' | 'greyDark' | 'greyDarker' | 'greyDarkest' | 'greyHover' | 'greyActive' | 'goldNormal' | 'goldDark' | 'goldDarker' | 'whiteNormal' | 'blackNormal' | 'categoryYellow' | 'categoryOrange' | 'categoryPink' | 'categoryCherry' | 'categoryViolet' | 'categoryOceanBlue' | 'categorySkyBlue' | 'categoryMidnightBlue' | 'categorySemiBlue' | 'categoryTorquise' | 'categoryMintGreen' | 'categoryForestGreen' | 'categoryOliveGreen' | 'thirdPartyFacebook' | 'thirdPartyTwitter';
+
+export declare interface ColPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: React_2.ReactNode;
+    /** Default column width - legacy xs - now col */
+    xs?: ColSizeProp;
+    /** Column width in sm breakpoint */
+    sm?: ColSizeProp;
+    /** Column width in md breakpoint */
+    md?: ColSizeProp;
+    /** Column width in lg breakpoint */
+    lg?: ColSizeProp;
+    /** Column width in xl breakpoint */
+    xl?: ColSizeProp;
+    /** Column width in xxl breakpoint */
+    xxl?: ColSizeProp;
+}
+
+export declare type ColSizeProp = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
+
+export declare const CompactButtons: ({ background, buttons, isSmall, maxVisibleButtons, theme, type }: CompactButtonsPropsType) => JSX.Element;
+
+declare interface CompactButtonsButtonType extends ComponentPropsType, DisabledTooltipPropsType {
+    /** Allow click event propagation */
+    allowEventPropagation?: boolean;
+    /** React collection key */
+    key: string;
+    /** Button icon name */
+    icon?: IconNameType;
+    /** Button label */
+    label?: ReactNode;
+    /** ARIA label for tabs. */
+    ariaLabel?: string | ReactElement;
+    /** Sets color of Button. Default color is `primary` */
+    color?: 'green' | 'gold' | 'red' | 'secondary';
+    /** Flag indicating that the button is disabled. */
+    isDisabled?: boolean;
+    /**
+     * @deprecated Not implemented any more
+     * Press enter can run onClick event handler.
+     * */
+    isEnterClick?: boolean;
+    /** Set loading state to button. */
+    isLoading?: boolean;
+    /** Link used when redirecting outside application. */
+    linkUrl?: string;
+    /** Target for link outside app. */
+    target?: TargetType;
+    /** Click event handler. */
+    onClick?: (e: SyntheticEvent | KeyboardEvent) => void;
+    /** Name of icon, that should be displayed stand alone. */
+    onlyIconName?: never;
+    /** Title of the button element */
+    title?: string;
+}
+
+export declare interface CompactButtonsPropsType extends ComponentPropsType {
+    /** Background color of compacted buttons wrapper. Default color is `primary` */
+    background?: 'green' | 'gold' | 'red' | 'secondary';
+    /** Compacted buttons */
+    buttons: CompactButtonsButtonType[];
+    /** Flag indicating that the buttons are all small. */
+    isSmall?: boolean;
+    /** Max number of visible buttons */
+    maxVisibleButtons?: number;
+    /** Type of the buttons. Primary is filled with color, secondary is border-only and transparent is for links. */
+    type?: 'border' | 'filled';
+}
+
+export declare interface ComponentPropsType {
+    /** Theme CSS module. */
+    theme?: Theme;
+    /** Unique ID for testing */
+    testId?: string;
+}
+
+export declare const configureDecimalMask: ({ allowLeadingZeroes, allowNegative, decimalPlaces, decimalSeparator, integerPlaces, thousandSeparator }: NumberMaskType) => any;
+
+export declare const Curtain: ({ children, testId, theme }: CurtainPropsType) => JSX.Element;
+
+export declare interface CurtainPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: React_2.ReactNode;
+}
+
+export declare const cx: typeof classNames;
+
+declare interface Data {
+    label: string;
+    value: number;
+    color: ColorType;
+    percentage?: string;
+}
+
+declare interface Data_2 {
+    label: string;
+    value: number;
+    color: ColorType;
+    percentage?: string;
+}
+
+export declare const DatePicker: ({ autoDetectNativeCalendar, defaultValue, disabledTooltip, isDisabled, language, onChange, settings, theme, value, ...props }: DatePickerPropsType) => JSX.Element;
+
+export declare const DatePicker2: ({ disabledTooltip, format, isDisabled, language, onChange, settings, theme, value, ...props }: DatePicker2PropsType) => JSX.Element;
+
+export declare interface DatePicker2PropsType extends Omit<FormField2PropsType, 'onChange'>, ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** format ISO YYYY-MM-DD or UNIX time */
+    format?: 'ISO' | 'UNIX';
+    /** Disabled the whole DatePicker */
+    isDisabled?: boolean;
+    /** Language for localization of the date picker. */
+    language?: 'cs' | 'en';
+    /** Custom settings of Flatpickr. For more info visit: https://flatpickr.js.org/options/ */
+    settings?: flatpickr.Options.Options;
+    /** onChange handler for setting the value format ISO YYYY-MM-DD or UNIX time */
+    onChange: (value?: string) => void;
+    /** Current date value format ISO YYYY-MM-DD or UNIX time */
+    value?: string;
+}
+
+export declare interface DatePickerPropsType extends FormFieldType, ComponentPropsType {
+    /** Auto-detection of native calendar of Mortgages squad. Turned on by default for backwards compatiblity. */
+    autoDetectNativeCalendar?: boolean;
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Sets initial Date */
+    defaultValue?: string;
+    /** Disabled the whole DatePicker */
+    isDisabled?: boolean;
+    /** Language for localization of the date picker. */
+    language?: 'cs' | 'en';
+    /** Custom settings of Flatpickr. For more info visit: https://flatpickr.js.org/options/ */
+    settings?: flatpickr.Options.Options;
+    /** onChange handler for setting the value */
+    onChange: (value: Date[] | Date | undefined | string) => void;
+    /** Current picker value */
+    value: Date;
+}
+
+/**
+ * @deprecated This component is **deprecated** please use **Input2**
+ */
+export declare const DecimalInput: ({ allowNegative, allowLeadingZeroes, decimalSeparator: customDecimalSeparator, decimalPlaces, integerPlaces, thousandSeparator: customThousandSeparator, value, onChange, onBlur, ...rest }: DecimalInputPropsType) => JSX.Element;
+
+export declare interface DecimalInputPropsType extends NumberMaskType, FormFieldType {
+    onBlur?: () => void;
+    onChange: (val: string | number) => void;
+    value?: number;
+}
+
+export declare const DEFAULT_GROUP_NAME = "default";
+
+export declare interface DisabledTooltipPropsType {
+    /** If set, a tooltip is visible */
+    isDisabled?: boolean;
+    disabledTooltip?: ReactNode;
+    disabledTooltipOffset?: number;
+    /** Tooltip type - dark, light, grey */
+    disabledTooltipType?: TooltipType;
+}
+
+export declare const Divider: ({ isInverted, testId, theme }: DividerPropsType) => JSX.Element;
+
+export declare interface DividerPropsType extends ComponentPropsType {
+    /** Whether the Divider has inverse color. */
+    isInverted?: boolean;
+}
+
+export declare const Dropdown: ({ children, closeOnOutsideClick, closeOnTriggerHidden, delayHide, delayShow, dropdownId, forceVisibility, hasSameWidthAsTrigger, interactive, isOpenByDefault, onOutsideClick, onScrollToEnd, onVisibleChange, placement, testId, theme, trigger, triggerComponent }: DropdownPropsType) => JSX.Element;
+
+export declare const DropdownItem: ({ allowEventPropagation, amount, children, iconBackground, iconName, id, isDisabled, isFocused, isSelected, onClick, onKeyDown, onMouseOver, perex, role, tabIndex, testId, theme, value }: DropdownItemPropsType) => JSX.Element;
+
+export declare interface DropdownItemPropsType extends ComponentPropsType {
+    /** Allow click event propagation */
+    allowEventPropagation?: boolean;
+    /** Optional value for withAmount variant. */
+    amount?: ReactNode;
+    /** Children to be rendered in the main container. */
+    children: ReactNode;
+    /** Color of icon background. */
+    iconBackground?: BackgroundColorType;
+    /** Icon name/type enum type. */
+    iconName?: IconNameType;
+    /** Set if item is disabled. */
+    isDisabled?: boolean;
+    /** Set if item is focused. */
+    isFocused?: boolean;
+    /** Set if item is selected. */
+    isSelected?: boolean;
+    /** Click event handler. */
+    onClick?: (event: React_2.MouseEvent<HTMLLIElement, MouseEvent>, value?: string | number) => void;
+    /** Mouse over event handler. */
+    onMouseOver?: (event: React_2.MouseEvent<HTMLLIElement, MouseEvent>, value?: string | number) => void;
+    /** Optional perex for two line variant. */
+    perex?: ReactNode;
+    role?: string;
+    value?: string | number;
+    tabIndex?: number;
+    id?: string;
+    onKeyDown?: (event: React_2.KeyboardEvent<HTMLLIElement>) => void;
+}
+
+export declare const DropdownMenu: ({ activeDescendant, ariaHidden, children, id, labelledBy, onBlur, onKeyDown, role, tabIndex, testId, theme, title }: DropdownMenuPropsType) => JSX.Element;
+
+export declare interface DropdownMenuPropsType extends ComponentPropsType {
+    /** ARIA hidden attribute */
+    ariaHidden?: boolean;
+    /** Children to be rendered in the main container. */
+    children: ReactNode;
+    /** Title for categorised menu. */
+    title?: string;
+    role?: string;
+    labelledBy?: string;
+    tabIndex?: number;
+    activeDescendant?: string;
+    id?: string;
+    onKeyDown?: (event: React_2.KeyboardEvent<HTMLUListElement>) => void;
+    onBlur?: () => void;
+}
+
+export declare type DropdownPlacement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+
+export declare interface DropdownPropsType extends ComponentPropsType {
+    /** Contents of dropdown. */
+    children: ReactNode | ReactNode[];
+    /** If true, closes the tooltip when user clicks outside the trigger element. */
+    closeOnOutsideClick?: boolean;
+    /** Whether to close the tooltip when its trigger is out of boundary. */
+    closeOnTriggerHidden?: boolean;
+    /** Delay in hiding the tooltip (ms). */
+    delayHide?: number;
+    /** Delay in showing the tooltip (ms). */
+    delayShow?: number;
+    /** Dropdown menu element ID */
+    dropdownId?: string;
+    /** Set to use same width as triggerComponent. */
+    hasSameWidthAsTrigger?: boolean;
+    /** If true, hovering the tooltip will keep it open. */
+    interactive?: boolean;
+    /** Flag default opened state. */
+    isOpenByDefault?: boolean;
+    /** Optional handler for visibility. */
+    onVisibleChange?: (state: boolean) => void;
+    /** Optional handler for scroll to end of lists. */
+    onScrollToEnd?: () => void;
+    /** Optional handler for click on outside */
+    onOutsideClick?: () => void;
+    /** The preferred placement of the tooltip. */
+    placement?: DropdownPlacement;
+    /** Event(s) that trigger dropdown to open. */
+    trigger?: TriggerType | TriggerType[] | null;
+    /** Component that triggers dropdown menu. */
+    triggerComponent: ReactElement;
+    forceVisibility?: boolean;
+}
+
+export declare interface FileError {
+    message: string;
+    code: string;
+}
+
+declare interface FileListPropsType {
+    files: FileType[];
+    handleOnDelete: (id: string) => void;
+    hideImagePreview?: boolean;
+    messages: {
+        ariaForDelete: string;
+        multipleUploaderErrors?: {
+            'file-invalid-type': ReactNode;
+            'file-too-large': ReactNode;
+            didNotUpload: string;
+        };
+    };
+    onShow?: (id: string) => void;
+    selectMultiple?: boolean;
+    uploadProgress?: Record<string, number>;
+    withProgressBar?: boolean;
+}
+
+export declare type FileType = {
+    /** Unique ID */
+    id: string;
+    /** Base64 data from file. */
+    src?: string;
+    /** File name. */
+    name: string;
+    /** All file information from FileReader() */
+    info?: File;
+    /** List of all errors */
+    errors?: FileError[];
+};
+
+export declare const FileUpload: ({ accept, fileLimit, files, hideImagePreview, hideTitle, maxSizeBytes, messages, minSizeBytes, onDelete, onError, onSelectFile, onShow, selectMultiple, setFiles, theme, uploadProgress, withProgressBar }: FileUploadPropsType) => JSX.Element;
+
+export declare interface FileUploadHookType {
+    FileUpload: ({ accept, maxSizeBytes, messages, minSizeBytes, onDelete, onError, onSelectFile, onShow, selectMultiple, theme, uploadProgress }: Omit<FileUploadPropsType, 'files' | 'setFiles'>) => JSX.Element;
+    files: FileType[];
+    handleClearFiles: () => void;
+}
+
+export declare interface FileUploadPropsType extends ComponentPropsType {
+    /** Set accepted file MIME types (or file names etc.). For more info see https://github.com/react-dropzone/attr-accept */
+    accept?: string | string[];
+    /** @ignore Inner component state with all files. 💀 It's provided if you use hook. 💀*/
+    files: FileListPropsType['files'];
+    /** Define maximum uploadable files. */
+    fileLimit?: number;
+    /** Hides preview for the chosen file if it's an image. */
+    hideImagePreview?: boolean;
+    /** Hides title and restrictions */
+    hideTitle?: boolean;
+    /** Maximum file size (in bytes) */
+    maxSizeBytes?: number;
+    /** Set of all used text messages. */
+    messages: {
+        /** ARIA label for `delete` button */
+        ariaForDelete: FileListPropsType['messages']['ariaForDelete'];
+        /** Message for `active` drag area e.g. "Drag file here" */
+        dragHere: ReactNode;
+        /** Message for drag area e.g. "Move or " */
+        move: ReactNode;
+        /** Message with file type or size restrictions e.g. "PDF, PNG, JPEG up to 5 MB"*/
+        restriction?: ReactNode;
+        /** Message for drag area e.g. "select files" */
+        select: ReactNode;
+        /** Message for drag area e.g. "select more" */
+        selectMore?: ReactNode;
+        /** Messages for displaying errors inside component. ONLY for multiple uploader */
+        multipleUploaderErrors?: FileListPropsType['messages']['multipleUploaderErrors'];
+    };
+    /** Minimum file size (in bytes) */
+    minSizeBytes?: number;
+    /** Callback function called when single file upload end with an error.
+     * error_codes: file-invalid-type | file-too-large | too-many-files
+     */
+    onError?: (errors: FileError[]) => void;
+    /** Callback function called when `bin/close` button clicked. */
+    onDelete?: (id: string) => void;
+    /** Callback function called when file is selected and accepted by component. */
+    onSelectFile?: (file: FileType) => void;
+    /** Callback function called when clicked on `search` icon, or file name. */
+    onShow?: FileListPropsType['onShow'];
+    /** Flag to define if you want to select/drag multiple files. */
+    selectMultiple?: FileListPropsType['selectMultiple'];
+    /** @ignore Function for modifying inner state. 💀 It's provided if you use hook. 💀 */
+    setFiles: React_2.Dispatch<React_2.SetStateAction<FileType[]>>;
+    /** Shows file upload progress bar when passed file `id` with percentage value.  */
+    uploadProgress?: FileListPropsType['uploadProgress'];
+    /** Display or hide file upload progress bar, even for single file  */
+    withProgressBar?: FileListPropsType['withProgressBar'];
+}
+
+export declare const Flex: ({ alignItems, children, direction, isAlignItemsResponsive, isDirectionResponsive, justifyContent, onClick, testId, theme, wrap }: FlexPropsType) => JSX.Element;
+
+declare type FlexDirectionType = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+
+export declare interface FlexPropsType extends ComponentPropsType {
+    /** Flex align items type to class. */
+    alignItems?: AlignItemsType;
+    /** Flex responsivity for alignItems. */
+    isAlignItemsResponsive?: boolean;
+    /** Flex justify content type to class. */
+    justifyContent?: JustifyContentType;
+    /** Flex direction type to class. */
+    direction?: FlexDirectionType;
+    /** Flex responsivity for direction. */
+    isDirectionResponsive?: boolean;
+    /** Children to be rendered in the main container. */
+    children?: React_2.ReactNode;
+    /** Flex wrap type to class. */
+    wrap?: FlexWrapType;
+    /** onClick event. */
+    onClick?: (event: SyntheticEvent) => void;
+}
+
+declare type FlexWrapType = 'nowrap' | 'wrap' | 'wrap-reverse';
+
+export declare const formatDate: (date: Date | undefined, language: 'cs' | 'en') => string;
+
+export declare const formatMonthDate: (date: Date | undefined, language: 'cs' | 'en') => string;
+
+export declare const FormControl: ({ children, component: Component, defaultValue, hasAutoFocus, inputRef, isChecked, name, onChange, onBlur, onFocus, testId, theme, type, value, ...rest }: FormControlType) => JSX.Element;
+
+export declare interface FormControlType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Component used as form control. */
+    component: ElementType | string;
+    /** Default value of the form control. */
+    defaultValue?: string | number;
+    /** Native autofocus of user's input to HTML input. */
+    hasAutoFocus?: boolean;
+    /** This prop can be used to pass a ref callback to the input element. */
+    inputRef?: () => void | Record<string, unknown>;
+    /** Checked attribute of the form control. */
+    isChecked?: boolean;
+    /** Name of the form control. */
+    name: string;
+    /** onChange handler for setting the value */
+    onChange: (value: string | number | null) => void;
+    /** Function to call when the form control emits a `blur` event. */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /** Function to call when the form control emits a `focus` event. */
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    /** Unique ID for automatic testing */
+    type?: string;
+    /** Value of the form control. */
+    value?: string;
+}
+
+export declare const FormField: React_2.ForwardRefExoticComponent<FormFieldPropsType & React_2.RefAttributes<unknown>>;
+
+export declare interface FormField2PropsType extends ComponentPropsType, DisabledTooltipPropsType {
+    /** Allow click event propagation */
+    allowEventPropagation?: boolean;
+    /** Error message shown in error state + switch component to error state. */
+    error?: string;
+    /** If `true`, the form group is disabled. */
+    isDisabled?: boolean;
+    /** Additional information for form field. */
+    help?: ReactNode;
+    /** Form field label. */
+    label?: ReactNode;
+    /** Content of additional label tooltip. */
+    labelTooltip?: ReactNode;
+    /** Defines counter of maximum characters to be inserted. (use only for Input or Textarea) */
+    maxCharCounter?: number;
+    /** Name of form field. */
+    name: string;
+    /** Handler for input blur. */
+    onBlur?: (value: string | number | boolean | null) => void;
+    /** Handler for value change. */
+    onChange?: (value: string | number | boolean | null) => void;
+    /** Click event handler */
+    onClick?: (event: SyntheticEvent) => void;
+    /** Function to call when the form control emits a `focus` event. */
+    onFocus?: FocusEventHandler<HTMLElement>;
+    /** Custom handler function for onPaste event. */
+    onPaste?: (event: SyntheticEvent) => void;
+    /** Placeholder content for empty form field. */
+    placeholder?: string;
+    value?: string;
+}
+
+export declare interface FormFieldPropsType extends FormFieldType {
+    /** Field's control component */
+    control: FunctionComponent;
+}
+
+export declare interface FormFieldType extends ComponentPropsType, DisabledTooltipPropsType {
+    /** Additional content to render after the control. */
+    afterControl?: ReactNode;
+    /** Allow click event propagation */
+    allowEventPropagation?: boolean;
+    /** Value of autocomplete property. */
+    autoComplete?: string;
+    /** Native autofocus of user's input to HTML input. */
+    hasAutoFocus?: boolean;
+    /** Additional content to render before the control. */
+    beforeControl?: ReactNode;
+    /** Wider menu for select menus. */
+    hasWiderMenu?: boolean;
+    /** If set, control is disabled */
+    isDisabled?: boolean;
+    /** Node shown in error state. */
+    error?: string;
+    /** Used to pair the control with a label. If undefined, we use a generated one. */
+    id?: string;
+    /** If `true`, label is hidden. */
+    isLabelHidden?: boolean;
+    /** Used to pass a context className to FormGroup (to properly style FormControl and Label) */
+    kind?: string;
+    /** Label value */
+    label?: ReactElement | string;
+    /** Additional props to pass to the Label */
+    labelProps?: Record<string, unknown>;
+    /** Assign tooltip to label */
+    labelTooltip?: ReactElement;
+    /** Legend inside text input. */
+    legendText?: ReactElement;
+    /** Max chars count */
+    maxCharacters?: number;
+    /** Max chars for input */
+    maxLength?: number;
+    /** Name of the field */
+    name: string;
+    /** Click event handler. */
+    onClick?: (e: SyntheticEvent | KeyboardEvent_2) => void;
+    /** An input placeholder text */
+    placeholder?: ReactElement | string;
+    /** Assign a prefix Icon to Input */
+    prefix?: ReactNode;
+    /** If set, control is readOnly */
+    isReadOnly?: boolean;
+    /** Is field required? */
+    isRequired?: boolean;
+    /** Assign a suffix Icon to Input */
+    suffix?: ReactNode;
+    /** Assign tooltip to label */
+    tooltip?: ReactElement;
+    /** Type of input */
+    type?: HTMLInputElement['type'];
+    /** Input value from redux form */
+    value?: string | number | boolean | Date;
+}
+
+export declare const FormGroup: ({ children, error, hasError, hasLabel, kind, theme, ...rest }: FormGroupPropsType) => JSX.Element;
+
+export declare const FormGroup2: ({ charCounter, children, disabledTooltip, disabledTooltipOffset, disabledTooltipType, error, hasError, help, isDisabled, label, labelTooltip, name, theme }: FormGroup2PropsType) => JSX.Element;
+
+export declare interface FormGroup2PropsType extends ComponentPropsType, DisabledTooltipPropsType {
+    /** Children to be rendered in the main container. */
+    children: ReactNode;
+    /** Error message shown in error state + switch component to error state. */
+    error?: string;
+    /** If `true`, form field is in error state. `hasWarning` is ignored */
+    hasError?: boolean;
+    /** Additional information for form field. */
+    help?: ReactNode;
+    /** If `true`, the form group is disabled. */
+    isDisabled?: boolean;
+    /** Form field label. */
+    label?: ReactNode;
+    /** Content of additional label tooltip. */
+    labelTooltip?: ReactNode;
+    /** Defines counter of maximum characters to be inserted. */
+    charCounter?: {
+        length: number;
+        max: number;
+    };
+    /** Name of form field. */
+    name: string;
+}
+
+export declare const FormGroupContext: Context<FormGroupContextType>;
+
+declare interface FormGroupContextType {
+    error?: string;
+    hasError: boolean;
+    hasLabel: boolean;
+    isFilled: boolean;
+    isFocused: boolean;
+    onBlur: () => void;
+    onEmpty: () => void;
+    onFilled: () => void;
+    onFocus: () => void;
+}
+
+export declare interface FormGroupPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children: ReactNode;
+    /** Node shown in error state. */
+    error?: string;
+    /** If `true`, form field is in error state. `hasWarning` is ignored */
+    hasError?: boolean;
+    /** If `true`, the form group includes a label. */
+    hasLabel?: boolean;
+    /** ClassName used to style nested elements (labels and form controls). */
+    kind?: string;
+}
+
+export declare const FormText: ({ children, className, hasError, theme, ...rest }: FormTextPropsType) => JSX.Element;
+
+export declare interface FormTextPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Class name for root. */
+    className?: string;
+    /** If `true`, the form field is in error state. */
+    hasError?: boolean;
+    /** If `true`, the form field is in warning state. */
+    hasWarning?: boolean;
+}
+
+export declare const getDefaultGroup: (items: SelectItemType[]) => SelectItemGroupType[];
+
+export declare const getDisplayName: (Component: Component) => string;
+
+export declare const getIntegerMask: (x: string) => RegExp[];
+
+declare interface GroupedItemsHookType {
+    indexedGroupedItems: SelectItemGroupType[];
+    /** Selected item from grouped array */
+    selectedItem: SelectItemType | undefined;
+}
+
+declare interface GroupedItemsPropsType {
+    /** Array of grouped items. */
+    groupedItems: SelectItemGroupType[];
+    /** Selected value. */
+    value: string | undefined;
+}
+
+export declare const hasGroups: (possiblyGroupedItems: SelectItemType[] | SelectItemGroupType[]) => boolean;
+
+export declare const Header: ({ children, hasMobileMenu, logo, mobileMenuAria, onClickMobileMenu, testId, theme }: HeaderPropsType) => JSX.Element;
+
+export declare interface HeaderPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    logo: {
+        /** Description for LOGO */
+        alt: string;
+        /** Link for redirect on click */
+        linkTo?: string;
+        /** Title for linkTo */
+        title?: string;
+    };
+    /** Flag if you want hamburger to be displayed under tablet breakpoint. */
+    hasMobileMenu?: boolean;
+    /** Menu description for accessibility. */
+    mobileMenuAria: ReactElement | string;
+    /** Convert item to a button component. */
+    onClickMobileMenu?: () => void;
+}
+
+declare type HideBreakpointsType = 'to-mobile' | 'mobile' | 'mobile-only' | 'mobile-max' | 'tablet' | 'tablet-only' | 'tablet-max' | 'desktop-small' | 'desktop-small-only' | 'desktop-small-max' | 'desktop' | 'desktop-only' | 'desktop-max' | 'desktop-large';
+
+export declare const Icon: ({ backgroundColor, color, isLeft, isRight, name, size, testId, theme, ...rest }: IconPropsType) => JSX.Element;
+
+export declare const IconList: ({ children, testId, theme }: IconListPropsType) => JSX.Element;
+
+export declare const IconListItem: ({ children, iconBackgroundColor, iconName, iconSize, size, testId, textSize, theme }: IconListItemPropsType) => JSX.Element;
+
+export declare interface IconListItemPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children: ReactElement;
+    /** Color of icon background */
+    iconBackgroundColor?: BackgroundColorType;
+    /** Custom icon name */
+    iconName?: IconNameType;
+    /** Specific size for icon only */
+    iconSize?: SizeType;
+    /** Size used as default for icon and text */
+    size?: SizeType;
+    /** Specific size for text only */
+    textSize?: SizeType;
+}
+
+export declare interface IconListPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+}
+
+export declare type IconNameType = 'account' | 'accountDuotone' | 'accountFill' | 'addPayment' | 'addPaymentFill' | 'airline' | 'airlineFill' | 'app' | 'appFill' | 'applePay' | 'arrowDown' | 'arrowDownFill' | 'arrowLeft' | 'arrowLeftDuotone' | 'arrowLeftFill' | 'arrowRight' | 'arrowRightArrowLeft' | 'arrowRightArrowLeftDuotone' | 'arrowRightArrowLeftFill' | 'arrowRightDuotone' | 'arrowRightFill' | 'arrowUp' | 'arrowUpArrowDown' | 'arrowUpArrowDownDuotone' | 'arrowUpArrowDownFill' | 'arrowUpFill' | 'atm' | 'atmDuotone' | 'atmFill' | 'bank' | 'bankDuotone' | 'bankFill' | 'banknote10' | 'banknote100' | 'banknote1000' | 'banknote20' | 'banknote200' | 'banknote2000' | 'banknote5' | 'banknote50' | 'banknote500' | 'banknote5000' | 'beauty' | 'beautyFill' | 'bed' | 'bedFill' | 'bell' | 'bellDuotone' | 'bellFill' | 'bin' | 'binFill' | 'bulkPayment' | 'bulkPaymentFill' | 'cable' | 'cableFill' | 'calendar' | 'calendarClock' | 'calendarClockDuotone' | 'calendarClockFill' | 'calendarDuotone' | 'calendarFill' | 'calendarPiggyBank' | 'calendarPiggyBankDuotone' | 'calendarPiggyBankFill' | 'calendarRepeat' | 'calendarRepeatDuotone' | 'calendarRepeatFill' | 'camera' | 'cameraDuotone' | 'cameraFill' | 'campground' | 'campgroundDuotone' | 'campgroundFill' | 'car' | 'carCrash' | 'carCrashFill' | 'carFill' | 'card' | 'cardBan' | 'cardBanDuotone' | 'cardBanFill' | 'cardCalendar' | 'cardCalendarDuotone' | 'cardCalendarFill' | 'cardDuotone' | 'cardFill' | 'cardTachometer' | 'cardTachometerDuotone' | 'cardTachometerFill' | 'caretDown' | 'caretDownDuotone' | 'caretDownFill' | 'caretUp' | 'caretUpDuotone' | 'caretUpFill' | 'cat' | 'catTomPlus' | 'catTomPlusFill' | 'circleInfo' | 'circleInfoDuotone' | 'circleInfoFill' | 'circleQuestion' | 'circleQuestionDuotone' | 'circleQuestionFill' | 'clipboardArrowOut' | 'clipboardArrowOutDuotone' | 'clipboardArrowOutFill' | 'clock' | 'clockRotateLeft' | 'clockRotateLeftDuotone' | 'clockRotateLeftFill' | 'close' | 'closeFill' | 'clothes' | 'clothesFill' | 'coins1' | 'coins10' | 'coins2' | 'coins20' | 'coins5' | 'coins50' | 'contract' | 'contractFill' | 'cookieBite' | 'cookieBiteDuotone' | 'cookieBiteFill' | 'copy' | 'copyFill' | 'culture' | 'cultureFill' | 'czech' | 'czechComment' | 'czechDuotone' | 'czechFill' | 'day' | 'dayFill' | 'dayNight' | 'delay' | 'delayFill' | 'dialHand' | 'dialHandDuotone' | 'dialHandFill' | 'documentPending' | 'documentPendingFill' | 'documentUpload' | 'documentUploadFill' | 'documents' | 'documentsDuotone' | 'documentsFill' | 'dollarSign' | 'dollarSignDuotone' | 'dollarSignFill' | 'download' | 'downloadFill' | 'drugs' | 'drugsFill' | 'earthArrowOut' | 'earthArrowOutDuotone' | 'earthArrowOutFill' | 'edit' | 'editFill' | 'editUnderline' | 'education' | 'educationFill' | 'electricity' | 'electricityFill' | 'electronics-1' | 'electronics' | 'electronicsDuotone' | 'electronicsFill-1' | 'electronicsFill' | 'email' | 'emailFill' | 'english' | 'englishComment' | 'englishDuotone' | 'englishFill' | 'envelope' | 'envelopeFill' | 'eu' | 'euFill' | 'euroSign' | 'euroSignDuotone' | 'euroSignFill' | 'excersiseBook' | 'excersiseBookFill' | 'exclamation' | 'exclamationFill' | 'extra' | 'extraFill' | 'eye' | 'eyeCrossed' | 'eyeCrossedDuotone' | 'eyeCrossedFill' | 'eyeDuotone' | 'eyeFill' | 'faceAngry' | 'faceAngryDuotone' | 'faceAngryFill' | 'faceFrown' | 'faceFrownDuotone' | 'faceFrownFill' | 'faceLaugh' | 'faceLaughDuotone' | 'faceLaughFill' | 'faceMeh' | 'faceMehDuotone' | 'faceMehFill' | 'faceOld' | 'faceOldDuotone' | 'faceOldFill' | 'faceSmile' | 'faceSmileDuotone' | 'faceSmileFill' | 'facebookFill' | 'feedback' | 'feedbackFill' | 'fileArrowDown' | 'fileArrowDownDuotone' | 'fileArrowDownFill' | 'fileLines' | 'fileLinesDuotone' | 'fileLinesFill' | 'fileMagnifyingGlass' | 'filePdf' | 'filePdfDuotone' | 'filePdfFill' | 'filter' | 'filterDuotone' | 'filterFill' | 'fingerprint' | 'fingerprintDuotone' | 'fingerprintFill' | 'fitbit' | 'flexicredit' | 'flexicreditDuotone' | 'flexicreditFill' | 'food' | 'foodFill' | 'fuel' | 'fuelFill' | 'fullscreen' | 'fullscreenClose' | 'fullscreenFill' | 'furniture' | 'furnitureDuotone' | 'furnitureFill' | 'garmin' | 'gas' | 'gasFill' | 'gift' | 'giftDuotone' | 'giftFill' | 'global' | 'globalFill' | 'globe' | 'globeDuotone' | 'globeFill' | 'googlePay' | 'graph' | 'graphFill' | 'handHoldingHeart' | 'handHoldingHeartDuotone' | 'handHoldingHeartFill' | 'healthcare' | 'healthcareDuotone' | 'healthcareFill' | 'hearth' | 'hearthFill' | 'home' | 'homeCouch' | 'homeCouchDuotone' | 'homeCouchFill' | 'homeDuotone' | 'homeFading' | 'homeFadingDuotone' | 'homeFadingFill' | 'homeFill' | 'homeRepeat' | 'homeRepeatDuotone' | 'homeRepeatFill' | 'homeSack' | 'homeSackDuotone' | 'homeSackFill' | 'hotel' | 'hotelFill' | 'householdEquipment' | 'householdFill' | 'idCard' | 'idCardFill' | 'image' | 'imageFill' | 'inbound' | 'inboundFill' | 'info' | 'infoFill' | 'institution' | 'institutionFill' | 'insurance' | 'insuranceDuotone' | 'insuranceFill' | 'interest' | 'interestFill' | 'internet' | 'internetBank' | 'internetBankFill' | 'internetFill' | 'investments-Add' | 'investments' | 'investmentsDuotone' | 'investmentsFill' | 'laptopPlus' | 'laptopPlusDuotone' | 'laptopPlusFill' | 'leaf' | 'leafDuotone' | 'leafFill' | 'lifeRing' | 'lifeRingDuotone' | 'lifeRingFill' | 'list' | 'listFill' | 'loaction' | 'loading' | 'loadingFill' | 'loan' | 'loanDuotone' | 'loanFill' | 'location' | 'locationFill' | 'lock' | 'lockFill' | 'logo' | 'logout' | 'logoutDuotone' | 'logoutFill' | 'medicalKit' | 'medicalKitDuotone' | 'medicalKitFill' | 'menu' | 'menuFill' | 'message' | 'messageDuotone' | 'messageFill' | 'minus' | 'minusFill' | 'mobile' | 'mobileFill' | 'mobilePalette' | 'mobilePaletteDuotone' | 'mobilePaletteFill' | 'mobilePlus' | 'mobilePlusDuotone' | 'mobilePlusFill' | 'mobileTachometer' | 'mobileTachometerDuotone' | 'mobileTachometerFill' | 'moneta' | 'monetaArrowin' | 'monetaArrowinDuotone' | 'monetaArrowinFill' | 'monetaBrush' | 'monetaBrushDuotone' | 'monetaBrushFill' | 'money' | 'moneyBillFast' | 'moneyBillFastDuotone' | 'moneyBillFastFill' | 'moneyBillRepeat' | 'moneyBillRepeatDuotone' | 'moneyBillRepeatFill' | 'moneyFill' | 'moreHorizontal' | 'mouse' | 'mouseFill' | 'night' | 'nightFill' | 'other' | 'otherDuotone' | 'otherFill' | 'outbound' | 'outboundFill' | 'pay' | 'payDuotone' | 'payFill' | 'payment' | 'paymentFill' | 'payout' | 'payoutFill' | 'pending' | 'pendingFill' | 'person' | 'pets' | 'petsFill' | 'phone' | 'phoneDuotone' | 'phoneFill' | 'pie' | 'pieFill' | 'planeDeparture' | 'planeDepartureDuotone' | 'planeDepartureFill' | 'plus' | 'plusDuotone' | 'plusFill' | 'pocketMoney' | 'pocketMoneyFill' | 'poundSign' | 'poundSignDuotone' | 'poundSignFill' | 'print' | 'printFill' | 'qrArrowOut' | 'qrArrowOutDuotone' | 'qrArrowOutFill' | 'qrCode' | 'qrCodeDuotone' | 'qrCodeFill' | 'qrPhoto' | 'qrPhotoFill' | 'qrUpload' | 'qrUploadFill' | 'question' | 'questionFill' | 'reconstruction' | 'reconstructionFill' | 'rent' | 'rentDuotone' | 'rentFill' | 'repeat' | 'repeatFill' | 'restaurant' | 'rocketLaunch' | 'rocketLaunchDuotone' | 'rocketLaunchFill' | 'sack' | 'sackDuotone' | 'sackFill' | 'save' | 'saveFill' | 'savings' | 'savingsDuotone' | 'savingsFill' | 'scaleBalanced' | 'scaleBalancedDuotone' | 'scaleBalancedFill' | 'scroll' | 'scrollFill' | 'search' | 'searchFill' | 'services' | 'servicesFill' | 'settings' | 'settingsDuotone' | 'settingsFill' | 'setup' | 'setupFill' | 'shieldBlank' | 'shieldBlankDuotone' | 'shieldBlankFill' | 'signHanging' | 'signHangingDuotone' | 'signHangingFill' | 'signature' | 'smartBanka' | 'smartBankaDuotone' | 'smartBankaFill' | 'sms' | 'smsFill' | 'sport' | 'sportFill' | 'starFill-1' | 'starFill' | 'starsAlt' | 'starsAltDuotone' | 'starsAltFill' | 'study' | 'studyFill' | 'suitcaseRolling' | 'suitcaseRollingDuotone' | 'suitcaseRollingFill' | 'tag' | 'tagDuotone' | 'tagFill' | 'textarea' | 'tick' | 'tickFill' | 'ticket' | 'ticketFill' | 'tiles' | 'tilesFill' | 'tools' | 'traffic' | 'trafficFill' | 'triangleExclamation' | 'triangleExclamationDuotone' | 'triangleExclamationFill' | 'twitterFill' | 'unlock' | 'unlockFill' | 'upload' | 'uploadFill' | 'user' | 'userDuotone' | 'userFill' | 'userHeadset' | 'userHeadsetDuotone' | 'userHeadsetFill' | 'userSecretCard' | 'userSecretCardDuotone' | 'userSecretCardFill' | 'userSecretMobile' | 'userSecretMobileDuotone' | 'userSecretMobileFill' | 'userVerified' | 'userVerifiedFill' | 'users' | 'usersDuotone' | 'usersFill' | 'vacation' | 'vacationFill' | 'van' | 'vanFill' | 'wallPiggyBank' | 'wallPiggyBankDuotone' | 'wallPiggyBankFill' | 'wallSack' | 'wallSackDuotone' | 'wallSackFill' | 'walletArrowIn' | 'walletArrowInDuotone' | 'walletArrowInFill' | 'walletEarth' | 'walletEarthDuotone' | 'walletEarthFill' | 'walletPiggyBank' | 'walletPiggyBankDuotone' | 'walletPiggyBankFill' | 'wiring' | 'wiringFill' | 'zoomIn' | 'zoomInDuotone' | 'zoomInFill' | 'zoomOut' | 'zoomOutDuotone' | 'zoomOutFill';
+
+export declare interface IconPropsType extends ComponentPropsType {
+    /** Color of icon background */
+    backgroundColor?: BackgroundColorType;
+    /** Color of icon SVG fill from palette--(light|dark).scss example orangeDark */
+    color?: string;
+    /** Icon name/type enum type */
+    name: IconNameType;
+    /** Icon size enum type */
+    size?: IconSizeType;
+    /** Set padding for left position */
+    isLeft?: boolean;
+    /** Set padding for right position */
+    isRight?: boolean;
+}
+
+export declare type IconSizeType = 'small' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
+
+declare const Image_2: ({ alt, isAriaHidden, isCover, src, testId, theme }: ImagePropsType) => JSX.Element;
+export { Image_2 as Image }
+
+export declare interface ImagePropsType extends ComponentPropsType {
+    /** Description of image. */
+    alt: string;
+    /** Hide image for screen-readers */
+    isAriaHidden?: boolean;
+    /** Set to `true` if you want image to completly fill parent element. */
+    isCover?: boolean;
+    /** Link to source image or base64. */
+    src: string;
+}
+
+export declare type IndentedSizeType = 'xxxSmall' | 'xxSmall' | 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
+
+export declare type IndentedType = {
+    bottom?: IndentedSizeType;
+    left?: IndentedSizeType;
+    right?: IndentedSizeType;
+    top?: IndentedSizeType;
+};
+
+export declare const Input2: ({ allowEventPropagation, allowLeadingZeros, allowNegative, autocomplete, autofocus, decimalLimit, decimalSeparator, disabledTooltip, error, help, inputMode, integerPlaces, isDisabled, label, labelTooltip, maxCharCounter, maxLength, name, onBlur, onChange, onClick, onFocus, onPaste, placeholder, prefix, prefixIconName, showPassword, showPasswordTooltip, suffixIconName, testId, theme, thousandSeparator, type, unit, value: outerValue }: Input2PropsType) => JSX.Element;
+
+export declare interface Input2PropsType extends FormField2PropsType {
+    /** If `true` number can start with zeros. */
+    allowLeadingZeros?: boolean;
+    /** If `true` number can be negative. */
+    allowNegative?: boolean;
+    /** If `true` input uses browser autocomplete. */
+    autocomplete?: boolean;
+    /** If `true` input will be focused after render. */
+    autofocus?: boolean;
+    /** Limit for decimal numbers. */
+    decimalLimit?: number;
+    /** Symbol to separate decimal numbers. */
+    decimalSeparator?: string;
+    /** Hint at the type of data that might be entered by the user while editing the element or its contents. */
+    inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    /** Limit for numbers before decimal symbol. */
+    integerPlaces?: number;
+    /** Sets maximum value length. */
+    maxLength?: HTMLInputElement['maxLength'];
+    /** Text placed before input itself. */
+    prefix?: ReactNode;
+    /** Icon placed inside input before value. */
+    prefixIconName?: IconNameType;
+    /** If `true` then input `type=password` has button to show/hide inserted password as text. */
+    showPassword?: boolean;
+    /** Tooltip messages for password input. */
+    showPasswordTooltip?: {
+        open: ReactNode;
+        close: ReactNode;
+    };
+    /** Icon placed inside input after value. */
+    suffixIconName?: IconNameType;
+    /** Symbol to separate thousands. */
+    thousandSeparator?: string;
+    /** Defines type of input. */
+    type?: Input2TypeType;
+    /** Text placed after input itself. */
+    unit?: ReactNode;
+    value?: string;
+}
+
+export declare type Input2TypeType = 'text' | 'number' | 'password' | 'tel' | 'email' | 'search' | 'date';
+
+/**
+ * @deprecated This component is **deprecated** please use **Input2**
+ */
+export declare const IntegerInput: ({ allowNegative, integerPlaces, thousandSeparator: customThousandSeparator, allowLeadingZeros, value, maxValue, onChange, onBlur, ...rest }: IntegerInputPropsType) => JSX.Element;
+
+export declare interface IntegerInputPropsType extends IntegerMaskType, FormFieldType {
+    maxValue?: number;
+    /** Function to call when the form control emits a `blur` event. */
+    onBlur?: () => void;
+    /** Function to call when the form control emits a `change` event. */
+    onChange: (val: string | number) => void;
+    /** Value of the form control. */
+    value?: number | string | undefined;
+}
+
+declare interface IntegerMaskType {
+    allowLeadingZeros?: boolean;
+    allowNegative?: boolean;
+    integerPlaces?: number;
+    thousandSeparator?: string;
+}
+
+export declare const isDate: (date: string) => boolean;
+
+export declare const isFilled: (value: string | number) => boolean;
+
+export declare const isNotFilled: (value: string | number) => boolean;
+
+export declare const isNotNilNorEmpty: () => boolean;
+
+export declare const isPartOfDate: (value: string) => boolean;
+
+export declare interface ItemType {
+    /** Optional value for withAmount variant. */
+    amount?: ReactNode;
+    /** Color of icon background. */
+    iconBackground?: BackgroundColorType;
+    /** Icon name/type enum type. */
+    iconName?: IconNameType;
+    /** Flag to indicate disabled item. */
+    isDisabled?: boolean;
+    /** Label of list option. */
+    label: string;
+    /** Optional perex for two line variant. */
+    perex?: ReactNode;
+    value: string;
+}
+
+declare interface ItemType_2 {
+    label: string;
+    labelTooltip?: string;
+    value: string;
+}
+
+declare type JustifyContentType = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end' | 'left' | 'right';
+
+export declare const KEYS: {
+    Alt: string;
+    AltGraph: string;
+    ArrowDown: string;
+    ArrowLeft: string;
+    ArrowRight: string;
+    ArrowUp: string;
+    Backspace: string;
+    CapsLock: string;
+    Control: string;
+    Delete: string;
+    End: string;
+    Enter: string;
+    Escape: string;
+    Home: string;
+    PageDown: string;
+    PageUp: string;
+    Shift: string;
+    Space: string;
+    Tab: string;
+};
+
+export declare const Label: ({ children, htmlFor, isDisabled, isHidden, isReadOnly, theme, ...rest }: LabelPropsType) => JSX.Element;
+
+export declare const Label2: ({ children, htmlFor, identifier, labelTooltip, testId, theme }: Label2PropsType) => JSX.Element;
+
+export declare interface Label2PropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    htmlFor?: string;
+    identifier?: string;
+    labelTooltip?: ReactNode;
+}
+
+export declare interface LabelPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Is label disabled boolean. */
+    isDisabled?: boolean;
+    /** Whether the label should be hidden on regular screens. */
+    isHidden?: boolean;
+    /** Whether the label is read only. */
+    isReadOnly?: boolean;
+    htmlFor?: string;
+}
+
+declare type LineType = {
+    /** Any color name from palette. */
+    color?: string;
+    /** Flag if you want to use highlighted version of graph. */
+    isHighlighted?: boolean;
+    /** Flag if graph is horizontal line (no chenges in Y values). */
+    isHorizontalLine?: boolean;
+    /** Flag if you want to use highlighted version of graph. */
+    isLegendHover?: boolean;
+    /** Name of graph line. */
+    name: string;
+    /** Type of curve/line to be used to represent data. */
+    type?: AreaTypeType;
+};
+
+export declare const Link: React_2.ForwardRefExoticComponent<LinkPropsType & React_2.RefAttributes<unknown>>;
+
+export declare interface LinkPropsType extends ComponentPropsType, DisabledTooltipPropsType {
+    /** Allow click event propagation */
+    allowEventPropagation?: boolean;
+    /** ARIA label for tabs. */
+    ariaLabel?: string | ReactElement;
+    /** Children components that should be rendered inside the link. */
+    children?: ReactNode;
+    /** Sets color of Link. Default color is `primary` */
+    color?: 'red' | 'secondary';
+    /** Flag indicating that the link is disabled. */
+    isDisabled?: boolean;
+    /**
+     * @deprecated Not implemented any more
+     * Press enter can run onClick event handler.
+     * */
+    isEnterClick?: boolean;
+    /** Set loading state to Link. */
+    isLoading?: boolean;
+    /** Flag indicating that the Link is small. */
+    isSmall?: boolean;
+    /** Title used for file naming when linkUrl leads to file download */
+    linkDownloadTitle?: string;
+    /** Link target. */
+    linkUrl?: string;
+    /** Click event handler. */
+    onClick?: (e: SyntheticEvent | KeyboardEvent) => void;
+    /** Target for link outside app. */
+    target?: TargetType;
+    /** Title of the link element */
+    title?: string;
+}
+
+export declare const List: ({ children, hasNoDividers, isLarge, testId, theme }: ListPropsType) => JSX.Element;
+
+export declare const ListItem: ({ children, label, testId, theme }: ListItemPropsType) => JSX.Element;
+
+export declare interface ListItemPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Label for children */
+    label?: ReactElement;
+}
+
+export declare interface ListPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Whether the list has no dividers between items. */
+    hasNoDividers?: boolean;
+    /** Whether the list is large. */
+    isLarge?: boolean;
+}
+
+export declare const Loader: ({ children, isContentPulsing, size, testId, theme }: LoaderPropsType) => JSX.Element;
+
+export declare interface LoaderPropsType extends ComponentPropsType {
+    /** Size of the loader. Default size is large loader. */
+    size?: SizeType;
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Whether the loader's content should pulse as well. Default is no pulsing for content. */
+    isContentPulsing?: boolean;
+}
+
+export declare const Menu: ({ ariaLabel, children, isMain, isMobile, isSecondary, role, testId, theme }: MenuPropsType) => JSX.Element;
+
+export declare const MenuItem: ({ ariaLabel, badgeCount, badgeCountAriaLabel, children, childrenTheme, disabledTooltip, disabledTooltipType, hasCustomContent, hide, iconName, isButton, isDisabled, isIconRight, isOpen, isSelected, liTheme, linkTo, onClick, target, testId, title }: MenuItemPropsType) => JSX.Element;
+
+declare interface MenuItemPropsType extends ComponentPropsType, DisabledTooltipPropsType {
+    /** ARIA label */
+    ariaLabel?: string;
+    /** Show count in badge on top right corner od icon. */
+    badgeCount?: number;
+    /** ARIA label for inner Badge */
+    badgeCountAriaLabel?: string;
+    /** Children to be rendered in the main container. */
+    children?: ReactNode | ReactNode[];
+    /** Custom CSS styles for <li> element. */
+    childrenTheme?: Theme;
+    /** Use when you need to render your custom component instead of default ones. */
+    hasCustomContent?: boolean;
+    /** Hide MenuItem for specific breakpoint(s). For more info visit https://design.moneta.cz/?path=/docs/layout-grid--cols#hiding-some-elements */
+    hide?: HideBreakpointsType;
+    /** Name of Icon. */
+    iconName?: IconNameType;
+    /** Convert item to a button component. */
+    isButton?: boolean;
+    /** Flag whether menu item is disabled */
+    isDisabled?: boolean;
+    /** Flag if added icon should be on the right side of element. */
+    isIconRight?: boolean;
+    /** Flag idicates if item is opened. */
+    isOpen?: boolean;
+    /** Define selected item. */
+    isSelected?: boolean;
+    /** Link to another URL. */
+    linkTo?: string;
+    /** Custom CSS styles for li element. */
+    liTheme?: Theme;
+    /** Click event handler. */
+    onClick?: (e: SyntheticEvent) => void;
+    /** Name of item. */
+    title?: string;
+    /** Target for link outside app. */
+    target?: TargetType;
+}
+
+export declare const MenuList: ({ children, testId, theme }: MenuListPropsType) => JSX.Element;
+
+export declare interface MenuListPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+}
+
+export declare interface MenuPropsType extends ComponentPropsType {
+    /** Aria label for nav */
+    ariaLabel?: string;
+    /** Children to be rendered in the main container. */
+    children?: ReactNode | ReactNode[];
+    /** Flag to indicate main menu */
+    isMain?: boolean;
+    /** Flag to indicate mobile menu */
+    isMobile?: boolean;
+    /** Flag to indicate secondary menu */
+    isSecondary?: boolean;
+    /** ARIA role for menu */
+    role?: 'navigation' | 'menu' | 'menubar';
+}
+
+export declare const MOBILE_PANEL_WIDTH = 320;
+
+export declare const MobilePanel: ({ children, close, closeOnClick, displayBreakpoint, identification, isFocused, isMain, isOpen, isScrolled, isSecondary, open, position, reference, setIsScrolled, testId, theme, toggle }: MobilePanelPropsType) => JSX.Element;
+
+declare interface MobilePanelContentPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children: ReactNode | ReactNode[];
+    /** Limit number of pixel you need to scroll content to get fixed header. */
+    scrolledLimit?: number;
+}
+
+declare interface MobilePanelContextType {
+    /** Function for close action. */
+    close: () => void;
+    /** A flag whether panel should close on click */
+    closeOnClick?: boolean;
+    /** Unique identification of modal. */
+    identification: string;
+    /** If `true` mobile panel is focused for keyboard navigation. */
+    isFocused: boolean;
+    /** If `true` mobile panel is open. */
+    isOpen: boolean;
+    /** If `true` mobile panel content is scrolled. */
+    isScrolled: boolean;
+    /** Function for open action. */
+    open: () => void;
+    /** Internal callback to set isScrolled state. */
+    setIsScrolled: (state: boolean) => void;
+    /** Internal reference to modal. */
+    reference: React.RefObject<HTMLDivElement>;
+    /** Function for switching mobile panel open/close state. */
+    toggle: () => void;
+}
+
+declare interface MobilePanelHeaderPropsType extends ComponentPropsType {
+    /** Allow click event propagation */
+    allowEventPropagation?: boolean;
+    /** Children to be rendered in the main container. */
+    children: ReactNode | ReactNode[];
+    /** Image for header. */
+    image?: ReactNode;
+    /** ARIA label for Close button if it's used. */
+    closeAria?: string;
+    /** Flag if you want to display Close button in header. */
+    hasClose?: boolean;
+    /** Used for default title. */
+    title?: ReactNode;
+    /** Size of title. Used for it's basic purpose = defining page navigation priority. Please follow standard **[rules](https://www.w3.org/WAI/test-evaluate/preliminary/#headings)**. */
+    titleSize?: TitleSize;
+    /** Title visual size. Use this for matching title visual with desired design. */
+    titleVisual?: TitleSize;
+}
+
+export declare interface MobilePanelHookType {
+    /** Function for display mobile panel. */
+    close: () => void;
+    Content: ({ children, scrolledLimit }: MobilePanelContentPropsType) => JSX.Element;
+    Header: ({ children, closeAria, hasClose, image, title }: MobilePanelHeaderPropsType) => JSX.Element;
+    /** Visibility flag of inner modal dialog. */
+    isOpen: boolean;
+    /** Fabric component. */
+    MobilePanel: ({ children, isOpen, isScrolled, isSecondary, position }: MobilePanelPropsType) => JSX.Element;
+    /** Internal props thats need to pe passed to <MobilePanel> component. */
+    mobilePanelProps: MobilePanelContextType;
+    /** Function for display mobile panel. */
+    open: () => void;
+    /** Function for switching mobile panel open/close state. */
+    toggle: () => void;
+}
+
+export declare interface MobilePanelPropsType extends ComponentPropsType, MobilePanelContextType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode | ReactNode[];
+    /** Use specific breakpoint for component to render its content. Default is `MOBILE_DEVICES_BREAKPOINT` */
+    displayBreakpoint?: BreakpointsType;
+    /** Flag to identify mobilePanel used as main (for main menu etc.) */
+    isMain?: boolean;
+    /** Flag if you want to use MobilePanel in combination with `<Menu isSecondary>` */
+    isSecondary?: boolean;
+    /** Choose position of Panel. */
+    position?: 'left' | 'right';
+}
+
+export declare const Modal: ({ children, disableDefaultCloseBehavior, hide, identification, isFocused, isVisible, reference, show, size, testId, theme }: ModalPropsType) => JSX.Element;
+
+export declare const ModalContent: ({ children, testId, theme }: ModalContentPropsType) => JSX.Element;
+
+export declare interface ModalContentPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children: ReactNode | ReactNode[];
+}
+
+export declare const ModalContext: Context<ModalContextType>;
+
+export declare interface ModalContextType {
+    /** If `true`, modal can be closed only by action buttons. */
+    disableDefaultCloseBehavior: boolean;
+    /** Unique identification of modal. */
+    identification: string;
+    /** If `true` modal is focused for keyboard navigation. */
+    isFocused: boolean;
+    /** If `true` modal si visible. */
+    isVisible: boolean;
+    /** Callback for hide action. */
+    hide: () => void;
+    /** Callback for show action. */
+    show: () => void;
+    /** Internal reference to modal. */
+    reference: React.RefObject<HTMLDivElement>;
+}
+
+export declare const ModalDialog: ({ children, size, testId, theme }: ModalDialogPropsType) => JSX.Element;
+
+export declare interface ModalDialogPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children: ReactNode;
+    /** Optional size of modal content. */
+    size?: 'small' | 'large';
+}
+
+export declare const ModalFooter: ({ children, testId, theme }: ModalFooterPropsType) => JSX.Element;
+
+export declare interface ModalFooterPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children: ReactNode | ReactNode[];
+}
+
+export declare const ModalHeader: ({ closeText, isCloseHidden, isTitleHidden, testId, theme, title, titleSize, titleVisual }: ModalHeaderPropsType) => JSX.Element;
+
+export declare interface ModalHeaderPropsType extends ComponentPropsType {
+    /** Exit button text. */
+    closeText: string | ReactElement;
+    /** Flag to hide close button. */
+    isCloseHidden?: boolean;
+    /** Flag to hide title (only visually). */
+    isTitleHidden?: boolean;
+    /** Header of whole modal box. */
+    title: string | ReactElement;
+    /** Size of title. Used for it's basic purpose = defining page navigation priority. Please follow standard **[rules](https://www.w3.org/WAI/test-evaluate/preliminary/#headings)**. */
+    titleSize?: TitleSize;
+    /** Title visual size. Use this for matching title visual with desired design. */
+    titleVisual?: TitleSize;
+}
+
+export declare interface ModalHookType {
+    /** Functions to hide modal dialog. */
+    hide: () => void;
+    /** Function for display modal dialog. */
+    show: () => void;
+    /** Visibility flag of inner modal dialog. */
+    isVisible: boolean;
+    /** Fabric component. */
+    Modal: ({ children, size, theme }: ModalPropsType) => JSX.Element;
+    /** Internal props thats need to pe passed to <Modal> component. */
+    modalProps: ModalContextType;
+}
+
+export declare interface ModalPropsType extends ComponentPropsType, ModalContextType {
+    /** Content of modal dialog. */
+    children: ReactNode;
+    /** Optional size of modal content. */
+    size?: 'small' | 'large';
+}
+
+export declare const MonthInput: ({ ariaLabel, defaultValue, disabledTooltip, isDisabled, language, onChange, settings, theme, value }: MonthInputPropsType) => JSX.Element;
+
+export declare interface MonthInputPropsType extends FormFieldType, ComponentPropsType {
+    /** ARIA label for monthInput. */
+    ariaLabel?: string;
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Sets initial Date */
+    defaultValue?: string;
+    /** Disabled the whole MonthInput */
+    isDisabled?: boolean;
+    /** Language for localization of the date picker. */
+    language?: 'cs' | 'en';
+    /** Custom settings of Flatpickr. For more info visit: https://flatpickr.js.org/options/ */
+    settings?: flatpickr.Options.Options;
+    /** onChange handler for setting the value */
+    onChange: (value: Date[] | Date | undefined | string) => void;
+    /** Current picker value */
+    value: Date;
+}
+
+export declare const noop: () => void;
+
+export declare interface NumberMaskType {
+    allowNegative?: boolean;
+    allowLeadingZeroes?: boolean;
+    decimalPlaces?: number;
+    decimalSeparator?: string;
+    integerPlaces?: number;
+    thousandSeparator?: string;
+}
+
+export declare const NumChange: ({ amountChange, decreasing, increasing, locale, maximumFractionDigits, minimumFractionDigits, size, testId, theme, unitAfter, unitBefore }: NumChangePropsType) => JSX.Element;
+
+export declare interface NumChangePropsType extends ComponentPropsType {
+    /** Amount of the numChange */
+    amountChange?: number;
+    /** Decreasing trend of the numChange */
+    decreasing?: boolean;
+    /** Increasing trend of the numChange */
+    increasing?: boolean;
+    /** Specify custom locale variant for number formatting if needed. Use Unicode locale identifier. For more info see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat */
+    locale?: string;
+    /** The maximum number of fraction digits to use. Possible values are from 0 to 20; the default is the larger of minimumFractionDigits and 2; */
+    maximumFractionDigits?: number;
+    /** The minimum number of fraction digits to use. Possible values are from 0 to 20; the default is 0; */
+    minimumFractionDigits?: number;
+    /** Size of the numChange component */
+    size?: NumChangeSizeType;
+    /** Specify custom unit identifier after `amount` value. */
+    unitAfter?: string;
+    /** Specify custom unit identifier before `amount` value. */
+    unitBefore?: string;
+}
+
+export declare type NumChangeSizeType = 'small' | 'large' | 'xLarge' | 'xxLarge';
+
+export declare const parseDate: (value: string | Date) => Date | undefined;
+
+export declare const parseDecimalValue: (value: string, thousandSeparator: string, decimalSeparator: string) => number | null;
+
+export declare const parseIntValue: (value: string, thousandSeparator: string, allowLeadingZeros?: boolean) => number | string | null;
+
+export declare const parseMonthDate: (language: 'cs' | 'en', value?: string | undefined) => Date | undefined;
+
+/**
+ * @deprecated This component is **deprecated** please use **Input2**
+ */
+export declare const PasswordInput: ({ hideLabel, name, showLabel, value, ...props }: PasswordInputPropsType) => JSX.Element;
+
+declare interface PasswordInputPropsType extends FormFieldType {
+    hideLabel?: string;
+    showLabel?: string;
+    value: string;
+}
+
+export declare const PersonCount: ({ count, fewPersonsLabel, manyPersonsLabel, meLabel, onChange, onePersonLabel, selectedCount, testId, theme }: PersonCountPropsType) => JSX.Element;
+
+export declare interface PersonCountPropsType extends ComponentPropsType {
+    count: number;
+    selectedCount?: number;
+    onChange: (value: number) => void;
+    meLabel: ReactElement;
+    onePersonLabel: ReactElement;
+    fewPersonsLabel: ReactElement;
+    manyPersonsLabel: ReactElement;
+}
+
+export declare const PieChartExtended: ({ data, graphContent, graphIcon, theme }: PieChartExtendedPropsType) => JSX.Element;
+
+export declare interface PieChartExtendedPropsType extends ComponentPropsType {
+    /** Data for the interpretation */
+    data: Data_2[];
+    /** Custom content in the middle of the chart */
+    graphContent?: ReactNode;
+    /** Icon in the middle of the chart */
+    graphIcon?: ReactNode;
+}
+
+export declare const Pills: ({ ariaLabel, initialPill, onChange, pills, testId, theme }: PillsPropsType) => JSX.Element;
+
+export declare interface PillsPropsType extends ComponentPropsType {
+    /** ARIA label for pill */
+    ariaLabel?: string;
+    /** Value of pill that should be selected by default */
+    initialPill?: string;
+    /** Callback for changing pill. */
+    onChange: (pill: string) => void;
+    /** Array of pills */
+    pills: PillType[];
+}
+
+export declare interface PillType extends DisabledTooltipPropsType {
+    isDisabled?: boolean;
+    label: string;
+    value: string;
+}
+
+declare interface Props extends DisabledTooltipPropsType {
+    verticalOffset?: number;
+}
+
+export declare const Radio: ({ name, value, ...rest }: RadioPropsType) => JSX.Element;
+
+export declare const Radio2: ({ allowEventPropagation, disabledTooltip, disabledTooltipType, error, help, isDisabled, isInRow, isLabelTitle, isTitleHidden, items, label, labelTooltip, name, onChange, testId, theme, value }: Radio2PropsType) => JSX.Element;
+
+export declare interface Radio2PropsType extends FormField2PropsType {
+    items: RadioItem[];
+    isInRow?: boolean;
+    /** @deprecated please use empty label */
+    isTitleHidden?: boolean;
+    /** for backward compatibility is default value TRUE will be removed in the future */
+    isLabelTitle?: boolean;
+}
+
+export declare const RadioControl: (props: FormControlType) => JSX.Element;
+
+export declare const RadioGroup: ({ error, radioControl: RadioControl, items, label, labelComponent: LabelComponent, isRequired, isDisabled, groupProps, selectedValue, ...rest }: RadioGroupPropsType) => JSX.Element;
+
+declare interface RadioGroupPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Class name for root. */
+    className?: string;
+    /** Is disabled?. */
+    isDisabled?: boolean;
+    /** Error component to be rendered under radios */
+    error?: ReactElement;
+    /** Additional props to pass to the FormGroup */
+    groupProps?: Record<string, unknown>;
+    /** Array of strings or numbers to be rendered */
+    items: ItemType_2[];
+    /** Label of radio group component */
+    label?: ReactElement;
+    /** Container for label */
+    labelComponent?: FunctionComponent;
+    radioControl?: FunctionComponent;
+    /** Prop to show * symbol after label */
+    isRequired?: boolean;
+    /** Actual selected value of radio group component */
+    selectedValue: string;
+}
+
+export declare type RadioItem = {
+    label: string;
+    value: RadioItemValue;
+    disabled?: boolean;
+};
+
+declare type RadioItemValue = string | number | boolean;
+
+export declare interface RadioPropsType {
+    name: string;
+    value?: boolean;
+}
+
+export declare const Row: ({ children, cols, onClick, testId, theme, ...rest }: RowPropsType) => JSX.Element;
+
+export declare interface RowPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: React_2.ReactNode;
+    /** Number of columns side-by-side in one horizontal row */
+    cols?: ColSizeProp;
+    /** Column width in md breakpoint */
+    md?: ColSizeProp;
+    /** Column width in lg breakpoint */
+    lg?: ColSizeProp;
+    /** Column width in xl breakpoint */
+    xl?: ColSizeProp;
+    /** Column width in xxl breakpoint */
+    xxl?: ColSizeProp;
+    /** onClick event. */
+    onClick?: () => void;
+}
+
+export declare const SearchInput: (props: FormFieldType) => JSX.Element;
+
+/**
+ * @deprecated This component is **deprecated** please use **Select2**
+ */
+export declare const Select: ({ hasArrowIcon, ...props }: SelectPropsType) => JSX.Element;
+
+export declare const Select2: ({ disabledTooltip, displayDetails, dropdownTheme, emptyValueLabel, error, hasFullWidthOptions, help, isDisabled, items, label, labelTooltip, name, onBlur, onChange, onFocus, placeholder, testId, theme, value }: Select2PropsType) => JSX.Element;
+
+export declare const Select2CategorisedOptions: ({ isAutocomplete }: Select2CategorisedOptionsPropsType) => JSX.Element;
+
+export declare interface Select2CategorisedOptionsPropsType {
+    isAutocomplete?: boolean;
+}
+
+export declare const Select2Context: Context<Select2ContextType>;
+
+declare interface Select2ContextType {
+    emptyValueLabel?: string;
+    focusedCategoryIndex?: number;
+    focusedItemIndex?: number;
+    items: ItemType[] | CategorisedItemType[] | unknown[];
+    name: string;
+    onBlur?: () => void;
+    optionClick: (item: ItemType) => void;
+    emptyOptionClick?: () => void;
+    optionKeyPress?: (event: React.KeyboardEvent<HTMLUListElement>) => void;
+    setFocusedCategoryIndex?: (index: number) => void;
+    setFocusedItemIndex: (index: number, categoryIndex?: number) => void;
+    setValue?: (value: string) => void;
+    value?: string;
+}
+
+export declare const Select2Options: ({ isAutocomplete }: Select2OptionsPropsType) => JSX.Element;
+
+export declare interface Select2OptionsPropsType {
+    isAutocomplete?: boolean;
+}
+
+export declare interface Select2PropsType extends FormField2PropsType {
+    /** Displays additional information for selected option. (perex, amount) */
+    displayDetails?: boolean;
+    /** Custom theme for dropdown items. */
+    dropdownTheme?: Theme;
+    /** label of empty value */
+    emptyValueLabel?: string;
+    /** Sets if list of options has same width as select element. */
+    hasFullWidthOptions?: boolean;
+    /** List of options to select. */
+    items: ItemType[] | CategorisedItemType[];
+}
+
+export declare const SelectControl: React_2.ForwardRefExoticComponent<SelectControlPropsType & React_2.RefAttributes<unknown>>;
+
+export declare const SelectControlAutocomplete: React_2.ForwardRefExoticComponent<SelectControlAutocompletePropsType & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface SelectControlAutocompletePropsType extends SelectControlStaticPropsType {
+    /** Callback for creatable label text. */
+    getCreatableLabel?: (value: string) => string;
+    /** Flag for enabling user's input in the autocomplete text input. */
+    hasNewValueEnabled?: boolean;
+    /** Function that validates, whether to show create new item option. */
+    isValidNewOption?: (value: string) => boolean;
+    /** Callable when clicked on newly created item. */
+    onCreateItem?: (value: string) => void;
+    /** Callable when autocomplete input value is changed for external loading. */
+    onInputChange?: (val: string | null) => void;
+    /** OnBlur will not reset value. */
+    hasAlwaysValue?: boolean;
+    /** onBlur handler */
+    onBlur?: () => void;
+}
+
+export declare interface SelectControlPropsType extends FormControlType {
+    /** Is used for rendering autocomplete select element. */
+    hasAutocomplete?: boolean;
+    /** Disabled attribute of the element. */
+    disabled?: boolean;
+    /** Items to be rendered/selected in the main select container. */
+    items: SelectItemGroupType[] | SelectItemType[];
+    /** Value of the form control. */
+    value?: string;
+}
+
+export declare const SelectControlStatic: React_2.ForwardRefExoticComponent<SelectControlStaticPropsType & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface SelectControlStaticPropsType extends ComponentPropsType {
+    /** ARIA role for the select. */
+    ariaLabel?: string;
+    disabled?: boolean;
+    hasAmountDisplayed?: boolean;
+    hasWiderMenu?: boolean;
+    id?: string;
+    items: SelectItemGroupType[];
+    name: string;
+    onChange?: (val: string | null) => void;
+    onBlur?: () => void;
+    placeholder?: string;
+    statics?: SelectItemType[];
+    value?: string;
+}
+
+export declare const SelectedOption: ({ amount, displayDetails, iconBackground, iconName, label, perex }: SelectedOptionPropsType) => JSX.Element;
+
+export declare interface SelectedOptionPropsType {
+    /** Optional value for withAmount variant. */
+    amount?: ReactNode;
+    /** Color of icon background. */
+    iconBackground?: BackgroundColorType;
+    /** Icon name/type enum type. */
+    iconName?: IconNameType;
+    /** Label of list option. */
+    label: string;
+    /** Optional perex for two line variant. */
+    perex?: ReactNode;
+    displayDetails?: boolean;
+}
+
+export declare const SelectItem: ({ amount, currency, description, hasAmountDisplayed, icon, label }: SelectItemType) => JSX.Element;
+
+export declare interface SelectItemGroupType {
+    key: string;
+    name?: string;
+    items: SelectItemType[];
+}
+
+export declare interface SelectItemIconType {
+    name: IconNameType;
+    backgroundColor?: BackgroundColorType;
+}
+
+export declare interface SelectItemType {
+    amount?: string;
+    currency?: string;
+    description?: string;
+    hasAmountDisplayed?: boolean;
+    icon?: SelectItemIconType;
+    index?: number;
+    isDisabled?: boolean;
+    label: string;
+    value: string;
+}
+
+export declare const SelectMenu: ({ children, getMenuProps, indexedGroupedItems, isDisabled, isOpen, isWider, renderItems, testId, theme }: SelectMenuPropsType) => JSX.Element;
+
+declare interface SelectMenuPropsType extends ComponentPropsType {
+    /** Callback for creatable label text. */
+    children?: ReactNode;
+    /** Callback for creatable label text. */
+    getMenuProps: (options?: GetMenuPropsOptions, otherOptions?: GetPropsCommonOptions) => void;
+    /** Callback for creatable label text. */
+    indexedGroupedItems: SelectItemGroupType[];
+    /** Callback for creatable label text. */
+    isDisabled: boolean;
+    /** Callback for creatable label text. */
+    isOpen: boolean;
+    /** Callback for creatable label text. */
+    isWider: boolean;
+    /** Callback for creatable label text. */
+    renderItems: (items: SelectItemType[]) => ReactNode;
+}
+
+export declare const SelectOption: ({ children, isActive, isCreatable, isDisabled, isSelected, theme, ...rest }: SelectOptionPropsType) => JSX.Element;
+
+export declare interface SelectOptionPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Option currently active boolean. */
+    isActive?: boolean;
+    /** A different set of style for this one. */
+    isCreatable?: boolean;
+    /** Option disabled (non-selectable). */
+    isDisabled?: boolean;
+    /** Option currently selected in the Select component boolean. */
+    isSelected?: boolean;
+    /** Class name for root. */
+    theme?: Theme;
+}
+
+export declare interface SelectPropsType extends FormFieldType {
+    /** Is used for rendering autocomplete select element. */
+    hasAutocomplete?: boolean;
+    /** Flag whether display arrow icon  */
+    hasArrowIcon?: boolean;
+    /** Items to be rendered/selected in the main select container. */
+    items: SelectItemGroupType[] | SelectItemType[];
+    /** OnBlur will not reset value. */
+    hasAlwaysValue?: boolean;
+}
+
+export declare type ShadowSizeType = 'small' | 'medium' | 'large' | 'no';
+
+export declare const Sidebar: ({ children, testId, theme }: SidebarPropsType) => JSX.Element;
+
+export declare interface SidebarPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+}
+
+export declare type SizeType = 'large' | 'small';
+
+export declare class Slider extends Component<SliderPropsType, State> {
+    static defaultProps: {
+        hideLabels: boolean;
+    };
+    state: State;
+    componentDidMount(): void;
+    static getDerivedStateFromProps(nextProps: SliderPropsType): Record<string, number> | null;
+    onChange: (event: Event | SyntheticEvent, customValue?: number | undefined) => void;
+    onDragStart: (event: SyntheticEvent<HTMLDivElement>, touch: boolean) => void;
+    onDragStop: (event: Event) => void;
+    onDragUpdate: (event: Event) => void;
+    getValueFromClientOffset: (min?: number | undefined, max?: number | undefined, step?: number | undefined, steps?: number[] | undefined, offset: number) => number;
+    getSliderStartCoordinate: () => number;
+    getSliderEndCoordinate: () => number;
+    getSliderLength: () => number;
+    getValueFromDragEvent: (event: Event | SyntheticEvent) => number;
+    getValueFromKeyboardEvent: (event: KeyboardEvent_2) => number | null | undefined;
+    addEventListeners: (touch: boolean) => void;
+    removeEventListeners: () => void;
+    slider: HTMLDivElement | null;
+    props: SliderPropsType;
+    handleBlur: (event: SyntheticEvent<HTMLDivElement>) => void;
+    handleFocus: (event: SyntheticEvent<HTMLDivElement>) => void;
+    handleKeyDown: (event: KeyboardEvent_2<HTMLDivElement>) => void;
+    handleKeyPress: (event: SyntheticEvent<HTMLDivElement>) => void;
+    handleKeyUp: (event: SyntheticEvent<HTMLDivElement>) => void;
+    handleMouseDown: (event: SyntheticEvent<HTMLDivElement>) => void;
+    handleTouchStart: (event: SyntheticEvent<HTMLDivElement>) => void;
+    render(): JSX.Element;
+}
+
+export declare interface SliderPropsType extends ComponentPropsType, DisabledTooltipPropsType {
+    /** Disable slider */
+    isDisabled?: boolean;
+    /** Maximal value of slider.  */
+    max?: number;
+    /** Min value label. */
+    minLabel?: ReactElement;
+    /** Max value label. */
+    maxLabel?: ReactElement;
+    /** Minimal value of slider. */
+    min?: number;
+    /** Handler which is fired when the slider loses focus. */
+    onBlur?: (event?: SyntheticEvent, value?: number) => void;
+    /** Handler which is fired when the value of the slider changes. */
+    onChange?: (event?: Event | SyntheticEvent, value?: number) => void;
+    /** Handler which is fired when the slider handle has started moving. */
+    onDragStart?: (event?: SyntheticEvent, value?: number) => void;
+    /** Handler which is fired when the slider handle has stopped moving. */
+    onDragStop?: (event?: Event, value?: number) => void;
+    /** Handler which is fired when the slider gains focus. */
+    onFocus?: (event?: SyntheticEvent, value?: number) => void;
+    /** Handler which is fired when a keyboard key is pressed. */
+    onKeyDown?: (event?: SyntheticEvent, value?: number) => void;
+    /** Handler which is fired when a keyboard key is pressed. */
+    onKeyPress?: (event?: SyntheticEvent, value?: number) => void;
+    /** Handler which is fired when a keyboard key is released. */
+    onKeyUp?: (event?: SyntheticEvent, value?: number) => void;
+    /** Lowest step taken when moving slider. */
+    step?: number;
+    /** Array of custom steps with sorted linear values (otherwise use STEP+MIN+MAX params) */
+    steps?: number[];
+    /** Actual value of slider */
+    value: number;
+}
+
+declare type State = {
+    dragging: boolean;
+    percentage: number;
+};
+
+export declare const Stepper: ({ current: { isLoading, step, substep }, stepTitleSize, stepTitleVisual, steps, testId, theme }: StepperPropsType) => JSX.Element;
+
+export declare interface StepperPropsType extends ComponentPropsType {
+    current: {
+        step: number;
+        substep?: number;
+        isLoading?: boolean;
+    };
+    steps: StepType[];
+    stepTitleSize?: TitleSize;
+    stepTitleVisual?: TitleSize;
+}
+
+declare type StepType = {
+    label: ReactNode;
+    substeps?: ReactElement[];
+};
+
+export declare const stripDiacritics: (value: string) => string;
+
+export declare const SubMenu: ({ ariaLabel, children, isOpen, testId, theme }: SubMenuPropsType) => JSX.Element;
+
+export declare const SubMenuItem: ({ children, onClick, testId, theme }: SubMenuItemPropsType) => JSX.Element;
+
+declare interface SubMenuItemPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode | ReactNode[];
+    /** Click event handler. */
+    onClick?: (e: SyntheticEvent) => void;
+}
+
+export declare interface SubMenuPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode | ReactNode[];
+    /** ARIA role for menu */
+    ariaLabel?: string;
+    /** Flag if SubMenu is visible */
+    isOpen?: boolean;
+}
+
+export declare const TabListItem: ({ countLimit, hasNotification, notificationCount, value }: TabListItemPropsType) => JSX.Element;
+
+export declare interface TabListItemPropsType extends DisabledTooltipPropsType {
+    /** Value of tab list. */
+    value: ReactNode;
+    /** Flag if tab has some notification. Shows red dot. */
+    hasNotification?: boolean;
+    /** Number of notifications shown in red circle. */
+    notificationCount?: number;
+    /** Limit for maximum notification count. */
+    countLimit?: number;
+    /** FLag if tab is disabled. */
+    isDisabled?: boolean;
+}
+
+export declare const Tabs: ({ active, ariaLabel, closeTabsBarOnOutsideClick, contents, contentTheme, dropdownPlacement, moreLabel, onChange, tabs, tabsLimit, testId, theme }: TabsPropsType) => JSX.Element;
+
+export declare const TabsBar: ({ closeTabsBarOnOutsideClick, dropdownPlacement, moreLabel }: TabsBarType) => JSX.Element;
+
+export declare interface TabsBarType {
+    /** A flag whether close TabsBar on outside click */
+    closeTabsBarOnOutsideClick?: boolean;
+    dropdownPlacement?: DropdownPlacement;
+    /** Label for "more" tab shown after tabs count overcome breakpoint limit. */
+    moreLabel?: ReactElement | string;
+}
+
+export declare const TabsContext: Context<TabsContextType>;
+
+declare interface TabsContextType {
+    /** Active item index. */
+    activeItem: number;
+    /** Unique identification of modal. */
+    identification: string;
+    /** Internal function to set activeItem.  */
+    setActiveItem: (index: number) => void;
+    /** Limit number of tabs displayed for desktop */
+    tabsLimit: number;
+    /** Array of items for top bar */
+    tabs: TabListItemPropsType[];
+}
+
+export declare interface TabsPropsType extends ComponentPropsType, TabsBarType {
+    /** Index of item in tabs/contents that should be visible by default */
+    active?: number;
+    /** ARIA label for tabs */
+    ariaLabel?: string;
+    /** A flag whether close TabsBar on outside click */
+    closeTabsBarOnOutsideClick?: boolean;
+    /** Array of items for content */
+    contents: ReactNode[];
+    /** Theme for contents. */
+    contentTheme?: Theme;
+    dropdownPlacement?: DropdownPlacement;
+    /** Callback for changing tab index after switching a tab. */
+    onChange?: (oldTabIndex: number, newTabIndex: number) => void;
+    /** Array of items for top bar */
+    tabs: TabListItemPropsType[];
+    /** Limit number of tabs displayed for desktop breakpoints. (Mobile breakpoints has different type of tabs.) */
+    tabsLimit?: {
+        lg?: number;
+        xl?: number;
+        xxl?: number;
+    };
+}
+
+export declare const Tag: ({ background, children, iconBackground, iconName, testId, theme }: TagPropsType) => JSX.Element;
+
+export declare interface TagPropsType extends ComponentPropsType {
+    /** Color of tag background - any color from palette-light */
+    background?: BackgroundColorType;
+    /** Tag icon name */
+    iconName?: IconNameType;
+    /** Tag icon background color */
+    iconBackground?: BackgroundColorType;
+    /** Tag content (text) */
+    children: ReactNode;
+}
+
+export declare type TargetType = '_blank' | '_parent' | '_self' | '_top';
+
+declare const Text_2: ({ children, component: Component, isTextCenter, isTextRight, size, testId, theme, type, weight, ...rest }: TextPropsType) => JSX.Element;
+export { Text_2 as Text }
+
+/**
+ * @deprecated This component is **deprecated** please use **Textarea2**
+ */
+export declare const Textarea: (props: FormFieldType) => JSX.Element;
+
+export declare const Textarea2: ({ allowEventPropagation, autofocus, children, disabledTooltip, error, height, help, isDisabled, label, labelTooltip, maxCharCounter, name, onBlur, onChange, onClick, onFocus, onPaste, placeholder, testId, theme, value: outerValue }: Textarea2PropsType) => JSX.Element;
+
+export declare interface Textarea2PropsType extends FormField2PropsType {
+    /** If `true` textarea will be focused after render. */
+    autofocus?: boolean;
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Custom textarea height in px. */
+    height?: number;
+}
+
+export declare const TextareaControl: ({ type, ...rest }: FormControlType) => JSX.Element;
+
+export declare type TextFontWeight = 'normal' | 'medium' | 'semiBold' | 'bold';
+
+/**
+ * @deprecated This component is **deprecated** please use **Input2**
+ */
+export declare const TextInput: React_2.ForwardRefExoticComponent<FormFieldType & React_2.RefAttributes<unknown>>;
+
+export declare const TextInputControl: React_2.ForwardRefExoticComponent<TextInputControlPropsType & React_2.RefAttributes<unknown>>;
+
+export declare interface TextInputControlPropsType extends FormControlType {
+    /** Mask function for input value masking. */
+    mask?: () => void;
+}
+
+export declare interface TextPropsType extends ComponentPropsType {
+    /** React component or string specifying the HTML tag to use. */
+    component?: React_3.ElementType;
+    /** Children to be rendered in the main container. */
+    children?: React_3.ReactNode;
+    /** Flag indicating 'text-center' class */
+    isTextCenter?: boolean;
+    /** Flag indicating 'text-right' class */
+    isTextRight?: boolean;
+    /** Text size */
+    size?: TextSizeType;
+    /** Type of the text. */
+    type?: TextType;
+    /** Font weight */
+    weight?: TextFontWeight;
+}
+
+export declare type TextSizeType = 'xSmall' | 'small' | 'large';
+
+export declare type TextType = 'primary' | 'secondary' | 'red' | 'orange' | 'green' | 'blue';
+
+export declare type Theme = ThemeValue | Array<Theme>;
+
+declare type ThemeValue = CSSModule | string;
+
+export declare const Tile: ({ children, iconName, iconPosition, isDisabled, isSelected, linkTo, onClick, testId, theme }: TilePropsType) => JSX.Element;
+
+export declare type TileIconPosition = 'center' | 'left';
+
+export declare interface TilePropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Name of icon */
+    iconName: IconNameType;
+    /** Flag indicating that the tile is selected */
+    isSelected?: boolean;
+    /** Flag indicating that the tile is disabled */
+    isDisabled?: boolean;
+    /** Link to another URL */
+    linkTo?: string;
+    /** Click event handler. */
+    onClick?: (e: SyntheticEvent) => void;
+    /** Position of icon - center or left */
+    iconPosition?: TileIconPosition;
+}
+
+export declare const Title: ({ children, iconBackgroundColor, iconName, id, isWithoutMargin, size: Component, testId, theme, visual }: TitlePropsType) => JSX.Element;
+
+export declare interface TitlePropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Icon name/type enum type */
+    iconName?: IconNameType;
+    /** Color of icon background */
+    iconBackgroundColor?: BackgroundColorType;
+    /** Size of title. Used for it's basic purpose = defining page navigation priority. Please follow standard **[rules](https://www.w3.org/WAI/test-evaluate/preliminary/#headings)**. */
+    size: TitleSize;
+    /** Title visual size. Use this for matching title visual with desired design. */
+    visual?: TitleSize;
+    /** Title without margin. */
+    isWithoutMargin?: boolean;
+    id?: string;
+}
+
+export declare type TitleSize = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+
+export declare const ToastContainer: ({ autoCloseMilliseconds }: ToastContainerPropsType) => JSX.Element;
+
+export declare interface ToastContainerPropsType {
+    autoCloseMilliseconds?: number;
+}
+
+export declare type ToastType = Omit<AlertPropsType, 'alertRef' | 'children'> & {
+    autoCloseMilliseconds?: number;
+    toastId?: string;
+    content?: ReactNode;
+};
+
+export declare const Toggle: ({ children, disabledTooltip, disabledTooltipType, iconName, isActive, isDisabled, isSecondary, name, onChange, testId, theme }: TogglePropsType) => JSX.Element;
+
+export declare interface TogglePropsType extends ComponentPropsType, DisabledTooltipPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Name of icon to be displayed inside handle. */
+    iconName?: IconNameType;
+    /** Flag for initial state to be truthy. */
+    isActive?: boolean;
+    /** Flag indicating that the toggle is disabled. */
+    isDisabled?: boolean;
+    /** Flag if you want to use **secondary** visual. */
+    isSecondary?: boolean;
+    /** Unique name. */
+    name: string;
+    /** Custom onChange handler. */
+    onChange?: (value: boolean, event: SyntheticEvent) => void;
+}
+
+export declare const Tooltip: ({ children, content, isArrowVisible, isBold, isShownByDefault, isUpperCased, onTooltipVisibilityChange, placement, testId, theme, trigger, type, verticalOffset }: TooltipPropsType) => JSX.Element;
+
+declare interface TooltipPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children: ReactElement;
+    /** Tooltip upper case or not */
+    isUpperCased?: boolean;
+    /** Function called on state change */
+    onTooltipVisibilityChange?: (visible: boolean) => void;
+    /** Tooltip position - top, right, bottom or left */
+    placement?: Config['placement'];
+    /** Show tooltip arrow or not */
+    isArrowVisible?: boolean;
+    /** Bold content */
+    isBold?: boolean;
+    /** Show tooltip by default or not */
+    isShownByDefault?: boolean;
+    /** Content of tooltip */
+    content?: ReactNode;
+    /** Tooltip trigger */
+    trigger?: TriggerType | Array<TriggerType>;
+    /** Tooltip type - dark, light, grey */
+    type?: TooltipType;
+    verticalOffset?: number;
+}
+
+export declare type TooltipType = 'dark' | 'light' | 'grey';
+
+export declare const trimLeadingZeros: (value: string, allowLeadingZeros: boolean) => string;
+
+export declare const useContainerDimensions: (containerRef: RefObject<HTMLDivElement>) => {
+    width: number;
+    height: number;
+};
+
+export declare const useEventListener: (eventName: string, handler: UseEventListenerHandlerType, element?: Window & typeof globalThis) => void;
+
+export declare type UseEventListenerHandlerType = (event: Event) => void;
+
+export declare const useFileUpload: (initialFiles: FileType[]) => FileUploadHookType;
+
+export declare const useGroupedItems: ({ groupedItems, value }: GroupedItemsPropsType) => GroupedItemsHookType;
+
+export declare const useHoverActive: (ref: RefObject<Element>) => boolean[];
+
+export declare const useMobilePanel: (onOpen?: (() => void) | undefined, onClose?: (() => void) | undefined) => MobilePanelHookType;
+
+/**
+ * @param disableCloseByOutsideClick - Disable closing dialog by clicks outside popUp.
+ * @param onHide - Custom functions to be called together with internal handle hide
+ * @param onShow - Custom functions to be called together with internal handle show
+ */
+export declare const useModal: (disableCloseByOutsideClick?: boolean, onHide?: (() => void) | undefined, onShow?: (() => void) | undefined) => ModalHookType;
+
+export declare const useOnScreen: (ref: RefObject<Element>) => boolean;
+
+export declare const UserAuth: ({ children, mobileKey, resetTimer, state, testId, theme, timer, title }: UserAuthPropsType) => JSX.Element;
+
+export declare interface UserAuthPropsType extends ComponentPropsType {
+    /** Children to be rendered in the main container. */
+    children?: ReactNode;
+    /** Need to be defined if you want to display form for mobile key. */
+    mobileKey?: {
+        /** Message if error appears. */
+        error?: string;
+        /** Title for input. */
+        message: ReactElement | string;
+        /** Name for mobile key input */
+        name?: string;
+        /** Callback function fired when value of input field changes. */
+        onChange: (oldValue: ReactText, newValue: ReactText) => void;
+        /** Input placeholder. */
+        placeholder: ReactElement | string;
+    };
+    /** Flag that seconds counter should be reset to starting value and potentially mobile key to empty value. */
+    resetTimer?: boolean;
+    /** State of authentication. */
+    state: 'success' | 'error' | 'waiting';
+    /** Need to be defined if you want to show countdown in loader.  */
+    timer?: {
+        /** Callback function fired when timer hits zero.  */
+        onTimeExpired: () => void;
+        /** Number of seconds to countdown. */
+        time: number;
+        /** Hidden texts for accessibility */
+        aria: {
+            /** Minute texts for aria notifications. */
+            minutes: {
+                1: string;
+                2: string;
+                5: string;
+            };
+            /** Seconds texts for aria notifications. */
+            seconds: string;
+            /** Notifying user on time left. */
+            timeLeft: string;
+            /** Notifying user on time expired. */
+            timeExpired: string;
+        };
+    };
+    /** Title message of component. */
+    title: ReactNode;
+}
+
+export declare const useThemeDetector: () => boolean;
+
+export declare const useToast: () => UseToastType;
+
+declare interface UseToastType {
+    addToast(toast: ToastType): void;
+    removeToast(toastId?: string): void;
+    removeAllToasts(): void;
+}
+
+export declare const useWindowSize: () => useWindowSizeType;
+
+declare type useWindowSizeType = {
+    windowSize: {
+        width: number;
+        height: number;
+    };
+};
+
+export declare const useWindowWidth: () => number;
+
+export declare const withDisabledTooltip: ({ disabledTooltip: tooltipContent, disabledTooltipType, isDisabled, verticalOffset }: Props) => (children: ReactElement) => ReactElement;
+
+export { }