@luminati-io/uikit 6.3.1 → 6.3.2

package/dist/umd/uikit.development.js

@@ -253,35 +253,36 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _support_svg__WEBPACK_IMPORTED_MODULE_228__ = __webpack_require__(/*! ./support.svg */ "./assets/icons/support.svg");
 /* harmony import */ var _switch_svg__WEBPACK_IMPORTED_MODULE_229__ = __webpack_require__(/*! ./switch.svg */ "./assets/icons/switch.svg");
 /* harmony import */ var _table_svg__WEBPACK_IMPORTED_MODULE_230__ = __webpack_require__(/*! ./table.svg */ "./assets/icons/table.svg");
-/* harmony import */ var _target_svg__WEBPACK_IMPORTED_MODULE_231__ = __webpack_require__(/*! ./target.svg */ "./assets/icons/target.svg");
-/* harmony import */ var _terminal_window_svg__WEBPACK_IMPORTED_MODULE_232__ = __webpack_require__(/*! ./terminal_window.svg */ "./assets/icons/terminal_window.svg");
-/* harmony import */ var _testing_svg__WEBPACK_IMPORTED_MODULE_233__ = __webpack_require__(/*! ./testing.svg */ "./assets/icons/testing.svg");
-/* harmony import */ var _text_svg__WEBPACK_IMPORTED_MODULE_234__ = __webpack_require__(/*! ./text.svg */ "./assets/icons/text.svg");
-/* harmony import */ var _thumb_up_svg__WEBPACK_IMPORTED_MODULE_235__ = __webpack_require__(/*! ./thumb_up.svg */ "./assets/icons/thumb_up.svg");
-/* harmony import */ var _ticket_svg__WEBPACK_IMPORTED_MODULE_236__ = __webpack_require__(/*! ./ticket.svg */ "./assets/icons/ticket.svg");
-/* harmony import */ var _tool_svg__WEBPACK_IMPORTED_MODULE_237__ = __webpack_require__(/*! ./tool.svg */ "./assets/icons/tool.svg");
-/* harmony import */ var _top1_svg__WEBPACK_IMPORTED_MODULE_238__ = __webpack_require__(/*! ./top1.svg */ "./assets/icons/top1.svg");
-/* harmony import */ var _transparency_svg__WEBPACK_IMPORTED_MODULE_239__ = __webpack_require__(/*! ./transparency.svg */ "./assets/icons/transparency.svg");
-/* harmony import */ var _trash_svg__WEBPACK_IMPORTED_MODULE_240__ = __webpack_require__(/*! ./trash.svg */ "./assets/icons/trash.svg");
-/* harmony import */ var _unblock_svg__WEBPACK_IMPORTED_MODULE_241__ = __webpack_require__(/*! ./unblock.svg */ "./assets/icons/unblock.svg");
-/* harmony import */ var _unblocking_infrastructure_svg__WEBPACK_IMPORTED_MODULE_242__ = __webpack_require__(/*! ./unblocking_infrastructure.svg */ "./assets/icons/unblocking_infrastructure.svg");
-/* harmony import */ var _unique_svg__WEBPACK_IMPORTED_MODULE_243__ = __webpack_require__(/*! ./unique.svg */ "./assets/icons/unique.svg");
-/* harmony import */ var _unpin_svg__WEBPACK_IMPORTED_MODULE_244__ = __webpack_require__(/*! ./unpin.svg */ "./assets/icons/unpin.svg");
-/* harmony import */ var _upgrade_svg__WEBPACK_IMPORTED_MODULE_245__ = __webpack_require__(/*! ./upgrade.svg */ "./assets/icons/upgrade.svg");
-/* harmony import */ var _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_246__ = __webpack_require__(/*! ./upload_cloud.svg */ "./assets/icons/upload_cloud.svg");
-/* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_247__ = __webpack_require__(/*! ./upload.svg */ "./assets/icons/upload.svg");
-/* harmony import */ var _url_svg__WEBPACK_IMPORTED_MODULE_248__ = __webpack_require__(/*! ./url.svg */ "./assets/icons/url.svg");
-/* harmony import */ var _verify_svg__WEBPACK_IMPORTED_MODULE_249__ = __webpack_require__(/*! ./verify.svg */ "./assets/icons/verify.svg");
-/* harmony import */ var _verify_solid_svg__WEBPACK_IMPORTED_MODULE_250__ = __webpack_require__(/*! ./verify_solid.svg */ "./assets/icons/verify_solid.svg");
-/* harmony import */ var _verify_warning_svg__WEBPACK_IMPORTED_MODULE_251__ = __webpack_require__(/*! ./verify_warning.svg */ "./assets/icons/verify_warning.svg");
-/* harmony import */ var _video_svg__WEBPACK_IMPORTED_MODULE_252__ = __webpack_require__(/*! ./video.svg */ "./assets/icons/video.svg");
-/* harmony import */ var _visa_svg__WEBPACK_IMPORTED_MODULE_253__ = __webpack_require__(/*! ./visa.svg */ "./assets/icons/visa.svg");
-/* harmony import */ var _warning_svg__WEBPACK_IMPORTED_MODULE_254__ = __webpack_require__(/*! ./warning.svg */ "./assets/icons/warning.svg");
-/* harmony import */ var _warning_solid_svg__WEBPACK_IMPORTED_MODULE_255__ = __webpack_require__(/*! ./warning_solid.svg */ "./assets/icons/warning_solid.svg");
-/* harmony import */ var _web_scrapper_svg__WEBPACK_IMPORTED_MODULE_256__ = __webpack_require__(/*! ./web_scrapper.svg */ "./assets/icons/web_scrapper.svg");
-/* harmony import */ var _web_scrapper_small_svg__WEBPACK_IMPORTED_MODULE_257__ = __webpack_require__(/*! ./web_scrapper_small.svg */ "./assets/icons/web_scrapper_small.svg");
-/* harmony import */ var _web_unlock_svg__WEBPACK_IMPORTED_MODULE_258__ = __webpack_require__(/*! ./web_unlock.svg */ "./assets/icons/web_unlock.svg");
-/* harmony import */ var _web_unlock_small_svg__WEBPACK_IMPORTED_MODULE_259__ = __webpack_require__(/*! ./web_unlock_small.svg */ "./assets/icons/web_unlock_small.svg");
+/* harmony import */ var _tasks_svg__WEBPACK_IMPORTED_MODULE_231__ = __webpack_require__(/*! ./tasks.svg */ "./assets/icons/tasks.svg");
+/* harmony import */ var _target_svg__WEBPACK_IMPORTED_MODULE_232__ = __webpack_require__(/*! ./target.svg */ "./assets/icons/target.svg");
+/* harmony import */ var _terminal_window_svg__WEBPACK_IMPORTED_MODULE_233__ = __webpack_require__(/*! ./terminal_window.svg */ "./assets/icons/terminal_window.svg");
+/* harmony import */ var _testing_svg__WEBPACK_IMPORTED_MODULE_234__ = __webpack_require__(/*! ./testing.svg */ "./assets/icons/testing.svg");
+/* harmony import */ var _text_svg__WEBPACK_IMPORTED_MODULE_235__ = __webpack_require__(/*! ./text.svg */ "./assets/icons/text.svg");
+/* harmony import */ var _thumb_up_svg__WEBPACK_IMPORTED_MODULE_236__ = __webpack_require__(/*! ./thumb_up.svg */ "./assets/icons/thumb_up.svg");
+/* harmony import */ var _ticket_svg__WEBPACK_IMPORTED_MODULE_237__ = __webpack_require__(/*! ./ticket.svg */ "./assets/icons/ticket.svg");
+/* harmony import */ var _tool_svg__WEBPACK_IMPORTED_MODULE_238__ = __webpack_require__(/*! ./tool.svg */ "./assets/icons/tool.svg");
+/* harmony import */ var _top1_svg__WEBPACK_IMPORTED_MODULE_239__ = __webpack_require__(/*! ./top1.svg */ "./assets/icons/top1.svg");
+/* harmony import */ var _transparency_svg__WEBPACK_IMPORTED_MODULE_240__ = __webpack_require__(/*! ./transparency.svg */ "./assets/icons/transparency.svg");
+/* harmony import */ var _trash_svg__WEBPACK_IMPORTED_MODULE_241__ = __webpack_require__(/*! ./trash.svg */ "./assets/icons/trash.svg");
+/* harmony import */ var _unblock_svg__WEBPACK_IMPORTED_MODULE_242__ = __webpack_require__(/*! ./unblock.svg */ "./assets/icons/unblock.svg");
+/* harmony import */ var _unblocking_infrastructure_svg__WEBPACK_IMPORTED_MODULE_243__ = __webpack_require__(/*! ./unblocking_infrastructure.svg */ "./assets/icons/unblocking_infrastructure.svg");
+/* harmony import */ var _unique_svg__WEBPACK_IMPORTED_MODULE_244__ = __webpack_require__(/*! ./unique.svg */ "./assets/icons/unique.svg");
+/* harmony import */ var _unpin_svg__WEBPACK_IMPORTED_MODULE_245__ = __webpack_require__(/*! ./unpin.svg */ "./assets/icons/unpin.svg");
+/* harmony import */ var _upgrade_svg__WEBPACK_IMPORTED_MODULE_246__ = __webpack_require__(/*! ./upgrade.svg */ "./assets/icons/upgrade.svg");
+/* harmony import */ var _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_247__ = __webpack_require__(/*! ./upload_cloud.svg */ "./assets/icons/upload_cloud.svg");
+/* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_248__ = __webpack_require__(/*! ./upload.svg */ "./assets/icons/upload.svg");
+/* harmony import */ var _url_svg__WEBPACK_IMPORTED_MODULE_249__ = __webpack_require__(/*! ./url.svg */ "./assets/icons/url.svg");
+/* harmony import */ var _verify_svg__WEBPACK_IMPORTED_MODULE_250__ = __webpack_require__(/*! ./verify.svg */ "./assets/icons/verify.svg");
+/* harmony import */ var _verify_solid_svg__WEBPACK_IMPORTED_MODULE_251__ = __webpack_require__(/*! ./verify_solid.svg */ "./assets/icons/verify_solid.svg");
+/* harmony import */ var _verify_warning_svg__WEBPACK_IMPORTED_MODULE_252__ = __webpack_require__(/*! ./verify_warning.svg */ "./assets/icons/verify_warning.svg");
+/* harmony import */ var _video_svg__WEBPACK_IMPORTED_MODULE_253__ = __webpack_require__(/*! ./video.svg */ "./assets/icons/video.svg");
+/* harmony import */ var _visa_svg__WEBPACK_IMPORTED_MODULE_254__ = __webpack_require__(/*! ./visa.svg */ "./assets/icons/visa.svg");
+/* harmony import */ var _warning_svg__WEBPACK_IMPORTED_MODULE_255__ = __webpack_require__(/*! ./warning.svg */ "./assets/icons/warning.svg");
+/* harmony import */ var _warning_solid_svg__WEBPACK_IMPORTED_MODULE_256__ = __webpack_require__(/*! ./warning_solid.svg */ "./assets/icons/warning_solid.svg");
+/* harmony import */ var _web_scrapper_svg__WEBPACK_IMPORTED_MODULE_257__ = __webpack_require__(/*! ./web_scrapper.svg */ "./assets/icons/web_scrapper.svg");
+/* harmony import */ var _web_scrapper_small_svg__WEBPACK_IMPORTED_MODULE_258__ = __webpack_require__(/*! ./web_scrapper_small.svg */ "./assets/icons/web_scrapper_small.svg");
+/* harmony import */ var _web_unlock_svg__WEBPACK_IMPORTED_MODULE_259__ = __webpack_require__(/*! ./web_unlock.svg */ "./assets/icons/web_unlock.svg");
+/* harmony import */ var _web_unlock_small_svg__WEBPACK_IMPORTED_MODULE_260__ = __webpack_require__(/*! ./web_unlock_small.svg */ "./assets/icons/web_unlock_small.svg");
 // LICENSE_CODE ZON
  /*jslint react:true*/
 
@@ -544,6 +545,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
@@ -778,35 +780,36 @@ __webpack_require__.r(__webpack_exports__);
   Support: _support_svg__WEBPACK_IMPORTED_MODULE_228__["default"],
   Switch: _switch_svg__WEBPACK_IMPORTED_MODULE_229__["default"],
   Table: _table_svg__WEBPACK_IMPORTED_MODULE_230__["default"],
-  Target: _target_svg__WEBPACK_IMPORTED_MODULE_231__["default"],
-  TerminalWindow: _terminal_window_svg__WEBPACK_IMPORTED_MODULE_232__["default"],
-  Testing: _testing_svg__WEBPACK_IMPORTED_MODULE_233__["default"],
-  Text: _text_svg__WEBPACK_IMPORTED_MODULE_234__["default"],
-  ThumbUp: _thumb_up_svg__WEBPACK_IMPORTED_MODULE_235__["default"],
-  Ticket: _ticket_svg__WEBPACK_IMPORTED_MODULE_236__["default"],
-  Tool: _tool_svg__WEBPACK_IMPORTED_MODULE_237__["default"],
-  Top1: _top1_svg__WEBPACK_IMPORTED_MODULE_238__["default"],
-  Transparency: _transparency_svg__WEBPACK_IMPORTED_MODULE_239__["default"],
-  Trash: _trash_svg__WEBPACK_IMPORTED_MODULE_240__["default"],
-  Unblock: _unblock_svg__WEBPACK_IMPORTED_MODULE_241__["default"],
-  UnblockingInfrastructure: _unblocking_infrastructure_svg__WEBPACK_IMPORTED_MODULE_242__["default"],
-  Unique: _unique_svg__WEBPACK_IMPORTED_MODULE_243__["default"],
-  Unpin: _unpin_svg__WEBPACK_IMPORTED_MODULE_244__["default"],
-  Upgrade: _upgrade_svg__WEBPACK_IMPORTED_MODULE_245__["default"],
-  UploadCloud: _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_246__["default"],
-  Upload: _upload_svg__WEBPACK_IMPORTED_MODULE_247__["default"],
-  Url: _url_svg__WEBPACK_IMPORTED_MODULE_248__["default"],
-  Verify: _verify_svg__WEBPACK_IMPORTED_MODULE_249__["default"],
-  VerifySolid: _verify_solid_svg__WEBPACK_IMPORTED_MODULE_250__["default"],
-  VerifyWarning: _verify_warning_svg__WEBPACK_IMPORTED_MODULE_251__["default"],
-  Video: _video_svg__WEBPACK_IMPORTED_MODULE_252__["default"],
-  Visa: _visa_svg__WEBPACK_IMPORTED_MODULE_253__["default"],
-  Warning: _warning_svg__WEBPACK_IMPORTED_MODULE_254__["default"],
-  WarningSolid: _warning_solid_svg__WEBPACK_IMPORTED_MODULE_255__["default"],
-  WebScrapper: _web_scrapper_svg__WEBPACK_IMPORTED_MODULE_256__["default"],
-  WebScrapperSmall: _web_scrapper_small_svg__WEBPACK_IMPORTED_MODULE_257__["default"],
-  WebUnlock: _web_unlock_svg__WEBPACK_IMPORTED_MODULE_258__["default"],
-  WebUnlockSmall: _web_unlock_small_svg__WEBPACK_IMPORTED_MODULE_259__["default"],
+  Tasks: _tasks_svg__WEBPACK_IMPORTED_MODULE_231__["default"],
+  Target: _target_svg__WEBPACK_IMPORTED_MODULE_232__["default"],
+  TerminalWindow: _terminal_window_svg__WEBPACK_IMPORTED_MODULE_233__["default"],
+  Testing: _testing_svg__WEBPACK_IMPORTED_MODULE_234__["default"],
+  Text: _text_svg__WEBPACK_IMPORTED_MODULE_235__["default"],
+  ThumbUp: _thumb_up_svg__WEBPACK_IMPORTED_MODULE_236__["default"],
+  Ticket: _ticket_svg__WEBPACK_IMPORTED_MODULE_237__["default"],
+  Tool: _tool_svg__WEBPACK_IMPORTED_MODULE_238__["default"],
+  Top1: _top1_svg__WEBPACK_IMPORTED_MODULE_239__["default"],
+  Transparency: _transparency_svg__WEBPACK_IMPORTED_MODULE_240__["default"],
+  Trash: _trash_svg__WEBPACK_IMPORTED_MODULE_241__["default"],
+  Unblock: _unblock_svg__WEBPACK_IMPORTED_MODULE_242__["default"],
+  UnblockingInfrastructure: _unblocking_infrastructure_svg__WEBPACK_IMPORTED_MODULE_243__["default"],
+  Unique: _unique_svg__WEBPACK_IMPORTED_MODULE_244__["default"],
+  Unpin: _unpin_svg__WEBPACK_IMPORTED_MODULE_245__["default"],
+  Upgrade: _upgrade_svg__WEBPACK_IMPORTED_MODULE_246__["default"],
+  UploadCloud: _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_247__["default"],
+  Upload: _upload_svg__WEBPACK_IMPORTED_MODULE_248__["default"],
+  Url: _url_svg__WEBPACK_IMPORTED_MODULE_249__["default"],
+  Verify: _verify_svg__WEBPACK_IMPORTED_MODULE_250__["default"],
+  VerifySolid: _verify_solid_svg__WEBPACK_IMPORTED_MODULE_251__["default"],
+  VerifyWarning: _verify_warning_svg__WEBPACK_IMPORTED_MODULE_252__["default"],
+  Video: _video_svg__WEBPACK_IMPORTED_MODULE_253__["default"],
+  Visa: _visa_svg__WEBPACK_IMPORTED_MODULE_254__["default"],
+  Warning: _warning_svg__WEBPACK_IMPORTED_MODULE_255__["default"],
+  WarningSolid: _warning_solid_svg__WEBPACK_IMPORTED_MODULE_256__["default"],
+  WebScrapper: _web_scrapper_svg__WEBPACK_IMPORTED_MODULE_257__["default"],
+  WebScrapperSmall: _web_scrapper_small_svg__WEBPACK_IMPORTED_MODULE_258__["default"],
+  WebUnlock: _web_unlock_svg__WEBPACK_IMPORTED_MODULE_259__["default"],
+  WebUnlockSmall: _web_unlock_small_svg__WEBPACK_IMPORTED_MODULE_260__["default"],
 });
 
 
@@ -39305,7 +39308,7 @@ CodeBlock.propTypes = {
 var CodeBlockWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CodeBlockWrapper",
   componentId: "sc-dgi5hi-0"
-})(["", "{border-top-left-radius:0;border-top-right-radius:0;}"], _code_snippet__WEBPACK_IMPORTED_MODULE_4__.CodeSnipperWrapper);
+})(["", "{border-top-left-radius:0;border-top-right-radius:0;}"], _code_snippet__WEBPACK_IMPORTED_MODULE_4__.CodeSnippetWrapper);
 var CodeBlockHeader = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CodeBlockHeader",
   componentId: "sc-dgi5hi-1"
@@ -39340,8 +39343,8 @@ var CodeBlockHeader = styled_components__WEBPACK_IMPORTED_MODULE_2___default().d
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   CodeSnipperWrapper: () => (/* binding */ CodeSnipperWrapper),
-/* harmony export */   CodeSnippet: () => (/* binding */ CodeSnippet)
+/* harmony export */   CodeSnippet: () => (/* binding */ CodeSnippet),
+/* harmony export */   CodeSnippetWrapper: () => (/* binding */ CodeSnippetWrapper)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -39378,7 +39381,7 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     maxHeight = _ref.maxHeight,
     wrap = _ref.wrap;
   var codeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeSnipperWrapper, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeSnippetWrapper, {
     ref: ref,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, {}, className, variant),
     style: maxHeight ? {
@@ -39415,8 +39418,8 @@ CodeSnippet.propTypes = {
   onCopy: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
   wrap: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
 };
-var CodeSnipperWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
-  displayName: "CodeSnipperWrapper",
+var CodeSnippetWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "CodeSnippetWrapper",
   componentId: "sc-13u859f-0"
 })(["position:relative;min-height:48px;display:flex;border-radius:4px;&.black{background-color:", ";}&.white{background-color:", ";}"], function (_ref2) {
   var color = _ref2.theme.color;
@@ -39428,20 +39431,11 @@ var CodeSnipperWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default(
 var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "CodeWrapper",
   componentId: "sc-13u859f-1"
-})(["flex:1;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";overflow:auto;", ""], function (_ref4) {
+})(["flex:1;padding:", ";overflow:auto;", ""], function (_ref4) {
   var spacing = _ref4.theme.spacing;
-  return spacing['04'];
-}, function (_ref5) {
-  var spacing = _ref5.theme.spacing;
-  return spacing['04'];
-}, function (_ref6) {
-  var spacing = _ref6.theme.spacing;
   return spacing['05'];
-}, function (_ref7) {
-  var spacing = _ref7.theme.spacing;
-  return spacing['04'];
-}, function (_ref8) {
-  var scrollbars = _ref8.theme.scrollbars;
+}, function (_ref5) {
+  var scrollbars = _ref5.theme.scrollbars;
   return scrollbars.auto;
 });
 
@@ -39538,17 +39532,23 @@ var CopyButton = function CopyButton(_ref) {
 var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
   displayName: "StyledButton",
   componentId: "sc-kvxvoe-0"
-})(["position:absolute;inset-inline-end:16px;bottom:8px;z-index:1;display:flex;padding:8px;align-items:flex-start;border:0 none;border-radius:32px;background:", ";svg{width:16px;height:16px;color:", ";}&:hover,&:active{background:", ";}"], function (_ref2) {
-  var $variant = _ref2.$variant,
-    color = _ref2.theme.color;
-  return $variant == 'white' ? color.code_bg_icon_white : color.code_bg_icon_black;
+})(["position:absolute;inset-inline-end:", ";top:", ";z-index:1;display:flex;padding:8px;align-items:flex-start;border:0 none;border-radius:32px;background:", ";svg{width:16px;height:16px;color:", ";}&:hover,&:active{background:", ";}"], function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.spacing['05'];
 }, function (_ref3) {
-  var $variant = _ref3.$variant,
-    color = _ref3.theme.color;
-  return $variant == 'white' ? color.icon : color.icon_white;
+  var theme = _ref3.theme;
+  return theme.spacing['05'];
 }, function (_ref4) {
   var $variant = _ref4.$variant,
     color = _ref4.theme.color;
+  return $variant == 'white' ? color.code_bg_icon_white : color.code_bg_icon_black;
+}, function (_ref5) {
+  var $variant = _ref5.$variant,
+    color = _ref5.theme.color;
+  return $variant == 'white' ? color.icon : color.icon_white;
+}, function (_ref6) {
+  var $variant = _ref6.$variant,
+    color = _ref6.theme.color;
   return $variant == 'white' ? color.code_bg_icon_white_hover : color.code_bg_icon_black_hover;
 });
 function selectElementText(element) {
@@ -40627,7 +40627,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useOutsideClick: () => (/* reexport safe */ _use_outside_click__WEBPACK_IMPORTED_MODULE_5__["default"]),
 /* harmony export */   useResize: () => (/* reexport safe */ _use_resize__WEBPACK_IMPORTED_MODULE_6__.useResize),
 /* harmony export */   useScroll: () => (/* reexport safe */ _use_scroll__WEBPACK_IMPORTED_MODULE_7__["default"]),
-/* harmony export */   useWindowSize: () => (/* reexport safe */ _use_window_size__WEBPACK_IMPORTED_MODULE_8__.useWindowSize)
+/* harmony export */   useStateWithEffect: () => (/* reexport safe */ _use_state_with_effect__WEBPACK_IMPORTED_MODULE_8__.useStateWithEffect),
+/* harmony export */   useWindowSize: () => (/* reexport safe */ _use_window_size__WEBPACK_IMPORTED_MODULE_9__.useWindowSize)
 /* harmony export */ });
 /* harmony import */ var _use_debounced_callback__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./use_debounced_callback */ "./src/hooks/use_debounced_callback.js");
 /* harmony import */ var _use_did_update__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use_did_update */ "./src/hooks/use_did_update.js");
@@ -40637,7 +40638,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _use_outside_click__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./use_outside_click */ "./src/hooks/use_outside_click.js");
 /* harmony import */ var _use_resize__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./use_resize */ "./src/hooks/use_resize.js");
 /* harmony import */ var _use_scroll__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./use_scroll */ "./src/hooks/use_scroll.js");
-/* harmony import */ var _use_window_size__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./use_window_size */ "./src/hooks/use_window_size.js");
+/* harmony import */ var _use_state_with_effect__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./use_state_with_effect */ "./src/hooks/use_state_with_effect.js");
+/* harmony import */ var _use_window_size__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./use_window_size */ "./src/hooks/use_window_size.js");
 // LICENSE_CODE ZON
 
 
@@ -40653,6 +40655,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /***/ }),
 
 /***/ "./src/hooks/use_debounced_callback.js":
@@ -40996,6 +40999,43 @@ var useScroll = function useScroll(scrollTarget) {
 
 /***/ }),
 
+/***/ "./src/hooks/use_state_with_effect.js":
+/*!********************************************!*\
+  !*** ./src/hooks/use_state_with_effect.js ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useStateWithEffect: () => (/* binding */ useStateWithEffect)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+var useStateWithEffect = function useStateWithEffect(initialValue) {
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    return setValue(initialValue);
+  }, [initialValue]);
+  return [value, setValue];
+};
+
+/***/ }),
+
 /***/ "./src/hooks/use_window_size.js":
 /*!**************************************!*\
   !*** ./src/hooks/use_window_size.js ***!
@@ -41371,12 +41411,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip/index.js");
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["id", "name", "checked", "onChange", "onClick", "label", "disabled", "tooltip", "indeterminate", "verticalAlign", "className", "classNamePrefix", "tabIndex", "readOnly"];
+var _excluded = ["id", "name", "checked", "onChange", "onClick", "label", "disabled", "tooltip", "indeterminate", "verticalAlign", "className", "classNamePrefix", "tabIndex", "readOnly", "tooltipPlacement"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
@@ -41390,6 +41431,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
+
 var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
   var id = _ref.id,
     name = _ref.name,
@@ -41407,6 +41449,7 @@ var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     _ref$tabIndex = _ref.tabIndex,
     tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
     readOnly = _ref.readOnly,
+    tooltipPlacement = _ref.tooltipPlacement,
     rest = _objectWithoutProperties(_ref, _excluded);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(id);
   var handleClick = function handleClick(evt) {
@@ -41416,7 +41459,8 @@ var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     onChange === null || onChange === void 0 || onChange(newValue, evt);
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__.Tooltip2, {
-    tooltip: tooltip
+    tooltip: tooltip,
+    tooltipPlacement: tooltipPlacement
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CheckboxWrapper, _extends({
     ref: ref
   }, rest, {
@@ -41460,7 +41504,8 @@ Checkbox.propTypes = {
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   tabIndex: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
   readOnly: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node)
+  tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  tooltipPlacement: _constants__WEBPACK_IMPORTED_MODULE_7__.PT_TOOLTIP_PLACEMENT
 };
 var CheckboxWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CheckboxWrapper",
@@ -47366,7 +47411,8 @@ var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(
     className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(null, null, className, classNamePrefix),
     $variant: variant,
     $underline: underline,
-    $size: size
+    $size: size,
+    $classNamePrefix: classNamePrefix
   }), isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, _extends({
     className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
       '-icon': true,
@@ -47422,7 +47468,7 @@ var getLinkProps = function getLinkProps(opt) {
 var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_2___default().a.withConfig({
   displayName: "StyledLink",
   componentId: "sc-1ilmd36-0"
-})(["display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:0 none;border:0 none;padding:0;gap:", ";color:", ";[data-label]{text-decoration:", ";}cursor:pointer;&:disabled{cursor:not-allowed;}&:hover:not(:disabled){color:", ";[data-label]{text-decoration:", ";}}&:hover,:visited,:focus{text-decoration:none;}"], function (props) {
+})(["display:inline-flex;align-items:center;justify-content:flex-start;text-decoration:none;background:0 none;border:0 none;padding:0;gap:", ";color:", ";[data-label]{text-decoration:", ";}cursor:pointer;&:disabled{cursor:not-allowed;}&:hover:not(:disabled){color:", ";[data-label]{text-decoration:", ";}}&:hover,:visited,:focus{text-decoration:none;}.", "-icon-right{margin-left:auto;}"], function (props) {
   return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(props.$size == 'lg' ? 8 : 4);
 }, function (_ref2) {
   var $variant = _ref2.$variant,
@@ -47436,6 +47482,9 @@ var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_2___default().a.with
   return $variant == 'primary' ? color.link_primary_hover : color.link_secondary_hover;
 }, function (props) {
   return props.$underline || props.$variant == 'primary' ? 'underline' : 'none';
+}, function (_ref4) {
+  var $classNamePrefix = _ref4.$classNamePrefix;
+  return $classNamePrefix;
 });
 var InlineLink = styled_components__WEBPACK_IMPORTED_MODULE_2___default().a.withConfig({
   displayName: "InlineLink",
@@ -47543,16 +47592,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./menu */ "./src/menu/menu.js");
-/* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
-/* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
-/* harmony import */ var _menu_item_popup__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./menu_item_popup */ "./src/menu/menu_item_popup.js");
+/* harmony import */ var rc_util_lib_pickAttrs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-util/lib/pickAttrs */ "./node_modules/rc-util/lib/pickAttrs.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./menu */ "./src/menu/menu.js");
+/* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
+/* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
+/* harmony import */ var _menu_item_popup__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./menu_item_popup */ "./src/menu/menu_item_popup.js");
 // LICENSE_CODE ZON
 
 
@@ -47576,6 +47626,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
+
 var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_ref, ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'item' : _ref$type,
@@ -47597,7 +47648,7 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(fu
     icon = _ref.icon,
     iconPlacement = _ref.iconPlacement,
     rest = _objectWithoutProperties(_ref, _excluded);
-  if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_9__["default"], {
+  if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_10__["default"], {
     ref: ref
   });
   var subItems = buildSubItems(children, {
@@ -47605,13 +47656,13 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(fu
   });
   var isSubMenu = subMenu || subItems;
   if (type == 'group') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_10__.MenuItemGroup, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_11__.MenuItemGroup, _extends({
       ref: ref,
       text: text,
       isFirstItem: isFirstItem
     }, rest), subItems);
   }
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getIconProps)('MenuItem', {
+  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getIconProps)('MenuItem', {
       size: size,
       icon: icon,
       iconPlacement: iconPlacement
@@ -47620,23 +47671,23 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(fu
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
   var iconColor = disabled ? 'icon_disabled' : variant == 'negative' ? 'icon_error' : 'icon';
   var labelColor = disabled ? 'text_disabled' : variant == 'negative' ? 'text_error' : 'text';
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_11__.MenuItemContainer, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_12__.MenuItemContainer, {
     ref: ref,
     as: tag,
     role: "menuitem"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__.Tooltip2, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip2, {
     tooltip: tooltip
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemComp, _extends({}, rest, {
     "aria-disabled": disabled ? true : undefined,
     size: size,
     role: "button",
     subItems: subItems
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemLeft, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, _extends({}, iconProps, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemLeft, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon, _extends({}, iconProps, {
     color: iconColor
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemRight, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemText, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PrimaryText, {
     $size: size,
     color: labelColor
-  }, text), !isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, !!tertiaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
+  }, text), !isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, !!tertiaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
     variant: "sm",
     whiteSpace: "nowrap",
     color: "text_tertiary"
@@ -47654,7 +47705,7 @@ MenuItem.propTypes = {
   description: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['item', 'divider', 'group']),
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_8__.iconNames),
   // XXX alexanderse: PT.arrayOf(PT.shape(MenuItem.propTypes)) cause parse err
   children: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'negative']),
@@ -47664,7 +47715,7 @@ MenuItem.propTypes = {
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   popupPlacement: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   popupClassName: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
-  popupTrigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_3__.PT_TRIGGER, prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(_constants__WEBPACK_IMPORTED_MODULE_3__.PT_TRIGGER)]),
+  popupTrigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_4__.PT_TRIGGER, prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(_constants__WEBPACK_IMPORTED_MODULE_4__.PT_TRIGGER)]),
   popupStyle: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)
 };
 var MenuItemComp = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_ref2, ref) {
@@ -47676,9 +47727,9 @@ var MenuItemComp = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef
     rest = _objectWithoutProperties(_ref2, _excluded3);
   var button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemButton, _extends({
     ref: ref
-  }, rest));
+  }, (0,rc_util_lib_pickAttrs__WEBPACK_IMPORTED_MODULE_3__["default"])(rest)), rest.children);
   if (subItems) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_popup__WEBPACK_IMPORTED_MODULE_12__.MenuItemPopup, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_popup__WEBPACK_IMPORTED_MODULE_13__.MenuItemPopup, {
       subItems: subItems,
       popupPlacement: popupPlacement,
       popupTrigger: popupTrigger,
@@ -47698,7 +47749,7 @@ var MenuItemButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().di
   displayName: "MenuItemButton",
   componentId: "sc-vtiffr-0"
 })(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-decoration:none;background:0 none;border:0 none;padding:0 12px;box-sizing:border-box;width:100%;min-width:168px;max-width:540px;height:", ";gap:4px;cursor:", ";&:hover{background-color:", ";}&:hover,:visited,:focus{text-decoration:none;}&:active{background-color:", ";}"], function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(sizes[props.size] || sizes.md);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(sizes[props.size] || sizes.md);
 }, function (props) {
   return props['aria-disabled'] ? 'not-allowed' : 'pointer';
 }, function (_ref3) {
@@ -47733,13 +47784,13 @@ var SecondaryIcon = function SecondaryIcon(_ref5) {
   });
   return null;
 };
-var RightIcon = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon).attrs({
+var RightIcon = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon).attrs({
   size: 'xs'
 }).withConfig({
   displayName: "RightIcon",
   componentId: "sc-vtiffr-4"
 })(["margin-left:auto;"]);
-var PrimaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_6__.Label).attrs(function (props) {
+var PrimaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs(function (props) {
   return {
     variant: props.$size == 'lg' ? 'lg' : 'sm',
     whiteSpace: 'nowrap'
@@ -47748,7 +47799,7 @@ var PrimaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typo
   displayName: "PrimaryText",
   componentId: "sc-vtiffr-5"
 })(["overflow-x:clip;text-overflow:ellipsis;"]);
-var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_6__.Label).attrs({
+var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
   variant: 'sm',
   color: 'text_secondary',
   whiteSpace: 'nowrap'
@@ -47756,7 +47807,7 @@ var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_ty
   displayName: "SecondaryText",
   componentId: "sc-vtiffr-6"
 })(["margin-left:auto;"]);
-var Description = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_6__.Label).attrs({
+var Description = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
   variant: 'xs',
   color: 'text_tertiary',
   whiteSpace: 'nowrap'
@@ -47766,7 +47817,7 @@ var Description = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typo
 })(["width:100%;overflow-x:clip;text-overflow:ellipsis;"]);
 var buildSubItems = function buildSubItems(children, itemProps) {
   return Array.isArray(children) && children.length > 0 ? children.map(function (item, ind) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_8__.Menu.Item, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_9__.Menu.Item, _extends({
       key: item.key
     }, item, itemProps, {
       isFirstItem: ind == 0
@@ -49417,14 +49468,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _rc_component_trigger__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @rc-component/trigger */ "./node_modules/@rc-component/trigger/es/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _placements__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./placements */ "./src/popover/placements.js");
+/* harmony import */ var dom_helpers_listen__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! dom-helpers/listen */ "./node_modules/dom-helpers/esm/listen.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _placements__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./placements */ "./src/popover/placements.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["className", "classNamePrefix", "style", "trigger", "visible", "placement", "popover", "onVisibleChange", "afterVisibleChange", "children"];
+var _excluded = ["className", "classNamePrefix", "style", "trigger", "visible", "placement", "popover", "onVisibleChange", "afterVisibleChange", "children", "hideOnScroll", "getScrollDOMNode"];
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 
@@ -49434,6 +49493,8 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
+
+
 var _Popover = function Popover(_ref) {
   var className = _ref.className,
     _ref$classNamePrefix = _ref.classNamePrefix,
@@ -49447,10 +49508,12 @@ var _Popover = function Popover(_ref) {
     onVisibleChange = _ref.onVisibleChange,
     afterVisibleChange = _ref.afterVisibleChange,
     children = _ref.children,
+    hideOnScroll = _ref.hideOnScroll,
+    getScrollDOMNode = _ref.getScrollDOMNode,
     rest = _objectWithoutProperties(_ref, _excluded);
   var theme = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.useTheme)();
-  var mouseEnterDelay = (0,_util__WEBPACK_IMPORTED_MODULE_4__.firstDefined)(rest.showDelay, _Popover.showDelay);
-  var mouseLeaveDelay = (0,_util__WEBPACK_IMPORTED_MODULE_4__.firstDefined)(rest.hideDelay, _Popover.hideDelay);
+  var mouseEnterDelay = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(rest.showDelay, _Popover.showDelay);
+  var mouseLeaveDelay = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(rest.hideDelay, _Popover.hideDelay);
   var popupMotion = {
     motionName: "".concat(classNamePrefix, "-motion"),
     motionAppear: true,
@@ -49458,6 +49521,23 @@ var _Popover = function Popover(_ref) {
     motionLeave: true,
     motionDeadline: 500
   };
+  var _useStateWithEffect = (0,_hooks__WEBPACK_IMPORTED_MODULE_7__.useStateWithEffect)(visible),
+    _useStateWithEffect2 = _slicedToArray(_useStateWithEffect, 2),
+    popupVisible = _useStateWithEffect2[0],
+    setPopupVisible = _useStateWithEffect2[1];
+  var onPopupVisibleChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (value) {
+    setPopupVisible(value);
+    onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(value);
+  }, [onVisibleChange]);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    if (!hideOnScroll || !popupVisible) return;
+    var htmlElement = typeof getScrollDOMNode == 'function' ? getScrollDOMNode() : window;
+    if (htmlElement) {
+      return (0,dom_helpers_listen__WEBPACK_IMPORTED_MODULE_4__["default"])(htmlElement, 'scroll', function () {
+        return onPopupVisibleChange(false);
+      });
+    }
+  }, [hideOnScroll, popupVisible, getScrollDOMNode, onPopupVisibleChange]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PopoverStyle, {
     $prefixCls: classNamePrefix,
     $theme: theme
@@ -49469,10 +49549,10 @@ var _Popover = function Popover(_ref) {
     popupMotion: popupMotion,
     popupClassName: className,
     popupStyle: style,
-    popupVisible: visible,
-    onPopupVisibleChange: onVisibleChange,
-    builtinPlacements: _placements__WEBPACK_IMPORTED_MODULE_6__.placements,
-    zIndex: _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.popover,
+    popupVisible: popupVisible,
+    onPopupVisibleChange: onPopupVisibleChange,
+    builtinPlacements: _placements__WEBPACK_IMPORTED_MODULE_8__.placements,
+    zIndex: _constants__WEBPACK_IMPORTED_MODULE_6__.Z_INDEX.popover,
     afterPopupVisibleChange: afterVisibleChange,
     mouseEnterDelay: mouseEnterDelay,
     mouseLeaveDelay: mouseLeaveDelay,
@@ -49484,14 +49564,16 @@ _Popover.propTypes = {
   className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   style: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
-  trigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_5__.PT_TRIGGER, prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(_constants__WEBPACK_IMPORTED_MODULE_5__.PT_TRIGGER)]),
+  trigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_6__.PT_TRIGGER, prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(_constants__WEBPACK_IMPORTED_MODULE_6__.PT_TRIGGER)]),
   visible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  placement: _constants__WEBPACK_IMPORTED_MODULE_5__.PT_TOOLTIP_PLACEMENT,
+  placement: _constants__WEBPACK_IMPORTED_MODULE_6__.PT_TOOLTIP_PLACEMENT,
   popover: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   showDelay: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
   hideDelay: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
   onVisibleChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  afterVisibleChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
+  afterVisibleChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  hideOnScroll: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  getScrollDOMNode: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
 };
 _Popover.showDelay = 0.1;
 _Popover.hideDelay = 0.1;
@@ -61859,6 +61941,153 @@ debounce.debounce = debounce;
 module.exports = debounce;
 
 
+/***/ }),
+
+/***/ "./node_modules/dom-helpers/esm/addEventListener.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/dom-helpers/esm/addEventListener.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   onceSupported: () => (/* binding */ onceSupported),
+/* harmony export */   optionsSupported: () => (/* binding */ optionsSupported)
+/* harmony export */ });
+/* harmony import */ var _canUseDOM__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDOM */ "./node_modules/dom-helpers/esm/canUseDOM.js");
+/* eslint-disable no-return-assign */
+
+var optionsSupported = false;
+var onceSupported = false;
+
+try {
+  var options = {
+    get passive() {
+      return optionsSupported = true;
+    },
+
+    get once() {
+      // eslint-disable-next-line no-multi-assign
+      return onceSupported = optionsSupported = true;
+    }
+
+  };
+
+  if (_canUseDOM__WEBPACK_IMPORTED_MODULE_0__["default"]) {
+    window.addEventListener('test', options, options);
+    window.removeEventListener('test', options, true);
+  }
+} catch (e) {
+  /* */
+}
+
+/**
+ * An `addEventListener` ponyfill, supports the `once` option
+ * 
+ * @param node the element
+ * @param eventName the event name
+ * @param handle the handler
+ * @param options event options
+ */
+function addEventListener(node, eventName, handler, options) {
+  if (options && typeof options !== 'boolean' && !onceSupported) {
+    var once = options.once,
+        capture = options.capture;
+    var wrappedHandler = handler;
+
+    if (!onceSupported && once) {
+      wrappedHandler = handler.__once || function onceHandler(event) {
+        this.removeEventListener(eventName, onceHandler, capture);
+        handler.call(this, event);
+      };
+
+      handler.__once = wrappedHandler;
+    }
+
+    node.addEventListener(eventName, wrappedHandler, optionsSupported ? options : capture);
+  }
+
+  node.addEventListener(eventName, handler, options);
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (addEventListener);
+
+/***/ }),
+
+/***/ "./node_modules/dom-helpers/esm/canUseDOM.js":
+/*!***************************************************!*\
+  !*** ./node_modules/dom-helpers/esm/canUseDOM.js ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (!!(typeof window !== 'undefined' && window.document && window.document.createElement));
+
+/***/ }),
+
+/***/ "./node_modules/dom-helpers/esm/listen.js":
+/*!************************************************!*\
+  !*** ./node_modules/dom-helpers/esm/listen.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _addEventListener__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./addEventListener */ "./node_modules/dom-helpers/esm/addEventListener.js");
+/* harmony import */ var _removeEventListener__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./removeEventListener */ "./node_modules/dom-helpers/esm/removeEventListener.js");
+
+
+
+function listen(node, eventName, handler, options) {
+  (0,_addEventListener__WEBPACK_IMPORTED_MODULE_0__["default"])(node, eventName, handler, options);
+  return function () {
+    (0,_removeEventListener__WEBPACK_IMPORTED_MODULE_1__["default"])(node, eventName, handler, options);
+  };
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (listen);
+
+/***/ }),
+
+/***/ "./node_modules/dom-helpers/esm/removeEventListener.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/dom-helpers/esm/removeEventListener.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/**
+ * A `removeEventListener` ponyfill
+ * 
+ * @param node the element
+ * @param eventName the event name
+ * @param handle the handler
+ * @param options event options
+ */
+function removeEventListener(node, eventName, handler, options) {
+  var capture = options && typeof options !== 'boolean' ? options.capture : options;
+  node.removeEventListener(eventName, handler, capture);
+
+  if (handler.__once) {
+    node.removeEventListener(eventName, handler.__once, capture);
+  }
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (removeEventListener);
+
 /***/ }),
 
 /***/ "./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js":
@@ -113818,6 +114047,34 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "./assets/icons/tasks.svg":
+/*!********************************!*\
+  !*** ./assets/icons/tasks.svg ***!
+  \********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/svg-baker-runtime/browser-symbol.js */ "./node_modules/svg-baker-runtime/browser-symbol.js");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js */ "./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default())({
+  "id": "tasks_uikit_icon",
+  "use": "tasks_uikit_icon-usage",
+  "viewBox": "0 0 16 16",
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" id=\"tasks_uikit_icon\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.6 2.6a1.98 1.98 0 0 1 3.38 1.38H6.02A1.98 1.98 0 0 1 6.6 2.6m-.845-.62A3.02 3.02 0 0 1 8 .98a3.02 3.02 0 0 1 2.246 1H12.5A1.02 1.02 0 0 1 13.52 3v10.5a1.02 1.02 0 0 1-1.02 1.02h-9a1.02 1.02 0 0 1-1.02-1.02V3A1.02 1.02 0 0 1 3.5 1.98zm-.611 1.04H3.52v10.46h8.96V3.02h-1.623c.107.312.164.643.164.98v.5a.52.52 0 0 1-.52.52h-5a.52.52 0 0 1-.52-.52V4c0-.337.056-.668.163-.98M6 6.98a.52.52 0 1 0 0 1.04h4a.52.52 0 1 0 0-1.04zm0 2a.52.52 0 1 0 0 1.04h4a.52.52 0 0 0 0-1.04z\" clip-rule=\"evenodd\" /></symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);
+
+/***/ }),
+
 /***/ "./assets/icons/terminal_window.svg":
 /*!******************************************!*\
   !*** ./assets/icons/terminal_window.svg ***!