@plesk/ui-library 3.35.6 → 3.35.8

package/types/src/components/FormFieldPassword/FormFieldPassword.d.ts

@@ -3,7 +3,7 @@ import Button from '../Button';
 import FormField from '../FormField';
 import { PasswordMeterProps } from './PasswordMeter';
 import './FormFieldPassword.less';
-export declare type FormFieldPasswordProps = {
+export type FormFieldPasswordProps = {
     /**
      * Is show button hidden?
      * @since 0.0.59
@@ -53,7 +53,7 @@ export declare type FormFieldPasswordProps = {
      */
     baseClassName?: string;
 } & ComponentProps<typeof FormField>;
-declare type FormFieldPasswordState = {
+type FormFieldPasswordState = {
     visible: boolean;
     passwordMeterVisible: boolean;
 };
@@ -85,7 +85,7 @@ declare class FormFieldPassword extends Component<FormFieldPasswordProps, FormFi
     renderGenerateButton({ setValue, isDisabled, }: {
         setValue: (value: any) => void;
         isDisabled: () => boolean;
-    }): JSX.Element;
-    render(): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default FormFieldPassword;

package/types/src/components/FormFieldPassword/PasswordMeter.d.ts

@@ -1,7 +1,7 @@
 import { FunctionComponent, ReactElement } from 'react';
 import { PopoverProps } from '../Popover';
 import estimatePassword, { EstimateResult, EstimateRule } from './estimatePassword';
-export declare type PasswordMeterProps = {
+export type PasswordMeterProps = {
     children: ReactElement;
     value: string;
     onEstimate?: (password: string, defaultEstimateFn: typeof estimatePassword, defaultEstimateRules: EstimateRule[]) => EstimateResult;

package/types/src/components/FormFieldPassword/estimatePassword.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-export declare type EstimateRule = {
+export type EstimateRule = {
     name: string;
     suggestion?: ReactNode;
     score: (password: string) => number;
 };
-export declare type EstimateResult = {
+export type EstimateResult = {
     strength: 'VeryWeak' | 'Weak' | 'Medium' | 'Strong' | 'VeryStrong';
     suggestions: ReactNode[];
 };

package/types/src/components/FormFieldSelect/FormFieldSelect.d.ts

@@ -1,8 +1,8 @@
 import { FunctionComponent, ComponentProps } from 'react';
 import Select from '../Select';
 import './FormFieldSelect.less';
-declare type SelectProps = ComponentProps<typeof Select>;
-export declare type FormFieldSelectProps = Omit<SelectProps, 'value' | 'defaultValue' | 'onChange'>;
+type SelectProps = ComponentProps<typeof Select>;
+export type FormFieldSelectProps = Omit<SelectProps, 'value' | 'defaultValue' | 'onChange'>;
 /**
  * `FormFieldSelect` componentis is used for making a choice among a set of related options.
  * See description of `Select` for [the full list of properties](#!/Select) of this component.

package/types/src/components/FormFieldText/FormFieldText.d.ts

@@ -3,16 +3,16 @@ import FormField from '../FormField';
 import { InputProps } from '../Input';
 import { TextAreaProps } from '../TextArea';
 import './FormFieldText.less';
-declare type MultilineProps = {
+type MultilineProps = {
     multiline: true;
     inputProps?: Partial<TextAreaProps>;
 };
-declare type SingleLineProps = {
+type SingleLineProps = {
     multiline?: false;
     inputProps?: Partial<InputProps>;
 };
-declare type LinePropsBase = MultilineProps | SingleLineProps;
-export declare type FormFieldTextProps = ComponentProps<typeof FormField> & {
+type LinePropsBase = MultilineProps | SingleLineProps;
+export type FormFieldTextProps = ComponentProps<typeof FormField> & {
     /**
      * Size of the input
      * @since 0.0.58

package/types/src/components/Grid/Grid.d.ts

@@ -1,8 +1,8 @@
 import { Component, ReactNode } from 'react';
 import { ContentRect } from 'react-measure';
 import './Grid.less';
-declare type ColumnsNumber = 1 | 2 | 3 | 4 | 5 | 6 | 'auto';
-declare type CalculateMaxColumns = (options: {
+type ColumnsNumber = 1 | 2 | 3 | 4 | 5 | 6 | 'auto';
+type CalculateMaxColumns = (options: {
     width: number;
 }) => number;
 export interface GridProps {
@@ -91,7 +91,7 @@ declare class Grid extends Component<GridProps, GridState> {
         xs: ColumnsNumber | undefined;
     };
     handleResize: ({ bounds }: ContentRect) => void;
-    getGapSize(): 0 | 8 | 12 | 16 | 24 | 32;
-    render(): JSX.Element;
+    getGapSize(): 0 | 8 | 16 | 32 | 12 | 24;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default Grid;

package/types/src/components/GridCol/GridCol.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, HTMLAttributes } from 'react';
-declare type GridColSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type GridColSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export interface GridColProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Content of the `GridCol`.
@@ -49,5 +49,5 @@ export interface GridColProps extends HTMLAttributes<HTMLDivElement> {
  * `GridCol` component is a part of [Grid](#!/Grid) component.
  * @since 0.0.48
  */
-declare const GridCol: ({ baseClassName, className, children, xs, sm, md, lg, xl, ...props }: GridColProps) => JSX.Element;
+declare const GridCol: ({ baseClassName, className, children, xs, sm, md, lg, xl, ...props }: GridColProps) => import("react/jsx-runtime").JSX.Element;
 export default GridCol;

package/types/src/components/Heading/Heading.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, ReactElement, ElementType, FunctionComponent } from 'react';
 import { IconName, IconProps } from '../Icon';
 import './Heading.less';
-declare type HeadingProps = {
+type HeadingProps = {
     /**
      * Importance of the `Title`. Render as h1, h2, etc.
      * @since 2.3.0

package/types/src/components/Hint/Hint.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, FunctionComponent, ElementType } from 'react';
 import '../../helpers/base.less';
 import './Hint.less';
-declare type HintProps = {
+type HintProps = {
     /**
      * Content of the `Hint`.
      * @since 0.0.47

package/types/src/components/Icon/Icon.d.ts

@@ -3,7 +3,7 @@ import { IconName } from './constants';
 import '../../helpers/base.less';
 import './Icon.less';
 export * from './constants';
-export declare type IconSize = '12' | '16' | '24' | '32' | '48' | '64' | '96' | '128' | '192';
+export type IconSize = '12' | '16' | '24' | '32' | '48' | '64' | '96' | '128' | '192';
 export declare const ICON_SIZE_12: IconSize;
 export declare const ICON_SIZE_16: IconSize;
 export declare const ICON_SIZE_24: IconSize;
@@ -13,7 +13,7 @@ export declare const ICON_SIZE_64: IconSize;
 export declare const ICON_SIZE_96: IconSize;
 export declare const ICON_SIZE_128: IconSize;
 export declare const ICON_SIZE_192: IconSize;
-export declare type IconProps = {
+export type IconProps = {
     /**
      * @ignore
      */
@@ -73,7 +73,7 @@ export declare type IconProps = {
      */
     children?: ReactNode;
 } & Omit<HTMLProps<HTMLSpanElement>, 'size'>;
-declare type StaticMethods = {
+type StaticMethods = {
     create: (...args: any) => any;
 };
 /**

package/types/src/components/Icon/constants.d.ts

@@ -1,3 +1,3 @@
 export declare const NAMES_12: IconName[];
-export declare type IconName = 'archive' | 'arrow-back' | 'arrow-diagonal-out' | 'arrow-down' | 'arrow-down-circle-filled' | 'arrow-down-in' | 'arrow-down-out' | 'arrow-down-tray' | 'arrow-left' | 'arrow-left-circle-filled' | 'arrow-right' | 'arrow-right-circle-filled' | 'arrow-right-in' | 'arrow-right-out' | 'arrow-up' | 'arrow-up-circle' | 'arrow-up-circle-filled' | 'arrow-up-in' | 'arrow-up-in-cloud' | 'arrow-up-out' | 'arrow-up-tray' | 'arrows-four-directions' | 'arrows-inward' | 'arrows-loop' | 'arrows-opposite' | 'arrows-outward' | 'backup' | 'backup2' | 'bar-chart-vertical' | 'bar-chart-vertical-arrow-up' | 'bar-chart-vertical-lock' | 'bell' | 'book-email' | 'boundary' | 'box-diagonal-bottom-in' | 'box-diagonal-top-in' | 'brush' | 'bug' | 'calendar' | 'calendar-clock' | 'camera' | 'card' | 'card-ribbon' | 'card-row' | 'card-tile' | 'cd' | 'cd-up-in-cloud' | 'chain' | 'chain-broken' | 'chat' | 'check-list' | 'check-mark' | 'check-mark-circle' | 'check-mark-circle-filled' | 'chevron-double-down' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-diagonal' | 'clean' | 'clip' | 'clock' | 'clone' | 'cloud' | 'cloud-checkmark' | 'cloud-crossed' | 'cloud-graph' | 'code' | 'connection' | 'console' | 'console-filled' | 'copy' | 'copy-indicator' | 'cpu' | 'crane' | 'credit-cards' | 'cross-mark' | 'cross-mark-circle' | 'cross-mark-circle-filled' | 'crown-transfer' | 'dashboard' | 'database' | 'database-box' | 'database-filled' | 'database-plus' | 'deploy' | 'docker-filled' | 'dollar' | 'dollar-filled' | 'dot' | 'dot-big' | 'emoticon-confused' | 'emoticon-dead' | 'emoticon-excited' | 'emoticon-happy' | 'emoticon-neutral' | 'emoticon-sad' | 'emoticon-smile' | 'enter' | 'exclamation-mark-circle' | 'exclamation-mark-circle-filled' | 'eye' | 'eye-closed' | 'facebook' | 'facebook-filled' | 'feedback' | 'filter' | 'filter-check-mark' | 'fire' | 'flag' | 'flag-filled' | 'flag-globe' | 'floppy-disk' | 'folder-closed' | 'folder-key' | 'folder-network' | 'folder-open' | 'folders-tree' | 'forward-circle-filled' | 'four-squares' | 'gear' | 'git' | 'github' | 'globe' | 'hard-drive' | 'hard-drive-key' | 'hat' | 'hexagons' | 'home' | 'info-circle' | 'info-circle-filled' | 'ip-addresses' | 'joomla' | 'kebab' | 'key' | 'laravel' | 'lifebuoy' | 'lightbulb' | 'limit' | 'linux' | 'list' | 'list-check-mark' | 'location' | 'lock-closed' | 'lock-closed-check' | 'lock-closed-filled' | 'lock-open' | 'lock-open-cross' | 'lock-open-filled' | 'mail' | 'mail-circle-filled' | 'mail-settings' | 'megaphone' | 'menu' | 'menu-thin' | 'microsoft' | 'minimize' | 'minus' | 'minus-circle' | 'minus-circle-filled' | 'monitoring' | 'monitoring-off' | 'my-little-admin' | 'net' | 'nine-dots' | 'node-js' | 'package' | 'panel' | 'panel-check' | 'panel-eye' | 'panel-key' | 'panel-settings' | 'panels' | 'pause-circle' | 'pencil' | 'pencil-dialog' | 'php' | 'phpmyadmin' | 'pin' | 'pipette' | 'plans' | 'plugins' | 'plus' | 'plus-circle' | 'plus-circle-filled' | 'power' | 'projects' | 'puzzle' | 'python' | 'question-mark-circle' | 'question-mark-circle-filled' | 'ram' | 'react-js' | 'recycle' | 'redirect-circle-filled' | 'refresh' | 'reload' | 'remove' | 'reset' | 'resource' | 'ribbon' | 'rocket' | 'ruby' | 'sand-clock' | 'scan' | 'screen' | 'search' | 'security-check' | 'send' | 'server' | 'servers' | 'share' | 'shield' | 'shield-attention-filled' | 'shield-chain' | 'shield-filled' | 'shopping-cart' | 'sidebar-right-hide' | 'sidebar-right-show' | 'signal-light' | 'site-page' | 'sleep' | 'sliders' | 'square-with-circles' | 'star' | 'star-circle-filled' | 'star-filled' | 'star-half-filled' | 'start' | 'start-circle' | 'start-filled' | 'stop' | 'stop-circle' | 'storage' | 'themes' | 'three-dots-horizontal' | 'three-dots-vertical' | 'tools' | 'transfer' | 'triangle-exclamation-mark' | 'triangle-exclamation-mark-filled' | 'unarchive' | 'user' | 'volume' | 'web' | 'web-plus' | 'web-settings' | 'windows' | 'woocommerce' | 'wordpress' | 'zero-circle-filled';
+export type IconName = 'archive' | 'arrow-back' | 'arrow-diagonal-out' | 'arrow-down' | 'arrow-down-circle-filled' | 'arrow-down-in' | 'arrow-down-out' | 'arrow-down-tray' | 'arrow-left' | 'arrow-left-circle-filled' | 'arrow-right' | 'arrow-right-circle-filled' | 'arrow-right-in' | 'arrow-right-out' | 'arrow-up' | 'arrow-up-circle' | 'arrow-up-circle-filled' | 'arrow-up-in' | 'arrow-up-in-cloud' | 'arrow-up-out' | 'arrow-up-tray' | 'arrows-four-directions' | 'arrows-inward' | 'arrows-loop' | 'arrows-opposite' | 'arrows-outward' | 'backup' | 'backup2' | 'bar-chart-vertical' | 'bar-chart-vertical-arrow-up' | 'bar-chart-vertical-lock' | 'bell' | 'book-email' | 'boundary' | 'box-diagonal-bottom-in' | 'box-diagonal-top-in' | 'brush' | 'bug' | 'calendar' | 'calendar-clock' | 'camera' | 'card' | 'card-ribbon' | 'card-row' | 'card-tile' | 'cd' | 'cd-up-in-cloud' | 'chain' | 'chain-broken' | 'chat' | 'check-list' | 'check-mark' | 'check-mark-circle' | 'check-mark-circle-filled' | 'chevron-double-down' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-diagonal' | 'clean' | 'clip' | 'clock' | 'clone' | 'cloud' | 'cloud-checkmark' | 'cloud-crossed' | 'cloud-graph' | 'code' | 'connection' | 'console' | 'console-filled' | 'copy' | 'copy-indicator' | 'cpu' | 'crane' | 'credit-cards' | 'cross-mark' | 'cross-mark-circle' | 'cross-mark-circle-filled' | 'crown-transfer' | 'dashboard' | 'database' | 'database-box' | 'database-filled' | 'database-plus' | 'deploy' | 'docker-filled' | 'dollar' | 'dollar-filled' | 'dot' | 'dot-big' | 'emoticon-confused' | 'emoticon-dead' | 'emoticon-excited' | 'emoticon-happy' | 'emoticon-neutral' | 'emoticon-sad' | 'emoticon-smile' | 'enter' | 'exclamation-mark-circle' | 'exclamation-mark-circle-filled' | 'eye' | 'eye-closed' | 'facebook' | 'facebook-filled' | 'feedback' | 'filter' | 'filter-check-mark' | 'fire' | 'flag' | 'flag-filled' | 'flag-globe' | 'floppy-disk' | 'folder-closed' | 'folder-key' | 'folder-network' | 'folder-open' | 'folders-tree' | 'forward-circle-filled' | 'four-squares' | 'gear' | 'git' | 'github' | 'globe' | 'hard-drive' | 'hard-drive-key' | 'hat' | 'hexagons' | 'home' | 'info-circle' | 'info-circle-filled' | 'ip-addresses' | 'joomla' | 'kebab' | 'key' | 'laravel' | 'lifebuoy' | 'lightbulb' | 'limit' | 'linux' | 'list' | 'list-check-mark' | 'location' | 'lock-closed' | 'lock-closed-check' | 'lock-closed-filled' | 'lock-open' | 'lock-open-cross' | 'lock-open-filled' | 'mail' | 'mail-circle-filled' | 'mail-settings' | 'megaphone' | 'menu' | 'menu-thin' | 'microsoft' | 'minimize' | 'minus' | 'minus-circle' | 'minus-circle-filled' | 'monitoring' | 'monitoring-off' | 'my-little-admin' | 'net' | 'nine-dots' | 'node-js' | 'package' | 'panel' | 'panel-check' | 'panel-eye' | 'panel-key' | 'panel-settings' | 'panels' | 'pause-circle' | 'pencil' | 'pencil-dialog' | 'php' | 'phpmyadmin' | 'pin' | 'pipette' | 'plans' | 'plugins' | 'plus' | 'plus-circle' | 'plus-circle-filled' | 'power' | 'projects' | 'puzzle' | 'python' | 'question-mark-circle' | 'question-mark-circle-filled' | 'ram' | 'react-js' | 'recycle' | 'redirect-circle-filled' | 'refresh' | 'reload' | 'remove' | 'reset' | 'resource' | 'ribbon' | 'rocket' | 'ruby' | 'sand-clock' | 'scan' | 'screen' | 'search' | 'security-check' | 'send' | 'server' | 'servers' | 'share' | 'shield' | 'shield-attention-filled' | 'shield-chain' | 'shield-filled' | 'shopping-cart' | 'sidebar-right-hide' | 'sidebar-right-show' | 'signal-light' | 'site-page' | 'sleep' | 'sliders' | 'square-with-circles' | 'star' | 'star-circle-filled' | 'star-filled' | 'star-half-filled' | 'start' | 'start-circle' | 'start-filled' | 'stop' | 'stop-circle' | 'storage' | 'themes' | 'three-dots-horizontal' | 'three-dots-vertical' | 'tools' | 'transfer' | 'triangle-exclamation-mark' | 'triangle-exclamation-mark-filled' | 'unarchive' | 'user' | 'volume' | 'web' | 'web-plus' | 'web-settings' | 'windows' | 'woocommerce' | 'wordpress' | 'zero-circle-filled';
 export declare const NAMES: IconName[];

package/types/src/components/InPlaceEdit/InPlaceEdit.d.ts

@@ -20,7 +20,7 @@ export interface InPlaceEditProps extends Omit<HTMLAttributes<HTMLDivElement>, '
      */
     baseClassName?: string;
 }
-declare type InPlaceEditState = {
+type InPlaceEditState = {
     editing: boolean;
     draft: ReactNode;
 };
@@ -45,6 +45,6 @@ declare class InPlaceEdit extends Component<InPlaceEditProps, InPlaceEditState>
     handleEditKey: (event: KeyboardEvent<HTMLInputElement>) => void;
     handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
     handleEditOk: () => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default InPlaceEdit;

package/types/src/components/Input/Input.d.ts

@@ -1,10 +1,11 @@
 import { FunctionComponent, HTMLProps, ReactNode, MutableRefObject } from 'react';
+import { DataAttributes } from '../../utils/types';
 import '../../helpers/base.less';
 import './Input.less';
-declare type RootProps = {
+type RootProps = {
     [k: string]: any;
 } & HTMLProps<HTMLSpanElement>;
-export declare type InputProps = {
+export type InputProps = {
     /**
      * The HTML input type.
      * @since 0.0.57
@@ -47,7 +48,7 @@ export declare type InputProps = {
      * @ignore
      */
     innerRef?: MutableRefObject<null | HTMLInputElement> | ((el: HTMLInputElement) => void);
-} & Omit<HTMLProps<HTMLInputElement>, 'size' | 'prefix'>;
+} & DataAttributes & Omit<HTMLProps<HTMLInputElement>, 'size' | 'prefix'>;
 /**
  * `Input` component is used for entering short text (like user name or email address).
  * @since 0.0.57

package/types/src/components/InputFile/InputFile.d.ts

@@ -51,5 +51,5 @@ export interface InputFileProps extends DataAttributes {
  * `InputFile` component is used for browsing and choosing a file from the local disk.
  * @since 3.2.0
  */
-declare const InputFile: ({ baseClassName, className, onChange, name, disabled, locale, testId, accept, ...props }: InputFileProps) => JSX.Element;
+declare const InputFile: ({ baseClassName, className, onChange, name, disabled, locale, testId, accept, ...props }: InputFileProps) => import("react/jsx-runtime").JSX.Element;
 export default InputFile;

package/types/src/components/Item/Item.d.ts

@@ -0,0 +1,79 @@
+import { ElementType, ReactNode, ReactElement, AnchorHTMLAttributes } from 'react';
+import { IconName, IconProps } from '../Icon';
+import { PolymorphicComponentProps } from '../../utils/types';
+import './Item.less';
+export type ItemView = 'simple' | 'card';
+interface ItemBaseProps {
+    /**
+     * View mode.
+     * @since 2.1.0
+     */
+    view?: ItemView;
+    /**
+     * Icon.
+     * @since 0.0.48
+     * @type IconName | IconProps | ReactNode
+     */
+    icon?: IconName | IconProps | ReactNode;
+    /**
+     * Title.
+     * @since 0.0.48
+     * @type string | ReactElement | AnchorHTMLAttributes<HTMLAnchorElement>
+     */
+    title?: string | ReactElement<unknown> | AnchorHTMLAttributes<HTMLAnchorElement>;
+    /**
+     * Content for footer.
+     * @since 2.1.0
+     */
+    footer?: ReactNode;
+    /**
+     * Description. Renders as small grey text.
+     * @since 2.1.0
+     */
+    description?: ReactNode;
+    /**
+     * Content of the `Item`.
+     * @since 0.0.48
+     */
+    children?: ReactNode;
+    /**
+     * An unique value. It needs only in ItemList with selectable view.
+     * @since 2.3.0
+     */
+    value?: string | number;
+    /**
+     * Tooltip for component.
+     * @since 2.5.1
+     */
+    tooltip?: ReactNode;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * Whether disabled or not.
+     * @since 3.15.0
+     */
+    disabled?: boolean;
+    /**
+     * Add hover shadow and pointer cursor.
+     * @since 3.26.0
+     */
+    hoverable?: boolean;
+}
+export type ItemProps<Component extends ElementType = 'div'> = {
+    /**
+     * Component to render as the root element. Useful when rendering a `Button` as `<a>` or `<Link>`.
+     * @since 0.0.42
+     * @type ElementType
+     * @default div
+     */
+    component?: Component;
+} & PolymorphicComponentProps<Component, ItemBaseProps>;
+/**
+ * `Item` component is element of [ItemList](#!/ItemList) and it is presented as
+ * a combination of icon, text title and content (similar to [Media](#!/Media)).
+ * @since 0.0.48
+ */
+declare const Item: <Component extends ElementType = "div">({ children, baseClassName, component, view, className, icon, title, description, footer, value, tooltip, disabled, hoverable, ...props }: ItemProps<Component>) => import("react/jsx-runtime").JSX.Element;
+export default Item;

package/types/src/components/Item/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Item';
+export type { ItemProps, ItemView } from './Item';

package/types/src/components/ItemLink/ItemLink.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, FunctionComponent, HTMLProps } from 'react';
 import './ItemLink.less';
-declare type ItemLinkProps = {
+type ItemLinkProps = {
     /**
      * @ignore
      */

package/types/src/components/ItemList/ItemList.d.ts

@@ -2,8 +2,8 @@ import { Component, ComponentProps, ReactElement, MouseEvent, ReactNode } from '
 import Grid from '../Grid';
 import '../Item/Item.less';
 import './ItemList.less';
-declare type ItemValue = string | number;
-declare type ItemProps = {
+type ItemValue = string | number;
+type ItemProps = {
     className?: string;
     onClick?: (e: MouseEvent<ReactElement>) => void;
     value?: ItemValue;
@@ -12,7 +12,7 @@ declare type ItemProps = {
     hoverable?: boolean;
     footer?: ReactNode;
 };
-declare type ItemListProps = {
+type ItemListProps = {
     /**
      * Add hover styles for `Item` inside `ItemList`.
      * @since 2.1.0
@@ -74,7 +74,7 @@ declare type ItemListProps = {
      */
     baseClassName?: string;
 } & Pick<ComponentProps<typeof Grid>, 'gap'>;
-declare type ItemListState = {
+type ItemListState = {
     ReorderableGrid: null | any;
     ReorderableGridCol: null | any;
     value: null | ItemValue | ItemValue[];
@@ -98,7 +98,7 @@ declare class ItemList extends Component<ItemListProps, ItemListState> {
     } | null;
     componentDidMount(): void;
     createItemProps: (item: ReactElement<ItemProps>) => ItemProps;
-    renderNormal({ baseClassName, children, ...props }: ItemListProps): JSX.Element;
+    renderNormal({ baseClassName, children, ...props }: ItemListProps): import("react/jsx-runtime").JSX.Element;
     someChild(predicate: (child: ReactElement<ItemProps>) => boolean): boolean;
     /**
      * There are some states where we can't manage hoverable state
@@ -107,7 +107,7 @@ declare class ItemList extends Component<ItemListProps, ItemListState> {
     isHoverable(): boolean;
     hasViewCard(): boolean;
     hasHoverableCard(): boolean;
-    renderReorderable({ baseClassName, onReorderEnd, children, ...props }: ItemListProps): JSX.Element | null;
-    render(): JSX.Element;
+    renderReorderable({ baseClassName, onReorderEnd, children, ...props }: ItemListProps): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default ItemList;

package/types/src/components/Label/Label.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, ReactElement, ComponentPropsWithoutRef, ElementType } from 'react';
 import { IconName, IconProps } from '../Icon';
 import './Label.less';
-declare type BaseLabelProps<T extends ElementType> = {
+type BaseLabelProps<T extends ElementType> = {
     /**
      * Content of the Label.
      * @since 0.0.42
@@ -46,10 +46,10 @@ declare type BaseLabelProps<T extends ElementType> = {
      */
     baseClassName?: string;
 };
-declare type LabelProps<T extends ElementType> = BaseLabelProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof BaseLabelProps<T>>;
+type LabelProps<T extends ElementType> = BaseLabelProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof BaseLabelProps<T>>;
 /**
  * `Label` component is used for showing multiple characteristics or attributes of an object.
  * @since 0.0.42
  */
-declare const Label: <T extends ElementType<any> = "button" | "span">({ baseClassName, children, className, component, icon, intent, view, size, caps, ...props }: LabelProps<T>) => JSX.Element;
+declare const Label: <T extends ElementType = "button" | "span">({ baseClassName, children, className, component, icon, intent, view, size, caps, ...props }: LabelProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Label;

package/types/src/components/Layer/Layer.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, Ref } from 'react';
 export declare const PortalContext: import("react").Context<HTMLElement | undefined>;
-declare type LayerProps = {
+type LayerProps = {
     /**
      * Content of the `Layer`.
      */

package/types/src/components/Layout/Layout.d.ts

@@ -2,7 +2,7 @@ import { Component, ReactNode } from 'react';
 import { ContentRect } from 'react-measure';
 import '../../helpers/base.less';
 import './Layout.less';
-declare type CollapsedState = 'responsive' | 'desktop';
+type CollapsedState = 'responsive' | 'desktop';
 export interface LayoutProps {
     /**
      * Type of the `Layout`
@@ -90,7 +90,7 @@ export interface LayoutProps {
      */
     baseClassName?: string;
 }
-declare type LayoutState = {
+type LayoutState = {
     isSidebarClosedDesktop?: boolean;
     isSidebarClosedResponsive?: boolean;
     headerHeight?: number | null;
@@ -140,22 +140,22 @@ export default class Layout extends Component<LayoutProps, LayoutState> {
     getSidebarClosed: () => boolean;
     renderHeader({ header }: {
         header: ReactNode;
-    }): JSX.Element | null;
+    }): import("react/jsx-runtime").JSX.Element | null;
     renderContentAddon({ contentAddon }: {
         contentAddon: ReactNode;
-    }): JSX.Element | null;
+    }): import("react/jsx-runtime").JSX.Element | null;
     renderContentHeader({ contentHeader }: {
         contentHeader: ReactNode;
-    }): JSX.Element | null;
+    }): import("react/jsx-runtime").JSX.Element | null;
     renderSidebar({ sidebar }: {
         sidebar: ReactNode;
-    }): JSX.Element | null;
+    }): import("react/jsx-runtime").JSX.Element | null;
     renderMainContent({ children }: {
         children: ReactNode;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     renderFooter({ footer }: {
         footer: ReactNode;
-    }): JSX.Element | null;
-    render(): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/types/src/components/Link/Link.d.ts

@@ -1,7 +1,7 @@
 import { ElementType, SyntheticEvent, ReactNode } from 'react';
 import { PolymorphicComponentProps } from '../../utils/types';
 import './Link.less';
-export declare type BaseLinkProps = {
+export type BaseLinkProps = {
     /**
      * @ignore
      */
@@ -31,7 +31,7 @@ export declare type BaseLinkProps = {
      */
     pseudo?: boolean;
 };
-export declare type LinkProps<Component extends ElementType = 'a'> = {
+export type LinkProps<Component extends ElementType = 'a'> = {
     /**
      * Component to render as the root element. Useful when rendering a `Link` as other component or tag.
      * @since 0.0.42
@@ -44,5 +44,5 @@ export declare type LinkProps<Component extends ElementType = 'a'> = {
  * `Link` is used for navigation purposes.
  * @since 1.9.0
  */
-declare const Link: <Component extends ElementType<any> = "a">({ baseClassName, className, onClick, disabled, pseudo, component, children, ...other }: LinkProps<Component>) => JSX.Element;
+declare const Link: <Component extends ElementType = "a">({ baseClassName, className, onClick, disabled, pseudo, component, children, ...other }: LinkProps<Component>) => import("react/jsx-runtime").JSX.Element;
 export default Link;

package/types/src/components/List/ListAction.d.ts

@@ -1,9 +1,9 @@
 import { ReactElement, ReactNode } from 'react';
 import { IconProps } from '../Icon';
-export declare type ListActionRenderFn = (props: {
+export type ListActionRenderFn = (props: {
     wrap: (children: ReactNode) => ReactNode;
 }) => ReactElement | null;
-declare type ListActionProps = {
+type ListActionProps = {
     /**
      * Should render as a ghost button in List's default mode. Icon is required for the ListAction with this property.
      * @since 3.3.0
@@ -35,5 +35,5 @@ declare type ListActionProps = {
  * It accepts the props of [Button](#!/Button) and [MenuItem](#!/MenuItem) components.
  * @since 3.3.0
  */
-declare const ListAction: ({ primary, children, tooltip, ...props }: ListActionProps) => JSX.Element | null;
+declare const ListAction: ({ primary, children, tooltip, ...props }: ListActionProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ListAction;

package/types/src/components/List/ListActions.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import './ListActions.less';
-export declare type ListActionsProps = {
+export type ListActionsProps = {
     /**
      * @ignore
      */
@@ -26,5 +26,5 @@ export declare type ListActionsProps = {
  * `ListActions` component is used for performing operations on individual objects in [List](#!/List).
  * @since 3.3.0
  */
-declare const ListActions: ({ baseClassName, className, children, locale, ...props }: ListActionsProps) => JSX.Element;
+declare const ListActions: ({ baseClassName, className, children, locale, ...props }: ListActionsProps) => import("react/jsx-runtime").JSX.Element;
 export default ListActions;

package/types/src/components/List/ListActionsDivider.d.ts

@@ -1,10 +1,10 @@
 import { ComponentProps } from 'react';
 import { MenuDivider } from '../Menu';
-declare type ListActionsDividerProps = ComponentProps<typeof MenuDivider>;
+type ListActionsDividerProps = ComponentProps<typeof MenuDivider>;
 /**
  * `ListActionsDivider` component is a part of [ListActions](#!/ListActions) component.
  * It accepts the props of [MenuDivider](#!/MenuDivider) component.
  * @since 3.10.0
  */
-declare const ListActionsDivider: (props: ListActionsDividerProps) => JSX.Element;
+declare const ListActionsDivider: (props: ListActionsDividerProps) => import("react/jsx-runtime").JSX.Element;
 export default ListActionsDivider;

package/types/src/components/List/ListEmptyView.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
 import './ListEmptyView.less';
-declare type ListEmptyViewProps = {
+type ListEmptyViewProps = {
     /**
      * A title.
      * @since 2.5.0

package/types/src/components/List/ListOperation.d.ts

@@ -1,5 +1,9 @@
 import { FunctionComponent, ReactElement, ReactNode, MouseEvent } from 'react';
-export declare type ListOperationProps = {
+type TextFunction = (params: {
+    selectedRows: ReactNode;
+    selectedRowTitle: ReactNode;
+}) => ReactNode;
+export type ListOperationProps = {
     /**
      * Whether a critical operation or not. E.g. updating, deleting are critical operations.
      * @since 2.4.0
@@ -9,22 +13,22 @@ export declare type ListOperationProps = {
      * The text displayed when the action for selected items needs to be confirmed.
      * @since 2.4.0
      */
-    confirmationText?: ReactNode;
+    confirmationText?: ReactNode | TextFunction;
     /**
      * The text displayed when no item is selected.
      * @since 2.4.0
      */
-    noSelectionText?: ReactNode;
+    noSelectionText?: ReactNode | TextFunction;
     /**
      * The text for the action button.
      * @since 2.4.0
      */
-    actionButtonText?: ReactNode;
+    actionButtonText?: ReactNode | TextFunction;
     /**
      * The text for the cancel button.
      * @since 2.4.0
      */
-    cancelButtonText?: ReactNode;
+    cancelButtonText?: ReactNode | TextFunction;
     /**
      * A wrapped element.
      * @since 2.4.0

package/types/src/components/List/ListOperationContext.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type ListOperationContextType = {
+export type ListOperationContextType = {
     selectedRows: number | ReactNode;
     selectedRowTitle?: string | ReactNode;
 };

package/types/src/components/LocaleProvider/LocaleProvider.d.ts

@@ -1,14 +1,14 @@
 import { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
-declare type Message = string | Messages;
-declare type Messages = {
+type Message = string | Messages;
+type Messages = {
     [key: string]: Message;
 };
-declare type Translate = (key: string, params?: {
+type Translate = (key: string, params?: {
     [key: string]: unknown;
 }, fallback?: string) => string | ReactNode[];
 export declare const useTranslate: (namespace?: string) => Translate;
-declare type LocaleProviderProps = {
+type LocaleProviderProps = {
     /**
      * Localization messages
      * @since 0.0.42
@@ -32,6 +32,6 @@ declare class LocaleProvider extends PureComponent<LocaleProviderProps> {
             lmsg: Translate;
         };
     };
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default LocaleProvider;

package/types/src/components/Markdown/Markdown.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import './Markdown.less';
-export declare type MarkdownProps = {
+export type MarkdownProps = {
     /**
      * @ignore
      */
@@ -24,5 +24,5 @@ export declare type MarkdownProps = {
  * `Markdown` component is used for creating content with rich text formatting.
  * @since 0.0.42
  */
-declare const Markdown: ({ baseClassName, className, compact, children, ...props }: MarkdownProps) => JSX.Element;
+declare const Markdown: ({ baseClassName, className, compact, children, ...props }: MarkdownProps) => import("react/jsx-runtime").JSX.Element;
 export default Markdown;