@plesk/ui-library 3.35.0 → 3.35.2

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"));
@@ -1490,8 +1490,7 @@ Button.defaultProps = {
 /**
  * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
  * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
- *
- * Since: 0.0.37
+ * @since 0.0.37
  */
 var _default = Button;
 exports["default"] = _default;
@@ -1646,7 +1645,7 @@ var _reactTransitionGroup = __webpack_require__(/*! react-transition-group */ ".
 var _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ "./components/Checkbox/index.tsx"));
 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 +2409,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 _Grid = _interopRequireDefault(__webpack_require__(/*! ../Grid */ "./components/Grid/index.js"));
-var _GridCol = _interopRequireDefault(__webpack_require__(/*! ../GridCol */ "./components/GridCol/index.js"));
+var _Pagination = _interopRequireDefault(__webpack_require__(/*! ../Pagination */ "./components/Pagination/index.tsx"));
+var _Grid = _interopRequireDefault(__webpack_require__(/*! ../Grid */ "./components/Grid/index.tsx"));
+var _GridCol = _interopRequireDefault(__webpack_require__(/*! ../GridCol */ "./components/GridCol/index.tsx"));
 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,7 +2856,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 _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.tsx"));
@@ -3036,10 +3035,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Carousel/Carousel.js":
-/*!*****************************************!*\
-  !*** ./components/Carousel/Carousel.js ***!
-  \*****************************************/
+/***/ "./components/Carousel/Carousel.tsx":
+/*!******************************************!*\
+  !*** ./components/Carousel/Carousel.tsx ***!
+  \******************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -3050,8 +3049,7 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports["default"] = void 0;
 var _utils = __webpack_require__(/*! ../../utils */ "./utils.tsx");
-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 _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure */ "../node_modules/react-measure/dist/index.esm.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
@@ -3059,8 +3057,6 @@ var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./compone
 __webpack_require__(/*! ./Carousel.less */ "./components/Carousel/Carousel.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.
@@ -3072,7 +3068,6 @@ const calcWidths = node => {
     totalWidth
   };
 };
-
 /**
  * Carousel component is used for optimizing page space by displaying only some parts
  * of entire content in a cyclic view.
@@ -3089,23 +3084,27 @@ class Carousel extends _react.Component {
       slideWidths: [],
       totalWidth: 0
     });
-    this.speed = 500;
-    this.movingCallback = null;
-    this.playSpeed = 5000;
-    this.playTimer = null;
+    _defineProperty(this, "speed", 500);
+    _defineProperty(this, "playSpeed", 5000);
+    _defineProperty(this, "isRtl", void 0);
+    _defineProperty(this, "playTimer", null);
+    _defineProperty(this, "movingCallback", null);
+    _defineProperty(this, "rootRef", /*#__PURE__*/(0, _react.createRef)());
+    _defineProperty(this, "genuineRef", /*#__PURE__*/(0, _react.createRef)());
     this.handlePrevClick = this.handlePrevClick.bind(this);
     this.handleNextClick = this.handleNextClick.bind(this);
     this.stop = this.stop.bind(this);
     this.play = this.play.bind(this);
     this.handleResize = this.handleResize.bind(this);
-    this.rootRef = /*#__PURE__*/(0, _react.createRef)();
-    this.genuineRef = /*#__PURE__*/(0, _react.createRef)();
   }
   componentDidMount() {
     this.isRtl = (0, _utils.isRtl)();
     this.play();
   }
   componentDidUpdate() {
+    if (!this.rootRef.current || !this.genuineRef.current) {
+      return;
+    }
     const {
       width
     } = this.rootRef.current.getBoundingClientRect();
@@ -3123,7 +3122,9 @@ class Carousel extends _react.Component {
   }
   componentWillUnmount() {
     this.stop();
-    clearTimeout(this.movingCallback);
+    if (this.movingCallback) {
+      clearTimeout(this.movingCallback);
+    }
   }
   handlePrevClick() {
     this.stop();
@@ -3174,11 +3175,12 @@ class Carousel extends _react.Component {
   }
   handleResize(_ref) {
     let {
-      bounds: {
-        width
-      }
+      bounds
     } = _ref;
     const node = this.genuineRef.current;
+    if (!node) {
+      return;
+    }
     const {
       slideWidths,
       totalWidth
@@ -3186,7 +3188,7 @@ class Carousel extends _react.Component {
     this.setState({
       slideWidths,
       totalWidth,
-      showControls: width < totalWidth
+      showControls: (bounds?.width || 0) < totalWidth
     });
   }
   listStyle() {
@@ -3214,8 +3216,8 @@ class Carousel extends _react.Component {
     return {
       WebkitTransform: `translateX(${x ? `${x}px` : 0})`,
       transform: `translateX(${x ? `${x}px` : 0})`,
-      WebkitTransition: moving ? `-webkit-transform ${this.speed}ms ease` : null,
-      transition: moving ? `transform ${this.speed}ms ease` : null
+      WebkitTransition: moving ? `-webkit-transform ${this.speed}ms ease` : undefined,
+      transition: moving ? `transform ${this.speed}ms ease` : undefined
     };
   }
   render() {
@@ -3231,9 +3233,7 @@ class Carousel extends _react.Component {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
       onResize: this.handleResize,
       bounds: true,
-      innerRef: node => {
-        this.rootRef.current = node;
-      },
+      innerRef: this.rootRef,
       children: _ref2 => {
         let {
           measureRef
@@ -3244,7 +3244,7 @@ class Carousel extends _react.Component {
           ...props,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: `${baseClassName}__slides`,
-            style: showControls ? this.listStyle() : null,
+            style: showControls ? this.listStyle() : undefined,
             children: [showControls && children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: `${baseClassName}__genuine-slides`,
               ref: this.genuineRef,
@@ -3277,35 +3277,20 @@ class Carousel extends _react.Component {
     });
   }
 }
-Carousel.propTypes = {
-  /**
-   * Slides
-   * @since 0.0.42
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Carousel.defaultProps = {
+_defineProperty(Carousel, "defaultProps", {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}carousel`
-};
+});
 var _default = Carousel;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Carousel/index.js":
-/*!**************************************!*\
-  !*** ./components/Carousel/index.js ***!
-  \**************************************/
+/***/ "./components/Carousel/index.tsx":
+/*!***************************************!*\
+  !*** ./components/Carousel/index.tsx ***!
+  \***************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -3320,7 +3305,7 @@ Object.defineProperty(exports, "default", ({
     return _Carousel.default;
   }
 }));
-var _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ "./components/Carousel/Carousel.js"));
+var _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ "./components/Carousel/Carousel.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -3340,7 +3325,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 +3480,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");
@@ -4992,7 +4977,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");
@@ -5142,7 +5127,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");
@@ -5454,7 +5439,7 @@ 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 _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");
@@ -5653,9 +5638,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");
@@ -5823,7 +5808,6 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports["default"] = void 0;
 var _utils = __webpack_require__(/*! ../../utils */ "./utils.tsx");
-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"));
@@ -5831,130 +5815,94 @@ var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./compone
 __webpack_require__(/*! ./Header.less */ "./components/Drawer/Header.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 _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.
-class Header extends _react.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "isRtl", false);
-  }
-  componentDidMount() {
-    this.isRtl = (0, _utils.isRtl)();
-  }
-  renderBackButton() {
-    const {
-      baseClassName,
-      onClose
-    } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      ghost: true,
-      className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--back`),
-      size: "lg",
-      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: "chevron-left",
-        flipHorizontal: this.isRtl,
-        className: `${baseClassName}__icon`
-      }),
-      onClick: onClose
-    });
-  }
-  renderHideButton() {
-    const {
-      baseClassName,
-      onClose
-    } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      ghost: true,
-      className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--hide`),
-      size: "lg",
-      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        className: `${baseClassName}__icon`,
-        name: "minimize"
-      }),
-      onClick: onClose
-    });
-  }
-  renderCloseButton() {
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
+const Header = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}drawer-header`,
+    onClose,
+    children,
+    backButton = false,
+    hideButton = false,
+    tabs,
+    ...props
+  } = _ref;
+  const renderBackButton = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    ghost: true,
+    className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--back`),
+    size: "lg",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      name: "chevron-left",
+      flipHorizontal: (0, _utils.isRtl)(),
+      className: `${baseClassName}__icon`
+    }),
+    onClick: onClose
+  });
+  const renderHideButton = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    ghost: true,
+    className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--hide`),
+    size: "lg",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      className: `${baseClassName}__icon`,
+      name: "minimize"
+    }),
+    onClick: onClose
+  });
+  const renderCloseButton = function () {
     let {
       disabled = false
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const {
-      baseClassName,
-      onClose
-    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       ghost: true,
       className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--close`),
       size: "lg",
       icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: 'cross-mark',
+        name: "cross-mark",
         className: `${baseClassName}__icon`
       }),
       onClick: onClose,
       disabled: disabled
     });
-  }
-  render() {
-    const {
-      baseClassName,
-      onClose,
-      children,
-      backButton,
-      hideButton,
-      tabs,
-      ...props
-    } = this.props;
-    let prefix;
-    let suffix;
-    if (onClose) {
-      switch (true) {
-        case backButton:
-          prefix = this.renderBackButton();
-          break;
-        case hideButton:
-          suffix = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: `${baseClassName}__actions`,
-            children: [this.renderHideButton(), this.renderCloseButton({
-              disabled: true
-            })]
-          });
-          break;
-        default:
-          suffix = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${baseClassName}__actions`,
-            children: this.renderCloseButton()
-          });
-          break;
-      }
+  };
+  let prefix;
+  let suffix;
+  if (onClose) {
+    if (backButton) {
+      prefix = renderBackButton();
+    } else if (hideButton) {
+      suffix = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__actions`,
+        children: [renderHideButton(), renderCloseButton({
+          disabled: true
+        })]
+      });
+    } else {
+      suffix = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__actions`,
+        children: renderCloseButton()
+      });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: baseClassName,
-      ...props,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: `${baseClassName}__inner`,
-        children: [prefix, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `${baseClassName}__content`,
-          children: [children, tabs && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${baseClassName}__tabs`,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: `${baseClassName}__tabs-inner`,
-              children: tabs
-            })
-          })]
-        }), suffix]
-      })
-    });
   }
-}
-exports["default"] = Header;
-_defineProperty(Header, "defaultProps", {
-  onClose: null,
-  baseClassName: `${_constants.CLS_PREFIX}drawer-header`,
-  backButton: false,
-  hideButton: false,
-  tabs: undefined
-});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: baseClassName,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${baseClassName}__inner`,
+      children: [prefix, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__content`,
+        children: [children, tabs && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${baseClassName}__tabs`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: `${baseClassName}__tabs-inner`,
+            children: tabs
+          })
+        })]
+      }), suffix]
+    })
+  });
+};
+var _default = Header;
+exports["default"] = _default;
 
 /***/ }),
 
@@ -6004,7 +5952,7 @@ var _AutoClosable = _interopRequireDefault(__webpack_require__(/*! ../AutoClosab
 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");
@@ -6834,7 +6782,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"));
@@ -7197,13 +7145,6 @@ 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
- */
 _defineProperty(Form, "defaultProps", {
   children: undefined,
   requiredMark: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -7242,6 +7183,11 @@ const RefForwardingForm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   });
 });
 RefForwardingForm.displayName = 'Form';
+/**
+ * `Form` component is used for entering and submitting of user data.
+ * [More details about designing of forms.](#!/Good%20Forms)
+ * @since 0.0.54
+ */
 var _default = RefForwardingForm;
 exports["default"] = _default;
 
@@ -7454,7 +7400,7 @@ 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"));
@@ -8058,10 +8004,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/FormFieldCheckbox/FormFieldCheckbox.js":
-/*!***********************************************************!*\
-  !*** ./components/FormFieldCheckbox/FormFieldCheckbox.js ***!
-  \***********************************************************/
+/***/ "./components/FormFieldCheckbox/FormFieldCheckbox.tsx":
+/*!************************************************************!*\
+  !*** ./components/FormFieldCheckbox/FormFieldCheckbox.tsx ***!
+  \************************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -8071,8 +8017,7 @@ 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 _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ "./components/Checkbox/index.tsx"));
@@ -8081,24 +8026,22 @@ __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./FormFieldCheckbox.less */ "./components/FormFieldCheckbox/FormFieldCheckbox.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.
 
 /**
- * `FormFieldCheckbox` component component is used for turning an option on or off
+ * `FormFieldCheckbox` component is used for turning an option on or off
  * and selecting or deselecting an item.
  * @since 0.0.58
- */const FormFieldCheckbox = _ref => {
+ */
+const FormFieldCheckbox = _ref => {
   let {
-    baseClassName,
     className,
     label,
-    required,
-    checkedValue,
-    uncheckedValue,
     autoFocus,
-    multi,
+    required = false,
+    checkedValue = true,
+    uncheckedValue = false,
+    baseClassName = `${_constants.CLS_PREFIX}form-field-checkbox`,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
@@ -8120,14 +8063,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
           type: "hidden",
           name: getName(),
-          value: uncheckedValue
+          value: uncheckedValue.toString()
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
           checked: getValue() === checkedValue,
           onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
           inputProps: {
             id: getId(),
             name: getName(),
-            value: checkedValue,
+            value: checkedValue.toString(),
             autoFocus
           },
           disabled: isDisabled(),
@@ -8140,70 +8083,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
     }
   });
 };
-FormFieldCheckbox.propTypes = {
-  /**
-   * Disabled state of field.
-   * @since 0.1.0
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * Custom checked value. Default is boolean true.
-   * @since 0.0.59
-   */
-  checkedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-  /**
-   * Custom unchecked value. Default is boolean false.
-   * @since 0.0.59
-   */
-  uncheckedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-  /**
-   * The browser will automatically focus on the component upon rendering the screen
-   * @since 1.9.0
-   */
-  autoFocus: _propTypes.default.bool,
-  /**
-   * @ignore Field cannot be multiple
-   */
-  multi: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  label: _propTypes.default.any,
-  /**
-   * @ignore
-   */
-  required: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  fullDescription: _propTypes.default.string
-};
-FormFieldCheckbox.defaultProps = {
-  disabled: undefined,
-  checkedValue: true,
-  uncheckedValue: false,
-  autoFocus: undefined,
-  multi: undefined,
-  label: undefined,
-  required: false,
-  className: undefined,
-  baseClassName: `${_constants.CLS_PREFIX}form-field-checkbox`,
-  fullDescription: undefined
-};
 var _default = FormFieldCheckbox;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/FormFieldCheckbox/index.js":
-/*!***********************************************!*\
-  !*** ./components/FormFieldCheckbox/index.js ***!
-  \***********************************************/
+/***/ "./components/FormFieldCheckbox/index.tsx":
+/*!************************************************!*\
+  !*** ./components/FormFieldCheckbox/index.tsx ***!
+  \************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -8218,7 +8106,7 @@ Object.defineProperty(exports, "default", ({
     return _FormFieldCheckbox.default;
   }
 }));
-var _FormFieldCheckbox = _interopRequireDefault(__webpack_require__(/*! ./FormFieldCheckbox */ "./components/FormFieldCheckbox/FormFieldCheckbox.js"));
+var _FormFieldCheckbox = _interopRequireDefault(__webpack_require__(/*! ./FormFieldCheckbox */ "./components/FormFieldCheckbox/FormFieldCheckbox.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -8242,9 +8130,9 @@ 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 _generatePassword = _interopRequireDefault(__webpack_require__(/*! ./generatePassword */ "./components/FormFieldPassword/generatePassword.tsx"));
 var _enUS = _interopRequireDefault(__webpack_require__(/*! ./locale/en-US */ "./components/FormFieldPassword/locale/en-US.js"));
 __webpack_require__(/*! ./FormFieldPassword.less */ "./components/FormFieldPassword/FormFieldPassword.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -8433,7 +8321,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");
@@ -8522,7 +8410,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 }; }
@@ -8692,10 +8580,10 @@ exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/FormFieldPassword/generatePassword.js":
-/*!**********************************************************!*\
-  !*** ./components/FormFieldPassword/generatePassword.js ***!
-  \**********************************************************/
+/***/ "./components/FormFieldPassword/generatePassword.tsx":
+/*!***********************************************************!*\
+  !*** ./components/FormFieldPassword/generatePassword.tsx ***!
+  \***********************************************************/
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
@@ -8747,7 +8635,7 @@ Object.defineProperty(exports, "generatePassword", ({
   }
 }));
 var _FormFieldPassword = _interopRequireDefault(__webpack_require__(/*! ./FormFieldPassword */ "./components/FormFieldPassword/FormFieldPassword.tsx"));
-var _generatePassword = _interopRequireDefault(__webpack_require__(/*! ./generatePassword */ "./components/FormFieldPassword/generatePassword.js"));
+var _generatePassword = _interopRequireDefault(__webpack_require__(/*! ./generatePassword */ "./components/FormFieldPassword/generatePassword.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -9097,7 +8985,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 }; }
@@ -9276,10 +9164,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Grid/Grid.js":
-/*!*********************************!*\
-  !*** ./components/Grid/Grid.js ***!
-  \*********************************/
+/***/ "./components/Grid/Grid.tsx":
+/*!**********************************!*\
+  !*** ./components/Grid/Grid.tsx ***!
+  \**********************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -9289,16 +9177,13 @@ 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 _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure */ "../node_modules/react-measure/dist/index.esm.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 __webpack_require__(/*! ./Grid.less */ "./components/Grid/Grid.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.
@@ -9314,10 +9199,11 @@ class Grid extends _react.Component {
     });
     _defineProperty(this, "handleResize", _ref => {
       let {
-        bounds: {
-          width
-        }
+        bounds
       } = _ref;
+      const {
+        width
+      } = bounds;
       let {
         maxColumnsNumber
       } = this.props;
@@ -9382,9 +9268,9 @@ class Grid extends _react.Component {
     const result = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: computedClassName,
       ...props,
-      children: minColumnWidth > 0 && !this.state.xs ? null : children
+      children: minColumnWidth && !this.state.xs ? null : children
     });
-    if (minColumnWidth > 0) {
+    if (minColumnWidth) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
         bounds: true,
         onResize: this.handleResize,
@@ -9401,67 +9287,7 @@ class Grid extends _react.Component {
     return result;
   }
 }
-Grid.propTypes = {
-  /**
-   * Content of the `Grid`.
-   * @since 0.0.48
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * Minimal column width
-   * @since 0.0.50
-   */
-  minColumnWidth: _propTypes.default.number,
-  /**
-   * Maximum columns number
-   * @since 0.0.53
-   */
-  maxColumnsNumber: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
-  /**
-   * Number of columns for `xs` breakpoint
-   * @since 0.0.53
-   */
-  xs: _propTypes.default.PropTypes.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Number of columns for `sm` breakpoint
-   * @since 0.0.48
-   */
-  sm: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Number of columns for `md` breakpoint
-   * @since 0.0.48
-   */
-  md: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Number of columns for `lg` breakpoint
-   * @since 0.0.48
-   */
-  lg: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Number of columns for `xl` breakpoint
-   * @since 0.0.48
-   */
-  xl: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Specifying the gutters between grid items
-   * @since 0.0.53
-   */
-  gap: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-  /**
-   * Columns number change notifier
-   * @since 0.0.50
-   */
-  onColumnsChange: _propTypes.default.func
-};
-Grid.defaultProps = {
+_defineProperty(Grid, "defaultProps", {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}grid`,
@@ -9474,16 +9300,16 @@ Grid.defaultProps = {
   xl: null,
   gap: null,
   onColumnsChange: null
-};
+});
 var _default = Grid;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Grid/index.js":
-/*!**********************************!*\
-  !*** ./components/Grid/index.js ***!
-  \**********************************/
+/***/ "./components/Grid/index.tsx":
+/*!***********************************!*\
+  !*** ./components/Grid/index.tsx ***!
+  \***********************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -9498,15 +9324,15 @@ Object.defineProperty(exports, "default", ({
     return _Grid.default;
   }
 }));
-var _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ "./components/Grid/Grid.js"));
+var _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ "./components/Grid/Grid.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
 
-/***/ "./components/GridCol/GridCol.js":
-/*!***************************************!*\
-  !*** ./components/GridCol/GridCol.js ***!
-  \***************************************/
+/***/ "./components/GridCol/GridCol.tsx":
+/*!****************************************!*\
+  !*** ./components/GridCol/GridCol.tsx ***!
+  \****************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -9516,8 +9342,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");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -9527,9 +9351,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /**
  * `GridCol` component is a part of [Grid](#!/Grid) component.
  * @since 0.0.48
- */const GridCol = _ref => {
+ */
+const GridCol = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}grid__col`,
     className,
     children,
     xs,
@@ -9552,65 +9377,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     children: children
   });
 };
-GridCol.propTypes = {
-  /**
-   * Content of the `GridCol`.
-   * @since 0.0.48
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * Column size for `xs` breakpoint (from 1 to 12)
-   * @since 0.0.53
-   */
-  xs: _propTypes.default.number,
-  /**
-   * Column size for `sm` breakpoint (from 1 to 12)
-   * @since 0.0.53
-   */
-  sm: _propTypes.default.number,
-  /**
-   * Column size for `sm` breakpoint (from 1 to 12)
-   * @since 0.0.53
-   */
-  md: _propTypes.default.number,
-  /**
-   * Column size for `md` breakpoint (from 1 to 12)
-   * @since 0.0.53
-   */
-  lg: _propTypes.default.number,
-  /**
-   * Column size for `lg` breakpoint (from 1 to 12)
-   * @since 0.0.53
-   */
-  xl: _propTypes.default.number
-};
-GridCol.defaultProps = {
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}grid__col`,
-  xs: null,
-  sm: null,
-  md: null,
-  lg: null,
-  xl: null
-};
 var _default = GridCol;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/GridCol/index.js":
-/*!*************************************!*\
-  !*** ./components/GridCol/index.js ***!
-  \*************************************/
+/***/ "./components/GridCol/index.tsx":
+/*!**************************************!*\
+  !*** ./components/GridCol/index.tsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -9625,7 +9400,7 @@ Object.defineProperty(exports, "default", ({
     return _GridCol.default;
   }
 }));
-var _GridCol = _interopRequireDefault(__webpack_require__(/*! ./GridCol */ "./components/GridCol/GridCol.js"));
+var _GridCol = _interopRequireDefault(__webpack_require__(/*! ./GridCol */ "./components/GridCol/GridCol.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -9941,9 +9716,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', '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', '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', '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', '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;
 
 /***/ }),
@@ -10148,8 +9923,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");
@@ -10452,7 +10227,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");
@@ -10824,7 +10599,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");
@@ -11156,8 +10931,8 @@ exports["default"] = void 0;
 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 _Grid = _interopRequireDefault(__webpack_require__(/*! ../Grid */ "./components/Grid/index.js"));
-var _GridCol = _interopRequireDefault(__webpack_require__(/*! ../GridCol */ "./components/GridCol/index.js"));
+var _Grid = _interopRequireDefault(__webpack_require__(/*! ../Grid */ "./components/Grid/index.tsx"));
+var _GridCol = _interopRequireDefault(__webpack_require__(/*! ../GridCol */ "./components/GridCol/index.tsx"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 __webpack_require__(/*! ../Item/Item.less */ "./components/Item/Item.less");
 __webpack_require__(/*! ./ItemList.less */ "./components/ItemList/ItemList.less");
@@ -11423,10 +11198,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";
@@ -12209,8 +11984,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /**
  * `Link` is used for navigation purposes.
- *
- * Since: 1.9.0
+ * @since 1.9.0
  */
 const Link = _ref => {
   let {
@@ -12316,9 +12090,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"));
@@ -12602,7 +12376,9 @@ class List extends _react.Component {
       data,
       pagination,
       vertical,
-      rowKey
+      rowKey,
+      totalRows,
+      filtered
     } = _ref5;
     let {
       prevSortColumn,
@@ -12621,16 +12397,17 @@ class List extends _react.Component {
         sortDirection
       };
     }
+    const additionalExpanded = [];
     if (prevData !== data) {
-      if (renderRowBody && (prevData === undefined || prevData && prevData.length === 0) && data && data.length === 1) {
+      const isSingleElementInCurrentExpanded = () => state.expandedRows.includes(getRowKey(data[0], {
+        rowKey
+      }));
+      if (renderRowBody && data?.length === 1 && (!pagination || totalRows === 1) && (!prevData || prevData?.length === 0 || isSingleElementInCurrentExpanded()) && (!filtered || isSingleElementInCurrentExpanded())) {
         const key = getRowKey(data[0], {
           rowKey
         });
         if (notExpandableRows.indexOf(key) === -1) {
-          nextState = {
-            ...nextState,
-            expandedRows: [...expandedRows, key]
-          };
+          additionalExpanded.push(key);
         }
       }
       const keys = data.map(row => getRowKey(row, {
@@ -12648,10 +12425,10 @@ class List extends _react.Component {
         selection
       };
     }
-    if (prevExpandedRows !== expandedRows) {
+    if (prevExpandedRows !== expandedRows || additionalExpanded.length) {
       nextState = {
         ...nextState,
-        expandedRows
+        expandedRows: [...expandedRows, ...additionalExpanded]
       };
     }
     if (prevPagination !== pagination) {
@@ -14069,7 +13846,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");
@@ -14186,7 +13963,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"));
@@ -15326,7 +15103,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"));
@@ -15917,7 +15694,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 +15798,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 +15920,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 +15967,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 +16085,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";
@@ -16504,7 +16281,7 @@ var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./com
 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"));
@@ -17185,10 +16962,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 /***/ }),
 
-/***/ "./components/Progress/Progress.js":
-/*!*****************************************!*\
-  !*** ./components/Progress/Progress.js ***!
-  \*****************************************/
+/***/ "./components/Progress/Progress.tsx":
+/*!******************************************!*\
+  !*** ./components/Progress/Progress.tsx ***!
+  \******************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -17198,18 +16975,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.
@@ -17266,16 +17040,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);
     }
   }
@@ -17294,41 +17071,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";
@@ -17343,7 +17100,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 }; }
 
 /***/ }),
@@ -17465,10 +17222,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/ProgressDialog/ProgressDialog.js":
-/*!*****************************************************!*\
-  !*** ./components/ProgressDialog/ProgressDialog.js ***!
-  \*****************************************************/
+/***/ "./components/ProgressDialog/ProgressDialog.tsx":
+/*!******************************************************!*\
+  !*** ./components/ProgressDialog/ProgressDialog.tsx ***!
+  \******************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -17478,21 +17235,18 @@ 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 _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");
 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.
@@ -17528,7 +17282,7 @@ class ProgressDialog extends _react.Component {
         isFinished,
         isFailed
       } = this.state;
-      clearTimeout(this.closeTimeout);
+      this.clearCloseTimeout();
       if (!isOpen) {
         return;
       }
@@ -17552,7 +17306,7 @@ class ProgressDialog extends _react.Component {
       isOpen
     };
   }
-  componentDidUpdate(prevProps, prevState) {
+  componentDidUpdate(_, prevState) {
     const {
       isFinished
     } = this.state;
@@ -17560,13 +17314,19 @@ class ProgressDialog extends _react.Component {
       autoCloseTimeout
     } = this.props;
     if (prevState.isFinished === false && isFinished === true) {
-      clearTimeout(this.closeTimeout);
+      this.clearCloseTimeout();
       if (autoCloseTimeout) {
         this.closeTimeout = setTimeout(this.handleClose, autoCloseTimeout);
       }
     }
   }
   componentWillUnmount() {
+    this.clearCloseTimeout();
+  }
+  clearCloseTimeout() {
+    if (!this.closeTimeout) {
+      return;
+    }
     clearTimeout(this.closeTimeout);
   }
   render() {
@@ -17617,83 +17377,7 @@ class ProgressDialog extends _react.Component {
     });
   }
 }
-ProgressDialog.propTypes = {
-  /**
-   * Toggles visibility.
-   * @since 1.2.0
-   */
-  isOpen: _propTypes.default.bool,
-  /**
-   * Banner. Renders in front of content as wide as dialog.
-   * @since 1.2.0
-   */
-  banner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Image. Renders into content.
-   * @since 1.2.0
-   */
-  image: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Title
-   * @since 1.2.0
-   */
-  title: _propTypes.default.node,
-  /**
-   * Description of the `ProgressDialog`.
-   * @since 1.2.0
-   */
-  description: _propTypes.default.node,
-  /**
-   * Actions which will be shown in Dialog header.
-   * @since 1.2.0
-   */
-  actions: _propTypes.default.node,
-  /**
-   * Whether the dialog should be canceled with the cancel button.
-   * @since 1.2.0
-   */
-  cancelable: _propTypes.default.bool,
-  /**
-   * The interval of time to auto close dialog when it successful finished.
-   * Set `null` for disable auto close.
-   * @since 1.2.0
-   */
-  autoCloseTimeout: _propTypes.default.number,
-  /**
-   * On cancel event handler.
-   * @since 1.2.0
-   */
-  onCancel: _propTypes.default.func,
-  /**
-   * On close event handler.
-   * @since 1.2.0
-   */
-  onClose: _propTypes.default.func,
-  /**
-   * On finish event handler.
-   * @since 1.2.0
-   */
-  onFinish: _propTypes.default.func,
-  /**
-   * On fail event handler.
-   * @since 1.2.0
-   */
-  onFail: _propTypes.default.func,
-  /**
-   * Content of the `ProgressDialog`.
-   * @since 1.2.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-ProgressDialog.defaultProps = {
+_defineProperty(ProgressDialog, "defaultProps", {
   isOpen: false,
   banner: null,
   image: null,
@@ -17709,16 +17393,16 @@ ProgressDialog.defaultProps = {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}progress-dialog`
-};
+});
 var _default = ProgressDialog;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/ProgressDialog/index.js":
-/*!********************************************!*\
-  !*** ./components/ProgressDialog/index.js ***!
-  \********************************************/
+/***/ "./components/ProgressDialog/index.tsx":
+/*!*********************************************!*\
+  !*** ./components/ProgressDialog/index.tsx ***!
+  \*********************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -17733,7 +17417,7 @@ Object.defineProperty(exports, "default", ({
     return _ProgressDialog.default;
   }
 }));
-var _ProgressDialog = _interopRequireDefault(__webpack_require__(/*! ./ProgressDialog */ "./components/ProgressDialog/ProgressDialog.js"));
+var _ProgressDialog = _interopRequireDefault(__webpack_require__(/*! ./ProgressDialog */ "./components/ProgressDialog/ProgressDialog.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -17752,7 +17436,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.
@@ -17797,10 +17481,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";
@@ -17810,8 +17494,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"));
@@ -17821,9 +17504,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';
@@ -17837,22 +17520,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;
@@ -17928,46 +17610,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,
@@ -17983,10 +17625,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";
@@ -17995,25 +17637,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; }
 
@@ -18116,10 +17782,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Rating/Rating.js":
-/*!*************************************!*\
-  !*** ./components/Rating/Rating.js ***!
-  \*************************************/
+/***/ "./components/Rating/Rating.tsx":
+/*!**************************************!*\
+  !*** ./components/Rating/Rating.tsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -18129,8 +17795,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__(/*! ./Rating.less */ "./components/Rating/Rating.less");
@@ -18147,25 +17811,22 @@ const width = value => {
   }
   return result;
 };
-
 /**
  * `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
  * @since 0.0.42
  */
 const Rating = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}rating`,
     className,
-    value,
-    small,
+    value = 0,
+    small = false,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)({
-      [baseClassName]: true,
+    className: (0, _classnames.default)(baseClassName, className, {
       [`${baseClassName}--static`]: true,
-      [`${baseClassName}--small`]: small,
-      [className]: true
+      [`${baseClassName}--small`]: small
     }),
     ...props,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -18176,41 +17837,15 @@ const Rating = _ref => {
     })
   });
 };
-Rating.propTypes = {
-  /**
-   * Rating value from 0 to 5.
-   * @since 0.0.42
-   */
-  value: _propTypes.default.number,
-  /**
-   * Small variant.
-   * @since 0.0.42
-   */
-  small: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Rating.defaultProps = {
-  value: 0,
-  small: false,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}rating`
-};
 var _default = Rating;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Rating/index.js":
-/*!************************************!*\
-  !*** ./components/Rating/index.js ***!
-  \************************************/
+/***/ "./components/Rating/index.tsx":
+/*!*************************************!*\
+  !*** ./components/Rating/index.tsx ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -18225,7 +17860,7 @@ Object.defineProperty(exports, "default", ({
     return _Rating.default;
   }
 }));
-var _Rating = _interopRequireDefault(__webpack_require__(/*! ./Rating */ "./components/Rating/Rating.js"));
+var _Rating = _interopRequireDefault(__webpack_require__(/*! ./Rating */ "./components/Rating/Rating.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -19215,7 +18850,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"));
@@ -20083,8 +19718,8 @@ Object.defineProperty(exports, "default", ({
   }
 }));
 var _Skeleton = _interopRequireDefault(__webpack_require__(/*! ./Skeleton */ "./components/Skeleton/Skeleton.tsx"));
-var _SkeletonText = _interopRequireDefault(__webpack_require__(/*! ./SkeletonText */ "./components/Skeleton/SkeletonText.tsx"));
 var _SkeletonTabs = _interopRequireDefault(__webpack_require__(/*! ./SkeletonTabs */ "./components/Skeleton/SkeletonTabs.tsx"));
+var _SkeletonText = _interopRequireDefault(__webpack_require__(/*! ./SkeletonText */ "./components/Skeleton/SkeletonText.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -20214,8 +19849,7 @@ const focusStrategy = {
  * `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 {
@@ -20437,7 +20071,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");
@@ -21140,10 +20774,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";
@@ -21153,149 +20787,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";
@@ -21310,15 +20869,15 @@ 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 }; }
 
 /***/ }),
 
-/***/ "./components/SwitchesPanel/SwitchesPanel.js":
-/*!***************************************************!*\
-  !*** ./components/SwitchesPanel/SwitchesPanel.js ***!
-  \***************************************************/
+/***/ "./components/SwitchesPanel/SwitchesPanel.tsx":
+/*!****************************************************!*\
+  !*** ./components/SwitchesPanel/SwitchesPanel.tsx ***!
+  \****************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -21328,8 +20887,7 @@ 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 _Section = _interopRequireDefault(__webpack_require__(/*! ../Section */ "./components/Section/index.js"));
@@ -21337,16 +20895,15 @@ __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./SwitchesPanel.less */ "./components/SwitchesPanel/SwitchesPanel.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.
 
 /**
  * `SwitchesPanel` component is used for grouping several [SwitchesPanelItems](#!/SwitchesPanelItem) into one set.
  * @since 0.3.0
- */const SwitchesPanel = _ref => {
+ */
+const SwitchesPanel = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}switches-panel`,
     className,
     children,
     ...props
@@ -21356,41 +20913,21 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
     ...props,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: `${baseClassName}__items`,
-      children: _react.Children.map(children, child => /*#__PURE__*/(0, _react.cloneElement)(child, {
+      children: children && _react.Children.map(children, child => /*#__PURE__*/(0, _react.cloneElement)(child, {
         className: (0, _classnames.default)(child.props.className, `${baseClassName}__item`)
       }))
     })
   });
 };
-SwitchesPanel.propTypes = {
-  /**
-   * Content of the `SwitchesPanel`. Recommended to use [SwitchesPanelItem](#!/SwitchesPanelItem) components.
-   * @since 0.3.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-SwitchesPanel.defaultProps = {
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}switches-panel`
-};
 var _default = SwitchesPanel;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/SwitchesPanel/index.js":
-/*!*******************************************!*\
-  !*** ./components/SwitchesPanel/index.js ***!
-  \*******************************************/
+/***/ "./components/SwitchesPanel/index.tsx":
+/*!********************************************!*\
+  !*** ./components/SwitchesPanel/index.tsx ***!
+  \********************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -21405,15 +20942,15 @@ Object.defineProperty(exports, "default", ({
     return _SwitchesPanel.default;
   }
 }));
-var _SwitchesPanel = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanel */ "./components/SwitchesPanel/SwitchesPanel.js"));
+var _SwitchesPanel = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanel */ "./components/SwitchesPanel/SwitchesPanel.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
 
-/***/ "./components/SwitchesPanelItem/SwitchesPanelItem.js":
-/*!***********************************************************!*\
-  !*** ./components/SwitchesPanelItem/SwitchesPanelItem.js ***!
-  \***********************************************************/
+/***/ "./components/SwitchesPanelItem/SwitchesPanelItem.tsx":
+/*!************************************************************!*\
+  !*** ./components/SwitchesPanelItem/SwitchesPanelItem.tsx ***!
+  \************************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -21423,19 +20960,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 _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");
 __webpack_require__(/*! ./SwitchesPanelItem.less */ "./components/SwitchesPanelItem/SwitchesPanelItem.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.
@@ -21511,58 +21045,7 @@ class SwitchesPanelItem extends _react.Component {
     });
   }
 }
-SwitchesPanelItem.propTypes = {
-  /**
-   * A callback function, can be executed when the checked state is changing.
-   * @since 0.3.0
-   */
-  onChange: _propTypes.default.func.isRequired,
-  /**
-   * @ignore
-   */
-  defaultChecked: _propTypes.default.bool,
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.3.0
-   */
-  intent: _propTypes.default.oneOf(['warning', 'danger']),
-  /**
-   * Title of the `SwitchesPanelItem`. Must be no longer than two lines.
-   * @since 0.3.0
-   */
-  title: _propTypes.default.node.isRequired,
-  /**
-   * `SwitchesPanelItem` description. Must be no longer than three lines.
-   * @since 0.3.0
-   */
-  description: _propTypes.default.node,
-  /**
-   * Rich full description of the `SwitchesPanelItem`.
-   * Adds control button with question mark that shows `Popover` on click.
-   * @since 0.3.0
-   */
-  fullDescription: _propTypes.default.node,
-  /**
-   * Props of underlying [Switch](#!/Switch) component.
-   * @since 0.5.0
-   */
-  switchProps: _propTypes.default.object,
-  /**
-   * Content of the control actions.
-   * Don't place here more than three buttons (with the one from 'fullDescription' property) or one link and one button.
-   * @since 0.3.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-SwitchesPanelItem.defaultProps = {
+_defineProperty(SwitchesPanelItem, "defaultProps", {
   defaultChecked: false,
   intent: null,
   description: null,
@@ -21571,16 +21054,16 @@ SwitchesPanelItem.defaultProps = {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}switches-panel-item`
-};
+});
 var _default = SwitchesPanelItem;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/SwitchesPanelItem/index.js":
-/*!***********************************************!*\
-  !*** ./components/SwitchesPanelItem/index.js ***!
-  \***********************************************/
+/***/ "./components/SwitchesPanelItem/index.tsx":
+/*!************************************************!*\
+  !*** ./components/SwitchesPanelItem/index.tsx ***!
+  \************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -21595,7 +21078,7 @@ Object.defineProperty(exports, "default", ({
     return _SwitchesPanelItem.default;
   }
 }));
-var _SwitchesPanelItem = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanelItem */ "./components/SwitchesPanelItem/SwitchesPanelItem.js"));
+var _SwitchesPanelItem = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanelItem */ "./components/SwitchesPanelItem/SwitchesPanelItem.tsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
@@ -23257,10 +22740,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";
@@ -23454,6 +22937,7 @@ var _Toast = _interopRequireDefault(__webpack_require__(/*! ../Toast */ "./compo
 var _Layer = _interopRequireDefault(__webpack_require__(/*! ../Layer */ "./components/Layer/index.tsx"));
 __webpack_require__(/*! ./Toaster.less */ "./components/Toaster/Toaster.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
+var _class;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -23634,6 +23118,7 @@ class Toaster extends _react.Component {
   }
 }
 exports["default"] = Toaster;
+_class = Toaster;
 // eslint-disable-next-line react/sort-comp
 _defineProperty(Toaster, "defaultProps", {
   position: 'top-end',
@@ -23644,7 +23129,7 @@ _defineProperty(Toaster, "create", function () {
   let container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
   const containerElement = document.createElement('div');
   container.appendChild(containerElement);
-  return (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(Toaster, {
+  return (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_class, {
     ...props
   }), containerElement);
 });
@@ -24368,10 +23853,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";
@@ -24381,17 +23866,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.
@@ -24470,7 +23952,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.
@@ -24485,42 +23966,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,
@@ -24535,9 +24018,14 @@ class Tooltip extends _react.Component {
     });
   }
   componentWillUnmount() {
-    clearTimeout(this.showTimer);
+    this.clearTimer();
   }
   renderTooltip() {
+    const {
+      left,
+      top,
+      visible
+    } = this.state;
     const {
       baseClassName,
       className,
@@ -24547,17 +24035,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,
@@ -24574,60 +24055,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";
@@ -24642,7 +24098,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 }; }
 
 /***/ }),
@@ -24732,10 +24188,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";
@@ -24744,40 +24200,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,
@@ -24787,8 +24221,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') {
@@ -24797,76 +24232,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";
@@ -24884,12 +24272,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;
 
 /***/ }),
 
@@ -25045,6 +24470,8 @@ var _exportNames = {
   Translate: true,
   Link: true,
   Skeleton: true,
+  SkeletonTabs: true,
+  SkeletonText: true,
   PortalContext: true
 };
 Object.defineProperty(exports, "Action", ({
@@ -25461,6 +24888,18 @@ Object.defineProperty(exports, "Skeleton", ({
     return _Skeleton.default;
   }
 }));
+Object.defineProperty(exports, "SkeletonTabs", ({
+  enumerable: true,
+  get: function () {
+    return _Skeleton.SkeletonTabs;
+  }
+}));
+Object.defineProperty(exports, "SkeletonText", ({
+  enumerable: true,
+  get: function () {
+    return _Skeleton.SkeletonText;
+  }
+}));
 Object.defineProperty(exports, "SplitButton", ({
   enumerable: true,
   get: function () {
@@ -25578,7 +25017,7 @@ Object.keys(_Card).forEach(function (key) {
   });
 });
 var _CardList = _interopRequireDefault(__webpack_require__(/*! ./CardList */ "./components/CardList/index.js"));
-var _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ "./components/Carousel/index.js"));
+var _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ "./components/Carousel/index.tsx"));
 var _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ "./components/Checkbox/index.tsx"));
 var _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ "./components/Radio/index.tsx"));
 var _CodeEditor = _interopRequireDefault(__webpack_require__(/*! ./CodeEditor */ "./components/CodeEditor/index.js"));
@@ -25639,7 +25078,7 @@ Object.keys(_Form).forEach(function (key) {
   });
 });
 var _FormField = _interopRequireDefault(__webpack_require__(/*! ./FormField */ "./components/FormField/index.js"));
-var _FormFieldCheckbox = _interopRequireDefault(__webpack_require__(/*! ./FormFieldCheckbox */ "./components/FormFieldCheckbox/index.js"));
+var _FormFieldCheckbox = _interopRequireDefault(__webpack_require__(/*! ./FormFieldCheckbox */ "./components/FormFieldCheckbox/index.tsx"));
 var _FormFieldPassword = _interopRequireWildcard(__webpack_require__(/*! ./FormFieldPassword */ "./components/FormFieldPassword/index.tsx"));
 Object.keys(_FormFieldPassword).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25655,15 +25094,15 @@ Object.keys(_FormFieldPassword).forEach(function (key) {
 var _FormFieldRadioButtons = _interopRequireDefault(__webpack_require__(/*! ./FormFieldRadioButtons */ "./components/FormFieldRadioButtons/index.js"));
 var _FormFieldText = _interopRequireDefault(__webpack_require__(/*! ./FormFieldText */ "./components/FormFieldText/index.js"));
 var _FormFieldSelect = _interopRequireDefault(__webpack_require__(/*! ./FormFieldSelect */ "./components/FormFieldSelect/index.tsx"));
-var _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ "./components/Grid/index.js"));
-var _GridCol = _interopRequireDefault(__webpack_require__(/*! ./GridCol */ "./components/GridCol/index.js"));
+var _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ "./components/Grid/index.tsx"));
+var _GridCol = _interopRequireDefault(__webpack_require__(/*! ./GridCol */ "./components/GridCol/index.tsx"));
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ./Heading */ "./components/Heading/index.tsx"));
 var _Hint = _interopRequireDefault(__webpack_require__(/*! ./Hint */ "./components/Hint/index.tsx"));
 var _Icon = _interopRequireDefault(__webpack_require__(/*! ./Icon */ "./components/Icon/index.tsx"));
 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;
@@ -25678,7 +25117,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"));
@@ -25732,17 +25171,17 @@ 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 _ProgressDialog = _interopRequireDefault(__webpack_require__(/*! ./ProgressDialog */ "./components/ProgressDialog/index.tsx"));
 var _ProgressDialogStep = _interopRequireDefault(__webpack_require__(/*! ./ProgressDialogStep */ "./components/ProgressDialogStep/index.js"));
-var _ProgressStep = _interopRequireDefault(__webpack_require__(/*! ./ProgressStep */ "./components/ProgressStep/index.js"));
-var _Rating = _interopRequireDefault(__webpack_require__(/*! ./Rating */ "./components/Rating/index.js"));
+var _ProgressStep = _interopRequireDefault(__webpack_require__(/*! ./ProgressStep */ "./components/ProgressStep/index.tsx"));
+var _Rating = _interopRequireDefault(__webpack_require__(/*! ./Rating */ "./components/Rating/index.tsx"));
 var _Section = _interopRequireWildcard(__webpack_require__(/*! ./Section */ "./components/Section/index.js"));
 Object.keys(_Section).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25772,9 +25211,9 @@ Object.keys(_Subnav).forEach(function (key) {
     }
   });
 });
-var _Switch = _interopRequireDefault(__webpack_require__(/*! ./Switch */ "./components/Switch/index.js"));
-var _SwitchesPanel = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanel */ "./components/SwitchesPanel/index.js"));
-var _SwitchesPanelItem = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanelItem */ "./components/SwitchesPanelItem/index.js"));
+var _Switch = _interopRequireDefault(__webpack_require__(/*! ./Switch */ "./components/Switch/index.tsx"));
+var _SwitchesPanel = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanel */ "./components/SwitchesPanel/index.tsx"));
+var _SwitchesPanelItem = _interopRequireDefault(__webpack_require__(/*! ./SwitchesPanelItem */ "./components/SwitchesPanelItem/index.tsx"));
 var _Tabs = _interopRequireWildcard(__webpack_require__(/*! ./Tabs */ "./components/Tabs/index.js"));
 Object.keys(_Tabs).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25801,22 +25240,11 @@ 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) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Skeleton[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Skeleton[key];
-    }
-  });
-});
 var _Layer = __webpack_require__(/*! ./Layer */ "./components/Layer/index.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; }
@@ -86845,7 +86273,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?d62a37ad2e35a937ef51";
+module.exports = __webpack_require__.p + "images/symbols.svg?b4f79cd6a7abe7143078";
 
 /***/ }),
 
@@ -89750,7 +89178,7 @@ function _setPrototypeOf(o, p) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.35.0","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","@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.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.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.45.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.26","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.1","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.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.10","@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.10","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.22.10","@babel/preset-env":"^7.22.10","@babel/preset-react":"^7.22.5","@babel/preset-typescript":"^7.22.5","@babel/types":"^7.22.10","@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":"^25.2.3","@types/jest-image-snapshot":"^6.2.0","@types/marked":"^4.3.1","@types/node":"^16.18.40","@types/react":"^17.0.64","@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.15","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.47.0","eslint-config-prettier":"^8.10.0","eslint-plugin-markdown":"^3.0.1","eslint-plugin-prettier":"^4.2.1","html-webpack-plugin":"^5.5.3","inquirer":"^3.3.0","jest":"^25.5.4","jest-dev-server":"^9.0.0","jest-image-snapshot":"^6.2.0","less":"^4.2.0","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.7.4","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"}');
 
 /***/ }),