@plesk/ui-library 3.34.2 → 3.35.1

package/dist/plesk-ui-library.js

@@ -1308,7 +1308,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
 var _Spinner = _interopRequireDefault(__webpack_require__(/*! ../Spinner */ "./components/Spinner/index.tsx"));
-var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.js"));
+var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.tsx"));
 var _oldIconNames = _interopRequireDefault(__webpack_require__(/*! ./old-icon-names.json */ "./components/Button/old-icon-names.json"));
 var _ResponsiveContext = _interopRequireDefault(__webpack_require__(/*! ../ResponsiveContext */ "./components/ResponsiveContext/index.tsx"));
 var _OnDarkContext = _interopRequireDefault(__webpack_require__(/*! ../OnDarkContext */ "./components/OnDarkContext/index.tsx"));
@@ -1644,9 +1644,9 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _reactTransitionGroup = __webpack_require__(/*! react-transition-group */ "../node_modules/react-transition-group/esm/index.js");
 var _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ "./components/Checkbox/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _ContentLoader = _interopRequireDefault(__webpack_require__(/*! ../ContentLoader */ "./components/ContentLoader/index.tsx"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _CardButton = _interopRequireDefault(__webpack_require__(/*! ./CardButton */ "./components/Card/CardButton.js"));
 var _PreviewPanel = _interopRequireDefault(__webpack_require__(/*! ./PreviewPanel */ "./components/Card/PreviewPanel.tsx"));
 __webpack_require__(/*! ./Card.less */ "./components/Card/Card.less");
@@ -2410,12 +2410,12 @@ var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ ".
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure */ "../node_modules/react-measure/dist/index.esm.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Pagination = _interopRequireDefault(__webpack_require__(/*! ../Pagination */ "./components/Pagination/index.js"));
+var _Pagination = _interopRequireDefault(__webpack_require__(/*! ../Pagination */ "./components/Pagination/index.tsx"));
 var _Grid = _interopRequireDefault(__webpack_require__(/*! ../Grid */ "./components/Grid/index.js"));
 var _GridCol = _interopRequireDefault(__webpack_require__(/*! ../GridCol */ "./components/GridCol/index.js"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Spinner = _interopRequireDefault(__webpack_require__(/*! ../Spinner */ "./components/Spinner/index.tsx"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _CardListToolbar = _interopRequireDefault(__webpack_require__(/*! ./CardListToolbar */ "./components/CardList/CardListToolbar.js"));
 __webpack_require__(/*! ./CardList.less */ "./components/CardList/CardList.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -2857,10 +2857,10 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Toolbar = _interopRequireWildcard(__webpack_require__(/*! ../Toolbar */ "./components/Toolbar/index.js"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _SegmentedControl = _interopRequireDefault(__webpack_require__(/*! ../SegmentedControl */ "./components/SegmentedControl/index.js"));
 var _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ "./components/Checkbox/index.tsx"));
@@ -3340,7 +3340,7 @@ Object.defineProperty(exports, "__esModule", ({
 exports["default"] = void 0;
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.js"));
+var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.tsx"));
 __webpack_require__(/*! ./Checkbox.less */ "./components/Checkbox/Checkbox.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -3495,7 +3495,7 @@ var _react = __webpack_require__(/*! react */ "react");
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Dialog = _interopRequireDefault(__webpack_require__(/*! ../Dialog */ "./components/Dialog/index.tsx"));
 var _Paragraph = _interopRequireDefault(__webpack_require__(/*! ../Paragraph */ "./components/Paragraph/index.tsx"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _enUS = _interopRequireDefault(__webpack_require__(/*! ./locale/en-US */ "./components/ClosingConfirmation/locale/en-US.js"));
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -4420,7 +4420,7 @@ exports.findNextSafeIndex = exports["default"] = void 0;
 var _react = __webpack_require__(/*! react */ "react");
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
-var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.js"));
+var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.tsx"));
 var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _AutoClosable = _interopRequireDefault(__webpack_require__(/*! ../AutoClosable */ "./components/AutoClosable/index.tsx"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
@@ -4897,7 +4897,6 @@ const useIconCursor = (icons, initialCursor, isSync) => {
   return [icons[cursor], targetRef];
 };
 const IconsLoader = _ref => {
-  var _icons;
   let {
     baseClassName = `${_constants.CLS_PREFIX}icons-loader`,
     className,
@@ -4907,7 +4906,7 @@ const IconsLoader = _ref => {
     ...props
   } = _ref;
   const syncRef = (0, _react.useRef)('icon1');
-  if (!((_icons = icons) !== null && _icons !== void 0 && _icons.length)) {
+  if (!icons?.length) {
     icons = DEFAULT_ICONS;
   } else if (icons.length === 1) {
     icons = [icons[0], icons[0]];
@@ -4993,7 +4992,7 @@ var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure */ "../node_modules/react-measure/dist/index.esm.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _Link = _interopRequireDefault(__webpack_require__(/*! ../Link */ "./components/Link/index.tsx"));
 __webpack_require__(/*! ./Cuttable.less */ "./components/Cuttable/Cuttable.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -5143,7 +5142,7 @@ var _Form = _interopRequireDefault(__webpack_require__(/*! ../Form */ "./compone
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
 var _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ "./components/Text/index.tsx"));
-var _Translate = _interopRequireWildcard(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireWildcard(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./Dialog.less */ "./components/Dialog/Dialog.less");
@@ -5455,8 +5454,8 @@ var _ClosingConfirmation = __webpack_require__(/*! ../ClosingConfirmation */ "./
 var _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ "./components/Drawer/Header.tsx"));
 var _Form = _interopRequireDefault(__webpack_require__(/*! ../Form */ "./components/Form/index.tsx"));
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
-var _Translate = __webpack_require__(/*! ../Translate */ "./components/Translate/index.js");
-var _ScrollableElementFormContext = _interopRequireDefault(__webpack_require__(/*! ../Form/ScrollableElementFormContext */ "./components/Form/ScrollableElementFormContext.js"));
+var _Translate = __webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx");
+var _ScrollableElementFormContext = _interopRequireDefault(__webpack_require__(/*! ../Form/ScrollableElementFormContext */ "./components/Form/ScrollableElementFormContext.tsx"));
 var _DrawerProgress = _interopRequireDefault(__webpack_require__(/*! ./DrawerProgress */ "./components/Drawer/DrawerProgress.tsx"));
 __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./Drawer.less */ "./components/Drawer/Drawer.less");
@@ -5654,9 +5653,9 @@ exports["default"] = void 0;
 var _react = __webpack_require__(/*! react */ "react");
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _ButtonContext = __webpack_require__(/*! ../Button/ButtonContext */ "./components/Button/ButtonContext.tsx");
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
-var _Progress = _interopRequireDefault(__webpack_require__(/*! ../Progress */ "./components/Progress/index.js"));
-var _ProgressStep = _interopRequireWildcard(__webpack_require__(/*! ../ProgressStep */ "./components/ProgressStep/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
+var _Progress = _interopRequireDefault(__webpack_require__(/*! ../Progress */ "./components/Progress/index.tsx"));
+var _ProgressStep = _interopRequireWildcard(__webpack_require__(/*! ../ProgressStep */ "./components/ProgressStep/index.tsx"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 __webpack_require__(/*! ./DrawerProgress.less */ "./components/Drawer/DrawerProgress.less");
@@ -6002,10 +6001,10 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _AutoClosable = _interopRequireDefault(__webpack_require__(/*! ../AutoClosable */ "./components/AutoClosable/index.tsx"));
-var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.js"));
+var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.tsx"));
 var _Layer = _interopRequireDefault(__webpack_require__(/*! ../Layer */ "./components/Layer/index.tsx"));
 var _Menu = __webpack_require__(/*! ../Menu */ "./components/Menu/index.js");
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _enUS = _interopRequireDefault(__webpack_require__(/*! ./locale/en-US */ "./components/Dropdown/locale/en-US.js"));
 __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ../Menu/Menu.less */ "./components/Menu/Menu.less");
@@ -6014,8 +6013,6 @@ var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-// TODO: move to Popover
-
 const createTarget = (node, _ref) => {
   let {
     onToggle,
@@ -6215,10 +6212,10 @@ exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Dropdown/index.js":
-/*!**************************************!*\
-  !*** ./components/Dropdown/index.js ***!
-  \**************************************/
+/***/ "./components/Dropdown/index.tsx":
+/*!***************************************!*\
+  !*** ./components/Dropdown/index.tsx ***!
+  \***************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -6227,14 +6224,27 @@ exports["default"] = _default;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
+var _exportNames = {};
 Object.defineProperty(exports, "default", ({
   enumerable: true,
   get: function () {
     return _Dropdown.default;
   }
 }));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ "./components/Dropdown/Dropdown.tsx"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Dropdown = _interopRequireWildcard(__webpack_require__(/*! ./Dropdown */ "./components/Dropdown/Dropdown.tsx"));
+Object.keys(_Dropdown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dropdown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Dropdown[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /***/ }),
 
@@ -6538,10 +6548,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Figure/Figure.js":
-/*!*************************************!*\
-  !*** ./components/Figure/Figure.js ***!
-  \*************************************/
+/***/ "./components/Figure/Figure.tsx":
+/*!**************************************!*\
+  !*** ./components/Figure/Figure.tsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -6551,8 +6561,6 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 __webpack_require__(/*! ./Figure.less */ "./components/Figure/Figure.less");
@@ -6563,9 +6571,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /**
  * Figure component.
  * @since 0.0.42
- */const Figure = _ref => {
+ */
+const Figure = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}figure`,
     className,
     href,
     caption,
@@ -6584,45 +6593,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     })]
   });
 };
-Figure.propTypes = {
-  /**
-   * @since 0.0.47
-   */
-  href: _propTypes.default.string,
-  /**
-   * @since 0.0.47
-   */
-  caption: _propTypes.default.any,
-  /**
-   * Content of the figure
-   * @since 0.0.42
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Figure.defaultProps = {
-  href: null,
-  caption: null,
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}figure`
-};
 var _default = Figure;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Figure/index.js":
-/*!************************************!*\
-  !*** ./components/Figure/index.js ***!
-  \************************************/
+/***/ "./components/Figure/index.tsx":
+/*!*************************************!*\
+  !*** ./components/Figure/index.tsx ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -6631,14 +6610,27 @@ exports["default"] = _default;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
+var _exportNames = {};
 Object.defineProperty(exports, "default", ({
   enumerable: true,
   get: function () {
     return _Figure.default;
   }
 }));
-var _Figure = _interopRequireDefault(__webpack_require__(/*! ./Figure */ "./components/Figure/Figure.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Figure = _interopRequireWildcard(__webpack_require__(/*! ./Figure */ "./components/Figure/Figure.tsx"));
+Object.keys(_Figure).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Figure[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Figure[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /***/ }),
 
@@ -6842,7 +6834,7 @@ var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./com
 var _ButtonContext = __webpack_require__(/*! ../Button/ButtonContext */ "./components/Button/ButtonContext.tsx");
 var _FormField = _interopRequireDefault(__webpack_require__(/*! ../FormField */ "./components/FormField/index.js"));
 var _Section = _interopRequireDefault(__webpack_require__(/*! ../Section */ "./components/Section/index.js"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _FormContext = _interopRequireDefault(__webpack_require__(/*! ./FormContext */ "./components/Form/FormContext.tsx"));
 var _VerticalContext = _interopRequireWildcard(__webpack_require__(/*! ../VerticalContext */ "./components/VerticalContext/index.tsx"));
 var _DisabledContext = _interopRequireDefault(__webpack_require__(/*! ./DisabledContext */ "./components/Form/DisabledContext.tsx"));
@@ -7209,7 +7201,8 @@ class Form extends _react.Component {
 /**
  * `Form` component is used for entering and submitting of user data.
  * [More details about designing of forms.](#!/Good%20Forms)
- * @since 0.0.54
+ *
+ * Since: 0.0.54
  */
 _defineProperty(Form, "defaultProps", {
   children: undefined,
@@ -7237,8 +7230,7 @@ const RefForwardingForm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const innerRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, () => ({
     submit() {
-      var _innerRef$current;
-      (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.dispatchEvent(new Event('submit', {
+      innerRef.current?.dispatchEvent(new Event('submit', {
         cancelable: true,
         bubbles: true
       }));
@@ -7278,10 +7270,10 @@ exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Form/ScrollableElementFormContext.js":
-/*!*********************************************************!*\
-  !*** ./components/Form/ScrollableElementFormContext.js ***!
-  \*********************************************************/
+/***/ "./components/Form/ScrollableElementFormContext.tsx":
+/*!**********************************************************!*\
+  !*** ./components/Form/ScrollableElementFormContext.tsx ***!
+  \**********************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -7294,7 +7286,7 @@ exports["default"] = void 0;
 var _react = __webpack_require__(/*! react */ "react");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-const ScrollableElementFormContext = /*#__PURE__*/(0, _react.createContext)();
+const ScrollableElementFormContext = /*#__PURE__*/(0, _react.createContext)(null);
 ScrollableElementFormContext.displayName = 'ScrollableElementFormContext';
 var _default = ScrollableElementFormContext;
 exports["default"] = _default;
@@ -7313,6 +7305,10 @@ exports["default"] = _default;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
+var _exportNames = {
+  getIn: true,
+  setIn: true
+};
 Object.defineProperty(exports, "default", ({
   enumerable: true,
   get: function () {
@@ -7331,9 +7327,21 @@ Object.defineProperty(exports, "setIn", ({
     return _utils.setIn;
   }
 }));
-var _Form = _interopRequireDefault(__webpack_require__(/*! ./Form */ "./components/Form/Form.tsx"));
+var _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ "./components/Form/Form.tsx"));
+Object.keys(_Form).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Form[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Form[key];
+    }
+  });
+});
 var _utils = __webpack_require__(/*! ./utils */ "./components/Form/utils.tsx");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /***/ }),
 
@@ -7446,11 +7454,11 @@ var _Link = _interopRequireDefault(__webpack_require__(/*! ../Link */ "./compone
 var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
 var _Popover = _interopRequireDefault(__webpack_require__(/*! ../Popover */ "./components/Popover/index.js"));
 var _Action = _interopRequireDefault(__webpack_require__(/*! ../Action */ "./components/Action/index.tsx"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _Focuser = _interopRequireDefault(__webpack_require__(/*! ../Overlay/Focuser */ "./components/Overlay/Focuser.js"));
 var _FormContext = _interopRequireDefault(__webpack_require__(/*! ../Form/FormContext */ "./components/Form/FormContext.tsx"));
 var _VerticalContext = _interopRequireDefault(__webpack_require__(/*! ../VerticalContext */ "./components/VerticalContext/index.tsx"));
-var _ScrollableElementFormContext = _interopRequireDefault(__webpack_require__(/*! ../Form/ScrollableElementFormContext */ "./components/Form/ScrollableElementFormContext.js"));
+var _ScrollableElementFormContext = _interopRequireDefault(__webpack_require__(/*! ../Form/ScrollableElementFormContext */ "./components/Form/ScrollableElementFormContext.tsx"));
 __webpack_require__(/*! ./FormField.less */ "./components/FormField/FormField.less");
 var _DisabledContext = _interopRequireDefault(__webpack_require__(/*! ../Form/DisabledContext */ "./components/Form/DisabledContext.tsx"));
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -8234,7 +8242,7 @@ var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _FormField = _interopRequireDefault(__webpack_require__(/*! ../FormField */ "./components/FormField/index.js"));
 var _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ "./components/Input/index.tsx"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _PasswordMeter = _interopRequireDefault(__webpack_require__(/*! ./PasswordMeter */ "./components/FormFieldPassword/PasswordMeter.tsx"));
 var _generatePassword = _interopRequireDefault(__webpack_require__(/*! ./generatePassword */ "./components/FormFieldPassword/generatePassword.js"));
 var _enUS = _interopRequireDefault(__webpack_require__(/*! ./locale/en-US */ "./components/FormFieldPassword/locale/en-US.js"));
@@ -8425,7 +8433,7 @@ Object.defineProperty(exports, "__esModule", ({
 exports["default"] = void 0;
 var _react = __webpack_require__(/*! react */ "react");
 var _Popover = _interopRequireDefault(__webpack_require__(/*! ../Popover */ "./components/Popover/index.js"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _estimatePassword = _interopRequireWildcard(__webpack_require__(/*! ./estimatePassword */ "./components/FormFieldPassword/estimatePassword.tsx"));
 var _enUS = _interopRequireDefault(__webpack_require__(/*! ./locale/en-US */ "./components/FormFieldPassword/locale/en-US.js"));
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -8466,19 +8474,19 @@ const PasswordMeter = _ref => {
     canCloseOnOutsideClick: false,
     canCloseOnEscapePress: false,
     ...props,
-    children: [result !== null && result !== void 0 && result.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+    children: [result?.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       component: "div",
       content: "FormFieldPassword.passwordStrength",
       fallback: _enUS.default.passwordStrength,
       params: {
         strength: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-            content: `FormFieldPassword.strength${result === null || result === void 0 ? void 0 : result.strength}`,
-            fallback: _enUS.default[`strength${result === null || result === void 0 ? void 0 : result.strength}`]
+            content: `FormFieldPassword.strength${result?.strength}`,
+            fallback: _enUS.default[`strength${result?.strength}`]
           })
         })
       }
-    }) : null, result !== null && result !== void 0 && result.suggestions.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    }) : null, result?.suggestions.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
         content: "FormFieldPassword.improvePassword",
         fallback: _enUS.default.improvePassword
@@ -8514,7 +8522,7 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = exports.DEFAULT_RULES = void 0;
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _enUS = _interopRequireDefault(__webpack_require__(/*! ./locale/en-US */ "./components/FormFieldPassword/locale/en-US.js"));
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -9089,7 +9097,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _FormField = _interopRequireDefault(__webpack_require__(/*! ../FormField */ "./components/FormField/index.js"));
 var _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ "./components/Input/index.tsx"));
-var _TextArea = _interopRequireDefault(__webpack_require__(/*! ../TextArea */ "./components/TextArea/index.js"));
+var _TextArea = _interopRequireDefault(__webpack_require__(/*! ../TextArea */ "./components/TextArea/index.tsx"));
 __webpack_require__(/*! ./FormFieldText.less */ "./components/FormFieldText/FormFieldText.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -9933,9 +9941,9 @@ exports.NAMES_12 = exports.NAMES = void 0;
 /* eslint-disable max-len */
 // This file is generated by create-svg-sprite. Do not edit.
 
-const NAMES_12 = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', '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', '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', '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', 'power', 'projects', 'puzzle', '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'];
+const NAMES_12 = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', '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', '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', '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'];
 exports.NAMES_12 = NAMES_12;
-const NAMES = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', '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', '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', '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', 'power', 'projects', 'puzzle', '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'];
+const NAMES = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', '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', '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', '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'];
 exports.NAMES = NAMES;
 
 /***/ }),
@@ -10140,8 +10148,8 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Input = _interopRequireDefault(__webpack_require__(/*! ../Input */ "./components/Input/index.tsx"));
-var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.js"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.tsx"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _enUS = _interopRequireDefault(__webpack_require__(/*! ./locale/en-US */ "./components/InPlaceEdit/locale/en-US.js"));
 __webpack_require__(/*! ./InPlaceEdit.less */ "./components/InPlaceEdit/InPlaceEdit.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -10444,7 +10452,7 @@ var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ "./components/Text/index.tsx"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 __webpack_require__(/*! ./InputFile.less */ "./components/InputFile/InputFile.less");
 var _enUS = _interopRequireDefault(__webpack_require__(/*! ./locale/en-US */ "./components/InputFile/locale/en-US.js"));
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -10816,7 +10824,7 @@ var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Icon = _interopRequireWildcard(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
 var _Media = _interopRequireDefault(__webpack_require__(/*! ../Media */ "./components/Media/index.js"));
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
-var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.js"));
+var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.tsx"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 __webpack_require__(/*! ./Item.less */ "./components/Item/Item.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -11415,10 +11423,10 @@ exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/ItemList/index.js":
-/*!**************************************!*\
-  !*** ./components/ItemList/index.js ***!
-  \**************************************/
+/***/ "./components/ItemList/index.tsx":
+/*!***************************************!*\
+  !*** ./components/ItemList/index.tsx ***!
+  \***************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -12199,13 +12207,10 @@ var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * FIXME: With the following code all @ts-ignore comments can be removed, but react-docgen cannot parse it.
- * const Link = <P extends any>({ ... }: LinkProps<P>) => {
- */
 /**
  * `Link` is used for navigation purposes.
- * @since 1.9.0
+ *
+ * Since: 1.9.0
  */
 const Link = _ref => {
   let {
@@ -12218,7 +12223,7 @@ const Link = _ref => {
     children,
     ...other
   } = _ref;
-  const Component = component ? component : 'a';
+  const Tag = component || 'a';
   const onDark = (0, _react.useContext)(_OnDarkContext.default);
   const props = {
     ...other,
@@ -12250,18 +12255,14 @@ const Link = _ref => {
       }
     });
   }
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    (0, _jsxRuntime.jsxs)(Component, {
-      ...props,
-      children: [children, external && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        flipHorizontal: (0, _utils.isRtl)(),
-        name: "arrow-diagonal-out",
-        className: `${baseClassName}__external-icon`
-      })]
-    })
-  );
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
+    ...props,
+    children: [children, external && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      flipHorizontal: (0, _utils.isRtl)(),
+      name: "arrow-diagonal-out",
+      className: `${baseClassName}__external-icon`
+    })]
+  });
 };
 var _default = Link;
 exports["default"] = _default;
@@ -12315,9 +12316,9 @@ var _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ ".
 var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ "./components/Text/index.tsx"));
-var _Pagination = __webpack_require__(/*! ../Pagination */ "./components/Pagination/index.js");
+var _Pagination = __webpack_require__(/*! ../Pagination */ "./components/Pagination/index.tsx");
 var _Spinner = _interopRequireDefault(__webpack_require__(/*! ../Spinner */ "./components/Spinner/index.tsx"));
 var _ListOperationContext = _interopRequireDefault(__webpack_require__(/*! ./ListOperationContext */ "./components/List/ListOperationContext.tsx"));
 var _VerticalContext = _interopRequireWildcard(__webpack_require__(/*! ../VerticalContext */ "./components/VerticalContext/index.tsx"));
@@ -13928,7 +13929,7 @@ var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _ListAction = _interopRequireDefault(__webpack_require__(/*! ./ListAction */ "./components/List/ListAction.tsx"));
 var _VerticalContext = _interopRequireDefault(__webpack_require__(/*! ../VerticalContext */ "./components/VerticalContext/index.tsx"));
@@ -14068,7 +14069,7 @@ Object.defineProperty(exports, "__esModule", ({
 exports["default"] = void 0;
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _default2 = _interopRequireDefault(__webpack_require__(/*! ./images/default.png */ "./components/List/images/default.png"));
 var _filtered = _interopRequireDefault(__webpack_require__(/*! ./images/filtered.png */ "./components/List/images/filtered.png"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
@@ -14185,7 +14186,7 @@ var _react = __webpack_require__(/*! react */ "react");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _ListOperationContext = _interopRequireDefault(__webpack_require__(/*! ./ListOperationContext */ "./components/List/ListOperationContext.tsx"));
 var _Popover = _interopRequireDefault(__webpack_require__(/*! ../Popover */ "./components/Popover/index.js"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Media = _interopRequireDefault(__webpack_require__(/*! ../Media */ "./components/Media/index.js"));
 var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
@@ -15325,7 +15326,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
-var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.js"));
+var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.tsx"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _MenuBaseItem = _interopRequireDefault(__webpack_require__(/*! ./MenuBaseItem */ "./components/Menu/MenuBaseItem.js"));
@@ -15813,8 +15814,8 @@ const OverlayCore = _ref => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, isOpen && `${baseClassName}--open`, className),
       style: {
-        '--overlay-side-banner-background': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.background,
-        '--overlay-side-banner-align': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.align,
+        '--overlay-side-banner-background': sideBannerContainer?.background,
+        '--overlay-side-banner-align': sideBannerContainer?.align,
         ...style
       },
       ...props,
@@ -15844,11 +15845,10 @@ const Overlay = _ref2 => {
   const [isExist, setIsExist] = (0, _react.useState)(false);
   const prevFocusElementRef = (0, _react.useRef)(null);
   const handleClose = (0, _react.useCallback)(() => {
-    var _prevFocusElementRef$;
     if (!isOpenRef.current) return;
     isOpenRef.current = false;
     if (--overlaysCount === 0) (0, _utils.enableDocumentScroll)();
-    (_prevFocusElementRef$ = prevFocusElementRef.current) === null || _prevFocusElementRef$ === void 0 ? void 0 : _prevFocusElementRef$.focus();
+    prevFocusElementRef.current?.focus();
   }, []);
   (0, _react.useEffect)(() => {
     if (isOpen) {
@@ -15917,7 +15917,7 @@ Object.defineProperty(exports, "__esModule", ({
 exports["default"] = void 0;
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _react = __webpack_require__(/*! react */ "react");
-var _Translate = __webpack_require__(/*! ../Translate */ "./components/Translate/index.js");
+var _Translate = __webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx");
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
 __webpack_require__(/*! ./PageHeader.less */ "./components/PageHeader/PageHeader.less");
@@ -16021,7 +16021,7 @@ exports["default"] = exports.ITEMS_PER_PAGE_OPTIONS = void 0;
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _InputNumber = _interopRequireDefault(__webpack_require__(/*! ../InputNumber */ "./components/InputNumber/index.tsx"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _Link = _interopRequireDefault(__webpack_require__(/*! ../Link */ "./components/Link/index.tsx"));
 var _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ "./components/Text/index.tsx"));
 var _Popover = _interopRequireDefault(__webpack_require__(/*! ../Popover */ "./components/Popover/index.js"));
@@ -16143,10 +16143,10 @@ exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Pagination/index.js":
-/*!****************************************!*\
-  !*** ./components/Pagination/index.js ***!
-  \****************************************/
+/***/ "./components/Pagination/index.tsx":
+/*!*****************************************!*\
+  !*** ./components/Pagination/index.tsx ***!
+  \*****************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -16190,7 +16190,7 @@ var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _reactTransitionGroup = __webpack_require__(/*! react-transition-group */ "../node_modules/react-transition-group/esm/index.js");
-var _Translate = __webpack_require__(/*! ../Translate */ "./components/Translate/index.js");
+var _Translate = __webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx");
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 __webpack_require__(/*! ./Panel.less */ "./components/Panel/Panel.less");
@@ -16308,10 +16308,10 @@ exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Panel/index.js":
-/*!***********************************!*\
-  !*** ./components/Panel/index.js ***!
-  \***********************************/
+/***/ "./components/Panel/index.tsx":
+/*!************************************!*\
+  !*** ./components/Panel/index.tsx ***!
+  \************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -16500,11 +16500,11 @@ var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ ".
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure */ "../node_modules/react-measure/dist/index.esm.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.js"));
+var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.tsx"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
 var _AutoClosable = _interopRequireDefault(__webpack_require__(/*! ../AutoClosable */ "./components/AutoClosable/index.tsx"));
-var _Translate = __webpack_require__(/*! ../Translate */ "./components/Translate/index.js");
+var _Translate = __webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _OnDarkContext = _interopRequireDefault(__webpack_require__(/*! ../OnDarkContext */ "./components/OnDarkContext/index.tsx"));
 var _FocusTrap = _interopRequireDefault(__webpack_require__(/*! ../FocusTrap */ "./components/FocusTrap/index.tsx"));
@@ -16940,10 +16940,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Popper/Popper.js":
-/*!*************************************!*\
-  !*** ./components/Popper/Popper.js ***!
-  \*************************************/
+/***/ "./components/Popper/Popper.tsx":
+/*!**************************************!*\
+  !*** ./components/Popper/Popper.tsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -16953,17 +16953,14 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
-var _reactDom = __webpack_require__(/*! react-dom */ "react-dom");
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
-var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _popper = _interopRequireDefault(__webpack_require__(/*! popper.js */ "../node_modules/popper.js/dist/esm/popper.js"));
+var _react = __webpack_require__(/*! react */ "react");
+var _reactDom = __webpack_require__(/*! react-dom */ "react-dom");
+var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Layer = _interopRequireDefault(__webpack_require__(/*! ../Layer */ "./components/Layer/index.tsx"));
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
@@ -16980,29 +16977,26 @@ class Popper extends _react.Component {
     });
     _defineProperty(this, "popper", null);
     _defineProperty(this, "contentRef", /*#__PURE__*/(0, _react.createRef)());
+    _defineProperty(this, "arrowRef", null);
+    // @ts-ignore
     _defineProperty(this, "extractStyles", state => {
-      if (!state) {
-        return;
-      }
       const {
         onUpdate
       } = this.props;
       const data = {
         popperStyle: {
-          position: state.offsets.popper.position,
           ...(state.hide ? {
             visibility: 'hidden',
             pointerEvents: 'none'
           } : undefined),
-          ...state.styles
+          ...state.styles,
+          position: state.offsets.popper.position
         },
         actualPlacement: state.placement,
         arrowStyle: state.arrowStyles
       };
       this.setState(data);
-      if (onUpdate) {
-        onUpdate(data);
-      }
+      onUpdate?.(data);
     });
   }
   componentDidMount() {
@@ -17072,10 +17066,10 @@ class Popper extends _react.Component {
           padding: 0,
           behavior
         },
-        arrow: arrow && {
+        arrow: arrow && this.arrowRef ? {
           enabled: true,
           element: this.arrowRef
-        }
+        } : undefined
       }
     };
     let reference;
@@ -17135,67 +17129,7 @@ class Popper extends _react.Component {
     });
   }
 }
-Popper.propTypes = {
-  /**
-   * Whether show popper content.
-   */
-  show: _propTypes.default.bool,
-  /**
-   * Content of the `Popper`.
-   */
-  children: _propTypes.default.node,
-  /**
-   * Target for popper.
-   */
-  target: _propTypes.default.any.isRequired,
-  /**
-   * A React reference to the DOM element that needs for calculating the position of the popup.
-   */
-  targetRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.instanceOf(HTMLElement)
-  })]),
-  /**
-   * Arrow element of popper
-   */
-  arrow: _propTypes.default.element,
-  /**
-   * Placement for popper.
-   */
-  placement: _propTypes.default.oneOf(['auto', 'auto-start', 'auto-end', 'auto-top', 'auto-right', 'auto-bottom', 'auto-left', 'top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end']),
-  /**
-   * The behavior used to change the popper's placement.
-   */
-  behavior: _propTypes.default.oneOfType([_propTypes.default.oneOf(['flip', 'clockwise', 'counterclockwise']), _propTypes.default.arrayOf(_propTypes.default.string)]),
-  /**
-   * Shift your popper on both axis.
-   */
-  offset: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  /**
-   * Update callback function
-   */
-  onUpdate: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * zIndex value.
-   */
-  zIndex: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  /**
-   * Boundaries element for preventOverflow property.
-   */
-  boundariesElement: _propTypes.default.oneOfType([_propTypes.default.oneOf(['scrollParent', 'window', 'viewport']), _propTypes.default.instanceOf(HTMLElement)]),
-  /**
-   * @ignore
-   */
-  style: _propTypes.default.object
-};
-Popper.defaultProps = {
+_defineProperty(Popper, "defaultProps", {
   show: true,
   children: null,
   arrow: null,
@@ -17209,16 +17143,16 @@ Popper.defaultProps = {
   boundariesElement: 'window',
   style: undefined,
   targetRef: undefined
-};
+});
 var _default = Popper;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Popper/index.js":
-/*!************************************!*\
-  !*** ./components/Popper/index.js ***!
-  \************************************/
+/***/ "./components/Popper/index.tsx":
+/*!*************************************!*\
+  !*** ./components/Popper/index.tsx ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -17227,21 +17161,34 @@ exports["default"] = _default;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
+var _exportNames = {};
 Object.defineProperty(exports, "default", ({
   enumerable: true,
   get: function () {
     return _Popper.default;
   }
 }));
-var _Popper = _interopRequireDefault(__webpack_require__(/*! ./Popper */ "./components/Popper/Popper.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Popper = _interopRequireWildcard(__webpack_require__(/*! ./Popper */ "./components/Popper/Popper.tsx"));
+Object.keys(_Popper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Popper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Popper[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /***/ }),
 
-/***/ "./components/Progress/Progress.js":
-/*!*****************************************!*\
-  !*** ./components/Progress/Progress.js ***!
-  \*****************************************/
+/***/ "./components/Progress/Progress.tsx":
+/*!******************************************!*\
+  !*** ./components/Progress/Progress.tsx ***!
+  \******************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -17251,18 +17198,15 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
+var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
-var _ProgressStep = __webpack_require__(/*! ../ProgressStep */ "./components/ProgressStep/index.js");
+var _ProgressStep = __webpack_require__(/*! ../ProgressStep */ "./components/ProgressStep/index.tsx");
 __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./Progress.less */ "./components/Progress/Progress.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
@@ -17319,16 +17263,19 @@ class Progress extends _react.Component {
     const {
       onStatusChange
     } = this.props;
+    if (!status) {
+      return;
+    }
     (0, _utils.safeInvoke)(onStatusChange, status);
   }
-  componentDidUpdate(prevProps, prevState) {
+  componentDidUpdate(_, prevState) {
     const {
       status
     } = this.state;
     const {
       onStatusChange
     } = this.props;
-    if (prevState.status !== status) {
+    if (prevState.status !== status && status) {
       (0, _utils.safeInvoke)(onStatusChange, status);
     }
   }
@@ -17347,41 +17294,21 @@ class Progress extends _react.Component {
     });
   }
 }
-Progress.propTypes = {
-  /**
-   * On overall status event handler.
-   * @since 1.10.0
-   */
-  onStatusChange: _propTypes.default.func,
-  /**
-   * Content of the `Progress`.
-   * @since 1.10.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Progress.defaultProps = {
+_defineProperty(Progress, "defaultProps", {
   onStatusChange: null,
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}progress`
-};
+});
 var _default = Progress;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Progress/index.js":
-/*!**************************************!*\
-  !*** ./components/Progress/index.js ***!
-  \**************************************/
+/***/ "./components/Progress/index.tsx":
+/*!***************************************!*\
+  !*** ./components/Progress/index.tsx ***!
+  \***************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -17396,7 +17323,7 @@ Object.defineProperty(exports, "default", ({
     return _Progress.default;
   }
 }));
-var _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ "./components/Progress/Progress.js"));
+var _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ "./components/Progress/Progress.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -17536,10 +17463,10 @@ var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ ".
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _Dialog = _interopRequireDefault(__webpack_require__(/*! ../Dialog */ "./components/Dialog/index.tsx"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
-var _ProgressStep = __webpack_require__(/*! ../ProgressStep */ "./components/ProgressStep/index.js");
-var _Progress = _interopRequireDefault(__webpack_require__(/*! ../Progress */ "./components/Progress/index.js"));
+var _ProgressStep = __webpack_require__(/*! ../ProgressStep */ "./components/ProgressStep/index.tsx");
+var _Progress = _interopRequireDefault(__webpack_require__(/*! ../Progress */ "./components/Progress/index.tsx"));
 __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./ProgressDialog.less */ "./components/ProgressDialog/ProgressDialog.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -17805,7 +17732,7 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports["default"] = void 0;
 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
-var _ProgressStep = _interopRequireDefault(__webpack_require__(/*! ../ProgressStep */ "./components/ProgressStep/index.js"));
+var _ProgressStep = _interopRequireDefault(__webpack_require__(/*! ../ProgressStep */ "./components/ProgressStep/index.tsx"));
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
@@ -17850,10 +17777,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/ProgressStep/ProgressStep.js":
-/*!*************************************************!*\
-  !*** ./components/ProgressStep/ProgressStep.js ***!
-  \*************************************************/
+/***/ "./components/ProgressStep/ProgressStep.tsx":
+/*!**************************************************!*\
+  !*** ./components/ProgressStep/ProgressStep.tsx ***!
+  \**************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -17863,8 +17790,7 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = exports.STATUS_WARNING = exports.STATUS_RUNNING = exports.STATUS_NOT_STARTED = exports.STATUS_ERROR = exports.STATUS_DONE = exports.STATUS_CANCELED = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
+var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _Icon = _interopRequireWildcard(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
 var _Status = _interopRequireDefault(__webpack_require__(/*! ../Status */ "./components/Status/index.tsx"));
@@ -17874,9 +17800,9 @@ var _OnDarkContext = _interopRequireDefault(__webpack_require__(/*! ../OnDarkCon
 __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./ProgressStep.less */ "./components/ProgressStep/ProgressStep.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const STATUS_NOT_STARTED = 'not_started';
@@ -17890,22 +17816,21 @@ exports.STATUS_WARNING = STATUS_WARNING;
 const STATUS_ERROR = 'error';
 exports.STATUS_ERROR = STATUS_ERROR;
 const STATUS_CANCELED = 'canceled';
-
+exports.STATUS_CANCELED = STATUS_CANCELED;
 /**
  * `ProgressStep` is a part of the [Progress](#!/Progress) component.
  * @since 1.10.0
  */
-exports.STATUS_CANCELED = STATUS_CANCELED;
 const ProgressStep = _ref => {
   let {
-    baseClassName,
     className,
     children,
     icon,
     title,
+    statusText,
     progress,
     status,
-    statusText,
+    baseClassName,
     ...props
   } = _ref;
   let intent = null;
@@ -17981,46 +17906,6 @@ const ProgressStep = _ref => {
     })]
   });
 };
-ProgressStep.propTypes = {
-  /**
-   * Title of the step
-   * @since 1.10.0
-   */
-  title: _propTypes.default.node,
-  /**
-   * Status for the step
-   * @since 1.10.0
-   */
-  status: _propTypes.default.oneOf([STATUS_NOT_STARTED, STATUS_RUNNING, STATUS_DONE, STATUS_WARNING, STATUS_ERROR, STATUS_CANCELED]),
-  /**
-   * Text description for the status of the step
-   * @since 1.10.0
-   */
-  statusText: _propTypes.default.node,
-  /**
-   * Progress indication in numbers
-   * @since 1.10.0
-   */
-  progress: _propTypes.default.number,
-  /**
-   * Content of the `ProgressStep`.
-   * @since 1.10.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * Name of icon or [Icon](#!/Icon) component
-   * @ignore
-   */
-  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
 ProgressStep.defaultProps = {
   icon: null,
   title: null,
@@ -18036,10 +17921,10 @@ exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/ProgressStep/index.js":
-/*!******************************************!*\
-  !*** ./components/ProgressStep/index.js ***!
-  \******************************************/
+/***/ "./components/ProgressStep/index.tsx":
+/*!*******************************************!*\
+  !*** ./components/ProgressStep/index.tsx ***!
+  \*******************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -18048,25 +17933,49 @@ exports["default"] = _default;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-var _exportNames = {};
+Object.defineProperty(exports, "STATUS_CANCELED", ({
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.STATUS_CANCELED;
+  }
+}));
+Object.defineProperty(exports, "STATUS_DONE", ({
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.STATUS_DONE;
+  }
+}));
+Object.defineProperty(exports, "STATUS_ERROR", ({
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.STATUS_ERROR;
+  }
+}));
+Object.defineProperty(exports, "STATUS_NOT_STARTED", ({
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.STATUS_NOT_STARTED;
+  }
+}));
+Object.defineProperty(exports, "STATUS_RUNNING", ({
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.STATUS_RUNNING;
+  }
+}));
+Object.defineProperty(exports, "STATUS_WARNING", ({
+  enumerable: true,
+  get: function () {
+    return _ProgressStep.STATUS_WARNING;
+  }
+}));
 Object.defineProperty(exports, "default", ({
   enumerable: true,
   get: function () {
     return _ProgressStep.default;
   }
 }));
-var _ProgressStep = _interopRequireWildcard(__webpack_require__(/*! ./ProgressStep */ "./components/ProgressStep/ProgressStep.js"));
-Object.keys(_ProgressStep).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ProgressStep[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ProgressStep[key];
-    }
-  });
-});
+var _ProgressStep = _interopRequireWildcard(__webpack_require__(/*! ./ProgressStep */ "./components/ProgressStep/ProgressStep.tsx"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
@@ -18486,8 +18395,7 @@ class Section extends _react.Component {
       value: title,
       onChange: onTitleChange,
       onClick: e => {
-        var _e$target$closest$que;
-        (_e$target$closest$que = e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)) === null || _e$target$closest$que === void 0 ? void 0 : _e$target$closest$que.click();
+        e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)?.click();
       }
     });
   }
@@ -18817,7 +18725,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ../ButtonGroup */ "./components/ButtonGroup/index.tsx"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _Squeezer = _interopRequireDefault(__webpack_require__(/*! ../Squeezer */ "./components/Squeezer/index.tsx"));
 var _ResponsiveContext = _interopRequireDefault(__webpack_require__(/*! ../ResponsiveContext */ "./components/ResponsiveContext/index.tsx"));
@@ -19269,7 +19177,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _ComboBoxDropdown = _interopRequireWildcard(__webpack_require__(/*! ../ComboBoxDropdown */ "./components/ComboBoxDropdown/index.tsx"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _SelectControl = _interopRequireDefault(__webpack_require__(/*! ./SelectControl */ "./components/Select/SelectControl.tsx"));
 var _SelectOptionGroup = _interopRequireDefault(__webpack_require__(/*! ./SelectOptionGroup */ "./components/Select/SelectOptionGroup.tsx"));
 var _SelectOption = _interopRequireDefault(__webpack_require__(/*! ./SelectOption */ "./components/Select/SelectOption.tsx"));
@@ -20097,7 +20005,7 @@ const SkeletonText = _ref => {
     // eslint-disable-next-line react/no-array-index-key
     , {
       ...lineProps,
-      className: (0, _classnames.default)(`${baseClassName}__line`, lineProps === null || lineProps === void 0 ? void 0 : lineProps.className)
+      className: (0, _classnames.default)(`${baseClassName}__line`, lineProps?.className)
     }, key))
   });
 };
@@ -20217,10 +20125,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/SplitButton/SplitButton.js":
-/*!***********************************************!*\
-  !*** ./components/SplitButton/SplitButton.js ***!
-  \***********************************************/
+/***/ "./components/SplitButton/SplitButton.tsx":
+/*!************************************************!*\
+  !*** ./components/SplitButton/SplitButton.tsx ***!
+  \************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -20230,19 +20138,16 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
+var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ../ButtonGroup */ "./components/ButtonGroup/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 __webpack_require__(/*! ./SplitButton.less */ "./components/SplitButton/SplitButton.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const focusStrategy = {
@@ -20267,25 +20172,26 @@ const focusStrategy = {
     return container.children[1].querySelector('button');
   }
 };
-
 /**
  * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
  * It is used for grouping several related actions when one of the actions should be accessible immediately
  * because it is used more often than others.
- * @since 0.0.40
+ *
+ * Since: 0.0.40
  */
 const SplitButton = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}split-button`,
     className,
     menu,
     children,
-    opened,
     onClick,
     onKeyDown,
+    icon,
+    size,
     ...props
   } = _ref;
-  const rootRef = (0, _react.useRef)();
+  const rootRef = (0, _react.useRef)(null);
   const {
     focusNext,
     focusPrev
@@ -20309,6 +20215,8 @@ const SplitButton = _ref => {
     onKeyDown: handleKeyDown,
     ...props,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      icon: icon,
+      size: size,
       tabIndex: 0,
       onClick: onClick,
       children: children
@@ -20317,61 +20225,22 @@ const SplitButton = _ref => {
       menu: menu,
       menuPlacement: "bottom-end",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        size: size,
         caret: true,
         tabIndex: -1
       })
     })]
   });
 };
-SplitButton.propTypes = {
-  /**
-   * @since 0.0.47
-   */
-  menu: _propTypes.default.any,
-  /**
-   * @since 0.0.47
-   */
-  opened: _propTypes.default.bool,
-  /**
-   * Content of the button group
-   * @since 0.0.40
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  onClick: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: _propTypes.default.func
-};
-SplitButton.defaultProps = {
-  menu: null,
-  opened: false,
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}split-button`,
-  onClick: undefined,
-  onKeyDown: undefined
-};
 var _default = SplitButton;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/SplitButton/index.js":
-/*!*****************************************!*\
-  !*** ./components/SplitButton/index.js ***!
-  \*****************************************/
+/***/ "./components/SplitButton/index.tsx":
+/*!******************************************!*\
+  !*** ./components/SplitButton/index.tsx ***!
+  \******************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -20380,14 +20249,27 @@ exports["default"] = _default;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
+var _exportNames = {};
 Object.defineProperty(exports, "default", ({
   enumerable: true,
   get: function () {
     return _SplitButton.default;
   }
 }));
-var _SplitButton = _interopRequireDefault(__webpack_require__(/*! ./SplitButton */ "./components/SplitButton/SplitButton.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _SplitButton = _interopRequireWildcard(__webpack_require__(/*! ./SplitButton */ "./components/SplitButton/SplitButton.tsx"));
+Object.keys(_SplitButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SplitButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SplitButton[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /***/ }),
 
@@ -20517,7 +20399,7 @@ var _react = __webpack_require__(/*! react */ "react");
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Popover = _interopRequireDefault(__webpack_require__(/*! ../Popover */ "./components/Popover/index.js"));
 var _Text = _interopRequireDefault(__webpack_require__(/*! ../Text */ "./components/Text/index.tsx"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.tsx"));
 var _Focuser = _interopRequireDefault(__webpack_require__(/*! ../Overlay/Focuser */ "./components/Overlay/Focuser.js"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 __webpack_require__(/*! ./SpotPopup.less */ "./components/Spot/SpotPopup.less");
@@ -21220,10 +21102,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 /***/ }),
 
-/***/ "./components/Switch/Switch.js":
-/*!*************************************!*\
-  !*** ./components/Switch/Switch.js ***!
-  \*************************************/
+/***/ "./components/Switch/Switch.tsx":
+/*!**************************************!*\
+  !*** ./components/Switch/Switch.tsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -21233,149 +21115,74 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.js"));
+var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ../Tooltip */ "./components/Tooltip/index.tsx"));
 __webpack_require__(/*! ./Switch.less */ "./components/Switch/Switch.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
 /**
  * `Switch` component is used for changing the state of an object or system preferences.
  * It provides immediate results that is why it should not be used in Form.
  * @since 0.0.42
  */
-class Switch extends _react.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleChange", event => {
-      const {
-        disabled,
-        onChange
-      } = this.props;
-      if (!disabled && onChange) {
-        onChange(event.target.checked);
-      }
-    });
-  }
-  render() {
-    const {
-      baseClassName,
-      className,
-      children,
-      onChange,
-      tooltip,
-      intent,
-      checked,
-      defaultChecked,
-      disabled,
-      loading,
-      ...props
-    } = this.props;
-    let result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-      className: (0, _classnames.default)(baseClassName, {
-        [`${baseClassName}--${intent}`]: intent,
-        [`${baseClassName}--loading`]: loading
-      }, className),
-      ...props,
-      children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: `${baseClassName}__label`,
-        children: children
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        type: "checkbox",
-        onChange: this.handleChange,
-        checked: checked,
-        defaultChecked: checked === null || checked === undefined ? defaultChecked : undefined,
-        disabled: disabled || loading
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: `${baseClassName}__indicator`
-      })]
-    });
-    if (tooltip) {
-      result = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-        title: tooltip,
-        children: result
-      });
+const Switch = _ref => {
+  let {
+    className,
+    children,
+    onChange,
+    tooltip,
+    intent,
+    checked,
+    defaultChecked,
+    baseClassName = `${_constants.CLS_PREFIX}switch`,
+    disabled = false,
+    loading = false,
+    ...props
+  } = _ref;
+  const handleChange = event => {
+    if (!disabled && onChange) {
+      onChange(event.target.checked);
     }
-    return result;
+  };
+  const result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+    className: (0, _classnames.default)(baseClassName, {
+      [`${baseClassName}--${intent}`]: intent,
+      [`${baseClassName}--loading`]: loading
+    }, className),
+    ...props,
+    children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__label`,
+      children: children
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "checkbox",
+      onChange: handleChange,
+      checked: checked,
+      defaultChecked: checked === null || checked === undefined ? defaultChecked : undefined,
+      disabled: disabled || loading
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `${baseClassName}__indicator`
+    })]
+  });
+  if (tooltip) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: tooltip,
+      children: result
+    });
   }
-}
-Switch.propTypes = {
-  /**
-   * Determine whether the `Switch` is checked.
-   * @since 0.0.42
-   */
-  checked: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  defaultChecked: _propTypes.default.bool,
-  /**
-   * A callback function, can be executed when the checked state is changing.
-   * @since 0.0.42
-   */
-  onChange: _propTypes.default.func,
-  /**
-   * Tooltip for component
-   * @since 0.0.42
-   */
-  tooltip: _propTypes.default.any,
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.3.0
-   */
-  intent: _propTypes.default.oneOf(['warning', 'danger']),
-  /**
-   * Is `Switch` disabled?
-   * @since 0.0.42
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * Loading indication
-   * @since 0.3.0
-   */
-  loading: _propTypes.default.bool,
-  /**
-   * Label of the `Switch`
-   * @since 0.0.42
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Switch.defaultProps = {
-  checked: undefined,
-  defaultChecked: undefined,
-  onChange: undefined,
-  tooltip: undefined,
-  intent: undefined,
-  disabled: false,
-  loading: false,
-  children: undefined,
-  className: undefined,
-  baseClassName: `${_constants.CLS_PREFIX}switch`
+  return result;
 };
 var _default = Switch;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Switch/index.js":
-/*!************************************!*\
-  !*** ./components/Switch/index.js ***!
-  \************************************/
+/***/ "./components/Switch/index.tsx":
+/*!*************************************!*\
+  !*** ./components/Switch/index.tsx ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -21390,7 +21197,7 @@ Object.defineProperty(exports, "default", ({
     return _Switch.default;
   }
 }));
-var _Switch = _interopRequireDefault(__webpack_require__(/*! ./Switch */ "./components/Switch/Switch.js"));
+var _Switch = _interopRequireDefault(__webpack_require__(/*! ./Switch */ "./components/Switch/Switch.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -21507,7 +21314,7 @@ var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Switch = _interopRequireDefault(__webpack_require__(/*! ../Switch */ "./components/Switch/index.js"));
+var _Switch = _interopRequireDefault(__webpack_require__(/*! ../Switch */ "./components/Switch/index.tsx"));
 var _Action = _interopRequireDefault(__webpack_require__(/*! ../Action */ "./components/Action/index.tsx"));
 var _Popover = _interopRequireDefault(__webpack_require__(/*! ../Popover */ "./components/Popover/index.js"));
 __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
@@ -22325,7 +22132,7 @@ var _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Icon = _interopRequireWildcard(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
 var _Label = _interopRequireDefault(__webpack_require__(/*! ../Label */ "./components/Label/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _Tab = _interopRequireDefault(__webpack_require__(/*! ./Tab */ "./components/Tabs/Tab.js"));
 var _ResponsiveContext = _interopRequireDefault(__webpack_require__(/*! ../ResponsiveContext */ "./components/ResponsiveContext/index.tsx"));
@@ -23337,10 +23144,10 @@ function calculateNodeHeight(uiTextNode) {
 
 /***/ }),
 
-/***/ "./components/TextArea/index.js":
-/*!**************************************!*\
-  !*** ./components/TextArea/index.js ***!
-  \**************************************/
+/***/ "./components/TextArea/index.tsx":
+/*!***************************************!*\
+  !*** ./components/TextArea/index.tsx ***!
+  \***************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -24001,7 +23808,7 @@ var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _ToolbarMenu = _interopRequireDefault(__webpack_require__(/*! ./ToolbarMenu */ "./components/Toolbar/ToolbarMenu.tsx"));
 var _RegistryContext = _interopRequireWildcard(__webpack_require__(/*! ./RegistryContext */ "./components/Toolbar/RegistryContext.tsx"));
 var _DistractionFreeModeContext = _interopRequireDefault(__webpack_require__(/*! ../DistractionFreeModeContext */ "./components/DistractionFreeModeContext/index.tsx"));
@@ -24294,7 +24101,7 @@ var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./compon
 var _ToolbarExpander = _interopRequireDefault(__webpack_require__(/*! ./ToolbarExpander */ "./components/Toolbar/ToolbarExpander.tsx"));
 var _ToolbarGroup = _interopRequireDefault(__webpack_require__(/*! ./ToolbarGroup */ "./components/Toolbar/ToolbarGroup.js"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _List = __webpack_require__(/*! ../List */ "./components/List/index.js");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -24448,10 +24255,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Tooltip/Tooltip.js":
-/*!***************************************!*\
-  !*** ./components/Tooltip/Tooltip.js ***!
-  \***************************************/
+/***/ "./components/Tooltip/Tooltip.tsx":
+/*!****************************************!*\
+  !*** ./components/Tooltip/Tooltip.tsx ***!
+  \****************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -24461,17 +24268,14 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
 var _Layer = _interopRequireDefault(__webpack_require__(/*! ../Layer */ "./components/Layer/index.tsx"));
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
+var _react = __webpack_require__(/*! react */ "react");
 __webpack_require__(/*! ./Tooltip.less */ "./components/Tooltip/Tooltip.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
@@ -24550,7 +24354,6 @@ const determinePosition = _ref => {
     left: targetRect.left + X_EXTRA_SPACE
   };
 };
-
 /**
  * `Tooltip` component is used for providing information about an interface element
  * while user hovers the pointer over the element.
@@ -24565,42 +24368,44 @@ class Tooltip extends _react.Component {
       ready: false,
       visible: false
     });
-    _defineProperty(this, "handleShow", () => {
-      if (this.showTimer) {
-        clearTimeout(this.showTimer);
-        this.showTimer = null;
+    _defineProperty(this, "timer", null);
+    _defineProperty(this, "tooltipRef", /*#__PURE__*/(0, _react.createRef)());
+    _defineProperty(this, "clearTimer", () => {
+      if (this.timer) {
+        clearTimeout(this.timer);
+        this.timer = null;
       }
+    });
+    _defineProperty(this, "handleShow", () => {
+      this.clearTimer();
       this.setState({
         visible: true
       });
     });
     _defineProperty(this, "handleHide", () => {
-      if (this.showTimer) {
-        clearTimeout(this.showTimer);
-        this.showTimer = null;
-      }
+      this.clearTimer();
       this.setState({
         visible: false,
         ready: false
       });
     });
     _defineProperty(this, "handleMouseEnter", () => {
-      if (this.showTimer) {
+      if (this.timer) {
         return;
       }
       this.setState({
         ready: true
       });
-      this.showTimer = setTimeout(() => this.handleShow(), this.props.delay);
+      this.timer = setTimeout(() => this.handleShow(), this.props.delay);
     });
     _defineProperty(this, "handleMouseMove", e => {
       // TODO: try to add throttle
-      if (this.tooltipEl) {
-        const targetRect = e.target.getBoundingClientRect();
+      if (this.tooltipRef.current) {
+        const targetRect = e.currentTarget.getBoundingClientRect();
         const {
           width: tooltipWidth,
           height: tooltipHeight
-        } = this.tooltipEl.getBoundingClientRect();
+        } = this.tooltipRef.current.getBoundingClientRect();
         const position = determinePosition({
           clientX: e.clientX,
           clientY: e.clientY,
@@ -24615,9 +24420,14 @@ class Tooltip extends _react.Component {
     });
   }
   componentWillUnmount() {
-    clearTimeout(this.showTimer);
+    this.clearTimer();
   }
   renderTooltip() {
+    const {
+      left,
+      top,
+      visible
+    } = this.state;
     const {
       baseClassName,
       className,
@@ -24627,17 +24437,10 @@ class Tooltip extends _react.Component {
       delay,
       ...props
     } = this.props;
-    const {
-      left,
-      top,
-      visible
-    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layer.default, {
       level: _constants.Z_INDEX_TOOLTIP,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        ref: el => {
-          this.tooltipEl = el;
-        },
+        ref: this.tooltipRef,
         className: (0, _classnames.default)(baseClassName, className),
         style: {
           ...style,
@@ -24654,60 +24457,35 @@ class Tooltip extends _react.Component {
     const {
       ready
     } = this.state;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-      children: [/*#__PURE__*/(0, _react.cloneElement)(this.props.children, {
-        onMouseEnter: (0, _utils.wrapFunction)(this.props.children.props.onMouseEnter, this.handleMouseEnter),
-        onMouseMove: (0, _utils.wrapFunction)(this.props.children.props.onMouseMove, this.handleMouseMove),
-        onMouseLeave: (0, _utils.wrapFunction)(this.props.children.props.onMouseLeave, this.handleHide),
-        onMouseDown: (0, _utils.wrapFunction)(this.props.children.props.onMouseDown, this.handleHide)
+    const {
+      children
+    } = this.props;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _react.cloneElement)(children, {
+        onMouseEnter: (0, _utils.wrapFunction)(children.props.onMouseEnter, this.handleMouseEnter),
+        onMouseMove: (0, _utils.wrapFunction)(children.props.onMouseMove, this.handleMouseMove),
+        onMouseLeave: (0, _utils.wrapFunction)(children.props.onMouseLeave, this.handleHide),
+        onMouseDown: (0, _utils.wrapFunction)(children.props.onMouseDown, this.handleHide)
       }), ready && this.renderTooltip()]
     });
   }
 }
-Tooltip.propTypes = {
-  /**
-   * Content of the tooltip
-   * @since 0.0.42
-   */
-  title: _propTypes.default.node.isRequired,
-  /**
-   * Show delay (ms)
-   * @since 0.0.50
-   */
-  delay: _propTypes.default.number,
-  /**
-   * Element with tooltip
-   * @since 0.0.42
-   */
-  children: _propTypes.default.element.isRequired,
-  /**
-   * @ignore
-   */
-  style: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Tooltip.defaultProps = {
+_defineProperty(Tooltip, "defaultProps", {
+  // in ms.
   delay: 550,
   style: undefined,
   className: undefined,
   baseClassName: `${_constants.CLS_PREFIX}tooltip`
-};
+});
 var _default = Tooltip;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Tooltip/index.js":
-/*!*************************************!*\
-  !*** ./components/Tooltip/index.js ***!
-  \*************************************/
+/***/ "./components/Tooltip/index.tsx":
+/*!**************************************!*\
+  !*** ./components/Tooltip/index.tsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -24722,7 +24500,7 @@ Object.defineProperty(exports, "default", ({
     return _Tooltip.default;
   }
 }));
-var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ "./components/Tooltip/Tooltip.js"));
+var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ "./components/Tooltip/Tooltip.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -24812,10 +24590,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Translate/Translate.js":
-/*!*******************************************!*\
-  !*** ./components/Translate/Translate.js ***!
-  \*******************************************/
+/***/ "./components/Translate/Translate.tsx":
+/*!********************************************!*\
+  !*** ./components/Translate/Translate.tsx ***!
+  \********************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -24824,40 +24602,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-exports.isLikeText = exports["default"] = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
+exports["default"] = void 0;
 var _LocaleProvider = __webpack_require__(/*! ../LocaleProvider */ "./components/LocaleProvider/index.tsx");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-const isLikeText = node => {
-  if (typeof node === 'string') {
-    return true;
-  }
-  if ( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type === Translate) {
-    const {
-      component,
-      children
-    } = node.props;
-    if (component === 'span' && (typeof children === 'string' || typeof children === 'undefined' || children === null)) {
-      return true;
-    }
-  }
-  return false;
-};
-
 /**
  * `Translate` component.
  * @since 0.0.42
  */
-exports.isLikeText = isLikeText;
 const Translate = _ref => {
   let {
-    component: Tag,
+    component,
     content,
     children,
     params,
@@ -24867,8 +24623,9 @@ const Translate = _ref => {
     translators,
     ...props
   } = _ref;
+  const Tag = component || 'span';
   const translate = (0, _LocaleProvider.useTranslate)(namespace);
-  const key = content || children;
+  const key = content || children || '';
   const translator = translators && translators[key];
   if (translator) {
     if (typeof translator === 'function') {
@@ -24877,76 +24634,29 @@ const Translate = _ref => {
     return translator;
   }
   const message = translate(key, params, fallback);
+  const tagProps = {
+    ...props
+  };
   if (unsafe) {
-    props.dangerouslySetInnerHTML = {
+    tagProps.dangerouslySetInnerHTML = {
       __html: message
     };
   } else {
-    props.children = message;
+    tagProps.children = message;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
-    ...props
+    ...tagProps
   });
 };
-Translate.propTypes = {
-  /**
-   * A some prefix for the message key.
-   * @since 2.6.0
-   */
-  namespace: _propTypes.default.string,
-  /**
-   * Translatable content or message key.
-   * @since 0.0.42
-   */
-  content: _propTypes.default.string,
-  /**
-   * Message params
-   * @since 0.0.42
-   */
-  params: _propTypes.default.object,
-  /**
-   * Fallback translation value.
-   * @since 0.0.47
-   */
-  fallback: _propTypes.default.string,
-  /**
-   * Component to render as the root element. Useful when rendering a `Translate` as `<option>`.
-   * @since 0.0.42
-   */
-  component: _propTypes.default.elementType,
-  /**
-   * A set of translation messages. If the set contains a message key, the component uses an item from the set for rendering.
-   * @ignore
-   */
-  translators: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node])),
-  /**
-   * @ignore
-   */
-  unsafe: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  children: _propTypes.default.string
-};
-Translate.defaultProps = {
-  namespace: undefined,
-  content: undefined,
-  params: undefined,
-  component: 'span',
-  unsafe: undefined,
-  fallback: undefined,
-  children: undefined,
-  translators: undefined
-};
 var _default = Translate;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Translate/index.js":
-/*!***************************************!*\
-  !*** ./components/Translate/index.js ***!
-  \***************************************/
+/***/ "./components/Translate/index.tsx":
+/*!****************************************!*\
+  !*** ./components/Translate/index.tsx ***!
+  \****************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -24964,12 +24674,49 @@ Object.defineProperty(exports, "default", ({
 Object.defineProperty(exports, "isLikeText", ({
   enumerable: true,
   get: function () {
-    return _Translate.isLikeText;
+    return _isLikeText.isLikeText;
   }
 }));
-var _Translate = _interopRequireWildcard(__webpack_require__(/*! ./Translate */ "./components/Translate/Translate.js"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ./Translate */ "./components/Translate/Translate.tsx"));
+var _isLikeText = __webpack_require__(/*! ./isLikeText */ "./components/Translate/isLikeText.tsx");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/***/ }),
+
+/***/ "./components/Translate/isLikeText.tsx":
+/*!*********************************************!*\
+  !*** ./components/Translate/isLikeText.tsx ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.isLikeText = void 0;
+var _react = __webpack_require__(/*! react */ "react");
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ./Translate */ "./components/Translate/Translate.tsx"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
+const isLikeText = node => {
+  if (typeof node === 'string') {
+    return true;
+  }
+  if ( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type === _Translate.default) {
+    const {
+      component,
+      children
+    } = node.props;
+    if (typeof component === 'undefined' && (typeof children === 'string' || typeof children === 'undefined' || children === null)) {
+      return true;
+    }
+  }
+  return false;
+};
+exports.isLikeText = isLikeText;
 
 /***/ }),
 
@@ -25691,7 +25438,7 @@ var _ContentLoader = _interopRequireDefault(__webpack_require__(/*! ./ContentLoa
 var _Cuttable = _interopRequireDefault(__webpack_require__(/*! ./Cuttable */ "./components/Cuttable/index.tsx"));
 var _Dialog = _interopRequireDefault(__webpack_require__(/*! ./Dialog */ "./components/Dialog/index.tsx"));
 var _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ "./components/Drawer/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ "./components/Dropdown/index.tsx"));
 var _InPlaceEdit = _interopRequireDefault(__webpack_require__(/*! ./InPlaceEdit */ "./components/InPlaceEdit/index.js"));
 var _ExtendedStatusMessage = _interopRequireWildcard(__webpack_require__(/*! ./ExtendedStatusMessage */ "./components/ExtendedStatusMessage/index.tsx"));
 Object.keys(_ExtendedStatusMessage).forEach(function (key) {
@@ -25705,7 +25452,7 @@ Object.keys(_ExtendedStatusMessage).forEach(function (key) {
     }
   });
 });
-var _Figure = _interopRequireDefault(__webpack_require__(/*! ./Figure */ "./components/Figure/index.js"));
+var _Figure = _interopRequireDefault(__webpack_require__(/*! ./Figure */ "./components/Figure/index.tsx"));
 var _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ "./components/Form/index.tsx"));
 Object.keys(_Form).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25743,7 +25490,7 @@ var _Icon = _interopRequireDefault(__webpack_require__(/*! ./Icon */ "./componen
 var _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ "./components/Input/index.tsx"));
 var _InputFile = _interopRequireDefault(__webpack_require__(/*! ./InputFile */ "./components/InputFile/index.tsx"));
 var _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ "./components/InputNumber/index.tsx"));
-var _TextArea = _interopRequireDefault(__webpack_require__(/*! ./TextArea */ "./components/TextArea/index.js"));
+var _TextArea = _interopRequireDefault(__webpack_require__(/*! ./TextArea */ "./components/TextArea/index.tsx"));
 var _Select = _interopRequireWildcard(__webpack_require__(/*! ./Select */ "./components/Select/index.tsx"));
 Object.keys(_Select).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25758,7 +25505,7 @@ Object.keys(_Select).forEach(function (key) {
 });
 var _Item = _interopRequireDefault(__webpack_require__(/*! ./Item */ "./components/Item/index.js"));
 var _ItemLink = _interopRequireDefault(__webpack_require__(/*! ./ItemLink */ "./components/ItemLink/index.tsx"));
-var _ItemList = _interopRequireDefault(__webpack_require__(/*! ./ItemList */ "./components/ItemList/index.js"));
+var _ItemList = _interopRequireDefault(__webpack_require__(/*! ./ItemList */ "./components/ItemList/index.tsx"));
 var _Label = _interopRequireDefault(__webpack_require__(/*! ./Label */ "./components/Label/index.tsx"));
 var _Layout = _interopRequireDefault(__webpack_require__(/*! ./Layout */ "./components/Layout/index.js"));
 var _List = _interopRequireWildcard(__webpack_require__(/*! ./List */ "./components/List/index.js"));
@@ -25812,16 +25559,16 @@ Object.keys(_Menu).forEach(function (key) {
 });
 var _Overlay = _interopRequireDefault(__webpack_require__(/*! ./Overlay */ "./components/Overlay/index.tsx"));
 var _PageHeader = _interopRequireDefault(__webpack_require__(/*! ./PageHeader */ "./components/PageHeader/index.tsx"));
-var _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ "./components/Pagination/index.js"));
-var _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ "./components/Panel/index.js"));
+var _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ "./components/Pagination/index.tsx"));
+var _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ "./components/Panel/index.tsx"));
 var _Paragraph = _interopRequireDefault(__webpack_require__(/*! ./Paragraph */ "./components/Paragraph/index.tsx"));
 var _Plaintext = _interopRequireDefault(__webpack_require__(/*! ./Plaintext */ "./components/Plaintext/index.js"));
 var _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ "./components/Popover/index.js"));
-var _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ "./components/Progress/index.js"));
+var _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ "./components/Progress/index.tsx"));
 var _ProgressBar = _interopRequireDefault(__webpack_require__(/*! ./ProgressBar */ "./components/ProgressBar/index.tsx"));
 var _ProgressDialog = _interopRequireDefault(__webpack_require__(/*! ./ProgressDialog */ "./components/ProgressDialog/index.js"));
 var _ProgressDialogStep = _interopRequireDefault(__webpack_require__(/*! ./ProgressDialogStep */ "./components/ProgressDialogStep/index.js"));
-var _ProgressStep = _interopRequireDefault(__webpack_require__(/*! ./ProgressStep */ "./components/ProgressStep/index.js"));
+var _ProgressStep = _interopRequireDefault(__webpack_require__(/*! ./ProgressStep */ "./components/ProgressStep/index.tsx"));
 var _Rating = _interopRequireDefault(__webpack_require__(/*! ./Rating */ "./components/Rating/index.js"));
 var _Section = _interopRequireWildcard(__webpack_require__(/*! ./Section */ "./components/Section/index.js"));
 Object.keys(_Section).forEach(function (key) {
@@ -25837,7 +25584,7 @@ Object.keys(_Section).forEach(function (key) {
 });
 var _SegmentedControl = _interopRequireDefault(__webpack_require__(/*! ./SegmentedControl */ "./components/SegmentedControl/index.js"));
 var _Spot = _interopRequireDefault(__webpack_require__(/*! ./Spot */ "./components/Spot/index.tsx"));
-var _SplitButton = _interopRequireDefault(__webpack_require__(/*! ./SplitButton */ "./components/SplitButton/index.js"));
+var _SplitButton = _interopRequireDefault(__webpack_require__(/*! ./SplitButton */ "./components/SplitButton/index.tsx"));
 var _Status = _interopRequireDefault(__webpack_require__(/*! ./Status */ "./components/Status/index.tsx"));
 var _StatusMessage = _interopRequireDefault(__webpack_require__(/*! ./StatusMessage */ "./components/StatusMessage/index.tsx"));
 var _Subnav = _interopRequireWildcard(__webpack_require__(/*! ./Subnav */ "./components/Subnav/index.js"));
@@ -25852,7 +25599,7 @@ Object.keys(_Subnav).forEach(function (key) {
     }
   });
 });
-var _Switch = _interopRequireDefault(__webpack_require__(/*! ./Switch */ "./components/Switch/index.js"));
+var _Switch = _interopRequireDefault(__webpack_require__(/*! ./Switch */ "./components/Switch/index.tsx"));
 var _SwitchesPanel = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanel */ "./components/SwitchesPanel/index.js"));
 var _SwitchesPanelItem = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanelItem */ "./components/SwitchesPanelItem/index.js"));
 var _Tabs = _interopRequireWildcard(__webpack_require__(/*! ./Tabs */ "./components/Tabs/index.js"));
@@ -25881,9 +25628,9 @@ Object.keys(_Toolbar).forEach(function (key) {
     }
   });
 });
-var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ "./components/Tooltip/index.js"));
+var _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ "./components/Tooltip/index.tsx"));
 var _Tour = _interopRequireDefault(__webpack_require__(/*! ./Tour */ "./components/Tour/index.tsx"));
-var _Translate = _interopRequireDefault(__webpack_require__(/*! ./Translate */ "./components/Translate/index.js"));
+var _Translate = _interopRequireDefault(__webpack_require__(/*! ./Translate */ "./components/Translate/index.tsx"));
 var _Link = _interopRequireDefault(__webpack_require__(/*! ./Link */ "./components/Link/index.tsx"));
 var _Skeleton = _interopRequireWildcard(__webpack_require__(/*! ./Skeleton */ "./components/Skeleton/index.tsx"));
 Object.keys(_Skeleton).forEach(function (key) {
@@ -26061,7 +25808,7 @@ const createStrategy = () => {
   };
 };
 const createFocusManager = function (containerRef) {
-  let isFitForFocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _node => true;
+  let isFitForFocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => true;
   let strategy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : createStrategy();
   const tryFocus = node => {
     if (isFitForFocus(node) && node instanceof HTMLElement) {
@@ -86925,7 +86672,7 @@ module.exports = __webpack_require__.p + "images/no-image.svg?2f8dd4286fb9a8bd9a
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 "use strict";
-module.exports = __webpack_require__.p + "images/symbols.svg?f4ccd67b0a3a8fa095a0";
+module.exports = __webpack_require__.p + "images/symbols.svg?b4f79cd6a7abe7143078";
 
 /***/ }),
 
@@ -89830,7 +89577,7 @@ function _setPrototypeOf(o, p) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.34.2","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types/src","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","create-component":"node scripts/create-component.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.22.5","@plesk/react-movable":"^2.7.1","classnames":"^2.3.2","codemirror":"5.58.2","marked":"4.2.12","memoize-one":"^5.2.1","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^2.2.31","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.22.5","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.22.5","@babel/preset-env":"^7.22.5","@babel/preset-react":"^7.22.5","@babel/preset-typescript":"^7.22.5","@babel/types":"^7.22.5","@csstools/postcss-logical-float-and-clear":"^1.0.1","@plesk/eslint-config":"^3.0.0","@plesk/stylelint-config":"^2.0.0","@types/buble":"^0.20.1","@types/cheerio":"^0.22.31","@types/classnames":"2.3.1","@types/doctrine":"^0.0.5","@types/enzyme":"^3.10.13","@types/jest":"^24.9.1","@types/jest-image-snapshot":"^6.1.0","@types/marked":"^4.3.1","@types/node":"^16.18.38","@types/react":"^17.0.62","@types/react-dom":"^17.0.20","@types/react-measure":"2.0.8","@types/react-transition-group":"^4.4.6","@types/svg4everybody":"2.1.2","@typescript-eslint/eslint-plugin":"^5.60.1","@typescript-eslint/parser":"^5.60.1","@wojtekmaj/enzyme-adapter-react-17":"^0.8.0","autoprefixer":"^10.4.14","babel-loader":"^8.3.0","babel-plugin-dynamic-import-node":"^2.3.3","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^5.2.1","css-loader":"^6.8.1","css-minimizer-webpack-plugin":"^5.0.1","enzyme":"^3.11.0","enzyme-to-json":"^3.6.2","eslint":"^8.44.0","eslint-config-prettier":"^8.8.0","eslint-plugin-markdown":"^3.0.0","eslint-plugin-prettier":"^4.2.1","fs-extra":"^7.0.1","html-webpack-plugin":"^5.5.3","inquirer":"^3.3.0","jest":"^24.9.0","jest-dev-server":"^9.0.0","jest-image-snapshot":"^6.1.0","less":"^4.1.3","less-loader":"^11.1.3","mini-css-extract-plugin":"^2.7.6","postcss":"^8.4.24","postcss-less":"^6.0.0","postcss-loader":"^7.3.3","postcss-logical":"^6.2.0","prettier":"^2.8.8","puppeteer-core":"20.4.0","react":"^17.0.2","react-docgen-typescript":"^2.2.2","react-dom":"^17.0.2","react-styleguidist":"^12.0.1","react-test-renderer":"^16.14.0","rimraf":"^5.0.1","rtlcss":"^4.1.0","style-loader":"^3.3.3","stylelint":"^15.9.0","stylelint-declaration-block-no-ignored-properties":"^2.7.0","stylelint-no-unsupported-browser-features":"^6.1.0","stylelint-prettier":"^3.0.0","stylelint-use-logical-spec":"^5.0.0","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.9","typescript":"4.5.5","webpack":"^5.88.1","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"resolutions":{"@babel/types":"^7.15.6","@types/react":"^17.0.39","trim":">=0.0.3","postcss":"^8.4.23"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
+module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.35.1","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types/src","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","create-component":"node scripts/create-component.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.22.6","@plesk/react-movable":"^2.7.1","classnames":"^2.3.2","codemirror":"5.58.2","marked":"4.2.12","memoize-one":"^5.2.1","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^2.2.31","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.22.9","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.22.9","@babel/preset-env":"^7.22.9","@babel/preset-react":"^7.22.5","@babel/preset-typescript":"^7.22.5","@babel/types":"^7.22.5","@csstools/postcss-logical-float-and-clear":"^1.0.1","@plesk/eslint-config":"^3.0.0","@plesk/stylelint-config":"^2.0.0","@testing-library/dom":"^9.3.1","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^12.1.5","@testing-library/user-event":"^12.8.3","@types/buble":"^0.20.1","@types/classnames":"2.3.1","@types/doctrine":"^0.0.5","@types/enzyme":"^3.10.13","@types/jest":"^24.9.1","@types/jest-image-snapshot":"^6.1.0","@types/marked":"^4.3.1","@types/node":"^16.18.39","@types/react":"^17.0.62","@types/react-dom":"^17.0.20","@types/react-measure":"2.0.8","@types/react-transition-group":"^4.4.6","@types/svg4everybody":"2.1.2","@typescript-eslint/eslint-plugin":"^5.62.0","@typescript-eslint/parser":"^5.62.0","@wojtekmaj/enzyme-adapter-react-17":"^0.8.0","autoprefixer":"^10.4.14","babel-loader":"^8.3.0","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^5.2.1","css-loader":"^6.8.1","css-minimizer-webpack-plugin":"^5.0.1","enzyme":"^3.11.0","enzyme-to-json":"^3.6.2","eslint":"^8.46.0","eslint-config-prettier":"^8.9.0","eslint-plugin-markdown":"^3.0.1","eslint-plugin-prettier":"^4.2.1","fs-extra":"^7.0.1","html-webpack-plugin":"^5.5.3","inquirer":"^3.3.0","jest":"^24.9.0","jest-dev-server":"^9.0.0","jest-image-snapshot":"^6.2.0","less":"^4.1.3","less-loader":"^11.1.3","mini-css-extract-plugin":"^2.7.6","postcss":"^8.4.27","postcss-less":"^6.0.0","postcss-loader":"^7.3.3","postcss-logical":"^6.2.0","prettier":"^2.8.8","puppeteer-core":"20.4.0","react":"^17.0.2","react-docgen-typescript":"^2.2.2","react-dom":"^17.0.2","react-styleguidist":"^12.0.1","rimraf":"^5.0.1","rtlcss":"^4.1.0","style-loader":"^3.3.3","stylelint":"^15.10.2","stylelint-declaration-block-no-ignored-properties":"^2.7.0","stylelint-no-unsupported-browser-features":"^6.1.0","stylelint-prettier":"^3.0.0","stylelint-use-logical-spec":"^5.0.0","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.9","typescript":"4.5.5","webpack":"^5.88.2","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"resolutions":{"@babel/types":"^7.15.6","@types/react":"^17.0.39","trim":">=0.0.3","postcss":"^8.4.23"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
 
 /***/ }),