@luminati-io/uikit 6.2.8-beta.1 → 6.2.8-beta.4

package/dist/umd/uikit.development.js

@@ -33892,47 +33892,48 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Code: () => (/* binding */ Code)
 /* 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__);
-/* harmony import */ var prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prismjs/components/prism-core */ "./node_modules/prismjs/components/prism-core.js");
-/* harmony import */ var prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var prismjs_components_prism_clike__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prismjs/components/prism-clike */ "./node_modules/prismjs/components/prism-clike.js");
-/* harmony import */ var prismjs_components_prism_clike__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_clike__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var prismjs_components_prism_markup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prismjs/components/prism-markup */ "./node_modules/prismjs/components/prism-markup.js");
-/* harmony import */ var prismjs_components_prism_markup__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_markup__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var prismjs_components_prism_javascript__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prismjs/components/prism-javascript */ "./node_modules/prismjs/components/prism-javascript.js");
-/* harmony import */ var prismjs_components_prism_javascript__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_javascript__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var prismjs_components_prism_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prismjs/components/prism-css */ "./node_modules/prismjs/components/prism-css.js");
-/* harmony import */ var prismjs_components_prism_css__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_css__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var prismjs_components_prism_bash__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prismjs/components/prism-bash */ "./node_modules/prismjs/components/prism-bash.js");
-/* harmony import */ var prismjs_components_prism_bash__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_bash__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var prismjs_components_prism_java__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prismjs/components/prism-java */ "./node_modules/prismjs/components/prism-java.js");
-/* harmony import */ var prismjs_components_prism_java__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_java__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var prismjs_components_prism_csharp__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! prismjs/components/prism-csharp */ "./node_modules/prismjs/components/prism-csharp.js");
-/* harmony import */ var prismjs_components_prism_csharp__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_csharp__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var prismjs_components_prism_basic__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! prismjs/components/prism-basic */ "./node_modules/prismjs/components/prism-basic.js");
-/* harmony import */ var prismjs_components_prism_basic__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_basic__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var prismjs_components_prism_vbnet__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! prismjs/components/prism-vbnet */ "./node_modules/prismjs/components/prism-vbnet.js");
-/* harmony import */ var prismjs_components_prism_vbnet__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_vbnet__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var prismjs_components_prism_markup_templating__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! prismjs/components/prism-markup-templating */ "./node_modules/prismjs/components/prism-markup-templating.js");
-/* harmony import */ var prismjs_components_prism_markup_templating__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_markup_templating__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var prismjs_components_prism_php__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! prismjs/components/prism-php */ "./node_modules/prismjs/components/prism-php.js");
-/* harmony import */ var prismjs_components_prism_php__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_php__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var prismjs_components_prism_ruby__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! prismjs/components/prism-ruby */ "./node_modules/prismjs/components/prism-ruby.js");
-/* harmony import */ var prismjs_components_prism_ruby__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_ruby__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var prismjs_components_prism_perl__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! prismjs/components/prism-perl */ "./node_modules/prismjs/components/prism-perl.js");
-/* harmony import */ var prismjs_components_prism_perl__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_perl__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! prismjs/components/prism-python */ "./node_modules/prismjs/components/prism-python.js");
-/* harmony import */ var prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! prismjs/components/prism-json */ "./node_modules/prismjs/components/prism-json.js");
-/* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! prismjs/plugins/line-numbers/prism-line-numbers */ "./node_modules/prismjs/plugins/line-numbers/prism-line-numbers.js");
-/* harmony import */ var prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_18__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_19__);
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prismjs/components/prism-core */ "./node_modules/prismjs/components/prism-core.js");
+/* harmony import */ var prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var prismjs_components_prism_clike__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prismjs/components/prism-clike */ "./node_modules/prismjs/components/prism-clike.js");
+/* harmony import */ var prismjs_components_prism_clike__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_clike__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var prismjs_components_prism_markup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prismjs/components/prism-markup */ "./node_modules/prismjs/components/prism-markup.js");
+/* harmony import */ var prismjs_components_prism_markup__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_markup__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var prismjs_components_prism_javascript__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prismjs/components/prism-javascript */ "./node_modules/prismjs/components/prism-javascript.js");
+/* harmony import */ var prismjs_components_prism_javascript__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_javascript__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var prismjs_components_prism_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prismjs/components/prism-css */ "./node_modules/prismjs/components/prism-css.js");
+/* harmony import */ var prismjs_components_prism_css__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_css__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var prismjs_components_prism_bash__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prismjs/components/prism-bash */ "./node_modules/prismjs/components/prism-bash.js");
+/* harmony import */ var prismjs_components_prism_bash__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_bash__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var prismjs_components_prism_java__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! prismjs/components/prism-java */ "./node_modules/prismjs/components/prism-java.js");
+/* harmony import */ var prismjs_components_prism_java__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_java__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var prismjs_components_prism_csharp__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! prismjs/components/prism-csharp */ "./node_modules/prismjs/components/prism-csharp.js");
+/* harmony import */ var prismjs_components_prism_csharp__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_csharp__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var prismjs_components_prism_basic__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! prismjs/components/prism-basic */ "./node_modules/prismjs/components/prism-basic.js");
+/* harmony import */ var prismjs_components_prism_basic__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_basic__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var prismjs_components_prism_vbnet__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! prismjs/components/prism-vbnet */ "./node_modules/prismjs/components/prism-vbnet.js");
+/* harmony import */ var prismjs_components_prism_vbnet__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_vbnet__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var prismjs_components_prism_markup_templating__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! prismjs/components/prism-markup-templating */ "./node_modules/prismjs/components/prism-markup-templating.js");
+/* harmony import */ var prismjs_components_prism_markup_templating__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_markup_templating__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var prismjs_components_prism_php__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! prismjs/components/prism-php */ "./node_modules/prismjs/components/prism-php.js");
+/* harmony import */ var prismjs_components_prism_php__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_php__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var prismjs_components_prism_ruby__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! prismjs/components/prism-ruby */ "./node_modules/prismjs/components/prism-ruby.js");
+/* harmony import */ var prismjs_components_prism_ruby__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_ruby__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var prismjs_components_prism_perl__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! prismjs/components/prism-perl */ "./node_modules/prismjs/components/prism-perl.js");
+/* harmony import */ var prismjs_components_prism_perl__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_perl__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! prismjs/components/prism-python */ "./node_modules/prismjs/components/prism-python.js");
+/* harmony import */ var prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! prismjs/components/prism-json */ "./node_modules/prismjs/components/prism-json.js");
+/* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! prismjs/plugins/line-numbers/prism-line-numbers */ "./node_modules/prismjs/plugins/line-numbers/prism-line-numbers.js");
+/* harmony import */ var prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(prismjs_plugins_line_numbers_prism_line_numbers__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_20__);
 // LICENSE_CODE ZON
 
 
@@ -33958,38 +33959,43 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-(prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1___default().manual) = true;
+(prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_2___default().manual) = true;
 
 // import 'prismjs/plugins/line-numbers/prism-line-numbers';
 
-var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_ref, ref) {
+var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
     code = _ref.code,
     lang = _ref.lang,
     lineNumbers = _ref.lineNumbers,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'white' : _ref$variant;
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1___default().highlightAll();
+    variant = _ref$variant === void 0 ? 'white' : _ref$variant,
+    wrap = _ref.wrap;
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_2___default().highlightAll();
   }, [code, lang, lineNumbers]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeWrapper, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CodeWrapper, {
     ref: ref,
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_20__.classNames)(null, null, className, variant, "".concat(lineNumbers ? '' : 'no-', "line-numbers"))
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("code", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_19___default()(className, variant, {
+      wrap: wrap,
+      'line-numbers': lineNumbers
+    })
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("code", {
     className: "language-".concat(lang, " content")
   }, code));
 });
 Code.displayName = 'Code';
 Code.propTypes = {
-  code: (prop_types__WEBPACK_IMPORTED_MODULE_18___default().string),
-  lang: prop_types__WEBPACK_IMPORTED_MODULE_18___default().oneOf(['js', 'javascript', 'css', 'markup', 'shell', 'java', 'csharp', 'vbnet', 'php', 'ruby', 'perl', 'python', 'json']),
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_18___default().oneOf(['black', 'white']),
-  lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_18___default().bool)
+  code: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  lang: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['js', 'javascript', 'css', 'markup', 'shell', 'java', 'csharp', 'vbnet', 'php', 'ruby', 'perl', 'python', 'json']),
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['black', 'white']),
+  lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  wrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
-var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_19___default().pre.withConfig({
+var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_20___default().pre.withConfig({
   displayName: "CodeWrapper",
   componentId: "sc-1kleg7y-0"
-})(["&&&{margin:0;border:none;background-color:transparent;width:100%;white-space:pre-wrap !important;tab-size:4;text-align:left;word-spacing:normal;word-break:break-word;word-wrap:normal;hyphens:none;max-height:none !important;code.content{all:inherit;margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}&.line-numbers{position:relative;padding-left:3.8rem;counter-reset:linenumber;& > code{position:relative;white-space:inherit;}.line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8rem;width:3rem;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;& > span{display:block;counter-increment:linenumber;&:before{content:counter(linenumber);display:block;padding-right:0.8rem;text-align:right;}}}}&.black .line-numbers{color:", ";}&.white .line-numbers{color:", ";}&.black{code[class*=\"language-\"],pre[class*=\"language-\"]{color:", ";background:none;text-shadow:0 1px ", ";font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}pre[class*=\"language-\"]{padding:1em;margin:.5em 0;overflow:auto;border-radius:0.3em;}:not(pre) > code[class*=\"language-\"],pre[class*=\"language-\"]{background:#272822;}:not(pre) > code[class*=\"language-\"]{padding:.1em;border-radius:.3em;white-space:normal;}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2;}.token.punctuation{color:#f8f8f2;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672;}.token.boolean,.token.number{color:#ae81ff;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2;}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74;}.token.keyword{color:#66d9ef;}.token.regex,.token.important{color:#fd971f;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}&.white{code[class*=\"language-\"],pre[class*=\"language-\"]{color:", ";background:none;text-shadow:0 1px ", ";font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}pre[class*=\"language-\"]::-moz-selection,pre[class*=\"language-\"] ::-moz-selection,code[class*=\"language-\"]::-moz-selection,code[class*=\"language-\"] ::-moz-selection{text-shadow:none;background:#b3d4fc;}pre[class*=\"language-\"]::selection,pre[class*=\"language-\"] ::selection,code[class*=\"language-\"]::selection,code[class*=\"language-\"] ::selection{text-shadow:none;background:#b3d4fc;}@media print{code[class*=\"language-\"],pre[class*=\"language-\"]{text-shadow:none;}}pre[class*=\"language-\"]{padding:1em;margin:.5em 0;overflow:auto;}:not(pre) > code[class*=\"language-\"],pre[class*=\"language-\"]{background:#f5f2f0;}:not(pre) > code[class*=\"language-\"]{padding:.1em;border-radius:.3em;white-space:normal;}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:hsla(0,0%,100%,.5);}.token.atrule,.token.attr-value,.token.keyword{color:#07a;}.token.function,.token.class-name{color:#DD4A68;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}}"], function (_ref2) {
+})(["&&&{margin:0;border:none;background-color:transparent;width:100%;white-space:pre;tab-size:4;text-align:left;word-spacing:normal;word-break:break-word;word-wrap:normal;hyphens:none;max-height:none !important;&.wrap{white-space:pre-wrap !important;}code.content{all:inherit;margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}&.line-numbers{position:relative;padding-left:3.8rem;counter-reset:linenumber;& > code{position:relative;white-space:inherit;}.line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8rem;width:3rem;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;& > span{display:block;counter-increment:linenumber;&:before{content:counter(linenumber);display:block;padding-right:0.8rem;text-align:right;}}}}&.black .line-numbers{color:", ";}&.white .line-numbers{color:", ";}&.black{code[class*=\"language-\"],pre[class*=\"language-\"]{color:", ";background:none;text-shadow:0 1px ", ";font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}pre[class*=\"language-\"]{padding:1em;margin:.5em 0;overflow:auto;border-radius:0.3em;}:not(pre) > code[class*=\"language-\"],pre[class*=\"language-\"]{background:#272822;}:not(pre) > code[class*=\"language-\"]{padding:.1em;border-radius:.3em;white-space:normal;}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2;}.token.punctuation{color:#f8f8f2;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672;}.token.boolean,.token.number{color:#ae81ff;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2;}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74;}.token.keyword{color:#66d9ef;}.token.regex,.token.important{color:#fd971f;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}&.white{code[class*=\"language-\"],pre[class*=\"language-\"]{color:", ";background:none;text-shadow:0 1px ", ";font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}pre[class*=\"language-\"]::-moz-selection,pre[class*=\"language-\"] ::-moz-selection,code[class*=\"language-\"]::-moz-selection,code[class*=\"language-\"] ::-moz-selection{text-shadow:none;background:#b3d4fc;}pre[class*=\"language-\"]::selection,pre[class*=\"language-\"] ::selection,code[class*=\"language-\"]::selection,code[class*=\"language-\"] ::selection{text-shadow:none;background:#b3d4fc;}@media print{code[class*=\"language-\"],pre[class*=\"language-\"]{text-shadow:none;}}pre[class*=\"language-\"]{padding:1em;margin:.5em 0;overflow:auto;}:not(pre) > code[class*=\"language-\"],pre[class*=\"language-\"]{background:#f5f2f0;}:not(pre) > code[class*=\"language-\"]{padding:.1em;border-radius:.3em;white-space:normal;}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:hsla(0,0%,100%,.5);}.token.atrule,.token.attr-value,.token.keyword{color:#07a;}.token.function,.token.class-name{color:#DD4A68;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}}"], function (_ref2) {
   var color = _ref2.theme.color;
   return color.text_white;
 }, function (_ref3) {
@@ -34054,7 +34060,8 @@ var CodeBlock = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
     onCopy = props.onCopy,
     _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'black' : _props$variant,
-    loading = props.loading;
+    loading = props.loading,
+    wrap = props.wrap;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CodeBlockWrapper, _extends({
     ref: ref,
     "data-testid": "code_block"
@@ -34080,7 +34087,8 @@ var CodeBlock = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
       copyButton: true
     }),
     onCopy: onCopy,
-    loading: loading
+    loading: loading,
+    wrap: wrap
   }));
 });
 CodeBlock.displayName = 'CodeBlock';
@@ -34095,7 +34103,8 @@ CodeBlock.propTypes = {
   lineNumbers: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   copyButton: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   loading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  onCopy: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
+  onCopy: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  wrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var CodeBlockWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CodeBlockWrapper",
@@ -34151,9 +34160,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["code", "lang", "className", "lineNumbers", "copyButton", "loading", "onCopy", "variant", "copyButtonClassName"];
-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; }
 
 
 
@@ -34172,9 +34178,9 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'black' : _ref$variant,
     copyButtonClassName = _ref.copyButtonClassName,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    maxHeight = _ref.maxHeight,
+    wrap = _ref.wrap;
   var codeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  var maxHeight = rest.maxHeight || rest.max_height;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockBody, {
     ref: ref,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, {}, className, variant),
@@ -34186,7 +34192,8 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     lang: lang,
     code: code,
     variant: variant,
-    lineNumbers: lineNumbers
+    lineNumbers: lineNumbers,
+    wrap: wrap
   }), !!copyButton && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_copy_button__WEBPACK_IMPORTED_MODULE_5__.CopyButton, {
     className: copyButtonClassName,
     code: code,
@@ -34208,12 +34215,13 @@ CodeSnippet.propTypes = {
   copyButton: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   copyButtonClassName: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
   loading: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
-  onCopy: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)
+  onCopy: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
+  wrap: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
 };
 var CodeBlockBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "CodeBlockBody",
   componentId: "sc-13u859f-0"
-})(["position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow-y:auto;min-height:60px;gap:", ";padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";", " &.black{background-color:", ";}&.white{background-color:", ";}"], function (_ref2) {
+})(["position:relative;overflow-y:auto;min-height:60px;gap:", ";padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";", " &.black{background-color:", ";}&.white{background-color:", ";}"], function (_ref2) {
   var spacing = _ref2.theme.spacing;
   return spacing['03'];
 }, function (_ref3) {
@@ -34900,18 +34908,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "react-dom");
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
+/* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
 /* 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 _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./util */ "./src/hoc/util.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./util */ "./src/hoc/util.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 var _excluded = ["popoverProps", "onOpenChange"],
-  _excluded2 = ["portalTarget"];
+  _excluded2 = ["portalTarget", "ref"];
 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 _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."); }
@@ -34928,6 +34937,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
+
 var assign = Object.assign;
 var DEFAULT_CLOSE_DELAY = 200;
 var withPopover = function withPopover(Comp, PopoverComp) {
@@ -34938,6 +34948,7 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       onOpenChange = props.onOpenChange,
       compProps = _objectWithoutProperties(props, _excluded);
     var portalTarget = popoverProps.portalTarget,
+      popoverRef = popoverProps.ref,
       restPopoverProps = _objectWithoutProperties(popoverProps, _excluded2);
     var placement = popoverOptions.placement,
       zIndex = popoverOptions.zIndex,
@@ -34955,6 +34966,10 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       _useState4 = _slicedToArray(_useState3, 2),
       popperElement = _useState4[0],
       setPopperElement = _useState4[1];
+    var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      popoverCompElement = _useState6[0],
+      setPopoverCompElement = _useState6[1];
     var _useStateWithCallback = useStateWithCallback(false, onOpenChange),
       _useStateWithCallback2 = _slicedToArray(_useStateWithCallback, 2),
       isOpen = _useStateWithCallback2[0],
@@ -34978,7 +34993,7 @@ var withPopover = function withPopover(Comp, PopoverComp) {
         return !v;
       });
     }, []);
-    var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_6__.usePopper)(referenceElement, popperElement, {
+    var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_7__.usePopper)(referenceElement, popperElement, {
         placement: placement,
         modifiers: [{
           name: 'offset',
@@ -35017,7 +35032,7 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       if (interactive) hidePopover();
       (_compProps$onPointerL = compProps.onPointerLeave) === null || _compProps$onPointerL === void 0 || _compProps$onPointerL.call(compProps, evt);
     }, [interactive, hidePopover, compProps.onPointerLeave]);
-    (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useOutsideClick)([referenceElement, popperElement], hideAndStopEvt);
+    (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useOutsideClick)([referenceElement, popperElement, popoverCompElement], hideAndStopEvt);
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RefCompContainer, {
       ref: setReferenceElement,
       className: wrapperClassName,
@@ -35032,18 +35047,20 @@ var withPopover = function withPopover(Comp, PopoverComp) {
     }))), isOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverContainer, {
       ref: setPopperElement,
       className: popoverClassName,
-      style: assign({}, popoverStyle, styles.popper),
+      style: assign({}, styles.popper, popoverStyle),
       attributes: attributes.popper,
       visible: isOpen,
       portalTarget: portalTarget,
       zIndex: zIndex
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverComp, _extends({}, restPopoverProps, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverComp, _extends({
+      ref: (0,_util__WEBPACK_IMPORTED_MODULE_5__.mergeRefs)(popoverRef, setPopoverCompElement)
+    }, restPopoverProps, {
       onPointerEnter: showPopover,
       onPointerLeave: hidePopover,
       popover: popoverApi
     }))));
   });
-  WithPopover.displayName = "WithPopover(".concat((0,_util__WEBPACK_IMPORTED_MODULE_5__.getDisplayName)(Comp), ")");
+  WithPopover.displayName = "WithPopover(".concat((0,_util__WEBPACK_IMPORTED_MODULE_6__.getDisplayName)(Comp), ")");
   return WithPopover;
 };
 var PopoverContainer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
@@ -35069,10 +35086,10 @@ var RefCompContainer = styled_components__WEBPACK_IMPORTED_MODULE_2___default().
   componentId: "sc-1hvrlux-0"
 })(["width:fit-content;"]);
 var useStateWithCallback = function useStateWithCallback(initialValue, callback) {
-  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue),
-    _useState6 = _slicedToArray(_useState5, 2),
-    value = _useState6[0],
-    setValue = _useState6[1];
+  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue),
+    _useState8 = _slicedToArray(_useState7, 2),
+    value = _useState8[0],
+    setValue = _useState8[1];
   var prev = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(value);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     if (value === prev.current) return;
@@ -42569,15 +42586,20 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var rc_util_lib_React_render__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rc-util/lib/React/render */ "./node_modules/rc-util/lib/React/render.js");
 /* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../themes */ "./src/themes/index.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _global_config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../global_config */ "./src/global_config.js");
-/* harmony import */ var _modal2__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modal2 */ "./src/modal/modal2.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _global_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../global_config */ "./src/global_config.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _modal2__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./modal2 */ "./src/modal/modal2.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
+var _excluded = ["className", "classNamePrefix", "closeOnOutsideClick", "zIndex", "show", "afterClose", "closable", "onClose", "onConfirm", "okLabel", "cancelLabel", "okProps", "cancelProps", "size", "content", "type"];
 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); }
+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; }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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; } }
@@ -42596,6 +42618,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
+
+
 var destroyFns = [];
 var withWarn = function withWarn(props) {
   return _objectSpread(_objectSpread({}, props), {}, {
@@ -42650,7 +42674,7 @@ var confirm = function confirm(config) {
   var render = function render(props) {
     clearTimeout(timeoutId);
     timeoutId = setTimeout(function () {
-      var _globalConfig = (0,_global_config__WEBPACK_IMPORTED_MODULE_5__.globalConfig)(),
+      var _globalConfig = (0,_global_config__WEBPACK_IMPORTED_MODULE_4__.globalConfig)(),
         themeName = _globalConfig.themeName;
       (0,rc_util_lib_React_render__WEBPACK_IMPORTED_MODULE_1__.render)(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_themes__WEBPACK_IMPORTED_MODULE_2__.ThemeProvider, {
         theme: themeName
@@ -42698,10 +42722,19 @@ var ConfirmModal = function ConfirmModal(_ref) {
     onConfirm = _ref.onConfirm,
     okLabel = _ref.okLabel,
     cancelLabel = _ref.cancelLabel,
+    okProps = _ref.okProps,
+    cancelProps = _ref.cancelProps,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'sm' : _ref$size,
-    content = _ref.content;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2, {
+    content = _ref.content,
+    type = _ref.type,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var icon = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(rest.icon, getIconByType(type));
+  var title = rest.title && icon ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_7__.Flex, {
+    gap: "03",
+    align_items: "center"
+  }, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, rest.title)) : rest.title;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modal2__WEBPACK_IMPORTED_MODULE_8__.Modal2, {
     className: className,
     classNamePrefix: classNamePrefix,
     onClose: function onClose() {
@@ -42711,20 +42744,12 @@ var ConfirmModal = function ConfirmModal(_ref) {
       onConfirm === null || onConfirm === void 0 || onConfirm(false);
     },
     show: show,
-    title: "",
+    title: title,
     closeOnOutsideClick: closeOnOutsideClick,
     size: size,
     zIndex: zIndex,
     closable: closable,
     afterClose: afterClose,
-    footer: null
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, {
-    flex_direction: "column",
-    gap: "07"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
-    variant: "lg",
-    color: "text"
-  }, content), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modal2__WEBPACK_IMPORTED_MODULE_6__.ModalFooter, {
     okLabel: okLabel,
     cancelLabel: cancelLabel,
     onOk: function onOk() {
@@ -42736,8 +42761,39 @@ var ConfirmModal = function ConfirmModal(_ref) {
     onCancel: function onCancel() {
       _onClose === null || _onClose === void 0 || _onClose();
       onConfirm === null || onConfirm === void 0 || onConfirm(false);
-    }
-  })));
+    },
+    okProps: okProps,
+    cancelProps: cancelProps
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Paragraph, {
+    variant: "sm"
+  }, content));
+};
+var getIconByType = function getIconByType(type) {
+  if (type == 'warning') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+    size: "sm",
+    name: "Warning",
+    color: "icon_warning"
+  });
+  if (type == 'info') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+    size: "sm",
+    name: "Info",
+    color: "icon_primary"
+  });
+  if (type == 'success') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+    size: "sm",
+    name: "CheckCircle",
+    color: "icon_success"
+  });
+  if (type == 'error') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+    size: "sm",
+    name: "Warning",
+    color: "icon_error"
+  });
+  if (type == 'confirm') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+    size: "sm",
+    name: "Question",
+    color: "icon_primary"
+  });
 };
 
 /***/ }),
@@ -42781,6 +42837,18 @@ __webpack_require__.r(__webpack_exports__);
 
 
 _modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2.Button = _modal_button__WEBPACK_IMPORTED_MODULE_2__.ModalButton;
+_modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2.warn = function warnFn(props) {
+  return (0,_confirm__WEBPACK_IMPORTED_MODULE_1__.confirm)((0,_confirm__WEBPACK_IMPORTED_MODULE_1__.withWarn)(props));
+};
+_modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2.info = function infoFn(props) {
+  return (0,_confirm__WEBPACK_IMPORTED_MODULE_1__.confirm)((0,_confirm__WEBPACK_IMPORTED_MODULE_1__.withInfo)(props));
+};
+_modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2.success = function successFn(props) {
+  return (0,_confirm__WEBPACK_IMPORTED_MODULE_1__.confirm)((0,_confirm__WEBPACK_IMPORTED_MODULE_1__.withSuccess)(props));
+};
+_modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2.error = function errorFn(props) {
+  return (0,_confirm__WEBPACK_IMPORTED_MODULE_1__.confirm)((0,_confirm__WEBPACK_IMPORTED_MODULE_1__.withError)(props));
+};
 _modal2__WEBPACK_IMPORTED_MODULE_6__.Modal2.confirm = function confirmFn(props) {
   return (0,_confirm__WEBPACK_IMPORTED_MODULE_1__.confirm)((0,_confirm__WEBPACK_IMPORTED_MODULE_1__.withConfirm)(props));
 };
@@ -42932,7 +43000,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 var Modal2 = function Modal2(_ref) {
   var className = _ref.className,
     _ref$classNamePrefix = _ref.classNamePrefix,
-    classNamePrefix = _ref$classNamePrefix === void 0 ? 'uikit_dialog' : _ref$classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'uikit_modal' : _ref$classNamePrefix,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'md' : _ref$size,
     _ref$footerVariant = _ref.footerVariant,
@@ -42966,7 +43034,8 @@ var Modal2 = function Modal2(_ref) {
   var dialogTitle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Header, {
     color: "text"
   }, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
-    padding_right: "04"
+    padding_right: "04",
+    color: "text_tertiary"
   }, subtitle));
   var dialogFooter = footer !== null ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ModalFooter, {
     onOk: onOk,
@@ -42978,12 +43047,6 @@ var Modal2 = function Modal2(_ref) {
     variant: footerVariant,
     footer: footer
   }) : null;
-  var closeIcon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_js__WEBPACK_IMPORTED_MODULE_5__.Icon, {
-    name: "CloseSmall",
-    size: "xs",
-    color: "icon",
-    "data-testid": "modal_header_close_button"
-  });
   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(Modal2Style, {
     $prefixCls: classNamePrefix,
     $theme: theme
@@ -42994,7 +43057,7 @@ var Modal2 = function Modal2(_ref) {
     className: className,
     prefixCls: classNamePrefix,
     closable: closable,
-    closeIcon: closeIcon,
+    closeIcon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CloseIcon, null),
     size: size,
     maskClosable: closeOnOutsideClick && onClose,
     title: dialogTitle,
@@ -43034,7 +43097,7 @@ Modal2.propTypes = {
   minHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
   afterClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
 };
-var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{&-root{div[role=\"dialog\"]{margin:10vh auto 0;}}&-mask{position:fixed;inset:0;height:100%;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:none;&-hidden{display:none;}}&-fade-enter,&-fade-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-enter&-fade-enter-active,&-fade-appear&-fade-appear-active{animation-name:rcDialogFadeIn;animation-play-state:running;}&-fade-leave&-fade-leave-active{animation-name:rcDialogFadeOut;animation-play-state:running;}@keyframes rcDialogFadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes rcDialogFadeOut{0%{opacity:1;}100%{opacity:0;}}&-wrap{position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;}&-content{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding-top:", ";background-color:", ";border-radius:", ";font-family:", ";box-shadow:", ";pointer-events:auto;}&-close{position:absolute;top:", ";inset-inline-end:", ";z-index:1;padding:0;text-decoration:none;background:transparent;border-radius:4px;width:32px;height:32px;border:0;outline:0;cursor:pointer;}&-header{display:flex;flex-direction:column;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";gap:", ";}&-body{overflow-y:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,0.04,0.98,0.34);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcDialogZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcDialogZoomOut;animation-play-state:running;}@keyframes rcDialogZoomIn{0%{opacity:0;transform:scale(0,0);}100%{opacity:1;transform:scale(1,1);}}@keyframes rcDialogZoomOut{0%{transform:scale(1,1);}100%{opacity:0;transform:scale(0,0);}}}"], function (_ref2) {
+var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{&-root{div[role=\"dialog\"]{margin:10vh auto 0;}}&-mask{position:fixed;inset:0;height:100%;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:none;&-hidden{display:none;}}&-fade-enter,&-fade-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-enter&-fade-enter-active,&-fade-appear&-fade-appear-active{animation-name:rcDialogFadeIn;animation-play-state:running;}&-fade-leave&-fade-leave-active{animation-name:rcDialogFadeOut;animation-play-state:running;}@keyframes rcDialogFadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes rcDialogFadeOut{0%{opacity:1;}100%{opacity:0;}}&-wrap{position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;}&-content{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding-top:", ";background-color:", ";border-radius:", ";font-family:", ";box-shadow:", ";pointer-events:auto;}&-close{position:absolute;top:", ";inset-inline-end:", ";z-index:1;padding:0;text-decoration:none;background:transparent;border-radius:4px;width:32px;height:32px;border:0;outline:0;cursor:pointer;}&-header{display:flex;flex-direction:column;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";gap:", ";}&-title{display:flex;flex-direction:column;gap:", ";}&-body{overflow-y:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";color:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,0.04,0.98,0.34);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcDialogZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcDialogZoomOut;animation-play-state:running;}@keyframes rcDialogZoomIn{0%{opacity:0;transform:scale(0,0);}100%{opacity:1;transform:scale(1,1);}}@keyframes rcDialogZoomOut{0%{transform:scale(1,1);}100%{opacity:0;transform:scale(0,0);}}}"], function (_ref2) {
   var $prefixCls = _ref2.$prefixCls;
   return $prefixCls;
 }, function (_ref3) {
@@ -43081,25 +43144,25 @@ var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobal
   return $theme.spacing['03'];
 }, function (_ref17) {
   var $theme = _ref17.$theme;
-  return $theme.spacing['06'];
+  return $theme.spacing['03'];
 }, function (_ref18) {
   var $theme = _ref18.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['06'];
 }, function (_ref19) {
   var $theme = _ref19.$theme;
-  return $theme.spacing['08'];
+  return $theme.spacing['07'];
 }, function (_ref20) {
   var $theme = _ref20.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['08'];
 }, function (_ref21) {
   var $theme = _ref21.$theme;
-  return $theme.scrollbars.thin;
+  return $theme.spacing['07'];
 }, function (_ref22) {
   var $theme = _ref22.$theme;
-  return $theme.spacing['04'];
+  return $theme.color.text_secondary;
 }, function (_ref23) {
   var $theme = _ref23.$theme;
-  return $theme.spacing['07'];
+  return $theme.scrollbars.thin;
 }, function (_ref24) {
   var $theme = _ref24.$theme;
   return $theme.spacing['04'];
@@ -43108,17 +43171,23 @@ var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobal
   return $theme.spacing['07'];
 }, function (_ref26) {
   var $theme = _ref26.$theme;
+  return $theme.spacing['04'];
+}, function (_ref27) {
+  var $theme = _ref27.$theme;
+  return $theme.spacing['07'];
+}, function (_ref28) {
+  var $theme = _ref28.$theme;
   return $theme.color.border_secondary;
 });
-var ModalFooter = function ModalFooter(_ref27) {
-  var onOk = _ref27.onOk,
-    onCancel = _ref27.onCancel,
-    okLabel = _ref27.okLabel,
-    cancelLabel = _ref27.cancelLabel,
-    okProps = _ref27.okProps,
-    cancelProps = _ref27.cancelProps,
-    variant = _ref27.variant,
-    footer = _ref27.footer;
+var ModalFooter = function ModalFooter(_ref29) {
+  var onOk = _ref29.onOk,
+    onCancel = _ref29.onCancel,
+    okLabel = _ref29.okLabel,
+    cancelLabel = _ref29.cancelLabel,
+    okProps = _ref29.okProps,
+    cancelProps = _ref29.cancelProps,
+    variant = _ref29.variant,
+    footer = _ref29.footer;
   var renderCancel = !footer && !!(onCancel && cancelLabel);
   var renderOk = !footer && !!(onOk && okLabel);
   var renderFooter = !!footer || renderOk || renderCancel;
@@ -43173,6 +43242,26 @@ var footerLayout = {
   horizontal_full: FooterFullHorizontal,
   vertical: FooterVertical
 };
+var CloseIcon = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon_js__WEBPACK_IMPORTED_MODULE_5__.Icon).attrs({
+  name: 'CloseSmall',
+  size: 'xs',
+  'data-testid': 'modal_header_close_button'
+}).withConfig({
+  displayName: "CloseIcon",
+  componentId: "sc-1p3wums-3"
+})(["background-color:", ";color:", ";&:hover{background-color:", ";color:", ";}"], function (_ref30) {
+  var color = _ref30.theme.color;
+  return color.icon_button_bg;
+}, function (_ref31) {
+  var color = _ref31.theme.color;
+  return color.icon_button_icon_default;
+}, function (_ref32) {
+  var color = _ref32.theme.color;
+  return color.icon_button_bg_hover;
+}, function (_ref33) {
+  var color = _ref33.theme.color;
+  return color.icon_button_icon_hover;
+});
 
 /***/ }),
 
@@ -43218,7 +43307,7 @@ var ModalButton = function ModalButton(_ref) {
     (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 || _document$activeEleme.blur();
     if (!hotKey) return;
     var handle_key_press = function handle_key_press(e) {
-      if (e.key.toLowerCase() == hotKey.toLowerCase()) onClick === null || onClick === void 0 || onClick(e);
+      if (e.key && e.key.toLowerCase() == hotKey.toLowerCase()) onClick === null || onClick === void 0 || onClick(e);
     };
     window.addEventListener('keydown', handle_key_press);
     return function () {
@@ -44766,14 +44855,10 @@ var DroppableBody = function DroppableBody(props) {
   var _useRowHoverActions = (0,_row_hover_actions__WEBPACK_IMPORTED_MODULE_2__.useRowHoverActions)(),
     renderHoverActions = _useRowHoverActions.renderHoverActions,
     rowHoverEvents = _useRowHoverActions.rowHoverEvents;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_3__.Droppable, droppableProps, function (provided) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
-      ref: provided.innerRef
-    }, provided.droppableProps), rows.map(function (row, index) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DraggableWrapper, {
-        key: row.id,
-        row: row,
-        index: index,
+  var prepared_rows = react__WEBPACK_IMPORTED_MODULE_0___default().useMemo(function () {
+    return rows.map(function (row, index) {
+      return {
+        original: row,
         render: function render(wrapperProps, dragHandleProps) {
           return renderRow({
             row: row,
@@ -44785,6 +44870,20 @@ var DroppableBody = function DroppableBody(props) {
             })
           });
         }
+      };
+    });
+  }, [rows]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_3__.Droppable, droppableProps, function (provided) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+      ref: provided.innerRef
+    }, provided.droppableProps), prepared_rows.map(function (_ref, index) {
+      var row = _ref.original,
+        render = _ref.render;
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DraggableWrapper, {
+        key: row.id,
+        row: row,
+        index: index,
+        render: render
       });
     }), provided.placeholder), renderHoverActions());
   });
@@ -49568,7 +49667,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-var PT_TRIGGER = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['hover', 'click', 'focus']);
+var PT_TRIGGER = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['hover', 'click', 'focus', 'contextMenu']);
 var _Tooltip = function Tooltip2(_ref) {
   var id = _ref.id,
     className = _ref.className,
@@ -49628,9 +49727,9 @@ _Tooltip.propTypes = {
   onVisibleChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   afterVisibleChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
 };
-_Tooltip.showDelay = 0;
+_Tooltip.showDelay = 0.1;
 _Tooltip.hideDelay = 0.1;
-var Tooltip2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.createGlobalStyle)([".", "{&_white,&_black{position:absolute;display:block;visibility:visible;font-family:", ";font-size:", ";font-weight:", ";line-height:", ";padding:1px;width:fit-content;max-width:min(500px,80vw);background-color:transparent;&-hidden{display:none;}&-inner{padding:8px 10px;text-align:left;text-decoration:none;border-radius:", ";box-shadow:", ";min-height:", ";}&-arrow,&-arrow-inner{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{transform:translate(-50%,5px);margin-left:-6px;border-width:6px 6px 0;}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{bottom:1px;margin-left:-6px;border-width:6px 6px 0;}&-placement-top &-arrow{left:50%;}&-placement-topLeft &-arrow{left:15%;}&-placement-topRight &-arrow{right:15%;}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{left:-5px;margin-top:-6px;border-width:6px 6px 6px 0;transform:translateX(calc(-100% + 1px));}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{left:1px;margin-top:-6px;border-width:6px 6px 6px 0;}&-placement-right &-arrow{top:50%;}&-placement-rightTop &-arrow{top:15%;margin-top:0;}&-placement-rightBottom &-arrow{bottom:15%;}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{right:-5px;margin-top:-6px;border-width:6px 0 6px 6px;transform:translateX(calc(100% - 1px));}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{right:1px;margin-top:-6px;border-width:6px 0 6px 6px;}&-placement-left &-arrow{top:50%;}&-placement-leftTop &-arrow{top:15%;margin-top:0;}&-placement-leftBottom &-arrow{bottom:15%;}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{transform:translate(-50%,-5px);margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{top:1px;margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom &-arrow{left:50%;}&-placement-bottomLeft &-arrow{left:15%;}&-placement-bottomRight &-arrow{right:15%;}&&-zoom-appear,&&-zoom-enter{opacity:0;}&&-zoom-enter,&&-zoom-leave{display:block;}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.18,0.89,0.32,1.28);animation-play-state:paused;}&-zoom-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,-0.3,0.74,0.05);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running;}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}100%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}}}&_white{&-inner{color:", ";background-color:", ";border:1px solid ", ";}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{border-top-color:", ";}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{border-bottom-color:", ";}}&_black{&-inner{color:", ";background-color:", ";border:1px solid ", ";}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{border-top-color:", ";}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{border-bottom-color:", ";}}}"], function (_ref2) {
+var Tooltip2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.createGlobalStyle)([".", "{&_white,&_black{position:absolute;display:block;visibility:visible;font-family:", ";font-size:", ";font-weight:", ";line-height:", ";padding:1px;width:fit-content;max-width:min(500px,80vw);background-color:transparent;&-hidden{display:none;}&-inner{padding:8px 10px;text-align:left;text-decoration:none;border-radius:", ";box-shadow:", ";min-height:", ";}&-arrow,&-arrow-inner{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{transform:translate(-50%,5px);margin-left:-6px;border-width:6px 6px 0;}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{bottom:1px;margin-left:-6px;border-width:6px 6px 0;}&-placement-top &-arrow{left:50%;}&-placement-topLeft &-arrow{left:15%;}&-placement-topRight &-arrow{right:15%;}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{left:-5px;margin-top:-6px;border-width:6px 6px 6px 0;transform:translateX(calc(-100% + 1px));}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{left:1px;margin-top:-6px;border-width:6px 6px 6px 0;}&-placement-right &-arrow{top:50%;}&-placement-rightTop &-arrow{top:15%;margin-top:0;}&-placement-rightBottom &-arrow{bottom:15%;}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{right:-5px;margin-top:-6px;border-width:6px 0 6px 6px;transform:translateX(calc(100% - 1px));}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{right:1px;margin-top:-6px;border-width:6px 0 6px 6px;}&-placement-left &-arrow{top:50%;}&-placement-leftTop &-arrow{top:15%;margin-top:0;}&-placement-leftBottom &-arrow{bottom:15%;}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{transform:translate(-50%,-5px);margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{top:1px;margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom &-arrow{left:50%;}&-placement-bottomLeft &-arrow{left:15%;}&-placement-bottomRight &-arrow{right:15%;}&&-zoom-appear,&&-zoom-enter{opacity:0;}&&-zoom-enter,&&-zoom-leave{display:block;}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.78,0.14,0.15,0.86);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running;}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}100%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}}}&_white{&-inner{color:", ";background-color:", ";border:1px solid ", ";}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{border-top-color:", ";}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{border-bottom-color:", ";}}&_black{&-inner{color:", ";background-color:", ";border:1px solid ", ";}&-placement-top &-arrow,&-placement-topLeft &-arrow,&-placement-topRight &-arrow{border-top-color:", ";}&-placement-top &-arrow-inner,&-placement-topLeft &-arrow-inner,&-placement-topRight &-arrow-inner{border-top-color:", ";}&-placement-right &-arrow,&-placement-rightTop &-arrow,&-placement-rightBottom &-arrow{border-right-color:", ";}&-placement-right &-arrow-inner,&-placement-rightTop &-arrow-inner,&-placement-rightBottom &-arrow-inner{border-right-color:", ";}&-placement-left &-arrow,&-placement-leftTop &-arrow,&-placement-leftBottom &-arrow{border-left-color:", ";}&-placement-left &-arrow-inner,&-placement-leftTop &-arrow-inner,&-placement-leftBottom &-arrow-inner{border-left-color:", ";}&-placement-bottom &-arrow,&-placement-bottomLeft &-arrow,&-placement-bottomRight &-arrow{border-bottom-color:", ";}&-placement-bottom &-arrow-inner,&-placement-bottomLeft &-arrow-inner,&-placement-bottomRight &-arrow-inner{border-bottom-color:", ";}}}"], function (_ref2) {
   var $prefixCls = _ref2.$prefixCls;
   return $prefixCls;
 }, function (_ref3) {
@@ -49641,7 +49740,7 @@ var Tooltip2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.createGlob
   return $theme.font_size.sm;
 }, function (_ref5) {
   var $theme = _ref5.$theme;
-  return $theme.font_weight.medium;
+  return $theme.font_weight.regular;
 }, function (_ref6) {
   var $theme = _ref6.$theme;
   return $theme.line_height.none;