@plesk/ui-library 3.34.2 → 3.35.0

package/dist/plesk-ui-library.js

@@ -1644,7 +1644,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _reactTransitionGroup = __webpack_require__(/*! react-transition-group */ "../node_modules/react-transition-group/esm/index.js");
 var _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ "./components/Checkbox/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _ContentLoader = _interopRequireDefault(__webpack_require__(/*! ../ContentLoader */ "./components/ContentLoader/index.tsx"));
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
 var _CardButton = _interopRequireDefault(__webpack_require__(/*! ./CardButton */ "./components/Card/CardButton.js"));
@@ -2860,7 +2860,7 @@ var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Toolbar = _interopRequireWildcard(__webpack_require__(/*! ../Toolbar */ "./components/Toolbar/index.js"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _SegmentedControl = _interopRequireDefault(__webpack_require__(/*! ../SegmentedControl */ "./components/SegmentedControl/index.js"));
 var _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _Checkbox = _interopRequireDefault(__webpack_require__(/*! ../Checkbox */ "./components/Checkbox/index.tsx"));
@@ -4420,7 +4420,7 @@ exports.findNextSafeIndex = exports["default"] = void 0;
 var _react = __webpack_require__(/*! react */ "react");
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
-var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.js"));
+var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.tsx"));
 var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _AutoClosable = _interopRequireDefault(__webpack_require__(/*! ../AutoClosable */ "./components/AutoClosable/index.tsx"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
@@ -4897,7 +4897,6 @@ const useIconCursor = (icons, initialCursor, isSync) => {
   return [icons[cursor], targetRef];
 };
 const IconsLoader = _ref => {
-  var _icons;
   let {
     baseClassName = `${_constants.CLS_PREFIX}icons-loader`,
     className,
@@ -4907,7 +4906,7 @@ const IconsLoader = _ref => {
     ...props
   } = _ref;
   const syncRef = (0, _react.useRef)('icon1');
-  if (!((_icons = icons) !== null && _icons !== void 0 && _icons.length)) {
+  if (!icons?.length) {
     icons = DEFAULT_ICONS;
   } else if (icons.length === 1) {
     icons = [icons[0], icons[0]];
@@ -5456,7 +5455,7 @@ var _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ "./comp
 var _Form = _interopRequireDefault(__webpack_require__(/*! ../Form */ "./components/Form/index.tsx"));
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
 var _Translate = __webpack_require__(/*! ../Translate */ "./components/Translate/index.js");
-var _ScrollableElementFormContext = _interopRequireDefault(__webpack_require__(/*! ../Form/ScrollableElementFormContext */ "./components/Form/ScrollableElementFormContext.js"));
+var _ScrollableElementFormContext = _interopRequireDefault(__webpack_require__(/*! ../Form/ScrollableElementFormContext */ "./components/Form/ScrollableElementFormContext.tsx"));
 var _DrawerProgress = _interopRequireDefault(__webpack_require__(/*! ./DrawerProgress */ "./components/Drawer/DrawerProgress.tsx"));
 __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./Drawer.less */ "./components/Drawer/Drawer.less");
@@ -6002,7 +6001,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _AutoClosable = _interopRequireDefault(__webpack_require__(/*! ../AutoClosable */ "./components/AutoClosable/index.tsx"));
-var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.js"));
+var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.tsx"));
 var _Layer = _interopRequireDefault(__webpack_require__(/*! ../Layer */ "./components/Layer/index.tsx"));
 var _Menu = __webpack_require__(/*! ../Menu */ "./components/Menu/index.js");
 var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */ "./components/Translate/index.js"));
@@ -6014,8 +6013,6 @@ var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-// TODO: move to Popover
-
 const createTarget = (node, _ref) => {
   let {
     onToggle,
@@ -6215,10 +6212,10 @@ exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Dropdown/index.js":
-/*!**************************************!*\
-  !*** ./components/Dropdown/index.js ***!
-  \**************************************/
+/***/ "./components/Dropdown/index.tsx":
+/*!***************************************!*\
+  !*** ./components/Dropdown/index.tsx ***!
+  \***************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -6227,14 +6224,27 @@ exports["default"] = _default;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
+var _exportNames = {};
 Object.defineProperty(exports, "default", ({
   enumerable: true,
   get: function () {
     return _Dropdown.default;
   }
 }));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ "./components/Dropdown/Dropdown.tsx"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Dropdown = _interopRequireWildcard(__webpack_require__(/*! ./Dropdown */ "./components/Dropdown/Dropdown.tsx"));
+Object.keys(_Dropdown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dropdown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Dropdown[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /***/ }),
 
@@ -6538,10 +6548,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Figure/Figure.js":
-/*!*************************************!*\
-  !*** ./components/Figure/Figure.js ***!
-  \*************************************/
+/***/ "./components/Figure/Figure.tsx":
+/*!**************************************!*\
+  !*** ./components/Figure/Figure.tsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -6551,8 +6561,6 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 __webpack_require__(/*! ./Figure.less */ "./components/Figure/Figure.less");
@@ -6563,9 +6571,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /**
  * Figure component.
  * @since 0.0.42
- */const Figure = _ref => {
+ */
+const Figure = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}figure`,
     className,
     href,
     caption,
@@ -6584,45 +6593,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     })]
   });
 };
-Figure.propTypes = {
-  /**
-   * @since 0.0.47
-   */
-  href: _propTypes.default.string,
-  /**
-   * @since 0.0.47
-   */
-  caption: _propTypes.default.any,
-  /**
-   * Content of the figure
-   * @since 0.0.42
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Figure.defaultProps = {
-  href: null,
-  caption: null,
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}figure`
-};
 var _default = Figure;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Figure/index.js":
-/*!************************************!*\
-  !*** ./components/Figure/index.js ***!
-  \************************************/
+/***/ "./components/Figure/index.tsx":
+/*!*************************************!*\
+  !*** ./components/Figure/index.tsx ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -6631,14 +6610,27 @@ exports["default"] = _default;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
+var _exportNames = {};
 Object.defineProperty(exports, "default", ({
   enumerable: true,
   get: function () {
     return _Figure.default;
   }
 }));
-var _Figure = _interopRequireDefault(__webpack_require__(/*! ./Figure */ "./components/Figure/Figure.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Figure = _interopRequireWildcard(__webpack_require__(/*! ./Figure */ "./components/Figure/Figure.tsx"));
+Object.keys(_Figure).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Figure[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Figure[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /***/ }),
 
@@ -7209,7 +7201,8 @@ class Form extends _react.Component {
 /**
  * `Form` component is used for entering and submitting of user data.
  * [More details about designing of forms.](#!/Good%20Forms)
- * @since 0.0.54
+ *
+ * Since: 0.0.54
  */
 _defineProperty(Form, "defaultProps", {
   children: undefined,
@@ -7237,8 +7230,7 @@ const RefForwardingForm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const innerRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, () => ({
     submit() {
-      var _innerRef$current;
-      (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.dispatchEvent(new Event('submit', {
+      innerRef.current?.dispatchEvent(new Event('submit', {
         cancelable: true,
         bubbles: true
       }));
@@ -7278,10 +7270,10 @@ exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Form/ScrollableElementFormContext.js":
-/*!*********************************************************!*\
-  !*** ./components/Form/ScrollableElementFormContext.js ***!
-  \*********************************************************/
+/***/ "./components/Form/ScrollableElementFormContext.tsx":
+/*!**********************************************************!*\
+  !*** ./components/Form/ScrollableElementFormContext.tsx ***!
+  \**********************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -7294,7 +7286,7 @@ exports["default"] = void 0;
 var _react = __webpack_require__(/*! react */ "react");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-const ScrollableElementFormContext = /*#__PURE__*/(0, _react.createContext)();
+const ScrollableElementFormContext = /*#__PURE__*/(0, _react.createContext)(null);
 ScrollableElementFormContext.displayName = 'ScrollableElementFormContext';
 var _default = ScrollableElementFormContext;
 exports["default"] = _default;
@@ -7313,6 +7305,10 @@ exports["default"] = _default;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
+var _exportNames = {
+  getIn: true,
+  setIn: true
+};
 Object.defineProperty(exports, "default", ({
   enumerable: true,
   get: function () {
@@ -7331,9 +7327,21 @@ Object.defineProperty(exports, "setIn", ({
     return _utils.setIn;
   }
 }));
-var _Form = _interopRequireDefault(__webpack_require__(/*! ./Form */ "./components/Form/Form.tsx"));
+var _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ "./components/Form/Form.tsx"));
+Object.keys(_Form).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Form[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Form[key];
+    }
+  });
+});
 var _utils = __webpack_require__(/*! ./utils */ "./components/Form/utils.tsx");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /***/ }),
 
@@ -7450,7 +7458,7 @@ var _Translate = _interopRequireDefault(__webpack_require__(/*! ../Translate */
 var _Focuser = _interopRequireDefault(__webpack_require__(/*! ../Overlay/Focuser */ "./components/Overlay/Focuser.js"));
 var _FormContext = _interopRequireDefault(__webpack_require__(/*! ../Form/FormContext */ "./components/Form/FormContext.tsx"));
 var _VerticalContext = _interopRequireDefault(__webpack_require__(/*! ../VerticalContext */ "./components/VerticalContext/index.tsx"));
-var _ScrollableElementFormContext = _interopRequireDefault(__webpack_require__(/*! ../Form/ScrollableElementFormContext */ "./components/Form/ScrollableElementFormContext.js"));
+var _ScrollableElementFormContext = _interopRequireDefault(__webpack_require__(/*! ../Form/ScrollableElementFormContext */ "./components/Form/ScrollableElementFormContext.tsx"));
 __webpack_require__(/*! ./FormField.less */ "./components/FormField/FormField.less");
 var _DisabledContext = _interopRequireDefault(__webpack_require__(/*! ../Form/DisabledContext */ "./components/Form/DisabledContext.tsx"));
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -8466,19 +8474,19 @@ const PasswordMeter = _ref => {
     canCloseOnOutsideClick: false,
     canCloseOnEscapePress: false,
     ...props,
-    children: [result !== null && result !== void 0 && result.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+    children: [result?.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
       component: "div",
       content: "FormFieldPassword.passwordStrength",
       fallback: _enUS.default.passwordStrength,
       params: {
         strength: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-            content: `FormFieldPassword.strength${result === null || result === void 0 ? void 0 : result.strength}`,
-            fallback: _enUS.default[`strength${result === null || result === void 0 ? void 0 : result.strength}`]
+            content: `FormFieldPassword.strength${result?.strength}`,
+            fallback: _enUS.default[`strength${result?.strength}`]
           })
         })
       }
-    }) : null, result !== null && result !== void 0 && result.suggestions.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    }) : null, result?.suggestions.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
         content: "FormFieldPassword.improvePassword",
         fallback: _enUS.default.improvePassword
@@ -9933,9 +9941,9 @@ exports.NAMES_12 = exports.NAMES = void 0;
 /* eslint-disable max-len */
 // This file is generated by create-svg-sprite. Do not edit.
 
-const NAMES_12 = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'power', 'projects', 'puzzle', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'zero-circle-filled'];
+const NAMES_12 = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-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'];
 exports.NAMES_12 = NAMES_12;
-const NAMES = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'power', 'projects', 'puzzle', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'zero-circle-filled'];
+const NAMES = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-right', 'arrow-right-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'];
 exports.NAMES = NAMES;
 
 /***/ }),
@@ -12199,13 +12207,10 @@ var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * FIXME: With the following code all @ts-ignore comments can be removed, but react-docgen cannot parse it.
- * const Link = <P extends any>({ ... }: LinkProps<P>) => {
- */
 /**
  * `Link` is used for navigation purposes.
- * @since 1.9.0
+ *
+ * Since: 1.9.0
  */
 const Link = _ref => {
   let {
@@ -12218,7 +12223,7 @@ const Link = _ref => {
     children,
     ...other
   } = _ref;
-  const Component = component ? component : 'a';
+  const Tag = component || 'a';
   const onDark = (0, _react.useContext)(_OnDarkContext.default);
   const props = {
     ...other,
@@ -12250,18 +12255,14 @@ const Link = _ref => {
       }
     });
   }
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    (0, _jsxRuntime.jsxs)(Component, {
-      ...props,
-      children: [children, external && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        flipHorizontal: (0, _utils.isRtl)(),
-        name: "arrow-diagonal-out",
-        className: `${baseClassName}__external-icon`
-      })]
-    })
-  );
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
+    ...props,
+    children: [children, external && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      flipHorizontal: (0, _utils.isRtl)(),
+      name: "arrow-diagonal-out",
+      className: `${baseClassName}__external-icon`
+    })]
+  });
 };
 var _default = Link;
 exports["default"] = _default;
@@ -13928,7 +13929,7 @@ var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _Menu = _interopRequireDefault(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _ListAction = _interopRequireDefault(__webpack_require__(/*! ./ListAction */ "./components/List/ListAction.tsx"));
 var _VerticalContext = _interopRequireDefault(__webpack_require__(/*! ../VerticalContext */ "./components/VerticalContext/index.tsx"));
@@ -15813,8 +15814,8 @@ const OverlayCore = _ref => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, isOpen && `${baseClassName}--open`, className),
       style: {
-        '--overlay-side-banner-background': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.background,
-        '--overlay-side-banner-align': sideBannerContainer === null || sideBannerContainer === void 0 ? void 0 : sideBannerContainer.align,
+        '--overlay-side-banner-background': sideBannerContainer?.background,
+        '--overlay-side-banner-align': sideBannerContainer?.align,
         ...style
       },
       ...props,
@@ -15844,11 +15845,10 @@ const Overlay = _ref2 => {
   const [isExist, setIsExist] = (0, _react.useState)(false);
   const prevFocusElementRef = (0, _react.useRef)(null);
   const handleClose = (0, _react.useCallback)(() => {
-    var _prevFocusElementRef$;
     if (!isOpenRef.current) return;
     isOpenRef.current = false;
     if (--overlaysCount === 0) (0, _utils.enableDocumentScroll)();
-    (_prevFocusElementRef$ = prevFocusElementRef.current) === null || _prevFocusElementRef$ === void 0 ? void 0 : _prevFocusElementRef$.focus();
+    prevFocusElementRef.current?.focus();
   }, []);
   (0, _react.useEffect)(() => {
     if (isOpen) {
@@ -16500,7 +16500,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ ".
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure */ "../node_modules/react-measure/dist/index.esm.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.js"));
+var _Popper = _interopRequireDefault(__webpack_require__(/*! ../Popper */ "./components/Popper/index.tsx"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _Heading = _interopRequireDefault(__webpack_require__(/*! ../Heading */ "./components/Heading/index.tsx"));
 var _AutoClosable = _interopRequireDefault(__webpack_require__(/*! ../AutoClosable */ "./components/AutoClosable/index.tsx"));
@@ -16940,10 +16940,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/Popper/Popper.js":
-/*!*************************************!*\
-  !*** ./components/Popper/Popper.js ***!
-  \*************************************/
+/***/ "./components/Popper/Popper.tsx":
+/*!**************************************!*\
+  !*** ./components/Popper/Popper.tsx ***!
+  \**************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -16953,17 +16953,14 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
-var _reactDom = __webpack_require__(/*! react-dom */ "react-dom");
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
-var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _popper = _interopRequireDefault(__webpack_require__(/*! popper.js */ "../node_modules/popper.js/dist/esm/popper.js"));
+var _react = __webpack_require__(/*! react */ "react");
+var _reactDom = __webpack_require__(/*! react-dom */ "react-dom");
+var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Layer = _interopRequireDefault(__webpack_require__(/*! ../Layer */ "./components/Layer/index.tsx"));
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
@@ -16980,29 +16977,26 @@ class Popper extends _react.Component {
     });
     _defineProperty(this, "popper", null);
     _defineProperty(this, "contentRef", /*#__PURE__*/(0, _react.createRef)());
+    _defineProperty(this, "arrowRef", null);
+    // @ts-ignore
     _defineProperty(this, "extractStyles", state => {
-      if (!state) {
-        return;
-      }
       const {
         onUpdate
       } = this.props;
       const data = {
         popperStyle: {
-          position: state.offsets.popper.position,
           ...(state.hide ? {
             visibility: 'hidden',
             pointerEvents: 'none'
           } : undefined),
-          ...state.styles
+          ...state.styles,
+          position: state.offsets.popper.position
         },
         actualPlacement: state.placement,
         arrowStyle: state.arrowStyles
       };
       this.setState(data);
-      if (onUpdate) {
-        onUpdate(data);
-      }
+      onUpdate?.(data);
     });
   }
   componentDidMount() {
@@ -17072,10 +17066,10 @@ class Popper extends _react.Component {
           padding: 0,
           behavior
         },
-        arrow: arrow && {
+        arrow: arrow && this.arrowRef ? {
           enabled: true,
           element: this.arrowRef
-        }
+        } : undefined
       }
     };
     let reference;
@@ -17135,67 +17129,7 @@ class Popper extends _react.Component {
     });
   }
 }
-Popper.propTypes = {
-  /**
-   * Whether show popper content.
-   */
-  show: _propTypes.default.bool,
-  /**
-   * Content of the `Popper`.
-   */
-  children: _propTypes.default.node,
-  /**
-   * Target for popper.
-   */
-  target: _propTypes.default.any.isRequired,
-  /**
-   * A React reference to the DOM element that needs for calculating the position of the popup.
-   */
-  targetRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.instanceOf(HTMLElement)
-  })]),
-  /**
-   * Arrow element of popper
-   */
-  arrow: _propTypes.default.element,
-  /**
-   * Placement for popper.
-   */
-  placement: _propTypes.default.oneOf(['auto', 'auto-start', 'auto-end', 'auto-top', 'auto-right', 'auto-bottom', 'auto-left', 'top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end']),
-  /**
-   * The behavior used to change the popper's placement.
-   */
-  behavior: _propTypes.default.oneOfType([_propTypes.default.oneOf(['flip', 'clockwise', 'counterclockwise']), _propTypes.default.arrayOf(_propTypes.default.string)]),
-  /**
-   * Shift your popper on both axis.
-   */
-  offset: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  /**
-   * Update callback function
-   */
-  onUpdate: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * zIndex value.
-   */
-  zIndex: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  /**
-   * Boundaries element for preventOverflow property.
-   */
-  boundariesElement: _propTypes.default.oneOfType([_propTypes.default.oneOf(['scrollParent', 'window', 'viewport']), _propTypes.default.instanceOf(HTMLElement)]),
-  /**
-   * @ignore
-   */
-  style: _propTypes.default.object
-};
-Popper.defaultProps = {
+_defineProperty(Popper, "defaultProps", {
   show: true,
   children: null,
   arrow: null,
@@ -17209,16 +17143,16 @@ Popper.defaultProps = {
   boundariesElement: 'window',
   style: undefined,
   targetRef: undefined
-};
+});
 var _default = Popper;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/Popper/index.js":
-/*!************************************!*\
-  !*** ./components/Popper/index.js ***!
-  \************************************/
+/***/ "./components/Popper/index.tsx":
+/*!*************************************!*\
+  !*** ./components/Popper/index.tsx ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -17227,14 +17161,27 @@ exports["default"] = _default;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
+var _exportNames = {};
 Object.defineProperty(exports, "default", ({
   enumerable: true,
   get: function () {
     return _Popper.default;
   }
 }));
-var _Popper = _interopRequireDefault(__webpack_require__(/*! ./Popper */ "./components/Popper/Popper.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Popper = _interopRequireWildcard(__webpack_require__(/*! ./Popper */ "./components/Popper/Popper.tsx"));
+Object.keys(_Popper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Popper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Popper[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /***/ }),
 
@@ -18486,8 +18433,7 @@ class Section extends _react.Component {
       value: title,
       onChange: onTitleChange,
       onClick: e => {
-        var _e$target$closest$que;
-        (_e$target$closest$que = e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)) === null || _e$target$closest$que === void 0 ? void 0 : _e$target$closest$que.click();
+        e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)?.click();
       }
     });
   }
@@ -18817,7 +18763,7 @@ var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ../ButtonGroup */ "./components/ButtonGroup/index.tsx"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _Squeezer = _interopRequireDefault(__webpack_require__(/*! ../Squeezer */ "./components/Squeezer/index.tsx"));
 var _ResponsiveContext = _interopRequireDefault(__webpack_require__(/*! ../ResponsiveContext */ "./components/ResponsiveContext/index.tsx"));
@@ -20097,7 +20043,7 @@ const SkeletonText = _ref => {
     // eslint-disable-next-line react/no-array-index-key
     , {
       ...lineProps,
-      className: (0, _classnames.default)(`${baseClassName}__line`, lineProps === null || lineProps === void 0 ? void 0 : lineProps.className)
+      className: (0, _classnames.default)(`${baseClassName}__line`, lineProps?.className)
     }, key))
   });
 };
@@ -20217,10 +20163,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 /***/ }),
 
-/***/ "./components/SplitButton/SplitButton.js":
-/*!***********************************************!*\
-  !*** ./components/SplitButton/SplitButton.js ***!
-  \***********************************************/
+/***/ "./components/SplitButton/SplitButton.tsx":
+/*!************************************************!*\
+  !*** ./components/SplitButton/SplitButton.tsx ***!
+  \************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -20230,19 +20176,16 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
-var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
+var _react = __webpack_require__(/*! react */ "react");
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
 var _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ../ButtonGroup */ "./components/ButtonGroup/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 __webpack_require__(/*! ./SplitButton.less */ "./components/SplitButton/SplitButton.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const focusStrategy = {
@@ -20267,25 +20210,26 @@ const focusStrategy = {
     return container.children[1].querySelector('button');
   }
 };
-
 /**
  * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
  * It is used for grouping several related actions when one of the actions should be accessible immediately
  * because it is used more often than others.
- * @since 0.0.40
+ *
+ * Since: 0.0.40
  */
 const SplitButton = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}split-button`,
     className,
     menu,
     children,
-    opened,
     onClick,
     onKeyDown,
+    icon,
+    size,
     ...props
   } = _ref;
-  const rootRef = (0, _react.useRef)();
+  const rootRef = (0, _react.useRef)(null);
   const {
     focusNext,
     focusPrev
@@ -20309,6 +20253,8 @@ const SplitButton = _ref => {
     onKeyDown: handleKeyDown,
     ...props,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      icon: icon,
+      size: size,
       tabIndex: 0,
       onClick: onClick,
       children: children
@@ -20317,61 +20263,22 @@ const SplitButton = _ref => {
       menu: menu,
       menuPlacement: "bottom-end",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        size: size,
         caret: true,
         tabIndex: -1
       })
     })]
   });
 };
-SplitButton.propTypes = {
-  /**
-   * @since 0.0.47
-   */
-  menu: _propTypes.default.any,
-  /**
-   * @since 0.0.47
-   */
-  opened: _propTypes.default.bool,
-  /**
-   * Content of the button group
-   * @since 0.0.40
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  onClick: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: _propTypes.default.func
-};
-SplitButton.defaultProps = {
-  menu: null,
-  opened: false,
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}split-button`,
-  onClick: undefined,
-  onKeyDown: undefined
-};
 var _default = SplitButton;
 exports["default"] = _default;
 
 /***/ }),
 
-/***/ "./components/SplitButton/index.js":
-/*!*****************************************!*\
-  !*** ./components/SplitButton/index.js ***!
-  \*****************************************/
+/***/ "./components/SplitButton/index.tsx":
+/*!******************************************!*\
+  !*** ./components/SplitButton/index.tsx ***!
+  \******************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -20380,14 +20287,27 @@ exports["default"] = _default;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
+var _exportNames = {};
 Object.defineProperty(exports, "default", ({
   enumerable: true,
   get: function () {
     return _SplitButton.default;
   }
 }));
-var _SplitButton = _interopRequireDefault(__webpack_require__(/*! ./SplitButton */ "./components/SplitButton/SplitButton.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _SplitButton = _interopRequireWildcard(__webpack_require__(/*! ./SplitButton */ "./components/SplitButton/SplitButton.tsx"));
+Object.keys(_SplitButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SplitButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SplitButton[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /***/ }),
 
@@ -22325,7 +22245,7 @@ var _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
 var _Icon = _interopRequireWildcard(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
 var _Label = _interopRequireDefault(__webpack_require__(/*! ../Label */ "./components/Label/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.js"));
 var _Tab = _interopRequireDefault(__webpack_require__(/*! ./Tab */ "./components/Tabs/Tab.js"));
 var _ResponsiveContext = _interopRequireDefault(__webpack_require__(/*! ../ResponsiveContext */ "./components/ResponsiveContext/index.tsx"));
@@ -24001,7 +23921,7 @@ var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _ToolbarMenu = _interopRequireDefault(__webpack_require__(/*! ./ToolbarMenu */ "./components/Toolbar/ToolbarMenu.tsx"));
 var _RegistryContext = _interopRequireWildcard(__webpack_require__(/*! ./RegistryContext */ "./components/Toolbar/RegistryContext.tsx"));
 var _DistractionFreeModeContext = _interopRequireDefault(__webpack_require__(/*! ../DistractionFreeModeContext */ "./components/DistractionFreeModeContext/index.tsx"));
@@ -24294,7 +24214,7 @@ var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./compon
 var _ToolbarExpander = _interopRequireDefault(__webpack_require__(/*! ./ToolbarExpander */ "./components/Toolbar/ToolbarExpander.tsx"));
 var _ToolbarGroup = _interopRequireDefault(__webpack_require__(/*! ./ToolbarGroup */ "./components/Toolbar/ToolbarGroup.js"));
 var _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ "./components/Button/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
 var _List = __webpack_require__(/*! ../List */ "./components/List/index.js");
 var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
@@ -25691,7 +25611,7 @@ var _ContentLoader = _interopRequireDefault(__webpack_require__(/*! ./ContentLoa
 var _Cuttable = _interopRequireDefault(__webpack_require__(/*! ./Cuttable */ "./components/Cuttable/index.tsx"));
 var _Dialog = _interopRequireDefault(__webpack_require__(/*! ./Dialog */ "./components/Dialog/index.tsx"));
 var _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ "./components/Drawer/index.tsx"));
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ "./components/Dropdown/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ "./components/Dropdown/index.tsx"));
 var _InPlaceEdit = _interopRequireDefault(__webpack_require__(/*! ./InPlaceEdit */ "./components/InPlaceEdit/index.js"));
 var _ExtendedStatusMessage = _interopRequireWildcard(__webpack_require__(/*! ./ExtendedStatusMessage */ "./components/ExtendedStatusMessage/index.tsx"));
 Object.keys(_ExtendedStatusMessage).forEach(function (key) {
@@ -25705,7 +25625,7 @@ Object.keys(_ExtendedStatusMessage).forEach(function (key) {
     }
   });
 });
-var _Figure = _interopRequireDefault(__webpack_require__(/*! ./Figure */ "./components/Figure/index.js"));
+var _Figure = _interopRequireDefault(__webpack_require__(/*! ./Figure */ "./components/Figure/index.tsx"));
 var _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ "./components/Form/index.tsx"));
 Object.keys(_Form).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25837,7 +25757,7 @@ Object.keys(_Section).forEach(function (key) {
 });
 var _SegmentedControl = _interopRequireDefault(__webpack_require__(/*! ./SegmentedControl */ "./components/SegmentedControl/index.js"));
 var _Spot = _interopRequireDefault(__webpack_require__(/*! ./Spot */ "./components/Spot/index.tsx"));
-var _SplitButton = _interopRequireDefault(__webpack_require__(/*! ./SplitButton */ "./components/SplitButton/index.js"));
+var _SplitButton = _interopRequireDefault(__webpack_require__(/*! ./SplitButton */ "./components/SplitButton/index.tsx"));
 var _Status = _interopRequireDefault(__webpack_require__(/*! ./Status */ "./components/Status/index.tsx"));
 var _StatusMessage = _interopRequireDefault(__webpack_require__(/*! ./StatusMessage */ "./components/StatusMessage/index.tsx"));
 var _Subnav = _interopRequireWildcard(__webpack_require__(/*! ./Subnav */ "./components/Subnav/index.js"));
@@ -26061,7 +25981,7 @@ const createStrategy = () => {
   };
 };
 const createFocusManager = function (containerRef) {
-  let isFitForFocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _node => true;
+  let isFitForFocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => true;
   let strategy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : createStrategy();
   const tryFocus = node => {
     if (isFitForFocus(node) && node instanceof HTMLElement) {
@@ -86925,7 +86845,7 @@ module.exports = __webpack_require__.p + "images/no-image.svg?2f8dd4286fb9a8bd9a
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 "use strict";
-module.exports = __webpack_require__.p + "images/symbols.svg?f4ccd67b0a3a8fa095a0";
+module.exports = __webpack_require__.p + "images/symbols.svg?d62a37ad2e35a937ef51";
 
 /***/ }),
 
@@ -89830,7 +89750,7 @@ function _setPrototypeOf(o, p) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.34.2","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types/src","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","create-component":"node scripts/create-component.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.22.5","@plesk/react-movable":"^2.7.1","classnames":"^2.3.2","codemirror":"5.58.2","marked":"4.2.12","memoize-one":"^5.2.1","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^2.2.31","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.22.5","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.22.5","@babel/preset-env":"^7.22.5","@babel/preset-react":"^7.22.5","@babel/preset-typescript":"^7.22.5","@babel/types":"^7.22.5","@csstools/postcss-logical-float-and-clear":"^1.0.1","@plesk/eslint-config":"^3.0.0","@plesk/stylelint-config":"^2.0.0","@types/buble":"^0.20.1","@types/cheerio":"^0.22.31","@types/classnames":"2.3.1","@types/doctrine":"^0.0.5","@types/enzyme":"^3.10.13","@types/jest":"^24.9.1","@types/jest-image-snapshot":"^6.1.0","@types/marked":"^4.3.1","@types/node":"^16.18.38","@types/react":"^17.0.62","@types/react-dom":"^17.0.20","@types/react-measure":"2.0.8","@types/react-transition-group":"^4.4.6","@types/svg4everybody":"2.1.2","@typescript-eslint/eslint-plugin":"^5.60.1","@typescript-eslint/parser":"^5.60.1","@wojtekmaj/enzyme-adapter-react-17":"^0.8.0","autoprefixer":"^10.4.14","babel-loader":"^8.3.0","babel-plugin-dynamic-import-node":"^2.3.3","babel-plugin-transform-require-ignore":"^0.1.1","clean-webpack-plugin":"^4.0.0","cross-env":"^5.2.1","css-loader":"^6.8.1","css-minimizer-webpack-plugin":"^5.0.1","enzyme":"^3.11.0","enzyme-to-json":"^3.6.2","eslint":"^8.44.0","eslint-config-prettier":"^8.8.0","eslint-plugin-markdown":"^3.0.0","eslint-plugin-prettier":"^4.2.1","fs-extra":"^7.0.1","html-webpack-plugin":"^5.5.3","inquirer":"^3.3.0","jest":"^24.9.0","jest-dev-server":"^9.0.0","jest-image-snapshot":"^6.1.0","less":"^4.1.3","less-loader":"^11.1.3","mini-css-extract-plugin":"^2.7.6","postcss":"^8.4.24","postcss-less":"^6.0.0","postcss-loader":"^7.3.3","postcss-logical":"^6.2.0","prettier":"^2.8.8","puppeteer-core":"20.4.0","react":"^17.0.2","react-docgen-typescript":"^2.2.2","react-dom":"^17.0.2","react-styleguidist":"^12.0.1","react-test-renderer":"^16.14.0","rimraf":"^5.0.1","rtlcss":"^4.1.0","style-loader":"^3.3.3","stylelint":"^15.9.0","stylelint-declaration-block-no-ignored-properties":"^2.7.0","stylelint-no-unsupported-browser-features":"^6.1.0","stylelint-prettier":"^3.0.0","stylelint-use-logical-spec":"^5.0.0","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.9","typescript":"4.5.5","webpack":"^5.88.1","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"resolutions":{"@babel/types":"^7.15.6","@types/react":"^17.0.39","trim":">=0.0.3","postcss":"^8.4.23"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
+module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.35.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"}');
 
 /***/ }),