@luminati-io/uikit 6.3.92 → 6.3.94

package/dist/umd/uikit.development.js

@@ -274,77 +274,80 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _safari_svg__WEBPACK_IMPORTED_MODULE_249__ = __webpack_require__(/*! ./safari.svg */ "./assets/icons/safari.svg");
 /* harmony import */ var _safe_svg__WEBPACK_IMPORTED_MODULE_250__ = __webpack_require__(/*! ./safe.svg */ "./assets/icons/safe.svg");
 /* harmony import */ var _scraping_browser_svg__WEBPACK_IMPORTED_MODULE_251__ = __webpack_require__(/*! ./scraping_browser.svg */ "./assets/icons/scraping_browser.svg");
-/* harmony import */ var _search_svg__WEBPACK_IMPORTED_MODULE_252__ = __webpack_require__(/*! ./search.svg */ "./assets/icons/search.svg");
-/* harmony import */ var _send_svg__WEBPACK_IMPORTED_MODULE_253__ = __webpack_require__(/*! ./send.svg */ "./assets/icons/send.svg");
-/* harmony import */ var _seo_svg__WEBPACK_IMPORTED_MODULE_254__ = __webpack_require__(/*! ./seo.svg */ "./assets/icons/seo.svg");
-/* harmony import */ var _serp_svg__WEBPACK_IMPORTED_MODULE_255__ = __webpack_require__(/*! ./serp.svg */ "./assets/icons/serp.svg");
-/* harmony import */ var _serp_small_svg__WEBPACK_IMPORTED_MODULE_256__ = __webpack_require__(/*! ./serp_small.svg */ "./assets/icons/serp_small.svg");
-/* harmony import */ var _serp_data_svg__WEBPACK_IMPORTED_MODULE_257__ = __webpack_require__(/*! ./serp_data.svg */ "./assets/icons/serp_data.svg");
-/* harmony import */ var _serp_data_small_svg__WEBPACK_IMPORTED_MODULE_258__ = __webpack_require__(/*! ./serp_data_small.svg */ "./assets/icons/serp_data_small.svg");
-/* harmony import */ var _shrink_svg__WEBPACK_IMPORTED_MODULE_259__ = __webpack_require__(/*! ./shrink.svg */ "./assets/icons/shrink.svg");
-/* harmony import */ var _sla_svg__WEBPACK_IMPORTED_MODULE_260__ = __webpack_require__(/*! ./sla.svg */ "./assets/icons/sla.svg");
-/* harmony import */ var _settings_svg__WEBPACK_IMPORTED_MODULE_261__ = __webpack_require__(/*! ./settings.svg */ "./assets/icons/settings.svg");
-/* harmony import */ var _shell_svg__WEBPACK_IMPORTED_MODULE_262__ = __webpack_require__(/*! ./shell.svg */ "./assets/icons/shell.svg");
-/* harmony import */ var _skype_svg__WEBPACK_IMPORTED_MODULE_263__ = __webpack_require__(/*! ./skype.svg */ "./assets/icons/skype.svg");
-/* harmony import */ var _smartphone_svg__WEBPACK_IMPORTED_MODULE_264__ = __webpack_require__(/*! ./smartphone.svg */ "./assets/icons/smartphone.svg");
-/* harmony import */ var _snail_svg__WEBPACK_IMPORTED_MODULE_265__ = __webpack_require__(/*! ./snail.svg */ "./assets/icons/snail.svg");
-/* harmony import */ var _snapshot_svg__WEBPACK_IMPORTED_MODULE_266__ = __webpack_require__(/*! ./snapshot.svg */ "./assets/icons/snapshot.svg");
-/* harmony import */ var _sort_svg__WEBPACK_IMPORTED_MODULE_267__ = __webpack_require__(/*! ./sort.svg */ "./assets/icons/sort.svg");
-/* harmony import */ var _sort_asc_svg__WEBPACK_IMPORTED_MODULE_268__ = __webpack_require__(/*! ./sort_asc.svg */ "./assets/icons/sort_asc.svg");
-/* harmony import */ var _sort_desc_svg__WEBPACK_IMPORTED_MODULE_269__ = __webpack_require__(/*! ./sort_desc.svg */ "./assets/icons/sort_desc.svg");
-/* harmony import */ var _sparkle_svg__WEBPACK_IMPORTED_MODULE_270__ = __webpack_require__(/*! ./sparkle.svg */ "./assets/icons/sparkle.svg");
-/* harmony import */ var _speed_svg__WEBPACK_IMPORTED_MODULE_271__ = __webpack_require__(/*! ./speed.svg */ "./assets/icons/speed.svg");
-/* harmony import */ var _spinner_svg__WEBPACK_IMPORTED_MODULE_272__ = __webpack_require__(/*! ./spinner.svg */ "./assets/icons/spinner.svg");
-/* harmony import */ var _spinner2_svg__WEBPACK_IMPORTED_MODULE_273__ = __webpack_require__(/*! ./spinner2.svg */ "./assets/icons/spinner2.svg");
-/* harmony import */ var _square_brackets_svg__WEBPACK_IMPORTED_MODULE_274__ = __webpack_require__(/*! ./square_brackets.svg */ "./assets/icons/square_brackets.svg");
-/* harmony import */ var _star_svg__WEBPACK_IMPORTED_MODULE_275__ = __webpack_require__(/*! ./star.svg */ "./assets/icons/star.svg");
-/* harmony import */ var _star_solid_svg__WEBPACK_IMPORTED_MODULE_276__ = __webpack_require__(/*! ./star_solid.svg */ "./assets/icons/star_solid.svg");
-/* harmony import */ var _static_residential_svg__WEBPACK_IMPORTED_MODULE_277__ = __webpack_require__(/*! ./static_residential.svg */ "./assets/icons/static_residential.svg");
-/* harmony import */ var _static_residential_small_svg__WEBPACK_IMPORTED_MODULE_278__ = __webpack_require__(/*! ./static_residential_small.svg */ "./assets/icons/static_residential_small.svg");
-/* harmony import */ var _statistic_svg__WEBPACK_IMPORTED_MODULE_279__ = __webpack_require__(/*! ./statistic.svg */ "./assets/icons/statistic.svg");
-/* harmony import */ var _statistic_search_svg__WEBPACK_IMPORTED_MODULE_280__ = __webpack_require__(/*! ./statistic_search.svg */ "./assets/icons/statistic_search.svg");
-/* harmony import */ var _stop_svg__WEBPACK_IMPORTED_MODULE_281__ = __webpack_require__(/*! ./stop.svg */ "./assets/icons/stop.svg");
-/* harmony import */ var _subitems_svg__WEBPACK_IMPORTED_MODULE_282__ = __webpack_require__(/*! ./subitems.svg */ "./assets/icons/subitems.svg");
-/* harmony import */ var _subset_svg__WEBPACK_IMPORTED_MODULE_283__ = __webpack_require__(/*! ./subset.svg */ "./assets/icons/subset.svg");
-/* harmony import */ var _sum_svg__WEBPACK_IMPORTED_MODULE_284__ = __webpack_require__(/*! ./sum.svg */ "./assets/icons/sum.svg");
-/* harmony import */ var _sun_svg__WEBPACK_IMPORTED_MODULE_285__ = __webpack_require__(/*! ./sun.svg */ "./assets/icons/sun.svg");
-/* harmony import */ var _support_svg__WEBPACK_IMPORTED_MODULE_286__ = __webpack_require__(/*! ./support.svg */ "./assets/icons/support.svg");
-/* harmony import */ var _switch_svg__WEBPACK_IMPORTED_MODULE_287__ = __webpack_require__(/*! ./switch.svg */ "./assets/icons/switch.svg");
-/* harmony import */ var _table_svg__WEBPACK_IMPORTED_MODULE_288__ = __webpack_require__(/*! ./table.svg */ "./assets/icons/table.svg");
-/* harmony import */ var _tag_svg__WEBPACK_IMPORTED_MODULE_289__ = __webpack_require__(/*! ./tag.svg */ "./assets/icons/tag.svg");
-/* harmony import */ var _tasks_svg__WEBPACK_IMPORTED_MODULE_290__ = __webpack_require__(/*! ./tasks.svg */ "./assets/icons/tasks.svg");
-/* harmony import */ var _target_svg__WEBPACK_IMPORTED_MODULE_291__ = __webpack_require__(/*! ./target.svg */ "./assets/icons/target.svg");
-/* harmony import */ var _terminal_window_svg__WEBPACK_IMPORTED_MODULE_292__ = __webpack_require__(/*! ./terminal_window.svg */ "./assets/icons/terminal_window.svg");
-/* harmony import */ var _testing_svg__WEBPACK_IMPORTED_MODULE_293__ = __webpack_require__(/*! ./testing.svg */ "./assets/icons/testing.svg");
-/* harmony import */ var _text_svg__WEBPACK_IMPORTED_MODULE_294__ = __webpack_require__(/*! ./text.svg */ "./assets/icons/text.svg");
-/* harmony import */ var _thumb_up_svg__WEBPACK_IMPORTED_MODULE_295__ = __webpack_require__(/*! ./thumb_up.svg */ "./assets/icons/thumb_up.svg");
-/* harmony import */ var _ticket_svg__WEBPACK_IMPORTED_MODULE_296__ = __webpack_require__(/*! ./ticket.svg */ "./assets/icons/ticket.svg");
-/* harmony import */ var _tool_svg__WEBPACK_IMPORTED_MODULE_297__ = __webpack_require__(/*! ./tool.svg */ "./assets/icons/tool.svg");
-/* harmony import */ var _top1_svg__WEBPACK_IMPORTED_MODULE_298__ = __webpack_require__(/*! ./top1.svg */ "./assets/icons/top1.svg");
-/* harmony import */ var _transparency_svg__WEBPACK_IMPORTED_MODULE_299__ = __webpack_require__(/*! ./transparency.svg */ "./assets/icons/transparency.svg");
-/* harmony import */ var _trash_svg__WEBPACK_IMPORTED_MODULE_300__ = __webpack_require__(/*! ./trash.svg */ "./assets/icons/trash.svg");
-/* harmony import */ var _unblock_svg__WEBPACK_IMPORTED_MODULE_301__ = __webpack_require__(/*! ./unblock.svg */ "./assets/icons/unblock.svg");
-/* harmony import */ var _unblocking_infrastructure_svg__WEBPACK_IMPORTED_MODULE_302__ = __webpack_require__(/*! ./unblocking_infrastructure.svg */ "./assets/icons/unblocking_infrastructure.svg");
-/* harmony import */ var _unique_svg__WEBPACK_IMPORTED_MODULE_303__ = __webpack_require__(/*! ./unique.svg */ "./assets/icons/unique.svg");
-/* harmony import */ var _unpin_svg__WEBPACK_IMPORTED_MODULE_304__ = __webpack_require__(/*! ./unpin.svg */ "./assets/icons/unpin.svg");
-/* harmony import */ var _upgrade_svg__WEBPACK_IMPORTED_MODULE_305__ = __webpack_require__(/*! ./upgrade.svg */ "./assets/icons/upgrade.svg");
-/* harmony import */ var _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_306__ = __webpack_require__(/*! ./upload_cloud.svg */ "./assets/icons/upload_cloud.svg");
-/* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_307__ = __webpack_require__(/*! ./upload.svg */ "./assets/icons/upload.svg");
-/* harmony import */ var _url_svg__WEBPACK_IMPORTED_MODULE_308__ = __webpack_require__(/*! ./url.svg */ "./assets/icons/url.svg");
-/* harmony import */ var _vb_svg__WEBPACK_IMPORTED_MODULE_309__ = __webpack_require__(/*! ./vb.svg */ "./assets/icons/vb.svg");
-/* harmony import */ var _verify_svg__WEBPACK_IMPORTED_MODULE_310__ = __webpack_require__(/*! ./verify.svg */ "./assets/icons/verify.svg");
-/* harmony import */ var _verify_solid_svg__WEBPACK_IMPORTED_MODULE_311__ = __webpack_require__(/*! ./verify_solid.svg */ "./assets/icons/verify_solid.svg");
-/* harmony import */ var _verify_warning_svg__WEBPACK_IMPORTED_MODULE_312__ = __webpack_require__(/*! ./verify_warning.svg */ "./assets/icons/verify_warning.svg");
-/* harmony import */ var _video_svg__WEBPACK_IMPORTED_MODULE_313__ = __webpack_require__(/*! ./video.svg */ "./assets/icons/video.svg");
-/* harmony import */ var _visa_svg__WEBPACK_IMPORTED_MODULE_314__ = __webpack_require__(/*! ./visa.svg */ "./assets/icons/visa.svg");
-/* harmony import */ var _warning_svg__WEBPACK_IMPORTED_MODULE_315__ = __webpack_require__(/*! ./warning.svg */ "./assets/icons/warning.svg");
-/* harmony import */ var _warning_solid_svg__WEBPACK_IMPORTED_MODULE_316__ = __webpack_require__(/*! ./warning_solid.svg */ "./assets/icons/warning_solid.svg");
-/* harmony import */ var _web_scrapper_svg__WEBPACK_IMPORTED_MODULE_317__ = __webpack_require__(/*! ./web_scrapper.svg */ "./assets/icons/web_scrapper.svg");
-/* harmony import */ var _web_scrapper_small_svg__WEBPACK_IMPORTED_MODULE_318__ = __webpack_require__(/*! ./web_scrapper_small.svg */ "./assets/icons/web_scrapper_small.svg");
-/* harmony import */ var _web_unlock_svg__WEBPACK_IMPORTED_MODULE_319__ = __webpack_require__(/*! ./web_unlock.svg */ "./assets/icons/web_unlock.svg");
-/* harmony import */ var _web_unlock_small_svg__WEBPACK_IMPORTED_MODULE_320__ = __webpack_require__(/*! ./web_unlock_small.svg */ "./assets/icons/web_unlock_small.svg");
-/* harmony import */ var _yandex_svg__WEBPACK_IMPORTED_MODULE_321__ = __webpack_require__(/*! ./yandex.svg */ "./assets/icons/yandex.svg");
-/* harmony import */ var _zapier_svg__WEBPACK_IMPORTED_MODULE_322__ = __webpack_require__(/*! ./zapier.svg */ "./assets/icons/zapier.svg");
+/* harmony import */ var _scraping_browser2_svg__WEBPACK_IMPORTED_MODULE_252__ = __webpack_require__(/*! ./scraping_browser2.svg */ "./assets/icons/scraping_browser2.svg");
+/* harmony import */ var _search_svg__WEBPACK_IMPORTED_MODULE_253__ = __webpack_require__(/*! ./search.svg */ "./assets/icons/search.svg");
+/* harmony import */ var _send_svg__WEBPACK_IMPORTED_MODULE_254__ = __webpack_require__(/*! ./send.svg */ "./assets/icons/send.svg");
+/* harmony import */ var _seo_svg__WEBPACK_IMPORTED_MODULE_255__ = __webpack_require__(/*! ./seo.svg */ "./assets/icons/seo.svg");
+/* harmony import */ var _serp_svg__WEBPACK_IMPORTED_MODULE_256__ = __webpack_require__(/*! ./serp.svg */ "./assets/icons/serp.svg");
+/* harmony import */ var _serp2_svg__WEBPACK_IMPORTED_MODULE_257__ = __webpack_require__(/*! ./serp2.svg */ "./assets/icons/serp2.svg");
+/* harmony import */ var _serp_small_svg__WEBPACK_IMPORTED_MODULE_258__ = __webpack_require__(/*! ./serp_small.svg */ "./assets/icons/serp_small.svg");
+/* harmony import */ var _serp_data_svg__WEBPACK_IMPORTED_MODULE_259__ = __webpack_require__(/*! ./serp_data.svg */ "./assets/icons/serp_data.svg");
+/* harmony import */ var _serp_data_small_svg__WEBPACK_IMPORTED_MODULE_260__ = __webpack_require__(/*! ./serp_data_small.svg */ "./assets/icons/serp_data_small.svg");
+/* harmony import */ var _shrink_svg__WEBPACK_IMPORTED_MODULE_261__ = __webpack_require__(/*! ./shrink.svg */ "./assets/icons/shrink.svg");
+/* harmony import */ var _sla_svg__WEBPACK_IMPORTED_MODULE_262__ = __webpack_require__(/*! ./sla.svg */ "./assets/icons/sla.svg");
+/* harmony import */ var _settings_svg__WEBPACK_IMPORTED_MODULE_263__ = __webpack_require__(/*! ./settings.svg */ "./assets/icons/settings.svg");
+/* harmony import */ var _shell_svg__WEBPACK_IMPORTED_MODULE_264__ = __webpack_require__(/*! ./shell.svg */ "./assets/icons/shell.svg");
+/* harmony import */ var _skype_svg__WEBPACK_IMPORTED_MODULE_265__ = __webpack_require__(/*! ./skype.svg */ "./assets/icons/skype.svg");
+/* harmony import */ var _smartphone_svg__WEBPACK_IMPORTED_MODULE_266__ = __webpack_require__(/*! ./smartphone.svg */ "./assets/icons/smartphone.svg");
+/* harmony import */ var _snail_svg__WEBPACK_IMPORTED_MODULE_267__ = __webpack_require__(/*! ./snail.svg */ "./assets/icons/snail.svg");
+/* harmony import */ var _snapshot_svg__WEBPACK_IMPORTED_MODULE_268__ = __webpack_require__(/*! ./snapshot.svg */ "./assets/icons/snapshot.svg");
+/* harmony import */ var _sort_svg__WEBPACK_IMPORTED_MODULE_269__ = __webpack_require__(/*! ./sort.svg */ "./assets/icons/sort.svg");
+/* harmony import */ var _sort_asc_svg__WEBPACK_IMPORTED_MODULE_270__ = __webpack_require__(/*! ./sort_asc.svg */ "./assets/icons/sort_asc.svg");
+/* harmony import */ var _sort_desc_svg__WEBPACK_IMPORTED_MODULE_271__ = __webpack_require__(/*! ./sort_desc.svg */ "./assets/icons/sort_desc.svg");
+/* harmony import */ var _sparkle_svg__WEBPACK_IMPORTED_MODULE_272__ = __webpack_require__(/*! ./sparkle.svg */ "./assets/icons/sparkle.svg");
+/* harmony import */ var _speed_svg__WEBPACK_IMPORTED_MODULE_273__ = __webpack_require__(/*! ./speed.svg */ "./assets/icons/speed.svg");
+/* harmony import */ var _spinner_svg__WEBPACK_IMPORTED_MODULE_274__ = __webpack_require__(/*! ./spinner.svg */ "./assets/icons/spinner.svg");
+/* harmony import */ var _spinner2_svg__WEBPACK_IMPORTED_MODULE_275__ = __webpack_require__(/*! ./spinner2.svg */ "./assets/icons/spinner2.svg");
+/* harmony import */ var _square_brackets_svg__WEBPACK_IMPORTED_MODULE_276__ = __webpack_require__(/*! ./square_brackets.svg */ "./assets/icons/square_brackets.svg");
+/* harmony import */ var _star_svg__WEBPACK_IMPORTED_MODULE_277__ = __webpack_require__(/*! ./star.svg */ "./assets/icons/star.svg");
+/* harmony import */ var _star_solid_svg__WEBPACK_IMPORTED_MODULE_278__ = __webpack_require__(/*! ./star_solid.svg */ "./assets/icons/star_solid.svg");
+/* harmony import */ var _static_residential_svg__WEBPACK_IMPORTED_MODULE_279__ = __webpack_require__(/*! ./static_residential.svg */ "./assets/icons/static_residential.svg");
+/* harmony import */ var _static_residential_small_svg__WEBPACK_IMPORTED_MODULE_280__ = __webpack_require__(/*! ./static_residential_small.svg */ "./assets/icons/static_residential_small.svg");
+/* harmony import */ var _statistic_svg__WEBPACK_IMPORTED_MODULE_281__ = __webpack_require__(/*! ./statistic.svg */ "./assets/icons/statistic.svg");
+/* harmony import */ var _statistic_search_svg__WEBPACK_IMPORTED_MODULE_282__ = __webpack_require__(/*! ./statistic_search.svg */ "./assets/icons/statistic_search.svg");
+/* harmony import */ var _stop_svg__WEBPACK_IMPORTED_MODULE_283__ = __webpack_require__(/*! ./stop.svg */ "./assets/icons/stop.svg");
+/* harmony import */ var _subitems_svg__WEBPACK_IMPORTED_MODULE_284__ = __webpack_require__(/*! ./subitems.svg */ "./assets/icons/subitems.svg");
+/* harmony import */ var _subset_svg__WEBPACK_IMPORTED_MODULE_285__ = __webpack_require__(/*! ./subset.svg */ "./assets/icons/subset.svg");
+/* harmony import */ var _sum_svg__WEBPACK_IMPORTED_MODULE_286__ = __webpack_require__(/*! ./sum.svg */ "./assets/icons/sum.svg");
+/* harmony import */ var _sun_svg__WEBPACK_IMPORTED_MODULE_287__ = __webpack_require__(/*! ./sun.svg */ "./assets/icons/sun.svg");
+/* harmony import */ var _support_svg__WEBPACK_IMPORTED_MODULE_288__ = __webpack_require__(/*! ./support.svg */ "./assets/icons/support.svg");
+/* harmony import */ var _switch_svg__WEBPACK_IMPORTED_MODULE_289__ = __webpack_require__(/*! ./switch.svg */ "./assets/icons/switch.svg");
+/* harmony import */ var _table_svg__WEBPACK_IMPORTED_MODULE_290__ = __webpack_require__(/*! ./table.svg */ "./assets/icons/table.svg");
+/* harmony import */ var _tag_svg__WEBPACK_IMPORTED_MODULE_291__ = __webpack_require__(/*! ./tag.svg */ "./assets/icons/tag.svg");
+/* harmony import */ var _tasks_svg__WEBPACK_IMPORTED_MODULE_292__ = __webpack_require__(/*! ./tasks.svg */ "./assets/icons/tasks.svg");
+/* harmony import */ var _target_svg__WEBPACK_IMPORTED_MODULE_293__ = __webpack_require__(/*! ./target.svg */ "./assets/icons/target.svg");
+/* harmony import */ var _terminal_window_svg__WEBPACK_IMPORTED_MODULE_294__ = __webpack_require__(/*! ./terminal_window.svg */ "./assets/icons/terminal_window.svg");
+/* harmony import */ var _testing_svg__WEBPACK_IMPORTED_MODULE_295__ = __webpack_require__(/*! ./testing.svg */ "./assets/icons/testing.svg");
+/* harmony import */ var _text_svg__WEBPACK_IMPORTED_MODULE_296__ = __webpack_require__(/*! ./text.svg */ "./assets/icons/text.svg");
+/* harmony import */ var _thumb_up_svg__WEBPACK_IMPORTED_MODULE_297__ = __webpack_require__(/*! ./thumb_up.svg */ "./assets/icons/thumb_up.svg");
+/* harmony import */ var _ticket_svg__WEBPACK_IMPORTED_MODULE_298__ = __webpack_require__(/*! ./ticket.svg */ "./assets/icons/ticket.svg");
+/* harmony import */ var _tool_svg__WEBPACK_IMPORTED_MODULE_299__ = __webpack_require__(/*! ./tool.svg */ "./assets/icons/tool.svg");
+/* harmony import */ var _top1_svg__WEBPACK_IMPORTED_MODULE_300__ = __webpack_require__(/*! ./top1.svg */ "./assets/icons/top1.svg");
+/* harmony import */ var _transparency_svg__WEBPACK_IMPORTED_MODULE_301__ = __webpack_require__(/*! ./transparency.svg */ "./assets/icons/transparency.svg");
+/* harmony import */ var _trash_svg__WEBPACK_IMPORTED_MODULE_302__ = __webpack_require__(/*! ./trash.svg */ "./assets/icons/trash.svg");
+/* harmony import */ var _unblock_svg__WEBPACK_IMPORTED_MODULE_303__ = __webpack_require__(/*! ./unblock.svg */ "./assets/icons/unblock.svg");
+/* harmony import */ var _unblocking_infrastructure_svg__WEBPACK_IMPORTED_MODULE_304__ = __webpack_require__(/*! ./unblocking_infrastructure.svg */ "./assets/icons/unblocking_infrastructure.svg");
+/* harmony import */ var _unique_svg__WEBPACK_IMPORTED_MODULE_305__ = __webpack_require__(/*! ./unique.svg */ "./assets/icons/unique.svg");
+/* harmony import */ var _unpin_svg__WEBPACK_IMPORTED_MODULE_306__ = __webpack_require__(/*! ./unpin.svg */ "./assets/icons/unpin.svg");
+/* harmony import */ var _upgrade_svg__WEBPACK_IMPORTED_MODULE_307__ = __webpack_require__(/*! ./upgrade.svg */ "./assets/icons/upgrade.svg");
+/* harmony import */ var _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_308__ = __webpack_require__(/*! ./upload_cloud.svg */ "./assets/icons/upload_cloud.svg");
+/* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_309__ = __webpack_require__(/*! ./upload.svg */ "./assets/icons/upload.svg");
+/* harmony import */ var _url_svg__WEBPACK_IMPORTED_MODULE_310__ = __webpack_require__(/*! ./url.svg */ "./assets/icons/url.svg");
+/* harmony import */ var _vb_svg__WEBPACK_IMPORTED_MODULE_311__ = __webpack_require__(/*! ./vb.svg */ "./assets/icons/vb.svg");
+/* harmony import */ var _verify_svg__WEBPACK_IMPORTED_MODULE_312__ = __webpack_require__(/*! ./verify.svg */ "./assets/icons/verify.svg");
+/* harmony import */ var _verify_solid_svg__WEBPACK_IMPORTED_MODULE_313__ = __webpack_require__(/*! ./verify_solid.svg */ "./assets/icons/verify_solid.svg");
+/* harmony import */ var _verify_warning_svg__WEBPACK_IMPORTED_MODULE_314__ = __webpack_require__(/*! ./verify_warning.svg */ "./assets/icons/verify_warning.svg");
+/* harmony import */ var _video_svg__WEBPACK_IMPORTED_MODULE_315__ = __webpack_require__(/*! ./video.svg */ "./assets/icons/video.svg");
+/* harmony import */ var _visa_svg__WEBPACK_IMPORTED_MODULE_316__ = __webpack_require__(/*! ./visa.svg */ "./assets/icons/visa.svg");
+/* harmony import */ var _warning_svg__WEBPACK_IMPORTED_MODULE_317__ = __webpack_require__(/*! ./warning.svg */ "./assets/icons/warning.svg");
+/* harmony import */ var _warning_solid_svg__WEBPACK_IMPORTED_MODULE_318__ = __webpack_require__(/*! ./warning_solid.svg */ "./assets/icons/warning_solid.svg");
+/* harmony import */ var _web_scrapper_svg__WEBPACK_IMPORTED_MODULE_319__ = __webpack_require__(/*! ./web_scrapper.svg */ "./assets/icons/web_scrapper.svg");
+/* harmony import */ var _web_scrapper_small_svg__WEBPACK_IMPORTED_MODULE_320__ = __webpack_require__(/*! ./web_scrapper_small.svg */ "./assets/icons/web_scrapper_small.svg");
+/* harmony import */ var _web_unlock_svg__WEBPACK_IMPORTED_MODULE_321__ = __webpack_require__(/*! ./web_unlock.svg */ "./assets/icons/web_unlock.svg");
+/* harmony import */ var _web_unlock2_svg__WEBPACK_IMPORTED_MODULE_322__ = __webpack_require__(/*! ./web_unlock2.svg */ "./assets/icons/web_unlock2.svg");
+/* harmony import */ var _web_unlock_small_svg__WEBPACK_IMPORTED_MODULE_323__ = __webpack_require__(/*! ./web_unlock_small.svg */ "./assets/icons/web_unlock_small.svg");
+/* harmony import */ var _yandex_svg__WEBPACK_IMPORTED_MODULE_324__ = __webpack_require__(/*! ./yandex.svg */ "./assets/icons/yandex.svg");
+/* harmony import */ var _zapier_svg__WEBPACK_IMPORTED_MODULE_325__ = __webpack_require__(/*! ./zapier.svg */ "./assets/icons/zapier.svg");
 // LICENSE_CODE ZON
  /*jslint react:true*/
 
@@ -668,6 +671,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
+
 
 
 
@@ -925,77 +931,80 @@ __webpack_require__.r(__webpack_exports__);
   Safari: _safari_svg__WEBPACK_IMPORTED_MODULE_249__["default"],
   Safe: _safe_svg__WEBPACK_IMPORTED_MODULE_250__["default"],
   ScrapingBrowser: _scraping_browser_svg__WEBPACK_IMPORTED_MODULE_251__["default"],
-  Search: _search_svg__WEBPACK_IMPORTED_MODULE_252__["default"],
-  Send: _send_svg__WEBPACK_IMPORTED_MODULE_253__["default"],
-  Seo: _seo_svg__WEBPACK_IMPORTED_MODULE_254__["default"],
-  Serp: _serp_svg__WEBPACK_IMPORTED_MODULE_255__["default"],
-  SerpSmall: _serp_small_svg__WEBPACK_IMPORTED_MODULE_256__["default"],
-  SerpData: _serp_data_svg__WEBPACK_IMPORTED_MODULE_257__["default"],
-  SerpDataSmall: _serp_data_small_svg__WEBPACK_IMPORTED_MODULE_258__["default"],
-  Shrink: _shrink_svg__WEBPACK_IMPORTED_MODULE_259__["default"],
-  Sla: _sla_svg__WEBPACK_IMPORTED_MODULE_260__["default"],
-  Settings: _settings_svg__WEBPACK_IMPORTED_MODULE_261__["default"],
-  Shell: _shell_svg__WEBPACK_IMPORTED_MODULE_262__["default"],
-  Skype: _skype_svg__WEBPACK_IMPORTED_MODULE_263__["default"],
-  Smartphone: _smartphone_svg__WEBPACK_IMPORTED_MODULE_264__["default"],
-  Snail: _snail_svg__WEBPACK_IMPORTED_MODULE_265__["default"],
-  Snapshot: _snapshot_svg__WEBPACK_IMPORTED_MODULE_266__["default"],
-  Sort: _sort_svg__WEBPACK_IMPORTED_MODULE_267__["default"],
-  SortAsc: _sort_asc_svg__WEBPACK_IMPORTED_MODULE_268__["default"],
-  SortDesc: _sort_desc_svg__WEBPACK_IMPORTED_MODULE_269__["default"],
-  Sparkle: _sparkle_svg__WEBPACK_IMPORTED_MODULE_270__["default"],
-  Speed: _speed_svg__WEBPACK_IMPORTED_MODULE_271__["default"],
-  Spinner: _spinner_svg__WEBPACK_IMPORTED_MODULE_272__["default"],
-  Spinner2: _spinner2_svg__WEBPACK_IMPORTED_MODULE_273__["default"],
-  SquareBrackets: _square_brackets_svg__WEBPACK_IMPORTED_MODULE_274__["default"],
-  Star: _star_svg__WEBPACK_IMPORTED_MODULE_275__["default"],
-  StarSolid: _star_solid_svg__WEBPACK_IMPORTED_MODULE_276__["default"],
-  StaticResidential: _static_residential_svg__WEBPACK_IMPORTED_MODULE_277__["default"],
-  StaticResidentialSmall: _static_residential_small_svg__WEBPACK_IMPORTED_MODULE_278__["default"],
-  Statistic: _statistic_svg__WEBPACK_IMPORTED_MODULE_279__["default"],
-  StatisticSearch: _statistic_search_svg__WEBPACK_IMPORTED_MODULE_280__["default"],
-  Stop: _stop_svg__WEBPACK_IMPORTED_MODULE_281__["default"],
-  Subitems: _subitems_svg__WEBPACK_IMPORTED_MODULE_282__["default"],
-  Subset: _subset_svg__WEBPACK_IMPORTED_MODULE_283__["default"],
-  Sum: _sum_svg__WEBPACK_IMPORTED_MODULE_284__["default"],
-  Sun: _sun_svg__WEBPACK_IMPORTED_MODULE_285__["default"],
-  Support: _support_svg__WEBPACK_IMPORTED_MODULE_286__["default"],
-  Switch: _switch_svg__WEBPACK_IMPORTED_MODULE_287__["default"],
-  Table: _table_svg__WEBPACK_IMPORTED_MODULE_288__["default"],
-  Tag: _tag_svg__WEBPACK_IMPORTED_MODULE_289__["default"],
-  Tasks: _tasks_svg__WEBPACK_IMPORTED_MODULE_290__["default"],
-  Target: _target_svg__WEBPACK_IMPORTED_MODULE_291__["default"],
-  TerminalWindow: _terminal_window_svg__WEBPACK_IMPORTED_MODULE_292__["default"],
-  Testing: _testing_svg__WEBPACK_IMPORTED_MODULE_293__["default"],
-  Text: _text_svg__WEBPACK_IMPORTED_MODULE_294__["default"],
-  ThumbUp: _thumb_up_svg__WEBPACK_IMPORTED_MODULE_295__["default"],
-  Ticket: _ticket_svg__WEBPACK_IMPORTED_MODULE_296__["default"],
-  Tool: _tool_svg__WEBPACK_IMPORTED_MODULE_297__["default"],
-  Top1: _top1_svg__WEBPACK_IMPORTED_MODULE_298__["default"],
-  Transparency: _transparency_svg__WEBPACK_IMPORTED_MODULE_299__["default"],
-  Trash: _trash_svg__WEBPACK_IMPORTED_MODULE_300__["default"],
-  Unblock: _unblock_svg__WEBPACK_IMPORTED_MODULE_301__["default"],
-  UnblockingInfrastructure: _unblocking_infrastructure_svg__WEBPACK_IMPORTED_MODULE_302__["default"],
-  Unique: _unique_svg__WEBPACK_IMPORTED_MODULE_303__["default"],
-  Unpin: _unpin_svg__WEBPACK_IMPORTED_MODULE_304__["default"],
-  Upgrade: _upgrade_svg__WEBPACK_IMPORTED_MODULE_305__["default"],
-  UploadCloud: _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_306__["default"],
-  Upload: _upload_svg__WEBPACK_IMPORTED_MODULE_307__["default"],
-  Url: _url_svg__WEBPACK_IMPORTED_MODULE_308__["default"],
-  VB: _vb_svg__WEBPACK_IMPORTED_MODULE_309__["default"],
-  Verify: _verify_svg__WEBPACK_IMPORTED_MODULE_310__["default"],
-  VerifySolid: _verify_solid_svg__WEBPACK_IMPORTED_MODULE_311__["default"],
-  VerifyWarning: _verify_warning_svg__WEBPACK_IMPORTED_MODULE_312__["default"],
-  Video: _video_svg__WEBPACK_IMPORTED_MODULE_313__["default"],
-  Visa: _visa_svg__WEBPACK_IMPORTED_MODULE_314__["default"],
-  Warning: _warning_svg__WEBPACK_IMPORTED_MODULE_315__["default"],
-  WarningSolid: _warning_solid_svg__WEBPACK_IMPORTED_MODULE_316__["default"],
-  WebScrapper: _web_scrapper_svg__WEBPACK_IMPORTED_MODULE_317__["default"],
-  WebScrapperSmall: _web_scrapper_small_svg__WEBPACK_IMPORTED_MODULE_318__["default"],
-  WebUnlock: _web_unlock_svg__WEBPACK_IMPORTED_MODULE_319__["default"],
-  WebUnlockSmall: _web_unlock_small_svg__WEBPACK_IMPORTED_MODULE_320__["default"],
-  Yandex: _yandex_svg__WEBPACK_IMPORTED_MODULE_321__["default"],
-  Zapier: _zapier_svg__WEBPACK_IMPORTED_MODULE_322__["default"],
+  ScrapingBrowser2: _scraping_browser2_svg__WEBPACK_IMPORTED_MODULE_252__["default"],
+  Search: _search_svg__WEBPACK_IMPORTED_MODULE_253__["default"],
+  Send: _send_svg__WEBPACK_IMPORTED_MODULE_254__["default"],
+  Seo: _seo_svg__WEBPACK_IMPORTED_MODULE_255__["default"],
+  Serp: _serp_svg__WEBPACK_IMPORTED_MODULE_256__["default"],
+  Serp2: _serp2_svg__WEBPACK_IMPORTED_MODULE_257__["default"],
+  SerpSmall: _serp_small_svg__WEBPACK_IMPORTED_MODULE_258__["default"],
+  SerpData: _serp_data_svg__WEBPACK_IMPORTED_MODULE_259__["default"],
+  SerpDataSmall: _serp_data_small_svg__WEBPACK_IMPORTED_MODULE_260__["default"],
+  Shrink: _shrink_svg__WEBPACK_IMPORTED_MODULE_261__["default"],
+  Sla: _sla_svg__WEBPACK_IMPORTED_MODULE_262__["default"],
+  Settings: _settings_svg__WEBPACK_IMPORTED_MODULE_263__["default"],
+  Shell: _shell_svg__WEBPACK_IMPORTED_MODULE_264__["default"],
+  Skype: _skype_svg__WEBPACK_IMPORTED_MODULE_265__["default"],
+  Smartphone: _smartphone_svg__WEBPACK_IMPORTED_MODULE_266__["default"],
+  Snail: _snail_svg__WEBPACK_IMPORTED_MODULE_267__["default"],
+  Snapshot: _snapshot_svg__WEBPACK_IMPORTED_MODULE_268__["default"],
+  Sort: _sort_svg__WEBPACK_IMPORTED_MODULE_269__["default"],
+  SortAsc: _sort_asc_svg__WEBPACK_IMPORTED_MODULE_270__["default"],
+  SortDesc: _sort_desc_svg__WEBPACK_IMPORTED_MODULE_271__["default"],
+  Sparkle: _sparkle_svg__WEBPACK_IMPORTED_MODULE_272__["default"],
+  Speed: _speed_svg__WEBPACK_IMPORTED_MODULE_273__["default"],
+  Spinner: _spinner_svg__WEBPACK_IMPORTED_MODULE_274__["default"],
+  Spinner2: _spinner2_svg__WEBPACK_IMPORTED_MODULE_275__["default"],
+  SquareBrackets: _square_brackets_svg__WEBPACK_IMPORTED_MODULE_276__["default"],
+  Star: _star_svg__WEBPACK_IMPORTED_MODULE_277__["default"],
+  StarSolid: _star_solid_svg__WEBPACK_IMPORTED_MODULE_278__["default"],
+  StaticResidential: _static_residential_svg__WEBPACK_IMPORTED_MODULE_279__["default"],
+  StaticResidentialSmall: _static_residential_small_svg__WEBPACK_IMPORTED_MODULE_280__["default"],
+  Statistic: _statistic_svg__WEBPACK_IMPORTED_MODULE_281__["default"],
+  StatisticSearch: _statistic_search_svg__WEBPACK_IMPORTED_MODULE_282__["default"],
+  Stop: _stop_svg__WEBPACK_IMPORTED_MODULE_283__["default"],
+  Subitems: _subitems_svg__WEBPACK_IMPORTED_MODULE_284__["default"],
+  Subset: _subset_svg__WEBPACK_IMPORTED_MODULE_285__["default"],
+  Sum: _sum_svg__WEBPACK_IMPORTED_MODULE_286__["default"],
+  Sun: _sun_svg__WEBPACK_IMPORTED_MODULE_287__["default"],
+  Support: _support_svg__WEBPACK_IMPORTED_MODULE_288__["default"],
+  Switch: _switch_svg__WEBPACK_IMPORTED_MODULE_289__["default"],
+  Table: _table_svg__WEBPACK_IMPORTED_MODULE_290__["default"],
+  Tag: _tag_svg__WEBPACK_IMPORTED_MODULE_291__["default"],
+  Tasks: _tasks_svg__WEBPACK_IMPORTED_MODULE_292__["default"],
+  Target: _target_svg__WEBPACK_IMPORTED_MODULE_293__["default"],
+  TerminalWindow: _terminal_window_svg__WEBPACK_IMPORTED_MODULE_294__["default"],
+  Testing: _testing_svg__WEBPACK_IMPORTED_MODULE_295__["default"],
+  Text: _text_svg__WEBPACK_IMPORTED_MODULE_296__["default"],
+  ThumbUp: _thumb_up_svg__WEBPACK_IMPORTED_MODULE_297__["default"],
+  Ticket: _ticket_svg__WEBPACK_IMPORTED_MODULE_298__["default"],
+  Tool: _tool_svg__WEBPACK_IMPORTED_MODULE_299__["default"],
+  Top1: _top1_svg__WEBPACK_IMPORTED_MODULE_300__["default"],
+  Transparency: _transparency_svg__WEBPACK_IMPORTED_MODULE_301__["default"],
+  Trash: _trash_svg__WEBPACK_IMPORTED_MODULE_302__["default"],
+  Unblock: _unblock_svg__WEBPACK_IMPORTED_MODULE_303__["default"],
+  UnblockingInfrastructure: _unblocking_infrastructure_svg__WEBPACK_IMPORTED_MODULE_304__["default"],
+  Unique: _unique_svg__WEBPACK_IMPORTED_MODULE_305__["default"],
+  Unpin: _unpin_svg__WEBPACK_IMPORTED_MODULE_306__["default"],
+  Upgrade: _upgrade_svg__WEBPACK_IMPORTED_MODULE_307__["default"],
+  UploadCloud: _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_308__["default"],
+  Upload: _upload_svg__WEBPACK_IMPORTED_MODULE_309__["default"],
+  Url: _url_svg__WEBPACK_IMPORTED_MODULE_310__["default"],
+  VB: _vb_svg__WEBPACK_IMPORTED_MODULE_311__["default"],
+  Verify: _verify_svg__WEBPACK_IMPORTED_MODULE_312__["default"],
+  VerifySolid: _verify_solid_svg__WEBPACK_IMPORTED_MODULE_313__["default"],
+  VerifyWarning: _verify_warning_svg__WEBPACK_IMPORTED_MODULE_314__["default"],
+  Video: _video_svg__WEBPACK_IMPORTED_MODULE_315__["default"],
+  Visa: _visa_svg__WEBPACK_IMPORTED_MODULE_316__["default"],
+  Warning: _warning_svg__WEBPACK_IMPORTED_MODULE_317__["default"],
+  WarningSolid: _warning_solid_svg__WEBPACK_IMPORTED_MODULE_318__["default"],
+  WebScrapper: _web_scrapper_svg__WEBPACK_IMPORTED_MODULE_319__["default"],
+  WebScrapperSmall: _web_scrapper_small_svg__WEBPACK_IMPORTED_MODULE_320__["default"],
+  WebUnlock: _web_unlock_svg__WEBPACK_IMPORTED_MODULE_321__["default"],
+  WebUnlock2: _web_unlock2_svg__WEBPACK_IMPORTED_MODULE_322__["default"],
+  WebUnlockSmall: _web_unlock_small_svg__WEBPACK_IMPORTED_MODULE_323__["default"],
+  Yandex: _yandex_svg__WEBPACK_IMPORTED_MODULE_324__["default"],
+  Zapier: _zapier_svg__WEBPACK_IMPORTED_MODULE_325__["default"],
 });
 
 
@@ -11610,16 +11619,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _rc_component_util_es_ref__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rc-component/util/es/ref */ "./node_modules/@rc-component/util/es/ref.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../context */ "./node_modules/@rc-component/dialog/es/context.js");
-/* harmony import */ var _MemoChildren__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./MemoChildren */ "./node_modules/@rc-component/dialog/es/Dialog/Content/MemoChildren.js");
-/* harmony import */ var _rc_component_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @rc-component/util/es/pickAttrs */ "./node_modules/@rc-component/util/es/pickAttrs.js");
-
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _rc_component_util_es_ref__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @rc-component/util/es/ref */ "./node_modules/@rc-component/util/es/ref.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../context */ "./node_modules/@rc-component/dialog/es/context.js");
+/* harmony import */ var _MemoChildren__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./MemoChildren */ "./node_modules/@rc-component/dialog/es/Dialog/Content/MemoChildren.js");
+/* harmony import */ var _rc_component_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @rc-component/util/es/pickAttrs */ "./node_modules/@rc-component/util/es/pickAttrs.js");
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 
 
@@ -11635,7 +11643,7 @@ const sentinelStyle = {
 const entityStyle = {
   outline: 'none'
 };
-const Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().forwardRef((props, ref) => {
+const Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef((props, ref) => {
   const {
     prefixCls,
     className,
@@ -11664,11 +11672,11 @@ const Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().forwardR
   // ================================= Refs =================================
   const {
     panel: panelRef
-  } = react__WEBPACK_IMPORTED_MODULE_3___default().useContext(_context__WEBPACK_IMPORTED_MODULE_4__.RefContext);
-  const mergedRef = (0,_rc_component_util_es_ref__WEBPACK_IMPORTED_MODULE_2__.useComposeRef)(holderRef, panelRef);
-  const sentinelStartRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)();
-  const sentinelEndRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)();
-  react__WEBPACK_IMPORTED_MODULE_3___default().useImperativeHandle(ref, () => ({
+  } = react__WEBPACK_IMPORTED_MODULE_2___default().useContext(_context__WEBPACK_IMPORTED_MODULE_3__.RefContext);
+  const mergedRef = (0,_rc_component_util_es_ref__WEBPACK_IMPORTED_MODULE_1__.useComposeRef)(holderRef, panelRef);
+  const sentinelStartRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);
+  const sentinelEndRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);
+  react__WEBPACK_IMPORTED_MODULE_2___default().useImperativeHandle(ref, () => ({
     focus: () => {
       sentinelStartRef.current?.focus({
         preventScroll: true
@@ -11699,40 +11707,40 @@ const Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().forwardR
     contentStyle.height = height;
   }
   // ================================ Render ================================
-  const footerNode = footer ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(`${prefixCls}-footer`, modalClassNames?.footer),
+  const footerNode = footer ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(`${prefixCls}-footer`, modalClassNames?.footer),
     style: {
       ...modalStyles?.footer
     }
   }, footer) : null;
-  const headerNode = title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(`${prefixCls}-header`, modalClassNames?.header),
+  const headerNode = title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(`${prefixCls}-header`, modalClassNames?.header),
     style: {
       ...modalStyles?.header
     }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(`${prefixCls}-title`, modalClassNames?.title),
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(`${prefixCls}-title`, modalClassNames?.title),
     id: ariaId,
     style: {
       ...modalStyles?.title
     }
   }, title)) : null;
-  const closableObj = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(() => {
+  const closableObj = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(() => {
     if (typeof closable === 'object' && closable !== null) {
       return closable;
     }
     if (closable) {
       return {
-        closeIcon: closeIcon ?? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("span", {
+        closeIcon: closeIcon ?? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("span", {
           className: `${prefixCls}-close-x`
         })
       };
     }
     return {};
   }, [closable, closeIcon, prefixCls]);
-  const ariaProps = (0,_rc_component_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_6__["default"])(closableObj, true);
+  const ariaProps = (0,_rc_component_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_5__["default"])(closableObj, true);
   const closeBtnIsDisabled = typeof closable === 'object' && closable.disabled;
-  const closerNode = closable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("button", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+  const closerNode = closable ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("button", _extends({
     type: "button",
     onClick: onClose,
     "aria-label": "Close"
@@ -11740,17 +11748,17 @@ const Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().forwardR
     className: `${prefixCls}-close`,
     disabled: closeBtnIsDisabled
   }), closableObj.closeIcon) : null;
-  const content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(`${prefixCls}-section`, modalClassNames?.section),
-    style: modalStyles?.section
-  }, closerNode, headerNode, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(`${prefixCls}-body`, modalClassNames?.body),
+  const content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(`${prefixCls}-container`, modalClassNames?.container),
+    style: modalStyles?.container
+  }, closerNode, headerNode, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", _extends({
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(`${prefixCls}-body`, modalClassNames?.body),
     style: {
       ...bodyStyle,
       ...modalStyles?.body
     }
   }, bodyProps), children), footerNode);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
     key: "dialog-element",
     role: "dialog",
     "aria-labelledby": title ? ariaId : null,
@@ -11760,16 +11768,16 @@ const Panel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().forwardR
       ...style,
       ...contentStyle
     },
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(prefixCls, className),
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(prefixCls, className),
     onMouseDown: onMouseDown,
     onMouseUp: onMouseUp
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
     ref: sentinelStartRef,
     tabIndex: 0,
     style: entityStyle
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_MemoChildren__WEBPACK_IMPORTED_MODULE_5__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_MemoChildren__WEBPACK_IMPORTED_MODULE_4__["default"], {
     shouldUpdate: visible || forceRender
-  }, modalRender ? modalRender(content) : content)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
+  }, modalRender ? modalRender(content) : content)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
     tabIndex: 0,
     ref: sentinelEndRef,
     style: sentinelStyle
@@ -11793,22 +11801,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
-/* 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 classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var rc_motion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-motion */ "./node_modules/rc-motion/es/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util */ "./node_modules/@rc-component/dialog/es/util.js");
-/* harmony import */ var _Panel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Panel */ "./node_modules/@rc-component/dialog/es/Dialog/Content/Panel.js");
-
+/* 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 classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _rc_component_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rc-component/motion */ "./node_modules/@rc-component/motion/es/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util */ "./node_modules/@rc-component/dialog/es/util.js");
+/* harmony import */ var _Panel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Panel */ "./node_modules/@rc-component/dialog/es/Dialog/Content/Panel.js");
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 
 
 
 
 
-const Content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.forwardRef((props, ref) => {
+const Content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((props, ref) => {
   const {
     prefixCls,
     title,
@@ -11816,40 +11823,48 @@ const Content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.forwardRef((prop
     className,
     visible,
     forceRender,
-    destroyOnClose,
+    destroyOnHidden,
     motionName,
     ariaId,
     onVisibleChanged,
     mousePosition
   } = props;
-  const dialogRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
+  const dialogRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  const panelRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+
+  // ============================== Refs ==============================
+  react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle(ref, () => ({
+    ...panelRef.current,
+    inMotion: dialogRef.current.inMotion,
+    enableMotion: dialogRef.current.enableMotion
+  }));
 
   // ============================= Style ==============================
-  const [transformOrigin, setTransformOrigin] = react__WEBPACK_IMPORTED_MODULE_1__.useState();
+  const [transformOrigin, setTransformOrigin] = react__WEBPACK_IMPORTED_MODULE_0__.useState();
   const contentStyle = {};
   if (transformOrigin) {
     contentStyle.transformOrigin = transformOrigin;
   }
   function onPrepare() {
-    const elementOffset = (0,_util__WEBPACK_IMPORTED_MODULE_4__.offset)(dialogRef.current);
+    const elementOffset = (0,_util__WEBPACK_IMPORTED_MODULE_3__.offset)(dialogRef.current.nativeElement);
     setTransformOrigin(mousePosition && (mousePosition.x || mousePosition.y) ? `${mousePosition.x - elementOffset.left}px ${mousePosition.y - elementOffset.top}px` : '');
   }
 
   // ============================= Render =============================
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(rc_motion__WEBPACK_IMPORTED_MODULE_3__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rc_component_motion__WEBPACK_IMPORTED_MODULE_2__["default"], {
     visible: visible,
     onVisibleChanged: onVisibleChanged,
     onAppearPrepare: onPrepare,
     onEnterPrepare: onPrepare,
     forceRender: forceRender,
     motionName: motionName,
-    removeOnLeave: destroyOnClose,
+    removeOnLeave: destroyOnHidden,
     ref: dialogRef
   }, ({
     className: motionClassName,
     style: motionStyle
-  }, motionRef) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_Panel__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
-    ref: ref,
+  }, motionRef) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Panel__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({}, props, {
+    ref: panelRef,
     title: title,
     ariaId: ariaId,
     prefixCls: prefixCls,
@@ -11859,10 +11874,12 @@ const Content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.forwardRef((prop
       ...style,
       ...contentStyle
     },
-    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(className, motionClassName)
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(className, motionClassName)
   })));
 });
-Content.displayName = 'Content';
+if (true) {
+  Content.displayName = 'Content';
+}
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Content);
 
 /***/ }),
@@ -11878,13 +11895,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
-/* 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 classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var rc_motion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-motion */ "./node_modules/rc-motion/es/index.js");
-
+/* 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 classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _rc_component_motion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rc-component/motion */ "./node_modules/@rc-component/motion/es/index.js");
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 
 
@@ -11897,7 +11913,7 @@ const Mask = props => {
     motionName,
     className
   } = props;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(rc_motion__WEBPACK_IMPORTED_MODULE_3__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_rc_component_motion__WEBPACK_IMPORTED_MODULE_2__["default"], {
     key: "mask",
     visible: visible,
     motionName: motionName,
@@ -11905,13 +11921,13 @@ const Mask = props => {
   }, ({
     className: motionClassName,
     style: motionStyle
-  }, ref) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+  }, ref) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", _extends({
     ref: ref,
     style: {
       ...motionStyle,
       ...style
     },
-    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(`${prefixCls}-mask`, motionClassName, className)
+    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(`${prefixCls}-mask`, motionClassName, className)
   }, maskProps)));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Mask);
@@ -11929,20 +11945,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _rc_component_util_es_Dom_contains__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rc-component/util/es/Dom/contains */ "./node_modules/@rc-component/util/es/Dom/contains.js");
-/* harmony import */ var _rc_component_util_es_hooks_useId__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @rc-component/util/es/hooks/useId */ "./node_modules/@rc-component/util/es/hooks/useId.js");
-/* harmony import */ var _rc_component_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @rc-component/util/es/KeyCode */ "./node_modules/@rc-component/util/es/KeyCode.js");
-/* harmony import */ var _rc_component_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @rc-component/util/es/pickAttrs */ "./node_modules/@rc-component/util/es/pickAttrs.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../util */ "./node_modules/@rc-component/dialog/es/util.js");
-/* harmony import */ var _Content__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Content */ "./node_modules/@rc-component/dialog/es/Dialog/Content/index.js");
-/* harmony import */ var _Mask__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Mask */ "./node_modules/@rc-component/dialog/es/Dialog/Mask.js");
-/* harmony import */ var _rc_component_util_es_warning__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @rc-component/util/es/warning */ "./node_modules/@rc-component/util/es/warning.js");
-
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _rc_component_util_es_Dom_contains__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @rc-component/util/es/Dom/contains */ "./node_modules/@rc-component/util/es/Dom/contains.js");
+/* harmony import */ var _rc_component_util_es_hooks_useId__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rc-component/util/es/hooks/useId */ "./node_modules/@rc-component/util/es/hooks/useId.js");
+/* harmony import */ var _rc_component_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @rc-component/util/es/KeyCode */ "./node_modules/@rc-component/util/es/KeyCode.js");
+/* harmony import */ var _rc_component_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @rc-component/util/es/pickAttrs */ "./node_modules/@rc-component/util/es/pickAttrs.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util */ "./node_modules/@rc-component/dialog/es/util.js");
+/* harmony import */ var _Content__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Content */ "./node_modules/@rc-component/dialog/es/Dialog/Content/index.js");
+/* harmony import */ var _Mask__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Mask */ "./node_modules/@rc-component/dialog/es/Dialog/Mask.js");
+/* harmony import */ var _rc_component_util_es_warning__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @rc-component/util/es/warning */ "./node_modules/@rc-component/util/es/warning.js");
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 
 
@@ -11988,53 +12003,59 @@ const Dialog = props => {
   if (true) {
     ['wrapStyle', 'bodyStyle', 'maskStyle'].forEach(prop => {
       // (prop in props) && console.error(`Warning: ${prop} is deprecated, please use styles instead.`)
-      (0,_rc_component_util_es_warning__WEBPACK_IMPORTED_MODULE_10__.warning)(!(prop in props), `${prop} is deprecated, please use styles instead.`);
+      (0,_rc_component_util_es_warning__WEBPACK_IMPORTED_MODULE_9__.warning)(!(prop in props), `${prop} is deprecated, please use styles instead.`);
     });
     if ('wrapClassName' in props) {
-      (0,_rc_component_util_es_warning__WEBPACK_IMPORTED_MODULE_10__.warning)(false, `wrapClassName is deprecated, please use classNames instead.`);
+      (0,_rc_component_util_es_warning__WEBPACK_IMPORTED_MODULE_9__.warning)(false, `wrapClassName is deprecated, please use classNames instead.`);
     }
   }
-  const lastOutSideActiveElementRef = (0,react__WEBPACK_IMPORTED_MODULE_6__.useRef)();
-  const wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_6__.useRef)();
-  const contentRef = (0,react__WEBPACK_IMPORTED_MODULE_6__.useRef)();
-  const [animatedVisible, setAnimatedVisible] = react__WEBPACK_IMPORTED_MODULE_6__.useState(visible);
+  const lastOutSideActiveElementRef = (0,react__WEBPACK_IMPORTED_MODULE_5__.useRef)(null);
+  const wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_5__.useRef)(null);
+  const contentRef = (0,react__WEBPACK_IMPORTED_MODULE_5__.useRef)(null);
+  const [animatedVisible, setAnimatedVisible] = react__WEBPACK_IMPORTED_MODULE_5__.useState(visible);
 
   // ========================== Init ==========================
-  const ariaId = (0,_rc_component_util_es_hooks_useId__WEBPACK_IMPORTED_MODULE_3__["default"])();
+  const ariaId = (0,_rc_component_util_es_hooks_useId__WEBPACK_IMPORTED_MODULE_2__["default"])();
   function saveLastOutSideActiveElementRef() {
-    if (!(0,_rc_component_util_es_Dom_contains__WEBPACK_IMPORTED_MODULE_2__["default"])(wrapperRef.current, document.activeElement)) {
+    if (!(0,_rc_component_util_es_Dom_contains__WEBPACK_IMPORTED_MODULE_1__["default"])(wrapperRef.current, document.activeElement)) {
       lastOutSideActiveElementRef.current = document.activeElement;
     }
   }
   function focusDialogContent() {
-    if (!(0,_rc_component_util_es_Dom_contains__WEBPACK_IMPORTED_MODULE_2__["default"])(wrapperRef.current, document.activeElement)) {
+    if (!(0,_rc_component_util_es_Dom_contains__WEBPACK_IMPORTED_MODULE_1__["default"])(wrapperRef.current, document.activeElement)) {
       contentRef.current?.focus();
     }
   }
 
   // ========================= Events =========================
+  // Close action will trigger by:
+  //   1. When hide motion end
+  //   2. Controlled `open` to `false` immediately after set to `true` which will not trigger motion
+  function doClose() {
+    // Clean up scroll bar & focus back
+    setAnimatedVisible(false);
+    if (mask && lastOutSideActiveElementRef.current && focusTriggerAfterClose) {
+      try {
+        lastOutSideActiveElementRef.current.focus({
+          preventScroll: true
+        });
+      } catch (e) {
+        // Do nothing
+      }
+      lastOutSideActiveElementRef.current = null;
+    }
+
+    // Trigger afterClose only when change visible from true to false
+    if (animatedVisible) {
+      afterClose?.();
+    }
+  }
   function onDialogVisibleChanged(newVisible) {
     // Try to focus
     if (newVisible) {
       focusDialogContent();
     } else {
-      // Clean up scroll bar & focus back
-      setAnimatedVisible(false);
-      if (mask && lastOutSideActiveElementRef.current && focusTriggerAfterClose) {
-        try {
-          lastOutSideActiveElementRef.current.focus({
-            preventScroll: true
-          });
-        } catch (e) {
-          // Do nothing
-        }
-        lastOutSideActiveElementRef.current = null;
-      }
-
-      // Trigger afterClose only when change visible from true to false
-      if (animatedVisible) {
-        afterClose?.();
-      }
+      doClose();
     }
     afterOpenChange?.(newVisible);
   }
@@ -12043,8 +12064,8 @@ const Dialog = props => {
   }
 
   // >>> Content
-  const contentClickRef = (0,react__WEBPACK_IMPORTED_MODULE_6__.useRef)(false);
-  const contentTimeoutRef = (0,react__WEBPACK_IMPORTED_MODULE_6__.useRef)();
+  const contentClickRef = (0,react__WEBPACK_IMPORTED_MODULE_5__.useRef)(false);
+  const contentTimeoutRef = (0,react__WEBPACK_IMPORTED_MODULE_5__.useRef)(null);
 
   // We need record content click incase content popup out of dialog
   const onContentMouseDown = () => {
@@ -12070,28 +12091,30 @@ const Dialog = props => {
     };
   }
   function onWrapperKeyDown(e) {
-    if (keyboard && e.keyCode === _rc_component_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].ESC) {
+    if (keyboard && e.keyCode === _rc_component_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_3__["default"].ESC) {
       e.stopPropagation();
       onInternalClose(e);
       return;
     }
 
     // keep focus inside dialog
-    if (visible && e.keyCode === _rc_component_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_4__["default"].TAB) {
+    if (visible && e.keyCode === _rc_component_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_3__["default"].TAB) {
       contentRef.current.changeActive(!e.shiftKey);
     }
   }
 
   // ========================= Effect =========================
-  (0,react__WEBPACK_IMPORTED_MODULE_6__.useEffect)(() => {
+  (0,react__WEBPACK_IMPORTED_MODULE_5__.useEffect)(() => {
     if (visible) {
       setAnimatedVisible(true);
       saveLastOutSideActiveElementRef();
+    } else if (animatedVisible && contentRef.current.enableMotion() && !contentRef.current.inMotion()) {
+      doClose();
     }
   }, [visible]);
 
   // Remove direct should also check the scroll bar update
-  (0,react__WEBPACK_IMPORTED_MODULE_6__.useEffect)(() => () => {
+  (0,react__WEBPACK_IMPORTED_MODULE_5__.useEffect)(() => () => {
     clearTimeout(contentTimeoutRef.current);
   }, []);
   const mergedStyle = {
@@ -12102,15 +12125,15 @@ const Dialog = props => {
   };
 
   // ========================= Render =========================
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement("div", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(`${prefixCls}-root`, rootClassName),
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__.createElement("div", _extends({
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(`${prefixCls}-root`, rootClassName),
     style: rootStyle
-  }, (0,_rc_component_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_5__["default"])(props, {
+  }, (0,_rc_component_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_4__["default"])(props, {
     data: true
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_Mask__WEBPACK_IMPORTED_MODULE_9__["default"], {
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__.createElement(_Mask__WEBPACK_IMPORTED_MODULE_8__["default"], {
     prefixCls: prefixCls,
     visible: mask && visible,
-    motionName: (0,_util__WEBPACK_IMPORTED_MODULE_7__.getMotionName)(prefixCls, maskTransitionName, maskAnimation),
+    motionName: (0,_util__WEBPACK_IMPORTED_MODULE_6__.getMotionName)(prefixCls, maskTransitionName, maskAnimation),
     style: {
       zIndex,
       ...maskStyle,
@@ -12118,14 +12141,14 @@ const Dialog = props => {
     },
     maskProps: maskProps,
     className: modalClassNames?.mask
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement("div", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__.createElement("div", _extends({
     tabIndex: -1,
     onKeyDown: onWrapperKeyDown,
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(`${prefixCls}-wrap`, wrapClassName, modalClassNames?.wrapper),
+    className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(`${prefixCls}-wrap`, wrapClassName, modalClassNames?.wrapper),
     ref: wrapperRef,
     onClick: onWrapperClick,
     style: mergedStyle
-  }, wrapProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_Content__WEBPACK_IMPORTED_MODULE_8__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
+  }, wrapProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__.createElement(_Content__WEBPACK_IMPORTED_MODULE_7__["default"], _extends({}, props, {
     onMouseDown: onContentMouseDown,
     onMouseUp: onContentMouseUp,
     ref: contentRef,
@@ -12135,7 +12158,7 @@ const Dialog = props => {
     visible: visible && animatedVisible,
     onClose: onInternalClose,
     onVisibleChanged: onDialogVisibleChanged,
-    motionName: (0,_util__WEBPACK_IMPORTED_MODULE_7__.getMotionName)(prefixCls, transitionName, animation)
+    motionName: (0,_util__WEBPACK_IMPORTED_MODULE_6__.getMotionName)(prefixCls, transitionName, animation)
   }))));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Dialog);
@@ -12153,13 +12176,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
-/* harmony import */ var _rc_component_portal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @rc-component/portal */ "./node_modules/@rc-component/portal/es/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context */ "./node_modules/@rc-component/dialog/es/context.js");
-/* harmony import */ var _Dialog__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Dialog */ "./node_modules/@rc-component/dialog/es/Dialog/index.js");
-
+/* harmony import */ var _rc_component_portal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rc-component/portal */ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/index.js");
+/* 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 _context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./context */ "./node_modules/@rc-component/dialog/es/context.js");
+/* harmony import */ var _Dialog__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Dialog */ "./node_modules/@rc-component/dialog/es/Dialog/index.js");
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 
 
@@ -12178,40 +12200,48 @@ const DialogWrap = props => {
     visible,
     getContainer,
     forceRender,
-    destroyOnClose = false,
+    destroyOnHidden = false,
     afterClose,
+    closable,
     panelRef
   } = props;
-  const [animatedVisible, setAnimatedVisible] = react__WEBPACK_IMPORTED_MODULE_2__.useState(visible);
-  const refContext = react__WEBPACK_IMPORTED_MODULE_2__.useMemo(() => ({
+  const [animatedVisible, setAnimatedVisible] = react__WEBPACK_IMPORTED_MODULE_1__.useState(visible);
+  const refContext = react__WEBPACK_IMPORTED_MODULE_1__.useMemo(() => ({
     panel: panelRef
   }), [panelRef]);
-  react__WEBPACK_IMPORTED_MODULE_2__.useEffect(() => {
+  react__WEBPACK_IMPORTED_MODULE_1__.useEffect(() => {
     if (visible) {
       setAnimatedVisible(true);
     }
   }, [visible]);
 
   // Destroy on close will remove wrapped div
-  if (!forceRender && destroyOnClose && !animatedVisible) {
+  if (!forceRender && destroyOnHidden && !animatedVisible) {
     return null;
   }
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_context__WEBPACK_IMPORTED_MODULE_3__.RefContext.Provider, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_context__WEBPACK_IMPORTED_MODULE_2__.RefContext.Provider, {
     value: refContext
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_rc_component_portal__WEBPACK_IMPORTED_MODULE_1__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_rc_component_portal__WEBPACK_IMPORTED_MODULE_0__["default"], {
     open: visible || forceRender || animatedVisible,
     autoDestroy: false,
     getContainer: getContainer,
     autoLock: visible || animatedVisible
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_Dialog__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
-    destroyOnClose: destroyOnClose,
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_Dialog__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({}, props, {
+    destroyOnHidden: destroyOnHidden,
     afterClose: () => {
+      const closableObj = closable && typeof closable === 'object' ? closable : {};
+      const {
+        afterClose: closableAfterClose
+      } = closableObj || {};
+      closableAfterClose?.();
       afterClose?.();
       setAnimatedVisible(false);
     }
   }))));
 };
-DialogWrap.displayName = 'Dialog';
+if (true) {
+  DialogWrap.displayName = 'Dialog';
+}
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DialogWrap);
 
 /***/ }),
@@ -12304,6 +12334,1383 @@ function offset(el) {
 
 /***/ }),
 
+/***/ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/Context.js":
+/*!*******************************************************************************************!*\
+  !*** ./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/Context.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 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__);
+
+const OrderContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createContext(null);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OrderContext);
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/Portal.js":
+/*!******************************************************************************************!*\
+  !*** ./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/Portal.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 _rc_component_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rc-component/util/es/Dom/canUseDom */ "./node_modules/@rc-component/util/es/Dom/canUseDom.js");
+/* harmony import */ var _rc_component_util_es_ref__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @rc-component/util/es/ref */ "./node_modules/@rc-component/util/es/ref.js");
+/* harmony import */ var _rc_component_util_es_warning__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rc-component/util/es/warning */ "./node_modules/@rc-component/util/es/warning.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _Context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Context */ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/Context.js");
+/* harmony import */ var _mock__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./mock */ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/mock.js");
+/* harmony import */ var _useDom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useDom */ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/useDom.js");
+/* harmony import */ var _useScrollLocker__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./useScrollLocker */ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/useScrollLocker.js");
+
+
+
+
+
+
+
+
+
+const getPortalContainer = getContainer => {
+  if (getContainer === false) {
+    return false;
+  }
+  if (!(0,_rc_component_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__["default"])() || !getContainer) {
+    return null;
+  }
+  if (typeof getContainer === 'string') {
+    return document.querySelector(getContainer);
+  }
+  if (typeof getContainer === 'function') {
+    return getContainer();
+  }
+  return getContainer;
+};
+const Portal = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.forwardRef((props, ref) => {
+  const {
+    open,
+    autoLock,
+    getContainer,
+    debug,
+    autoDestroy = true,
+    children
+  } = props;
+  const [shouldRender, setShouldRender] = react__WEBPACK_IMPORTED_MODULE_3__.useState(open);
+  const mergedRender = shouldRender || open;
+
+  // ========================= Warning =========================
+  if (true) {
+    (0,_rc_component_util_es_warning__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_rc_component_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__["default"])() || !open, `Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR.`);
+  }
+
+  // ====================== Should Render ======================
+  react__WEBPACK_IMPORTED_MODULE_3__.useEffect(() => {
+    if (autoDestroy || open) {
+      setShouldRender(open);
+    }
+  }, [open, autoDestroy]);
+
+  // ======================== Container ========================
+  const [innerContainer, setInnerContainer] = react__WEBPACK_IMPORTED_MODULE_3__.useState(() => getPortalContainer(getContainer));
+  react__WEBPACK_IMPORTED_MODULE_3__.useEffect(() => {
+    const customizeContainer = getPortalContainer(getContainer);
+
+    // Tell component that we check this in effect which is safe to be `null`
+    setInnerContainer(customizeContainer ?? null);
+  });
+  const [defaultContainer, queueCreate] = (0,_useDom__WEBPACK_IMPORTED_MODULE_7__["default"])(mergedRender && !innerContainer, debug);
+  const mergedContainer = innerContainer ?? defaultContainer;
+
+  // ========================= Locker ==========================
+  (0,_useScrollLocker__WEBPACK_IMPORTED_MODULE_8__["default"])(autoLock && open && (0,_rc_component_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__["default"])() && (mergedContainer === defaultContainer || mergedContainer === document.body));
+
+  // =========================== Ref ===========================
+  let childRef = null;
+  if (children && (0,_rc_component_util_es_ref__WEBPACK_IMPORTED_MODULE_1__.supportRef)(children) && ref) {
+    childRef = (0,_rc_component_util_es_ref__WEBPACK_IMPORTED_MODULE_1__.getNodeRef)(children);
+  }
+  const mergedRef = (0,_rc_component_util_es_ref__WEBPACK_IMPORTED_MODULE_1__.useComposeRef)(childRef, ref);
+
+  // ========================= Render ==========================
+  // Do not render when nothing need render
+  // When innerContainer is `undefined`, it may not ready since user use ref in the same render
+  if (!mergedRender || !(0,_rc_component_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__["default"])() || innerContainer === undefined) {
+    return null;
+  }
+
+  // Render inline
+  const renderInline = mergedContainer === false || (0,_mock__WEBPACK_IMPORTED_MODULE_6__.inlineMock)();
+  let reffedChildren = children;
+  if (ref) {
+    reffedChildren = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.cloneElement(children, {
+      ref: mergedRef
+    });
+  }
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement(_Context__WEBPACK_IMPORTED_MODULE_5__["default"].Provider, {
+    value: queueCreate
+  }, renderInline ? reffedChildren : /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_4__.createPortal)(reffedChildren, mergedContainer));
+});
+if (true) {
+  Portal.displayName = 'Portal';
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Portal);
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/index.js":
+/*!*****************************************************************************************!*\
+  !*** ./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/index.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 */   inlineMock: () => (/* reexport safe */ _mock__WEBPACK_IMPORTED_MODULE_1__.inlineMock)
+/* harmony export */ });
+/* harmony import */ var _Portal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Portal */ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/Portal.js");
+/* harmony import */ var _mock__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./mock */ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/mock.js");
+
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Portal__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/mock.js":
+/*!****************************************************************************************!*\
+  !*** ./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/mock.js ***!
+  \****************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   inline: () => (/* binding */ inline),
+/* harmony export */   inlineMock: () => (/* binding */ inlineMock)
+/* harmony export */ });
+let inline = false;
+function inlineMock(nextInline) {
+  if (typeof nextInline === 'boolean') {
+    inline = nextInline;
+  }
+  return inline;
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/useDom.js":
+/*!******************************************************************************************!*\
+  !*** ./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/useDom.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": () => (/* binding */ useDom)
+/* 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 _rc_component_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @rc-component/util/es/hooks/useLayoutEffect */ "./node_modules/@rc-component/util/es/hooks/useLayoutEffect.js");
+/* harmony import */ var _rc_component_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rc-component/util/es/Dom/canUseDom */ "./node_modules/@rc-component/util/es/Dom/canUseDom.js");
+/* harmony import */ var _Context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Context */ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/Context.js");
+
+
+
+
+const EMPTY_LIST = [];
+
+/**
+ * Will add `div` to document. Nest call will keep order
+ * @param render Render DOM in document
+ */
+function useDom(render, debug) {
+  const [ele] = react__WEBPACK_IMPORTED_MODULE_0__.useState(() => {
+    if (!(0,_rc_component_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_2__["default"])()) {
+      return null;
+    }
+    const defaultEle = document.createElement('div');
+    if ( true && debug) {
+      defaultEle.setAttribute('data-debug', debug);
+    }
+    return defaultEle;
+  });
+
+  // ========================== Order ==========================
+  const appendedRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(false);
+  const queueCreate = react__WEBPACK_IMPORTED_MODULE_0__.useContext(_Context__WEBPACK_IMPORTED_MODULE_3__["default"]);
+  const [queue, setQueue] = react__WEBPACK_IMPORTED_MODULE_0__.useState(EMPTY_LIST);
+  const mergedQueueCreate = queueCreate || (appendedRef.current ? undefined : appendFn => {
+    setQueue(origin => {
+      const newQueue = [appendFn, ...origin];
+      return newQueue;
+    });
+  });
+
+  // =========================== DOM ===========================
+  function append() {
+    if (!ele.parentElement) {
+      document.body.appendChild(ele);
+    }
+    appendedRef.current = true;
+  }
+  function cleanup() {
+    ele.parentElement?.removeChild(ele);
+    appendedRef.current = false;
+  }
+  (0,_rc_component_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__["default"])(() => {
+    if (render) {
+      if (queueCreate) {
+        queueCreate(append);
+      } else {
+        append();
+      }
+    } else {
+      cleanup();
+    }
+    return cleanup;
+  }, [render]);
+  (0,_rc_component_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__["default"])(() => {
+    if (queue.length) {
+      queue.forEach(appendFn => appendFn());
+      setQueue(EMPTY_LIST);
+    }
+  }, [queue]);
+  return [ele, mergedQueueCreate];
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/useScrollLocker.js":
+/*!***************************************************************************************************!*\
+  !*** ./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/useScrollLocker.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": () => (/* binding */ useScrollLocker)
+/* 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 _rc_component_util_es_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @rc-component/util/es/Dom/dynamicCSS */ "./node_modules/@rc-component/util/es/Dom/dynamicCSS.js");
+/* harmony import */ var _rc_component_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rc-component/util/es/hooks/useLayoutEffect */ "./node_modules/@rc-component/util/es/hooks/useLayoutEffect.js");
+/* harmony import */ var _rc_component_util_es_getScrollBarSize__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @rc-component/util/es/getScrollBarSize */ "./node_modules/@rc-component/util/es/getScrollBarSize.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/util.js");
+
+
+
+
+
+const UNIQUE_ID = `rc-util-locker-${Date.now()}`;
+let uuid = 0;
+function useScrollLocker(lock) {
+  const mergedLock = !!lock;
+  const [id] = react__WEBPACK_IMPORTED_MODULE_0__.useState(() => {
+    uuid += 1;
+    return `${UNIQUE_ID}_${uuid}`;
+  });
+  (0,_rc_component_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_2__["default"])(() => {
+    if (mergedLock) {
+      const scrollbarSize = (0,_rc_component_util_es_getScrollBarSize__WEBPACK_IMPORTED_MODULE_3__.getTargetScrollBarSize)(document.body).width;
+      const isOverflow = (0,_util__WEBPACK_IMPORTED_MODULE_4__.isBodyOverflowing)();
+      (0,_rc_component_util_es_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_1__.updateCSS)(`
+html body {
+  overflow-y: hidden;
+  ${isOverflow ? `width: calc(100% - ${scrollbarSize}px);` : ''}
+}`, id);
+    } else {
+      (0,_rc_component_util_es_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_1__.removeCSS)(id);
+    }
+    return () => {
+      (0,_rc_component_util_es_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_1__.removeCSS)(id);
+    };
+  }, [mergedLock, id]);
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/util.js":
+/*!****************************************************************************************!*\
+  !*** ./node_modules/@rc-component/dialog/node_modules/@rc-component/portal/es/util.js ***!
+  \****************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   isBodyOverflowing: () => (/* binding */ isBodyOverflowing)
+/* harmony export */ });
+/**
+ * Test usage export. Do not use in your production
+ */
+function isBodyOverflowing() {
+  return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/motion/es/CSSMotion.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/@rc-component/motion/es/CSSMotion.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 */   genCSSMotion: () => (/* binding */ genCSSMotion)
+/* harmony export */ });
+/* harmony import */ var _rc_component_util_es_Dom_findDOMNode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rc-component/util/es/Dom/findDOMNode */ "./node_modules/@rc-component/util/es/Dom/findDOMNode.js");
+/* harmony import */ var _rc_component_util_es_ref__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @rc-component/util/es/ref */ "./node_modules/@rc-component/util/es/ref.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./node_modules/@rc-component/motion/es/context.js");
+/* harmony import */ var _hooks_useStatus__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks/useStatus */ "./node_modules/@rc-component/motion/es/hooks/useStatus.js");
+/* harmony import */ var _hooks_useStepQueue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./hooks/useStepQueue */ "./node_modules/@rc-component/motion/es/hooks/useStepQueue.js");
+/* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./interface */ "./node_modules/@rc-component/motion/es/interface.js");
+/* harmony import */ var _util_motion__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./util/motion */ "./node_modules/@rc-component/motion/es/util/motion.js");
+/* eslint-disable react/default-props-match-prop-types, react/no-multi-comp, react/prop-types */
+
+
+
+
+
+
+
+
+
+
+/**
+ * `transitionSupport` is used for none transition test case.
+ * Default we use browser transition event support check.
+ */
+function genCSSMotion(config) {
+  let transitionSupport = config;
+  if (typeof config === 'object') {
+    ({
+      transitionSupport
+    } = config);
+  }
+  function isSupportTransition(props, contextMotion) {
+    return !!(props.motionName && transitionSupport && contextMotion !== false);
+  }
+  const CSSMotion = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.forwardRef((props, ref) => {
+    const {
+      // Default config
+      visible = true,
+      removeOnLeave = true,
+      forceRender,
+      children,
+      motionName,
+      leavedClassName,
+      eventProps
+    } = props;
+    const {
+      motion: contextMotion
+    } = react__WEBPACK_IMPORTED_MODULE_3__.useContext(_context__WEBPACK_IMPORTED_MODULE_4__.Context);
+    const supportMotion = isSupportTransition(props, contextMotion);
+
+    // Ref to the react node, it may be a HTMLElement
+    const nodeRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)();
+    function getDomElement() {
+      return (0,_rc_component_util_es_Dom_findDOMNode__WEBPACK_IMPORTED_MODULE_0__.getDOM)(nodeRef.current);
+    }
+    const [getStatus, statusStep, statusStyle, mergedVisible] = (0,_hooks_useStatus__WEBPACK_IMPORTED_MODULE_5__["default"])(supportMotion, visible, getDomElement, props);
+    const status = getStatus();
+
+    // Record whether content has rendered
+    // Will return null for un-rendered even when `removeOnLeave={false}`
+    const renderedRef = react__WEBPACK_IMPORTED_MODULE_3__.useRef(mergedVisible);
+    if (mergedVisible) {
+      renderedRef.current = true;
+    }
+
+    // ====================== Refs ======================
+    const refObj = react__WEBPACK_IMPORTED_MODULE_3__.useMemo(() => {
+      const obj = {};
+      Object.defineProperties(obj, {
+        nativeElement: {
+          enumerable: true,
+          get: getDomElement
+        },
+        inMotion: {
+          enumerable: true,
+          get: () => () => getStatus() !== _interface__WEBPACK_IMPORTED_MODULE_7__.STATUS_NONE
+        },
+        enableMotion: {
+          enumerable: true,
+          get: () => () => supportMotion
+        }
+      });
+      return obj;
+    }, []);
+
+    // We lock `deps` here since function return object
+    // will repeat trigger ref from `refConfig` -> `null` -> `refConfig`
+    react__WEBPACK_IMPORTED_MODULE_3__.useImperativeHandle(ref, () => refObj, []);
+
+    // ===================== Render =====================
+    let motionChildren;
+    const mergedProps = {
+      ...eventProps,
+      visible
+    };
+    if (!children) {
+      // No children
+      motionChildren = null;
+    } else if (status === _interface__WEBPACK_IMPORTED_MODULE_7__.STATUS_NONE) {
+      // Stable children
+      if (mergedVisible) {
+        motionChildren = children({
+          ...mergedProps
+        }, nodeRef);
+      } else if (!removeOnLeave && renderedRef.current && leavedClassName) {
+        motionChildren = children({
+          ...mergedProps,
+          className: leavedClassName
+        }, nodeRef);
+      } else if (forceRender || !removeOnLeave && !leavedClassName) {
+        motionChildren = children({
+          ...mergedProps,
+          style: {
+            display: 'none'
+          }
+        }, nodeRef);
+      } else {
+        motionChildren = null;
+      }
+    } else {
+      // In motion
+      let statusSuffix;
+      if (statusStep === _interface__WEBPACK_IMPORTED_MODULE_7__.STEP_PREPARE) {
+        statusSuffix = 'prepare';
+      } else if ((0,_hooks_useStepQueue__WEBPACK_IMPORTED_MODULE_6__.isActive)(statusStep)) {
+        statusSuffix = 'active';
+      } else if (statusStep === _interface__WEBPACK_IMPORTED_MODULE_7__.STEP_START) {
+        statusSuffix = 'start';
+      }
+      const motionCls = (0,_util_motion__WEBPACK_IMPORTED_MODULE_8__.getTransitionName)(motionName, `${status}-${statusSuffix}`);
+      motionChildren = children({
+        ...mergedProps,
+        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((0,_util_motion__WEBPACK_IMPORTED_MODULE_8__.getTransitionName)(motionName, status), {
+          [motionCls]: motionCls && statusSuffix,
+          [motionName]: typeof motionName === 'string'
+        }),
+        style: statusStyle
+      }, nodeRef);
+    }
+
+    // Auto inject ref if child node not have `ref` props
+    if ( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.isValidElement(motionChildren) && (0,_rc_component_util_es_ref__WEBPACK_IMPORTED_MODULE_1__.supportRef)(motionChildren)) {
+      const originNodeRef = (0,_rc_component_util_es_ref__WEBPACK_IMPORTED_MODULE_1__.getNodeRef)(motionChildren);
+      if (!originNodeRef) {
+        motionChildren = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.cloneElement(motionChildren, {
+          ref: nodeRef
+        });
+      }
+    }
+    return motionChildren;
+  });
+  CSSMotion.displayName = 'CSSMotion';
+  return CSSMotion;
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genCSSMotion(_util_motion__WEBPACK_IMPORTED_MODULE_8__.supportTransition));
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/motion/es/CSSMotionList.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@rc-component/motion/es/CSSMotionList.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 */   genCSSMotionList: () => (/* binding */ genCSSMotionList)
+/* 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 _CSSMotion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CSSMotion */ "./node_modules/@rc-component/motion/es/CSSMotion.js");
+/* harmony import */ var _util_diff__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util/diff */ "./node_modules/@rc-component/motion/es/util/diff.js");
+/* harmony import */ var _util_motion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util/motion */ "./node_modules/@rc-component/motion/es/util/motion.js");
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/* eslint react/prop-types: 0 */
+
+
+
+
+const MOTION_PROP_NAMES = ['eventProps', 'visible', 'children', 'motionName', 'motionAppear', 'motionEnter', 'motionLeave', 'motionLeaveImmediately', 'motionDeadline', 'removeOnLeave', 'leavedClassName', 'onAppearPrepare', 'onAppearStart', 'onAppearActive', 'onAppearEnd', 'onEnterStart', 'onEnterActive', 'onEnterEnd', 'onLeaveStart', 'onLeaveActive', 'onLeaveEnd'];
+/**
+ * Generate a CSSMotionList component with config
+ * @param transitionSupport No need since CSSMotionList no longer depends on transition support
+ * @param CSSMotion CSSMotion component
+ */
+function genCSSMotionList(transitionSupport, CSSMotion = _CSSMotion__WEBPACK_IMPORTED_MODULE_1__["default"]) {
+  class CSSMotionList extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
+    static defaultProps = {
+      component: 'div'
+    };
+    state = {
+      keyEntities: []
+    };
+    static getDerivedStateFromProps({
+      keys
+    }, {
+      keyEntities
+    }) {
+      const parsedKeyObjects = (0,_util_diff__WEBPACK_IMPORTED_MODULE_2__.parseKeys)(keys);
+      const mixedKeyEntities = (0,_util_diff__WEBPACK_IMPORTED_MODULE_2__.diffKeys)(keyEntities, parsedKeyObjects);
+      return {
+        keyEntities: mixedKeyEntities.filter(entity => {
+          const prevEntity = keyEntities.find(({
+            key
+          }) => entity.key === key);
+
+          // Remove if already mark as removed
+          if (prevEntity && prevEntity.status === _util_diff__WEBPACK_IMPORTED_MODULE_2__.STATUS_REMOVED && entity.status === _util_diff__WEBPACK_IMPORTED_MODULE_2__.STATUS_REMOVE) {
+            return false;
+          }
+          return true;
+        })
+      };
+    }
+
+    // ZombieJ: Return the count of rest keys. It's safe to refactor if need more info.
+    removeKey = removeKey => {
+      this.setState(prevState => {
+        const nextKeyEntities = prevState.keyEntities.map(entity => {
+          if (entity.key !== removeKey) return entity;
+          return {
+            ...entity,
+            status: _util_diff__WEBPACK_IMPORTED_MODULE_2__.STATUS_REMOVED
+          };
+        });
+        return {
+          keyEntities: nextKeyEntities
+        };
+      }, () => {
+        const {
+          keyEntities
+        } = this.state;
+        const restKeysCount = keyEntities.filter(({
+          status
+        }) => status !== _util_diff__WEBPACK_IMPORTED_MODULE_2__.STATUS_REMOVED).length;
+        if (restKeysCount === 0 && this.props.onAllRemoved) {
+          this.props.onAllRemoved();
+        }
+      });
+    };
+    render() {
+      const {
+        keyEntities
+      } = this.state;
+      const {
+        component,
+        children,
+        onVisibleChanged,
+        onAllRemoved,
+        ...restProps
+      } = this.props;
+      const Component = component || react__WEBPACK_IMPORTED_MODULE_0__.Fragment;
+      const motionProps = {};
+      MOTION_PROP_NAMES.forEach(prop => {
+        motionProps[prop] = restProps[prop];
+        delete restProps[prop];
+      });
+      delete restProps.keys;
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, restProps, keyEntities.map(({
+        status,
+        ...eventProps
+      }, index) => {
+        const visible = status === _util_diff__WEBPACK_IMPORTED_MODULE_2__.STATUS_ADD || status === _util_diff__WEBPACK_IMPORTED_MODULE_2__.STATUS_KEEP;
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(CSSMotion, _extends({}, motionProps, {
+          key: eventProps.key,
+          visible: visible,
+          eventProps: eventProps,
+          onVisibleChanged: changedVisible => {
+            onVisibleChanged?.(changedVisible, {
+              key: eventProps.key
+            });
+            if (!changedVisible) {
+              this.removeKey(eventProps.key);
+            }
+          }
+        }), (props, ref) => children({
+          ...props,
+          index
+        }, ref));
+      }));
+    }
+  }
+  return CSSMotionList;
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (genCSSMotionList(_util_motion__WEBPACK_IMPORTED_MODULE_3__.supportTransition));
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/motion/es/context.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/@rc-component/motion/es/context.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Context: () => (/* binding */ Context),
+/* harmony export */   "default": () => (/* binding */ MotionProvider)
+/* 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__);
+
+const Context = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createContext({});
+function MotionProvider({
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Context.Provider, {
+    value: props
+  }, children);
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/motion/es/hooks/useDomMotionEvents.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@rc-component/motion/es/hooks/useDomMotionEvents.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 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 _util_motion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util/motion */ "./node_modules/@rc-component/motion/es/util/motion.js");
+
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (onInternalMotionEnd => {
+  const cacheElementRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+
+  // Remove events
+  function removeMotionEvents(element) {
+    if (element) {
+      element.removeEventListener(_util_motion__WEBPACK_IMPORTED_MODULE_1__.transitionEndName, onInternalMotionEnd);
+      element.removeEventListener(_util_motion__WEBPACK_IMPORTED_MODULE_1__.animationEndName, onInternalMotionEnd);
+    }
+  }
+
+  // Patch events
+  function patchMotionEvents(element) {
+    if (cacheElementRef.current && cacheElementRef.current !== element) {
+      removeMotionEvents(cacheElementRef.current);
+    }
+    if (element && element !== cacheElementRef.current) {
+      element.addEventListener(_util_motion__WEBPACK_IMPORTED_MODULE_1__.transitionEndName, onInternalMotionEnd);
+      element.addEventListener(_util_motion__WEBPACK_IMPORTED_MODULE_1__.animationEndName, onInternalMotionEnd);
+
+      // Save as cache in case dom removed trigger by `motionDeadline`
+      cacheElementRef.current = element;
+    }
+  }
+
+  // Clean up when removed
+  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => () => {
+    removeMotionEvents(cacheElementRef.current);
+  }, []);
+  return [patchMotionEvents, removeMotionEvents];
+});
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/motion/es/hooks/useIsomorphicLayoutEffect.js":
+/*!*********************************************************************************!*\
+  !*** ./node_modules/@rc-component/motion/es/hooks/useIsomorphicLayoutEffect.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 _rc_component_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rc-component/util/es/Dom/canUseDom */ "./node_modules/@rc-component/util/es/Dom/canUseDom.js");
+/* 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__);
+
+
+
+// It's safe to use `useLayoutEffect` but the warning is annoying
+const useIsomorphicLayoutEffect = (0,_rc_component_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__["default"])() ? react__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_1__.useEffect;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useIsomorphicLayoutEffect);
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/motion/es/hooks/useNextFrame.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@rc-component/motion/es/hooks/useNextFrame.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 _rc_component_util_es_raf__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rc-component/util/es/raf */ "./node_modules/@rc-component/util/es/raf.js");
+/* 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 default export */ const __WEBPACK_DEFAULT_EXPORT__ = (() => {
+  const nextFrameRef = react__WEBPACK_IMPORTED_MODULE_1__.useRef(null);
+  function cancelNextFrame() {
+    _rc_component_util_es_raf__WEBPACK_IMPORTED_MODULE_0__["default"].cancel(nextFrameRef.current);
+  }
+  function nextFrame(callback, delay = 2) {
+    cancelNextFrame();
+    const nextFrameId = (0,_rc_component_util_es_raf__WEBPACK_IMPORTED_MODULE_0__["default"])(() => {
+      if (delay <= 1) {
+        callback({
+          isCanceled: () => nextFrameId !== nextFrameRef.current
+        });
+      } else {
+        nextFrame(callback, delay - 1);
+      }
+    });
+    nextFrameRef.current = nextFrameId;
+  }
+  react__WEBPACK_IMPORTED_MODULE_1__.useEffect(() => () => {
+    cancelNextFrame();
+  }, []);
+  return [nextFrame, cancelNextFrame];
+});
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/motion/es/hooks/useStatus.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@rc-component/motion/es/hooks/useStatus.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": () => (/* binding */ useStatus)
+/* harmony export */ });
+/* harmony import */ var _rc_component_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rc-component/util */ "./node_modules/@rc-component/util/es/index.js");
+/* harmony import */ var _rc_component_util_es_hooks_useState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @rc-component/util/es/hooks/useState */ "./node_modules/@rc-component/util/es/hooks/useState.js");
+/* harmony import */ var _rc_component_util_es_hooks_useSyncState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rc-component/util/es/hooks/useSyncState */ "./node_modules/@rc-component/util/es/hooks/useSyncState.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../interface */ "./node_modules/@rc-component/motion/es/interface.js");
+/* harmony import */ var _useDomMotionEvents__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./useDomMotionEvents */ "./node_modules/@rc-component/motion/es/hooks/useDomMotionEvents.js");
+/* harmony import */ var _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./useIsomorphicLayoutEffect */ "./node_modules/@rc-component/motion/es/hooks/useIsomorphicLayoutEffect.js");
+/* harmony import */ var _useStepQueue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./useStepQueue */ "./node_modules/@rc-component/motion/es/hooks/useStepQueue.js");
+
+
+
+
+
+
+
+
+
+function useStatus(supportMotion, visible, getElement, {
+  motionEnter = true,
+  motionAppear = true,
+  motionLeave = true,
+  motionDeadline,
+  motionLeaveImmediately,
+  onAppearPrepare,
+  onEnterPrepare,
+  onLeavePrepare,
+  onAppearStart,
+  onEnterStart,
+  onLeaveStart,
+  onAppearActive,
+  onEnterActive,
+  onLeaveActive,
+  onAppearEnd,
+  onEnterEnd,
+  onLeaveEnd,
+  onVisibleChanged
+}) {
+  // Used for outer render usage to avoid `visible: false & status: none` to render nothing
+  const [asyncVisible, setAsyncVisible] = (0,_rc_component_util_es_hooks_useState__WEBPACK_IMPORTED_MODULE_1__["default"])();
+  const [getStatus, setStatus] = (0,_rc_component_util_es_hooks_useSyncState__WEBPACK_IMPORTED_MODULE_2__["default"])(_interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_NONE);
+  const [style, setStyle] = (0,_rc_component_util_es_hooks_useState__WEBPACK_IMPORTED_MODULE_1__["default"])(null);
+  const currentStatus = getStatus();
+  const mountedRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)(false);
+  const deadlineRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)(null);
+
+  // =========================== Dom Node ===========================
+  function getDomElement() {
+    return getElement();
+  }
+
+  // ========================== Motion End ==========================
+  const activeRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)(false);
+
+  /**
+   * Clean up status & style
+   */
+  function updateMotionEndStatus() {
+    setStatus(_interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_NONE);
+    setStyle(null, true);
+  }
+  const onInternalMotionEnd = (0,_rc_component_util__WEBPACK_IMPORTED_MODULE_0__.useEvent)(event => {
+    const status = getStatus();
+    // Do nothing since not in any transition status.
+    // This may happen when `motionDeadline` trigger.
+    if (status === _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_NONE) {
+      return;
+    }
+    const element = getDomElement();
+    if (event && !event.deadline && event.target !== element) {
+      // event exists
+      // not initiated by deadline
+      // transitionEnd not fired by inner elements
+      return;
+    }
+    const currentActive = activeRef.current;
+    let canEnd;
+    if (status === _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_APPEAR && currentActive) {
+      canEnd = onAppearEnd?.(element, event);
+    } else if (status === _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_ENTER && currentActive) {
+      canEnd = onEnterEnd?.(element, event);
+    } else if (status === _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_LEAVE && currentActive) {
+      canEnd = onLeaveEnd?.(element, event);
+    }
+
+    // Only update status when `canEnd` and not destroyed
+    if (currentActive && canEnd !== false) {
+      updateMotionEndStatus();
+    }
+  });
+  const [patchMotionEvents] = (0,_useDomMotionEvents__WEBPACK_IMPORTED_MODULE_5__["default"])(onInternalMotionEnd);
+
+  // ============================= Step =============================
+  const getEventHandlers = targetStatus => {
+    switch (targetStatus) {
+      case _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_APPEAR:
+        return {
+          [_interface__WEBPACK_IMPORTED_MODULE_4__.STEP_PREPARE]: onAppearPrepare,
+          [_interface__WEBPACK_IMPORTED_MODULE_4__.STEP_START]: onAppearStart,
+          [_interface__WEBPACK_IMPORTED_MODULE_4__.STEP_ACTIVE]: onAppearActive
+        };
+      case _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_ENTER:
+        return {
+          [_interface__WEBPACK_IMPORTED_MODULE_4__.STEP_PREPARE]: onEnterPrepare,
+          [_interface__WEBPACK_IMPORTED_MODULE_4__.STEP_START]: onEnterStart,
+          [_interface__WEBPACK_IMPORTED_MODULE_4__.STEP_ACTIVE]: onEnterActive
+        };
+      case _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_LEAVE:
+        return {
+          [_interface__WEBPACK_IMPORTED_MODULE_4__.STEP_PREPARE]: onLeavePrepare,
+          [_interface__WEBPACK_IMPORTED_MODULE_4__.STEP_START]: onLeaveStart,
+          [_interface__WEBPACK_IMPORTED_MODULE_4__.STEP_ACTIVE]: onLeaveActive
+        };
+      default:
+        return {};
+    }
+  };
+  const eventHandlers = react__WEBPACK_IMPORTED_MODULE_3__.useMemo(() => getEventHandlers(currentStatus), [currentStatus]);
+  const [startStep, step] = (0,_useStepQueue__WEBPACK_IMPORTED_MODULE_7__["default"])(currentStatus, !supportMotion, newStep => {
+    // Only prepare step can be skip
+    if (newStep === _interface__WEBPACK_IMPORTED_MODULE_4__.STEP_PREPARE) {
+      const onPrepare = eventHandlers[_interface__WEBPACK_IMPORTED_MODULE_4__.STEP_PREPARE];
+      if (!onPrepare) {
+        return _useStepQueue__WEBPACK_IMPORTED_MODULE_7__.SkipStep;
+      }
+      return onPrepare(getDomElement());
+    }
+
+    // Rest step is sync update
+    if (step in eventHandlers) {
+      setStyle(eventHandlers[step]?.(getDomElement(), null) || null);
+    }
+    if (step === _interface__WEBPACK_IMPORTED_MODULE_4__.STEP_ACTIVE && currentStatus !== _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_NONE) {
+      // Patch events when motion needed
+      patchMotionEvents(getDomElement());
+      if (motionDeadline > 0) {
+        clearTimeout(deadlineRef.current);
+        deadlineRef.current = setTimeout(() => {
+          onInternalMotionEnd({
+            deadline: true
+          });
+        }, motionDeadline);
+      }
+    }
+    if (step === _interface__WEBPACK_IMPORTED_MODULE_4__.STEP_PREPARED) {
+      updateMotionEndStatus();
+    }
+    return _useStepQueue__WEBPACK_IMPORTED_MODULE_7__.DoStep;
+  });
+  const active = (0,_useStepQueue__WEBPACK_IMPORTED_MODULE_7__.isActive)(step);
+  activeRef.current = active;
+
+  // ============================ Status ============================
+  const visibleRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)(null);
+
+  // Update with new status
+  (0,_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_6__["default"])(() => {
+    // When use Suspense, the `visible` will repeat trigger,
+    // But not real change of the `visible`, we need to skip it.
+    // https://github.com/ant-design/ant-design/issues/44379
+    if (mountedRef.current && visibleRef.current === visible) {
+      return;
+    }
+    setAsyncVisible(visible);
+    const isMounted = mountedRef.current;
+    mountedRef.current = true;
+
+    // if (!supportMotion) {
+    //   return;
+    // }
+
+    let nextStatus;
+
+    // Appear
+    if (!isMounted && visible && motionAppear) {
+      nextStatus = _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_APPEAR;
+    }
+
+    // Enter
+    if (isMounted && visible && motionEnter) {
+      nextStatus = _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_ENTER;
+    }
+
+    // Leave
+    if (isMounted && !visible && motionLeave || !isMounted && motionLeaveImmediately && !visible && motionLeave) {
+      nextStatus = _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_LEAVE;
+    }
+    const nextEventHandlers = getEventHandlers(nextStatus);
+
+    // Update to next status
+    if (nextStatus && (supportMotion || nextEventHandlers[_interface__WEBPACK_IMPORTED_MODULE_4__.STEP_PREPARE])) {
+      setStatus(nextStatus);
+      startStep();
+    } else {
+      // Set back in case no motion but prev status has prepare step
+      setStatus(_interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_NONE);
+    }
+    visibleRef.current = visible;
+  }, [visible]);
+
+  // ============================ Effect ============================
+  // Reset when motion changed
+  (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(() => {
+    if (
+    // Cancel appear
+    currentStatus === _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_APPEAR && !motionAppear ||
+    // Cancel enter
+    currentStatus === _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_ENTER && !motionEnter ||
+    // Cancel leave
+    currentStatus === _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_LEAVE && !motionLeave) {
+      setStatus(_interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_NONE);
+    }
+  }, [motionAppear, motionEnter, motionLeave]);
+  (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(() => () => {
+    mountedRef.current = false;
+    clearTimeout(deadlineRef.current);
+  }, []);
+
+  // Trigger `onVisibleChanged`
+  const firstMountChangeRef = react__WEBPACK_IMPORTED_MODULE_3__.useRef(false);
+  (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(() => {
+    // [visible & motion not end] => [!visible & motion end] still need trigger onVisibleChanged
+    if (asyncVisible) {
+      firstMountChangeRef.current = true;
+    }
+    if (asyncVisible !== undefined && currentStatus === _interface__WEBPACK_IMPORTED_MODULE_4__.STATUS_NONE) {
+      // Skip first render is invisible since it's nothing changed
+      if (firstMountChangeRef.current || asyncVisible) {
+        onVisibleChanged?.(asyncVisible);
+      }
+      firstMountChangeRef.current = true;
+    }
+  }, [asyncVisible, currentStatus]);
+
+  // ============================ Styles ============================
+  let mergedStyle = style;
+  if (eventHandlers[_interface__WEBPACK_IMPORTED_MODULE_4__.STEP_PREPARE] && step === _interface__WEBPACK_IMPORTED_MODULE_4__.STEP_START) {
+    mergedStyle = {
+      transition: 'none',
+      ...mergedStyle
+    };
+  }
+  return [getStatus, step, mergedStyle, asyncVisible ?? visible];
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/motion/es/hooks/useStepQueue.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@rc-component/motion/es/hooks/useStepQueue.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DoStep: () => (/* binding */ DoStep),
+/* harmony export */   SkipStep: () => (/* binding */ SkipStep),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   isActive: () => (/* binding */ isActive)
+/* harmony export */ });
+/* harmony import */ var _rc_component_util_es_hooks_useState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rc-component/util/es/hooks/useState */ "./node_modules/@rc-component/util/es/hooks/useState.js");
+/* 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 _interface__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../interface */ "./node_modules/@rc-component/motion/es/interface.js");
+/* harmony import */ var _useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./useIsomorphicLayoutEffect */ "./node_modules/@rc-component/motion/es/hooks/useIsomorphicLayoutEffect.js");
+/* harmony import */ var _useNextFrame__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useNextFrame */ "./node_modules/@rc-component/motion/es/hooks/useNextFrame.js");
+
+
+
+
+
+const FULL_STEP_QUEUE = [_interface__WEBPACK_IMPORTED_MODULE_2__.STEP_PREPARE, _interface__WEBPACK_IMPORTED_MODULE_2__.STEP_START, _interface__WEBPACK_IMPORTED_MODULE_2__.STEP_ACTIVE, _interface__WEBPACK_IMPORTED_MODULE_2__.STEP_ACTIVATED];
+const SIMPLE_STEP_QUEUE = [_interface__WEBPACK_IMPORTED_MODULE_2__.STEP_PREPARE, _interface__WEBPACK_IMPORTED_MODULE_2__.STEP_PREPARED];
+
+/** Skip current step */
+const SkipStep = false;
+/** Current step should be update in */
+const DoStep = true;
+function isActive(step) {
+  return step === _interface__WEBPACK_IMPORTED_MODULE_2__.STEP_ACTIVE || step === _interface__WEBPACK_IMPORTED_MODULE_2__.STEP_ACTIVATED;
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((status, prepareOnly, callback) => {
+  const [step, setStep] = (0,_rc_component_util_es_hooks_useState__WEBPACK_IMPORTED_MODULE_0__["default"])(_interface__WEBPACK_IMPORTED_MODULE_2__.STEP_NONE);
+  const [nextFrame, cancelNextFrame] = (0,_useNextFrame__WEBPACK_IMPORTED_MODULE_4__["default"])();
+  function startQueue() {
+    setStep(_interface__WEBPACK_IMPORTED_MODULE_2__.STEP_PREPARE, true);
+  }
+  const STEP_QUEUE = prepareOnly ? SIMPLE_STEP_QUEUE : FULL_STEP_QUEUE;
+  (0,_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_3__["default"])(() => {
+    if (step !== _interface__WEBPACK_IMPORTED_MODULE_2__.STEP_NONE && step !== _interface__WEBPACK_IMPORTED_MODULE_2__.STEP_ACTIVATED) {
+      const index = STEP_QUEUE.indexOf(step);
+      const nextStep = STEP_QUEUE[index + 1];
+      const result = callback(step);
+      if (result === SkipStep) {
+        // Skip when no needed
+        setStep(nextStep, true);
+      } else if (nextStep) {
+        // Do as frame for step update
+        nextFrame(info => {
+          function doNext() {
+            // Skip since current queue is ood
+            if (info.isCanceled()) return;
+            setStep(nextStep, true);
+          }
+          if (result === true) {
+            doNext();
+          } else {
+            // Only promise should be async
+            Promise.resolve(result).then(doNext);
+          }
+        });
+      }
+    }
+  }, [status, step]);
+  react__WEBPACK_IMPORTED_MODULE_1__.useEffect(() => () => {
+    cancelNextFrame();
+  }, []);
+  return [startQueue, step];
+});
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/motion/es/index.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/@rc-component/motion/es/index.js ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CSSMotionList: () => (/* reexport safe */ _CSSMotionList__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   Provider: () => (/* reexport safe */ _context__WEBPACK_IMPORTED_MODULE_2__["default"]),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _CSSMotion__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CSSMotion */ "./node_modules/@rc-component/motion/es/CSSMotion.js");
+/* harmony import */ var _CSSMotionList__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CSSMotionList */ "./node_modules/@rc-component/motion/es/CSSMotionList.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./context */ "./node_modules/@rc-component/motion/es/context.js");
+
+
+
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_CSSMotion__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/motion/es/interface.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/@rc-component/motion/es/interface.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   STATUS_APPEAR: () => (/* binding */ STATUS_APPEAR),
+/* harmony export */   STATUS_ENTER: () => (/* binding */ STATUS_ENTER),
+/* harmony export */   STATUS_LEAVE: () => (/* binding */ STATUS_LEAVE),
+/* harmony export */   STATUS_NONE: () => (/* binding */ STATUS_NONE),
+/* harmony export */   STEP_ACTIVATED: () => (/* binding */ STEP_ACTIVATED),
+/* harmony export */   STEP_ACTIVE: () => (/* binding */ STEP_ACTIVE),
+/* harmony export */   STEP_NONE: () => (/* binding */ STEP_NONE),
+/* harmony export */   STEP_PREPARE: () => (/* binding */ STEP_PREPARE),
+/* harmony export */   STEP_PREPARED: () => (/* binding */ STEP_PREPARED),
+/* harmony export */   STEP_START: () => (/* binding */ STEP_START)
+/* harmony export */ });
+const STATUS_NONE = 'none';
+const STATUS_APPEAR = 'appear';
+const STATUS_ENTER = 'enter';
+const STATUS_LEAVE = 'leave';
+const STEP_NONE = 'none';
+const STEP_PREPARE = 'prepare';
+const STEP_START = 'start';
+const STEP_ACTIVE = 'active';
+const STEP_ACTIVATED = 'end';
+/**
+ * Used for disabled motion case.
+ * Prepare stage will still work but start & active will be skipped.
+ */
+const STEP_PREPARED = 'prepared';
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/motion/es/util/diff.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/@rc-component/motion/es/util/diff.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   STATUS_ADD: () => (/* binding */ STATUS_ADD),
+/* harmony export */   STATUS_KEEP: () => (/* binding */ STATUS_KEEP),
+/* harmony export */   STATUS_REMOVE: () => (/* binding */ STATUS_REMOVE),
+/* harmony export */   STATUS_REMOVED: () => (/* binding */ STATUS_REMOVED),
+/* harmony export */   diffKeys: () => (/* binding */ diffKeys),
+/* harmony export */   parseKeys: () => (/* binding */ parseKeys),
+/* harmony export */   wrapKeyToObject: () => (/* binding */ wrapKeyToObject)
+/* harmony export */ });
+const STATUS_ADD = 'add';
+const STATUS_KEEP = 'keep';
+const STATUS_REMOVE = 'remove';
+const STATUS_REMOVED = 'removed';
+function wrapKeyToObject(key) {
+  let keyObj;
+  if (key && typeof key === 'object' && 'key' in key) {
+    keyObj = key;
+  } else {
+    keyObj = {
+      key: key
+    };
+  }
+  return {
+    ...keyObj,
+    key: String(keyObj.key)
+  };
+}
+function parseKeys(keys = []) {
+  return keys.map(wrapKeyToObject);
+}
+function diffKeys(prevKeys = [], currentKeys = []) {
+  let list = [];
+  let currentIndex = 0;
+  const currentLen = currentKeys.length;
+  const prevKeyObjects = parseKeys(prevKeys);
+  const currentKeyObjects = parseKeys(currentKeys);
+
+  // Check prev keys to insert or keep
+  prevKeyObjects.forEach(keyObj => {
+    let hit = false;
+    for (let i = currentIndex; i < currentLen; i += 1) {
+      const currentKeyObj = currentKeyObjects[i];
+      if (currentKeyObj.key === keyObj.key) {
+        // New added keys should add before current key
+        if (currentIndex < i) {
+          list = list.concat(currentKeyObjects.slice(currentIndex, i).map(obj => ({
+            ...obj,
+            status: STATUS_ADD
+          })));
+          currentIndex = i;
+        }
+        list.push({
+          ...currentKeyObj,
+          status: STATUS_KEEP
+        });
+        currentIndex += 1;
+        hit = true;
+        break;
+      }
+    }
+
+    // If not hit, it means key is removed
+    if (!hit) {
+      list.push({
+        ...keyObj,
+        status: STATUS_REMOVE
+      });
+    }
+  });
+
+  // Add rest to the list
+  if (currentIndex < currentLen) {
+    list = list.concat(currentKeyObjects.slice(currentIndex).map(obj => ({
+      ...obj,
+      status: STATUS_ADD
+    })));
+  }
+
+  /**
+   * Merge same key when it remove and add again:
+   *    [1 - add, 2 - keep, 1 - remove] -> [1 - keep, 2 - keep]
+   */
+  const keys = {};
+  list.forEach(({
+    key
+  }) => {
+    keys[key] = (keys[key] || 0) + 1;
+  });
+  const duplicatedKeys = Object.keys(keys).filter(key => keys[key] > 1);
+  duplicatedKeys.forEach(matchKey => {
+    // Remove `STATUS_REMOVE` node.
+    list = list.filter(({
+      key,
+      status
+    }) => key !== matchKey || status !== STATUS_REMOVE);
+
+    // Update `STATUS_ADD` to `STATUS_KEEP`
+    list.forEach(node => {
+      if (node.key === matchKey) {
+        // eslint-disable-next-line no-param-reassign
+        node.status = STATUS_KEEP;
+      }
+    });
+  });
+  return list;
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/motion/es/util/motion.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@rc-component/motion/es/util/motion.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   animationEndName: () => (/* binding */ animationEndName),
+/* harmony export */   getTransitionName: () => (/* binding */ getTransitionName),
+/* harmony export */   getVendorPrefixedEventName: () => (/* binding */ getVendorPrefixedEventName),
+/* harmony export */   getVendorPrefixes: () => (/* binding */ getVendorPrefixes),
+/* harmony export */   supportTransition: () => (/* binding */ supportTransition),
+/* harmony export */   transitionEndName: () => (/* binding */ transitionEndName)
+/* harmony export */ });
+/* harmony import */ var _rc_component_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rc-component/util/es/Dom/canUseDom */ "./node_modules/@rc-component/util/es/Dom/canUseDom.js");
+
+// ================= Transition =================
+// Event wrapper. Copy from react source code
+function makePrefixMap(styleProp, eventName) {
+  const prefixes = {};
+  prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
+  prefixes[`Webkit${styleProp}`] = `webkit${eventName}`;
+  prefixes[`Moz${styleProp}`] = `moz${eventName}`;
+  prefixes[`ms${styleProp}`] = `MS${eventName}`;
+  prefixes[`O${styleProp}`] = `o${eventName.toLowerCase()}`;
+  return prefixes;
+}
+function getVendorPrefixes(domSupport, win) {
+  const prefixes = {
+    animationend: makePrefixMap('Animation', 'AnimationEnd'),
+    transitionend: makePrefixMap('Transition', 'TransitionEnd')
+  };
+  if (domSupport) {
+    if (!('AnimationEvent' in win)) {
+      delete prefixes.animationend.animation;
+    }
+    if (!('TransitionEvent' in win)) {
+      delete prefixes.transitionend.transition;
+    }
+  }
+  return prefixes;
+}
+const vendorPrefixes = getVendorPrefixes((0,_rc_component_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__["default"])(), typeof window !== 'undefined' ? window : {});
+let style = {};
+if ((0,_rc_component_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_0__["default"])()) {
+  ({
+    style
+  } = document.createElement('div'));
+}
+const prefixedEventNames = {};
+function getVendorPrefixedEventName(eventName) {
+  if (prefixedEventNames[eventName]) {
+    return prefixedEventNames[eventName];
+  }
+  const prefixMap = vendorPrefixes[eventName];
+  if (prefixMap) {
+    const stylePropList = Object.keys(prefixMap);
+    const len = stylePropList.length;
+    for (let i = 0; i < len; i += 1) {
+      const styleProp = stylePropList[i];
+      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style) {
+        prefixedEventNames[eventName] = prefixMap[styleProp];
+        return prefixedEventNames[eventName];
+      }
+    }
+  }
+  return '';
+}
+const internalAnimationEndName = getVendorPrefixedEventName('animationend');
+const internalTransitionEndName = getVendorPrefixedEventName('transitionend');
+const supportTransition = !!(internalAnimationEndName && internalTransitionEndName);
+const animationEndName = internalAnimationEndName || 'animationend';
+const transitionEndName = internalTransitionEndName || 'transitionend';
+function getTransitionName(transitionName, transitionType) {
+  if (!transitionName) return null;
+  if (typeof transitionName === 'object') {
+    const type = transitionType.replace(/-\w/g, match => match[1].toUpperCase());
+    return transitionName[type];
+  }
+  return `${transitionName}-${transitionType}`;
+}
+
+/***/ }),
+
 /***/ "./node_modules/@rc-component/portal/es/Context.js":
 /*!*********************************************************!*\
   !*** ./node_modules/@rc-component/portal/es/Context.js ***!
@@ -14551,6 +15958,58 @@ function getVisibleArea(initArea, scrollerList) {
 
 /***/ }),
 
+/***/ "./node_modules/@rc-component/util/es/Children/toArray.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/Children/toArray.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": () => (/* binding */ toArray)
+/* harmony export */ });
+/* harmony import */ var _React_isFragment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../React/isFragment */ "./node_modules/@rc-component/util/es/React/isFragment.js");
+/* 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__);
+
+
+function toArray(children, option = {}) {
+  let ret = [];
+  react__WEBPACK_IMPORTED_MODULE_1___default().Children.forEach(children, child => {
+    if ((child === undefined || child === null) && !option.keepEmpty) {
+      return;
+    }
+    if (Array.isArray(child)) {
+      ret = ret.concat(toArray(child));
+    } else if ((0,_React_isFragment__WEBPACK_IMPORTED_MODULE_0__["default"])(child) && child.props) {
+      ret = ret.concat(toArray(child.props.children, option));
+    } else {
+      ret.push(child);
+    }
+  });
+  return ret;
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/util/es/Dom/canUseDom.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/Dom/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": () => (/* binding */ canUseDom)
+/* harmony export */ });
+function canUseDom() {
+  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+}
+
+/***/ }),
+
 /***/ "./node_modules/@rc-component/util/es/Dom/contains.js":
 /*!************************************************************!*\
   !*** ./node_modules/@rc-component/util/es/Dom/contains.js ***!
@@ -14585,6 +16044,222 @@ function contains(root, n) {
 
 /***/ }),
 
+/***/ "./node_modules/@rc-component/util/es/Dom/dynamicCSS.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/Dom/dynamicCSS.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   clearContainerCache: () => (/* binding */ clearContainerCache),
+/* harmony export */   injectCSS: () => (/* binding */ injectCSS),
+/* harmony export */   removeCSS: () => (/* binding */ removeCSS),
+/* harmony export */   updateCSS: () => (/* binding */ updateCSS)
+/* harmony export */ });
+/* harmony import */ var _canUseDom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./canUseDom */ "./node_modules/@rc-component/util/es/Dom/canUseDom.js");
+/* harmony import */ var _contains__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./contains */ "./node_modules/@rc-component/util/es/Dom/contains.js");
+
+
+const APPEND_ORDER = 'data-rc-order';
+const APPEND_PRIORITY = 'data-rc-priority';
+const MARK_KEY = `rc-util-key`;
+const containerCache = new Map();
+function getMark({
+  mark
+} = {}) {
+  if (mark) {
+    return mark.startsWith('data-') ? mark : `data-${mark}`;
+  }
+  return MARK_KEY;
+}
+function getContainer(option) {
+  if (option.attachTo) {
+    return option.attachTo;
+  }
+  const head = document.querySelector('head');
+  return head || document.body;
+}
+function getOrder(prepend) {
+  if (prepend === 'queue') {
+    return 'prependQueue';
+  }
+  return prepend ? 'prepend' : 'append';
+}
+
+/**
+ * Find style which inject by rc-util
+ */
+function findStyles(container) {
+  return Array.from((containerCache.get(container) || container).children).filter(node => node.tagName === 'STYLE');
+}
+function injectCSS(css, option = {}) {
+  if (!(0,_canUseDom__WEBPACK_IMPORTED_MODULE_0__["default"])()) {
+    return null;
+  }
+  const {
+    csp,
+    prepend,
+    priority = 0
+  } = option;
+  const mergedOrder = getOrder(prepend);
+  const isPrependQueue = mergedOrder === 'prependQueue';
+  const styleNode = document.createElement('style');
+  styleNode.setAttribute(APPEND_ORDER, mergedOrder);
+  if (isPrependQueue && priority) {
+    styleNode.setAttribute(APPEND_PRIORITY, `${priority}`);
+  }
+  if (csp?.nonce) {
+    styleNode.nonce = csp?.nonce;
+  }
+  styleNode.innerHTML = css;
+  const container = getContainer(option);
+  const {
+    firstChild
+  } = container;
+  if (prepend) {
+    // If is queue `prepend`, it will prepend first style and then append rest style
+    if (isPrependQueue) {
+      const existStyle = (option.styles || findStyles(container)).filter(node => {
+        // Ignore style which not injected by rc-util with prepend
+        if (!['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER))) {
+          return false;
+        }
+
+        // Ignore style which priority less then new style
+        const nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);
+        return priority >= nodePriority;
+      });
+      if (existStyle.length) {
+        container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
+        return styleNode;
+      }
+    }
+
+    // Use `insertBefore` as `prepend`
+    container.insertBefore(styleNode, firstChild);
+  } else {
+    container.appendChild(styleNode);
+  }
+  return styleNode;
+}
+function findExistNode(key, option = {}) {
+  let {
+    styles
+  } = option;
+  styles ||= findStyles(getContainer(option));
+  return styles.find(node => node.getAttribute(getMark(option)) === key);
+}
+function removeCSS(key, option = {}) {
+  const existNode = findExistNode(key, option);
+  if (existNode) {
+    const container = getContainer(option);
+    container.removeChild(existNode);
+  }
+}
+
+/**
+ * qiankun will inject `appendChild` to insert into other
+ */
+function syncRealContainer(container, option) {
+  const cachedRealContainer = containerCache.get(container);
+
+  // Find real container when not cached or cached container removed
+  if (!cachedRealContainer || !(0,_contains__WEBPACK_IMPORTED_MODULE_1__["default"])(document, cachedRealContainer)) {
+    const placeholderStyle = injectCSS('', option);
+    const {
+      parentNode
+    } = placeholderStyle;
+    containerCache.set(container, parentNode);
+    container.removeChild(placeholderStyle);
+  }
+}
+
+/**
+ * manually clear container cache to avoid global cache in unit testes
+ */
+function clearContainerCache() {
+  containerCache.clear();
+}
+function updateCSS(css, key, originOption = {}) {
+  const container = getContainer(originOption);
+  const styles = findStyles(container);
+  const option = {
+    ...originOption,
+    styles
+  };
+
+  // Sync real parent
+  syncRealContainer(container, option);
+  const existNode = findExistNode(key, option);
+  if (existNode) {
+    if (option.csp?.nonce && existNode.nonce !== option.csp?.nonce) {
+      existNode.nonce = option.csp?.nonce;
+    }
+    if (existNode.innerHTML !== css) {
+      existNode.innerHTML = css;
+    }
+    return existNode;
+  }
+  const newNode = injectCSS(css, option);
+  newNode.setAttribute(getMark(option), key);
+  return newNode;
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/util/es/Dom/findDOMNode.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/Dom/findDOMNode.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": () => (/* binding */ findDOMNode),
+/* harmony export */   getDOM: () => (/* binding */ getDOM),
+/* harmony export */   isDOM: () => (/* binding */ isDOM)
+/* harmony export */ });
+function isDOM(node) {
+  // https://developer.mozilla.org/en-US/docs/Web/API/Element
+  // Since XULElement is also subclass of Element, we only need HTMLElement and SVGElement
+  return node instanceof HTMLElement || node instanceof SVGElement;
+}
+
+/**
+ * Retrieves a DOM node via a ref, and does not invoke `findDOMNode`.
+ */
+function getDOM(node) {
+  if (node && typeof node === 'object' && isDOM(node.nativeElement)) {
+    return node.nativeElement;
+  }
+  if (isDOM(node)) {
+    return node;
+  }
+  return null;
+}
+
+/**
+ * Return if a node is a DOM node. Else will return by `findDOMNode`
+ */
+function findDOMNode(node) {
+  const domNode = getDOM(node);
+  if (domNode) {
+    return domNode;
+  }
+  if (node && typeof node === 'object' && 'current' in node) {
+    const refDomNode = getDOM(node.current);
+    if (refDomNode) {
+      return refDomNode;
+    }
+  }
+  return null;
+}
+
+/***/ }),
+
 /***/ "./node_modules/@rc-component/util/es/KeyCode.js":
 /*!*******************************************************!*\
   !*** ./node_modules/@rc-component/util/es/KeyCode.js ***!
@@ -15170,6 +16845,128 @@ function isFragment(object) {
 
 /***/ }),
 
+/***/ "./node_modules/@rc-component/util/es/getScrollBarSize.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/getScrollBarSize.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": () => (/* binding */ getScrollBarSize),
+/* harmony export */   getTargetScrollBarSize: () => (/* binding */ getTargetScrollBarSize)
+/* harmony export */ });
+/* harmony import */ var _Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Dom/dynamicCSS */ "./node_modules/@rc-component/util/es/Dom/dynamicCSS.js");
+/* eslint-disable no-param-reassign */
+
+let cached;
+function measureScrollbarSize(ele) {
+  const randomId = `rc-scrollbar-measure-${Math.random().toString(36).substring(7)}`;
+  const measureEle = document.createElement('div');
+  measureEle.id = randomId;
+
+  // Create Style
+  const measureStyle = measureEle.style;
+  measureStyle.position = 'absolute';
+  measureStyle.left = '0';
+  measureStyle.top = '0';
+  measureStyle.width = '100px';
+  measureStyle.height = '100px';
+  measureStyle.overflow = 'scroll';
+
+  // Clone Style if needed
+  let fallbackWidth;
+  let fallbackHeight;
+  if (ele) {
+    const targetStyle = getComputedStyle(ele);
+    measureStyle.scrollbarColor = targetStyle.scrollbarColor;
+    measureStyle.scrollbarWidth = targetStyle.scrollbarWidth;
+
+    // Set Webkit style
+    const webkitScrollbarStyle = getComputedStyle(ele, '::-webkit-scrollbar');
+    const width = parseInt(webkitScrollbarStyle.width, 10);
+    const height = parseInt(webkitScrollbarStyle.height, 10);
+
+    // Try wrap to handle CSP case
+    try {
+      const widthStyle = width ? `width: ${webkitScrollbarStyle.width};` : '';
+      const heightStyle = height ? `height: ${webkitScrollbarStyle.height};` : '';
+      (0,_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_0__.updateCSS)(`
+#${randomId}::-webkit-scrollbar {
+${widthStyle}
+${heightStyle}
+}`, randomId);
+    } catch (e) {
+      // Can't wrap, just log error
+      console.error(e);
+
+      // Get from style directly
+      fallbackWidth = width;
+      fallbackHeight = height;
+    }
+  }
+  document.body.appendChild(measureEle);
+
+  // Measure. Get fallback style if provided
+  const scrollWidth = ele && fallbackWidth && !isNaN(fallbackWidth) ? fallbackWidth : measureEle.offsetWidth - measureEle.clientWidth;
+  const scrollHeight = ele && fallbackHeight && !isNaN(fallbackHeight) ? fallbackHeight : measureEle.offsetHeight - measureEle.clientHeight;
+
+  // Clean up
+  document.body.removeChild(measureEle);
+  (0,_Dom_dynamicCSS__WEBPACK_IMPORTED_MODULE_0__.removeCSS)(randomId);
+  return {
+    width: scrollWidth,
+    height: scrollHeight
+  };
+}
+function getScrollBarSize(fresh) {
+  if (typeof document === 'undefined') {
+    return 0;
+  }
+  if (fresh || cached === undefined) {
+    cached = measureScrollbarSize();
+  }
+  return cached.width;
+}
+function getTargetScrollBarSize(target) {
+  if (typeof document === 'undefined' || !target || !(target instanceof Element)) {
+    return {
+      width: 0,
+      height: 0
+    };
+  }
+  return measureScrollbarSize(target);
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/util/es/hooks/useEvent.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/hooks/useEvent.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 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__);
+/* eslint-disable @typescript-eslint/ban-types */
+/* eslint-disable react-hooks/exhaustive-deps */
+
+function useEvent(callback) {
+  const fnRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef();
+  fnRef.current = callback;
+  const memoFn = react__WEBPACK_IMPORTED_MODULE_0__.useCallback((...args) => fnRef.current?.(...args), []);
+  return memoFn;
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useEvent);
+
+/***/ }),
+
 /***/ "./node_modules/@rc-component/util/es/hooks/useId.js":
 /*!***********************************************************!*\
   !*** ./node_modules/@rc-component/util/es/hooks/useId.js ***!
@@ -15239,6 +17036,54 @@ function useCompatId(id) {
 
 /***/ }),
 
+/***/ "./node_modules/@rc-component/util/es/hooks/useLayoutEffect.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/hooks/useLayoutEffect.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 */   useLayoutUpdateEffect: () => (/* binding */ useLayoutUpdateEffect)
+/* 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 _Dom_canUseDom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Dom/canUseDom */ "./node_modules/@rc-component/util/es/Dom/canUseDom.js");
+
+
+
+/**
+ * Wrap `React.useLayoutEffect` which will not throw warning message in test env
+ */
+const useInternalLayoutEffect =  true && (0,_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_1__["default"])() ? react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_0__.useEffect;
+const useLayoutEffect = (callback, deps) => {
+  const firstMountRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(true);
+  useInternalLayoutEffect(() => {
+    return callback(firstMountRef.current);
+  }, deps);
+
+  // We tell react that first mount has passed
+  useInternalLayoutEffect(() => {
+    firstMountRef.current = false;
+    return () => {
+      firstMountRef.current = true;
+    };
+  }, []);
+};
+const useLayoutUpdateEffect = (callback, deps) => {
+  useLayoutEffect(firstMount => {
+    if (!firstMount) {
+      return callback();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, deps);
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLayoutEffect);
+
+/***/ }),
+
 /***/ "./node_modules/@rc-component/util/es/hooks/useMemo.js":
 /*!*************************************************************!*\
   !*** ./node_modules/@rc-component/util/es/hooks/useMemo.js ***!
@@ -15264,6 +17109,219 @@ function useMemo(getValue, condition, shouldUpdate) {
 
 /***/ }),
 
+/***/ "./node_modules/@rc-component/util/es/hooks/useMergedState.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/hooks/useMergedState.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": () => (/* binding */ useMergedState)
+/* harmony export */ });
+/* harmony import */ var _useEvent__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useEvent */ "./node_modules/@rc-component/util/es/hooks/useEvent.js");
+/* harmony import */ var _useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useLayoutEffect */ "./node_modules/@rc-component/util/es/hooks/useLayoutEffect.js");
+/* harmony import */ var _useState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useState */ "./node_modules/@rc-component/util/es/hooks/useState.js");
+
+
+
+/** We only think `undefined` is empty */
+function hasValue(value) {
+  return value !== undefined;
+}
+
+/**
+ * Similar to `useState` but will use props value if provided.
+ * Note that internal use rc-util `useState` hook.
+ */
+function useMergedState(defaultStateValue, option) {
+  const {
+    defaultValue,
+    value,
+    onChange,
+    postState
+  } = option || {};
+
+  // ======================= Init =======================
+  const [innerValue, setInnerValue] = (0,_useState__WEBPACK_IMPORTED_MODULE_2__["default"])(() => {
+    if (hasValue(value)) {
+      return value;
+    } else if (hasValue(defaultValue)) {
+      return typeof defaultValue === 'function' ? defaultValue() : defaultValue;
+    } else {
+      return typeof defaultStateValue === 'function' ? defaultStateValue() : defaultStateValue;
+    }
+  });
+  const mergedValue = value !== undefined ? value : innerValue;
+  const postMergedValue = postState ? postState(mergedValue) : mergedValue;
+
+  // ====================== Change ======================
+  const onChangeFn = (0,_useEvent__WEBPACK_IMPORTED_MODULE_0__["default"])(onChange);
+  const [prevValue, setPrevValue] = (0,_useState__WEBPACK_IMPORTED_MODULE_2__["default"])([mergedValue]);
+  (0,_useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__.useLayoutUpdateEffect)(() => {
+    const prev = prevValue[0];
+    if (innerValue !== prev) {
+      onChangeFn(innerValue, prev);
+    }
+  }, [prevValue]);
+
+  // Sync value back to `undefined` when it from control to un-control
+  (0,_useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__.useLayoutUpdateEffect)(() => {
+    if (!hasValue(value)) {
+      setInnerValue(value);
+    }
+  }, [value]);
+
+  // ====================== Update ======================
+  const triggerChange = (0,_useEvent__WEBPACK_IMPORTED_MODULE_0__["default"])((updater, ignoreDestroy) => {
+    setInnerValue(updater, ignoreDestroy);
+    setPrevValue([mergedValue], ignoreDestroy);
+  });
+  return [postMergedValue, triggerChange];
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/util/es/hooks/useState.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/hooks/useState.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": () => (/* binding */ useSafeState)
+/* 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__);
+
+/**
+ * Same as React.useState but `setState` accept `ignoreDestroy` param to not to setState after destroyed.
+ * We do not make this auto is to avoid real memory leak.
+ * Developer should confirm it's safe to ignore themselves.
+ */
+function useSafeState(defaultValue) {
+  const destroyRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(false);
+  const [value, setValue] = react__WEBPACK_IMPORTED_MODULE_0__.useState(defaultValue);
+  react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {
+    destroyRef.current = false;
+    return () => {
+      destroyRef.current = true;
+    };
+  }, []);
+  function safeSetState(updater, ignoreDestroy) {
+    if (ignoreDestroy && destroyRef.current) {
+      return;
+    }
+    setValue(updater);
+  }
+  return [value, safeSetState];
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/util/es/hooks/useSyncState.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/hooks/useSyncState.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": () => (/* binding */ useSyncState)
+/* 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 _useEvent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useEvent */ "./node_modules/@rc-component/util/es/hooks/useEvent.js");
+
+
+/**
+ * Same as React.useState but will always get latest state.
+ * This is useful when React merge multiple state updates into one.
+ * e.g. onTransitionEnd trigger multiple event at once will be merged state update in React.
+ */
+function useSyncState(defaultValue) {
+  const [, forceUpdate] = react__WEBPACK_IMPORTED_MODULE_0__.useReducer(x => x + 1, 0);
+  const currentValueRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(defaultValue);
+  const getValue = (0,_useEvent__WEBPACK_IMPORTED_MODULE_1__["default"])(() => {
+    return currentValueRef.current;
+  });
+  const setValue = (0,_useEvent__WEBPACK_IMPORTED_MODULE_1__["default"])(updater => {
+    currentValueRef.current = typeof updater === 'function' ? updater(currentValueRef.current) : updater;
+    forceUpdate();
+  });
+  return [getValue, setValue];
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/util/es/index.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/index.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   get: () => (/* reexport safe */ _utils_get__WEBPACK_IMPORTED_MODULE_3__["default"]),
+/* harmony export */   merge: () => (/* reexport safe */ _utils_set__WEBPACK_IMPORTED_MODULE_4__.merge),
+/* harmony export */   noteOnce: () => (/* reexport safe */ _warning__WEBPACK_IMPORTED_MODULE_5__.noteOnce),
+/* harmony export */   omit: () => (/* reexport safe */ _omit__WEBPACK_IMPORTED_MODULE_6__["default"]),
+/* harmony export */   set: () => (/* reexport safe */ _utils_set__WEBPACK_IMPORTED_MODULE_4__["default"]),
+/* harmony export */   supportNodeRef: () => (/* reexport safe */ _ref__WEBPACK_IMPORTED_MODULE_2__.supportNodeRef),
+/* harmony export */   supportRef: () => (/* reexport safe */ _ref__WEBPACK_IMPORTED_MODULE_2__.supportRef),
+/* harmony export */   toArray: () => (/* reexport safe */ _Children_toArray__WEBPACK_IMPORTED_MODULE_7__["default"]),
+/* harmony export */   useComposeRef: () => (/* reexport safe */ _ref__WEBPACK_IMPORTED_MODULE_2__.useComposeRef),
+/* harmony export */   useEvent: () => (/* reexport safe */ _hooks_useEvent__WEBPACK_IMPORTED_MODULE_0__["default"]),
+/* harmony export */   useMergedState: () => (/* reexport safe */ _hooks_useMergedState__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   warning: () => (/* reexport safe */ _warning__WEBPACK_IMPORTED_MODULE_5__["default"])
+/* harmony export */ });
+/* harmony import */ var _hooks_useEvent__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./hooks/useEvent */ "./node_modules/@rc-component/util/es/hooks/useEvent.js");
+/* harmony import */ var _hooks_useMergedState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./hooks/useMergedState */ "./node_modules/@rc-component/util/es/hooks/useMergedState.js");
+/* harmony import */ var _ref__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ref */ "./node_modules/@rc-component/util/es/ref.js");
+/* harmony import */ var _utils_get__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/get */ "./node_modules/@rc-component/util/es/utils/get.js");
+/* harmony import */ var _utils_set__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/set */ "./node_modules/@rc-component/util/es/utils/set.js");
+/* harmony import */ var _warning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./warning */ "./node_modules/@rc-component/util/es/warning.js");
+/* harmony import */ var _omit__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./omit */ "./node_modules/@rc-component/util/es/omit.js");
+/* harmony import */ var _Children_toArray__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Children/toArray */ "./node_modules/@rc-component/util/es/Children/toArray.js");
+
+
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/util/es/omit.js":
+/*!****************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/omit.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": () => (/* binding */ omit)
+/* harmony export */ });
+function omit(obj, fields) {
+  const clone = Object.assign({}, obj);
+  if (Array.isArray(fields)) {
+    fields.forEach(key => {
+      delete clone[key];
+    });
+  }
+  return clone;
+}
+
+/***/ }),
+
 /***/ "./node_modules/@rc-component/util/es/pickAttrs.js":
 /*!*********************************************************!*\
   !*** ./node_modules/@rc-component/util/es/pickAttrs.js ***!
@@ -15341,6 +17399,63 @@ function pickAttrs(props, ariaOnly = false) {
 
 /***/ }),
 
+/***/ "./node_modules/@rc-component/util/es/raf.js":
+/*!***************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/raf.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 */ });
+let raf = callback => +setTimeout(callback, 16);
+let caf = num => clearTimeout(num);
+if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {
+  raf = callback => window.requestAnimationFrame(callback);
+  caf = handle => window.cancelAnimationFrame(handle);
+}
+let rafUUID = 0;
+const rafIds = new Map();
+function cleanup(id) {
+  rafIds.delete(id);
+}
+const wrapperRaf = (callback, times = 1) => {
+  rafUUID += 1;
+  const id = rafUUID;
+  function callRef(leftTimes) {
+    if (leftTimes === 0) {
+      // Clean up
+      cleanup(id);
+
+      // Trigger
+      callback();
+    } else {
+      // Next raf
+      const realId = raf(() => {
+        callRef(leftTimes - 1);
+      });
+
+      // Bind real raf id
+      rafIds.set(id, realId);
+    }
+  }
+  callRef(times);
+  return id;
+};
+wrapperRaf.cancel = id => {
+  const realId = rafIds.get(id);
+  cleanup(id);
+  return caf(realId);
+};
+if (true) {
+  wrapperRaf.ids = () => rafIds;
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (wrapperRaf);
+
+/***/ }),
+
 /***/ "./node_modules/@rc-component/util/es/ref.js":
 /*!***************************************************!*\
   !*** ./node_modules/@rc-component/util/es/ref.js ***!
@@ -15366,6 +17481,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+const ReactMajorVersion = Number(react__WEBPACK_IMPORTED_MODULE_0__.version.split('.')[0]);
 const fillRef = (ref, node) => {
   if (typeof ref === 'function') {
     ref(node);
@@ -15399,7 +17515,7 @@ const supportRef = nodeOrComponent => {
   }
 
   // React 19 no need `forwardRef` anymore. So just pass if is a React element.
-  if (isReactElement(nodeOrComponent) && nodeOrComponent.props.propertyIsEnumerable('ref')) {
+  if (isReactElement(nodeOrComponent) && ReactMajorVersion >= 19) {
     return true;
   }
   const type = (0,react_is__WEBPACK_IMPORTED_MODULE_1__.isMemo)(nodeOrComponent) ? nodeOrComponent.type.type : nodeOrComponent.type;
@@ -15440,6 +17556,120 @@ const getNodeRef = node => {
 
 /***/ }),
 
+/***/ "./node_modules/@rc-component/util/es/utils/get.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/utils/get.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": () => (/* binding */ get)
+/* harmony export */ });
+function get(entity, path) {
+  let current = entity;
+  for (let i = 0; i < path.length; i += 1) {
+    if (current === null || current === undefined) {
+      return undefined;
+    }
+    current = current[path[i]];
+  }
+  return current;
+}
+
+/***/ }),
+
+/***/ "./node_modules/@rc-component/util/es/utils/set.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/@rc-component/util/es/utils/set.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": () => (/* binding */ set),
+/* harmony export */   merge: () => (/* binding */ merge)
+/* harmony export */ });
+/* harmony import */ var _get__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./get */ "./node_modules/@rc-component/util/es/utils/get.js");
+
+function internalSet(entity, paths, value, removeIfUndefined) {
+  if (!paths.length) {
+    return value;
+  }
+  const [path, ...restPath] = paths;
+  let clone;
+  if (!entity && typeof path === 'number') {
+    clone = [];
+  } else if (Array.isArray(entity)) {
+    clone = [...entity];
+  } else {
+    clone = {
+      ...entity
+    };
+  }
+
+  // Delete prop if `removeIfUndefined` and value is undefined
+  if (removeIfUndefined && value === undefined && restPath.length === 1) {
+    delete clone[path][restPath[0]];
+  } else {
+    clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined);
+  }
+  return clone;
+}
+function set(entity, paths, value, removeIfUndefined = false) {
+  // Do nothing if `removeIfUndefined` and parent object not exist
+  if (paths.length && removeIfUndefined && value === undefined && !(0,_get__WEBPACK_IMPORTED_MODULE_0__["default"])(entity, paths.slice(0, -1))) {
+    return entity;
+  }
+  return internalSet(entity, paths, value, removeIfUndefined);
+}
+function isObject(obj) {
+  return typeof obj === 'object' && obj !== null && Object.getPrototypeOf(obj) === Object.prototype;
+}
+function createEmpty(source) {
+  return Array.isArray(source) ? [] : {};
+}
+const keys = typeof Reflect === 'undefined' ? Object.keys : Reflect.ownKeys;
+
+/**
+ * Merge objects which will create
+ */
+function merge(...sources) {
+  let clone = createEmpty(sources[0]);
+  sources.forEach(src => {
+    function internalMerge(path, parentLoopSet) {
+      const loopSet = new Set(parentLoopSet);
+      const value = (0,_get__WEBPACK_IMPORTED_MODULE_0__["default"])(src, path);
+      const isArr = Array.isArray(value);
+      if (isArr || isObject(value)) {
+        // Only add not loop obj
+        if (!loopSet.has(value)) {
+          loopSet.add(value);
+          const originValue = (0,_get__WEBPACK_IMPORTED_MODULE_0__["default"])(clone, path);
+          if (isArr) {
+            // Array will always be override
+            clone = set(clone, path, []);
+          } else if (!originValue || typeof originValue !== 'object') {
+            // Init container if not exist
+            clone = set(clone, path, createEmpty(value));
+          }
+          keys(value).forEach(key => {
+            internalMerge([...path, key], loopSet);
+          });
+        }
+      } else {
+        clone = set(clone, path, value);
+      }
+    }
+    internalMerge([]);
+  });
+  return clone;
+}
+
+/***/ }),
+
 /***/ "./node_modules/@rc-component/util/es/warning.js":
 /*!*******************************************************!*\
   !*** ./node_modules/@rc-component/util/es/warning.js ***!
@@ -52452,7 +54682,7 @@ var Modal2 = function Modal2(_ref) {
     zIndex: zIndex,
     width: width,
     styles: {
-      section: {
+      container: {
         maxHeight: maxHeight
       }
     },
@@ -52741,7 +54971,7 @@ var theme = function theme(cb) {
 var StyledModal = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(ModalAdaptor).withConfig({
   displayName: "StyledModal",
   componentId: "sc-flnd5c-0"
-})(["&.", "-root{div[role='dialog']{margin:0 auto;}}.", "{&-mask{position:fixed;inset:0;height:100%;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:none;&-hidden{display:none;}}&-fade{&-enter,&-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;}&-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;}&-enter-active,&-appear-active{animation-name:", ";animation-play-state:running;}&-leave-active{animation-name:", ";animation-play-state:running;}}&-wrap{position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}&-section{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;margin-top:8px;inset-inline-end:16px;z-index:1;padding:4px;text-decoration:none;background:transparent;border-radius:4px;width:24px;height:24px;border:0;outline:0;cursor:pointer;svg{color:", ";}&:hover{background-color:", ";svg{color:", ";}}}&-header{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";}&-title{display:flex;flex-direction:column;gap:", ";}&-title-wrap{display:flex;flex-direction:row;align-items:center;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,&-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;}&-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;}&-enter-active,&-appear-active{animation-name:", ";animation-play-state:running;}&-leave-active{animation-name:", ";animation-play-state:running;}}}"], prefixCls, prefixCls, theme(function (t) {
+})(["&.", "-root{div[role='dialog']{margin:0 auto;}}.", "{&-mask{position:fixed;inset:0;height:100%;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:none;&-hidden{display:none;}}&-fade{&-enter,&-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;}&-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;}&-enter-active,&-appear-active{animation-name:", ";animation-play-state:running;}&-leave-active{animation-name:", ";animation-play-state:running;}}&-wrap{position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}&-container{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;margin-top:8px;inset-inline-end:16px;z-index:1;padding:4px;text-decoration:none;background:transparent;border-radius:4px;width:24px;height:24px;border:0;outline:0;cursor:pointer;svg{color:", ";}&:hover{background-color:", ";svg{color:", ";}}}&-header{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";}&-title{display:flex;flex-direction:column;gap:", ";}&-title-wrap{display:flex;flex-direction:row;align-items:center;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,&-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;}&-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;}&-enter-active,&-appear-active{animation-name:", ";animation-play-state:running;}&-leave-active{animation-name:", ";animation-play-state:running;}}}"], prefixCls, prefixCls, theme(function (t) {
   return t.color.modal_shadow_bg;
 }), theme(function (t) {
   return t.color.modal2_shadow_bg;
@@ -100142,7 +102372,7 @@ var symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMP
   "id": "claude_uikit_icon",
   "use": "claude_uikit_icon-usage",
   "viewBox": "0 0 20 20",
-  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\" id=\"claude_uikit_icon\"><path fill=\"#D97757\" d=\"m3.927 13.37 3.947-2.208.067-.191-.067-.107h-.192l-.66-.04-2.255-.061-1.956-.081-1.895-.101-.477-.102-.447-.587.046-.293.401-.268.575.05 1.269.086 1.904.131 1.382.081 2.047.212h.325l.046-.131-.111-.081-.087-.081-1.97-1.33L3.684 6.86l-1.118-.81-.604-.41-.305-.385-.131-.84.548-.601.737.05.189.05.746.572 1.594 1.23 2.082 1.527.305.253.122-.087.015-.06-.137-.229-1.132-2.04-1.209-2.074-.537-.86-.143-.515a2.5 2.5 0 0 1-.086-.607L5.245.18l.346-.11.833.11.35.303.518 1.18.838 1.857 1.3 2.526.381.749.204.693.075.212h.132V7.58l.107-1.423.198-1.746.192-2.248.066-.633.315-.758.624-.41.488.232.4.572-.055.37-.238 1.544-.468 2.419-.305 1.62h.178l.203-.203.822-1.088 1.382-1.72.61-.684.71-.754.457-.36h.863l.635.941-.284.972-.889 1.123-.737.952-1.056 1.417-.66 1.134.061.09.157-.015 2.387-.506 1.29-.232 1.538-.263.697.324.075.329-.273.673-1.646.405-1.93.385-2.875.678-.035.025.04.05 1.296.122.554.03h1.356l2.525.187.66.435.395.531-.067.405-1.015.516-1.371-.324-3.2-.759-1.097-.272h-.152v.09l.915.891 1.675 1.508 2.098 1.943.107.48-.27.38-.284-.04-1.843-1.383-.711-.622-1.61-1.35h-.108v.14l.371.542 1.96 2.936.102.9-.142.293-.508.177-.558-.102-1.148-1.604-1.184-1.808-.955-1.62-.116.067-.563 6.048-.265.309-.61.232-.507-.385-.27-.622.27-1.23.325-1.604.264-1.276.239-1.584.142-.527-.01-.035-.116.015-1.199 1.64-1.823 2.455-1.443 1.539-.345.136-.599-.309.056-.552.334-.491 1.997-2.531 1.204-1.568.777-.906-.005-.13h-.046l-5.303 3.43-.944.121-.407-.379.05-.622.193-.202 1.594-1.094-.005.006z\" /></symbol>"
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\" id=\"claude_uikit_icon\"><path fill=\"#D97757\" d=\"m3.927 13.37 3.947-2.208.067-.191-.067-.107h-.192l-.66-.04-2.255-.061-1.956-.081-1.895-.101-.477-.102-.447-.587.046-.293.401-.268.575.05 1.269.086 1.904.131 1.382.081 2.047.212h.325l.046-.131-.111-.081-.087-.081-1.97-1.33L3.684 6.86l-1.118-.81-.604-.41-.305-.385-.131-.84.548-.601.737.05.189.05.746.572 1.594 1.23 2.082 1.527.305.253.122-.087.015-.06-.137-.229-1.132-2.04-1.209-2.074-.537-.86-.143-.515a2.5 2.5 0 0 1-.086-.607L5.245.18l.346-.11.833.11.35.303.518 1.18.838 1.857 1.3 2.526.381.749.204.693.075.212h.132v-.12l.107-1.423.198-1.746.192-2.248.066-.633.315-.758.624-.41.488.232.4.572-.055.37-.238 1.544-.468 2.419-.305 1.62h.178l.203-.203.822-1.088 1.382-1.72.61-.684.71-.754.457-.36h.863l.635.941-.284.972-.889 1.123-.737.952-1.056 1.417-.66 1.134.061.09.157-.015 2.387-.506 1.29-.232 1.538-.263.697.324.075.329-.273.673-1.646.405-1.93.385-2.875.678-.035.025.04.05 1.296.122.554.03h1.356l2.525.187.66.435.395.531-.067.405-1.015.516-1.371-.324-3.2-.759-1.097-.272h-.152v.09l.915.891 1.675 1.508 2.098 1.943.107.48-.27.38-.284-.04-1.843-1.383-.711-.622-1.61-1.35h-.108v.14l.371.542 1.96 2.936.102.9-.142.293-.508.177-.558-.102-1.148-1.604-1.184-1.808-.955-1.62-.116.067-.563 6.048-.265.309-.61.232-.507-.385-.27-.622.27-1.23.325-1.604.264-1.276.239-1.584.142-.527-.01-.035-.116.015-1.199 1.64-1.823 2.455-1.443 1.539-.345.136-.599-.309.056-.552.334-.491 1.997-2.531 1.204-1.568.777-.906-.005-.13h-.046l-5.303 3.43-.944.121-.407-.379.05-.622.193-.202 1.594-1.094-.005.006z\" /></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);
@@ -100758,7 +102988,7 @@ var symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMP
   "id": "crewai_uikit_icon",
   "use": "crewai_uikit_icon-usage",
   "viewBox": "0 0 20 20",
-  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\" id=\"crewai_uikit_icon\"><g clip-path=\"url(#crewai_uikit_icon_a)\"><path fill=\"#461816\" d=\"M16.174 8.986a2.3 2.3 0 0 1 2.06 1.129c.402.671.518 1.476.32 2.233l-.113.435a8.33 8.33 0 0 1-2.63 4.215c-.504.43-1.069.885-1.736 1.27l-.023.014c-.335.194-.737.426-1.165.63a9.8 9.8 0 0 1-3.165.973q-1.07.138-2.147.11H7.56a7.16 7.16 0 0 1-4.205-1.559l-.01-.008-.01-.008a6.7 6.7 0 0 1-2.319-3.904 9.1 9.1 0 0 1-.085-3.149C1.157 9.836 1.654 8.357 2.4 7a18 18 0 0 1 2.026-3.065 12.9 12.9 0 0 1 2.967-2.652A8.3 8.3 0 0 1 10.366.086h.004l.002-.001c1.714-.32 3.12.311 4.187 1.05a6.9 6.9 0 0 1 1.996 2.094l.02.033.019.035a4.56 4.56 0 0 1 .423 3.344c-.2.808-.482 1.595-.843 2.345\" /><path fill=\"#fff\" d=\"M15.718 10.97a.622.622 0 0 1 1.046.027c.166.276.214.608.133.919l-.114.435a6.6 6.6 0 0 1-2.087 3.345c-.477.408-.948.782-1.478 1.088-.356.206-.714.413-1.086.59a8 8 0 0 1-2.63.81q-.936.123-1.88.097a5.44 5.44 0 0 1-3.198-1.185A4.97 4.97 0 0 1 2.7 14.184a7.4 7.4 0 0 1-.071-2.567A11.3 11.3 0 0 1 3.91 7.811a16.4 16.4 0 0 1 1.843-2.79 11.2 11.2 0 0 1 2.574-2.3 6.6 6.6 0 0 1 2.36-.95c1.089-.204 2.028.172 2.9.777.608.413 1.121.95 1.506 1.577.352.64.446 1.39.261 2.096-.188.77-.465 1.517-.825 2.225l-.186.414q-.4.892-.808 1.78a.635.635 0 0 1-.808.39 2.82 2.82 0 0 1-1.903-2.075c-.079-.692.034-1.39.325-2.022.24-.621.508-1.23.778-1.84l.206-.469a.44.44 0 0 0-.17-.618c-.384.09-.733.293-1 .585q-.707.704-1.345 1.472A18 18 0 0 0 7.437 9.55a6.3 6.3 0 0 0-.68 2.294 5.9 5.9 0 0 0 .058 1.85 1.71 1.71 0 0 0 1.612 1.428 7.23 7.23 0 0 0 4.263-1.106q.728-.5 1.396-1.079c.627-.591 1.147-1.265 1.632-1.966\" /></g><defs><clipPath id=\"crewai_uikit_icon_a\"><path fill=\"#fff\" d=\"M0 0h20v20H0z\" /></clipPath></defs></symbol>"
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\" id=\"crewai_uikit_icon\"><g clip-path=\"url(#crewai_uikit_icon_a)\"><path fill=\"#461816\" d=\"M16.174 8.986a2.3 2.3 0 0 1 2.06 1.129c.402.671.518 1.476.32 2.233l-.113.435a8.33 8.33 0 0 1-2.63 4.215c-.504.43-1.069.885-1.736 1.27l-.023.014c-.335.194-.737.426-1.165.63a9.8 9.8 0 0 1-3.165.973q-1.07.138-2.147.11H7.56a7.16 7.16 0 0 1-4.205-1.559l-.01-.008-.01-.008a6.7 6.7 0 0 1-2.319-3.904 9.1 9.1 0 0 1-.085-3.149C1.157 9.836 1.654 8.357 2.4 7a18 18 0 0 1 2.026-3.065 12.9 12.9 0 0 1 2.967-2.652A8.3 8.3 0 0 1 10.366.086h.004l.002-.001c1.714-.32 3.12.311 4.187 1.05a6.9 6.9 0 0 1 1.996 2.094l.02.033.019.035a4.56 4.56 0 0 1 .423 3.344c-.2.808-.482 1.595-.843 2.345\" /><path fill=\"#fff\" d=\"M15.718 10.97a.622.622 0 0 1 1.046.027c.166.276.214.608.133.919l-.114.435a6.6 6.6 0 0 1-2.087 3.345c-.477.408-.948.782-1.478 1.088a15 15 0 0 1-1.086.59 8 8 0 0 1-2.63.81q-.936.123-1.88.097a5.44 5.44 0 0 1-3.198-1.185A4.97 4.97 0 0 1 2.7 14.184a7.4 7.4 0 0 1-.071-2.567A11.3 11.3 0 0 1 3.91 7.811a16.4 16.4 0 0 1 1.843-2.79 11.2 11.2 0 0 1 2.574-2.3 6.6 6.6 0 0 1 2.36-.95c1.089-.204 2.028.172 2.9.777.608.413 1.121.95 1.506 1.577.352.64.446 1.39.261 2.096-.188.77-.465 1.517-.825 2.225l-.186.414q-.4.892-.808 1.78a.635.635 0 0 1-.808.39 2.82 2.82 0 0 1-1.903-2.075 3.8 3.8 0 0 1 .325-2.022c.24-.621.508-1.23.778-1.84l.206-.469a.44.44 0 0 0-.17-.618 1.96 1.96 0 0 0-1 .585q-.707.704-1.345 1.472A18 18 0 0 0 7.437 9.55a6.3 6.3 0 0 0-.68 2.294 5.9 5.9 0 0 0 .058 1.85 1.71 1.71 0 0 0 1.612 1.428 7.23 7.23 0 0 0 4.263-1.106q.728-.5 1.396-1.079c.627-.591 1.147-1.265 1.632-1.966\" /></g><defs><clipPath id=\"crewai_uikit_icon_a\"><path fill=\"#fff\" d=\"M0 0h20v20H0z\" /></clipPath></defs></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);
@@ -102578,7 +104808,7 @@ var symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMP
   "id": "github_uikit_icon",
   "use": "github_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=\"github_uikit_icon\"><g clip-path=\"url(#github_uikit_icon_a)\"><path fill=\"currentColor\" d=\"M14.687 4.245a3.99 3.99 0 0 0-.358-3.178.53.53 0 0 0-.462-.267 3.98 3.98 0 0 0-3.2 1.6h-1.6a3.98 3.98 0 0 0-3.2-1.6.53.53 0 0 0-.462.267 3.99 3.99 0 0 0-.359 3.178 3.9 3.9 0 0 0-.513 1.888v.534a3.74 3.74 0 0 0 3.23 3.698A2.65 2.65 0 0 0 7.2 12v.533H5.6a1.6 1.6 0 0 1-1.6-1.6 2.667 2.667 0 0 0-2.667-2.666.533.533 0 0 0 0 1.066 1.6 1.6 0 0 1 1.6 1.6A2.667 2.667 0 0 0 5.6 13.6h1.6v1.067a.533.533 0 1 0 1.067 0V12a1.6 1.6 0 1 1 3.2 0v2.667a.533.533 0 1 0 1.066 0V12c0-.593-.197-1.168-.562-1.635A3.74 3.74 0 0 0 15.2 6.667v-.534a3.9 3.9 0 0 0-.513-1.888m-.554 2.422a2.667 2.667 0 0 1-2.666 2.666h-3.2A2.667 2.667 0 0 1 5.6 6.667v-.534a2.8 2.8 0 0 1 .46-1.498.53.53 0 0 0 .073-.513 2.92 2.92 0 0 1 .053-2.239 2.93 2.93 0 0 1 2.155 1.338.53.53 0 0 0 .447.246h2.157a.53.53 0 0 0 .449-.246 2.93 2.93 0 0 1 2.155-1.338 2.92 2.92 0 0 1 .051 2.24.54.54 0 0 0 .067.51c.296.444.458.965.466 1.5z\" /></g><defs><clipPath id=\"github_uikit_icon_a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs></symbol>"
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\" id=\"github_uikit_icon\"><g clip-path=\"url(#github_uikit_icon_a)\"><path fill=\"currentColor\" d=\"M14.687 4.245a4 4 0 0 0-.358-3.178.53.53 0 0 0-.462-.267 3.98 3.98 0 0 0-3.2 1.6h-1.6a3.98 3.98 0 0 0-3.2-1.6.53.53 0 0 0-.462.267 4 4 0 0 0-.359 3.178 3.9 3.9 0 0 0-.513 1.888v.534a3.74 3.74 0 0 0 3.23 3.698A2.65 2.65 0 0 0 7.2 12v.533H5.6a1.6 1.6 0 0 1-1.6-1.6 2.667 2.667 0 0 0-2.667-2.666.533.533 0 0 0 0 1.066 1.6 1.6 0 0 1 1.6 1.6A2.667 2.667 0 0 0 5.6 13.6h1.6v1.067a.533.533 0 1 0 1.067 0V12a1.6 1.6 0 1 1 3.2 0v2.667a.533.533 0 1 0 1.066 0V12c0-.593-.197-1.168-.562-1.635A3.74 3.74 0 0 0 15.2 6.667v-.534a3.9 3.9 0 0 0-.513-1.888m-.554 2.422a2.667 2.667 0 0 1-2.666 2.666h-3.2A2.667 2.667 0 0 1 5.6 6.667v-.534a2.8 2.8 0 0 1 .46-1.498.53.53 0 0 0 .073-.513 2.92 2.92 0 0 1 .053-2.239 2.93 2.93 0 0 1 2.155 1.338.53.53 0 0 0 .447.246h2.157a.53.53 0 0 0 .449-.246 2.93 2.93 0 0 1 2.155-1.338 2.92 2.92 0 0 1 .051 2.24.54.54 0 0 0 .067.51c.296.444.458.965.466 1.5z\" /></g><defs><clipPath id=\"github_uikit_icon_a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs></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);
@@ -103334,7 +105564,7 @@ var symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMP
   "id": "llama_uikit_icon",
   "use": "llama_uikit_icon-usage",
   "viewBox": "0 0 20 20",
-  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\" id=\"llama_uikit_icon\"><g clip-path=\"url(#llama_uikit_icon_a)\"><path fill=\"#000\" d=\"M0 4c0-2.21 1.792-4 4.003-4h12.01c2.21 0 4.003 1.79 4.003 4v12c0 2.21-1.792 4-4.003 4H4.003A4 4 0 0 1 0 16z\" /><path fill=\"url(#llama_uikit_icon_b)\" d=\"M12.577 13.155c-1.288.569-2.684.336-3.22.148 0 .128-.007.527-.03 1.096-.024.569-.205.928-.293 1.037.01.355.018 1.132-.03 1.392-.046.261-.214.484-.292.563h-.79c.07-.355.34-.582.468-.651.07-.735-.069-1.373-.147-1.6-.078.276-.27.918-.41 1.274-.14.355-.351.681-.439.8h-.586c-.029-.356.166-.474.293-.474.059-.11.2-.45.293-.948.094-.498-.039-1.432-.117-1.837V12.68c-.937-.504-1.289-1.007-1.523-1.57-.187-.45-.136-1.136-.088-1.422-.058-.109-.229-.385-.292-.77a3.2 3.2 0 0 1 0-1.126c-.06-.06-.176-.361-.176-1.096s.215-1.116.322-1.215v-.326c-.41-.03-.82-.207-1.054-.444s-.059-.593.088-.711c.146-.119.292-.03.497-.089.205-.06.381-.118.469-.296.07-.142-.068-.73-.146-1.007.35.047.575.355.644.503V2.61c.439.207 1.23.71 1.493 1.807.211.877.361 2.715.41 3.525 1.123.01 2.548-.16 3.836.119 1.172.253 1.699.77 2.314.77s.966-.356 1.405-.06c.44.297.674 1.126.615 1.748a.72.72 0 0 1-.615.682c-.234.782 0 1.53.147 1.807v1.126c.068.098.205.403.205.829 0 .427-.137.711-.205.8.117.663-.049 1.343-.147 1.6h-.79c.093-.237.254-.297.322-.297.14-.734.039-1.412-.03-1.659-.445-.26-.732-.72-.82-.918.01.168-.017.634-.204 1.155-.188.522-.469.83-.586.919v.622h-.79c0-.38.214-.454.321-.445.137-.246.469-.622.469-1.362 0-.625-.44-.919-.761-1.481-.153-.268-.079-.603-.03-.741\" /></g><defs><linearGradient id=\"llama_uikit_icon_b\" x1=\"5.289\" x2=\"17.972\" y1=\"3.853\" y2=\"14.482\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".062\" stop-color=\"#F6DCD9\" /><stop offset=\".326\" stop-color=\"#FFA5EA\" /><stop offset=\".589\" stop-color=\"#45DFF8\" /><stop offset=\"1\" stop-color=\"#BC8DEB\" /></linearGradient><clipPath id=\"llama_uikit_icon_a\"><path fill=\"#fff\" d=\"M0 0h20v20H0z\" /></clipPath></defs></symbol>"
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\" id=\"llama_uikit_icon\"><g clip-path=\"url(#llama_uikit_icon_a)\"><path fill=\"#000\" d=\"M0 4a4 4 0 0 1 4.003-4h12.01c2.21 0 4.003 1.79 4.003 4v12a4 4 0 0 1-4.003 4H4.003A4 4 0 0 1 0 16z\" /><path fill=\"url(#llama_uikit_icon_b)\" d=\"M12.577 13.155c-1.288.569-2.684.336-3.22.148 0 .128-.007.527-.03 1.096-.024.569-.205.928-.293 1.037.01.355.018 1.132-.03 1.392a1.2 1.2 0 0 1-.292.563h-.79c.07-.355.34-.582.468-.651.07-.735-.069-1.373-.147-1.6-.078.276-.27.918-.41 1.274a4 4 0 0 1-.439.8h-.586c-.029-.356.166-.474.293-.474.059-.11.2-.45.293-.948.094-.498-.039-1.432-.117-1.837V12.68c-.937-.504-1.289-1.007-1.523-1.57-.187-.45-.136-1.136-.088-1.422-.058-.109-.229-.385-.292-.77a3.2 3.2 0 0 1 0-1.126c-.06-.06-.176-.361-.176-1.096s.215-1.116.322-1.215v-.326c-.41-.03-.82-.207-1.054-.444s-.059-.593.088-.711c.146-.119.292-.03.497-.089.205-.06.381-.118.469-.296.07-.142-.068-.73-.146-1.007.35.047.575.355.644.503V2.61c.439.207 1.23.71 1.493 1.807.211.877.361 2.715.41 3.525 1.123.01 2.548-.16 3.836.119 1.172.253 1.699.77 2.314.77s.966-.356 1.405-.06c.44.297.674 1.126.615 1.748a.72.72 0 0 1-.615.682c-.234.782 0 1.53.147 1.807v1.126c.068.098.205.403.205.829 0 .427-.137.711-.205.8.117.663-.049 1.343-.147 1.6h-.79c.093-.237.254-.297.322-.297.14-.734.039-1.412-.03-1.659-.445-.26-.732-.72-.82-.918.01.168-.017.634-.204 1.155-.188.522-.469.83-.586.919v.622h-.79c0-.38.214-.454.321-.445.137-.246.469-.622.469-1.362 0-.625-.44-.919-.761-1.481-.153-.268-.079-.603-.03-.741\" /></g><defs><linearGradient id=\"llama_uikit_icon_b\" x1=\"5.289\" x2=\"17.972\" y1=\"3.853\" y2=\"14.482\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".062\" stop-color=\"#F6DCD9\" /><stop offset=\".326\" stop-color=\"#FFA5EA\" /><stop offset=\".589\" stop-color=\"#45DFF8\" /><stop offset=\"1\" stop-color=\"#BC8DEB\" /></linearGradient><clipPath id=\"llama_uikit_icon_a\"><path fill=\"#fff\" d=\"M0 0h20v20H0z\" /></clipPath></defs></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);
@@ -105357,6 +107587,34 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "./assets/icons/scraping_browser2.svg":
+/*!********************************************!*\
+  !*** ./assets/icons/scraping_browser2.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": "scraping_browser2_uikit_icon",
+  "use": "scraping_browser2_uikit_icon-usage",
+  "viewBox": "0 0 44 38",
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 44 38\" id=\"scraping_browser2_uikit_icon\"><path fill=\"#93EEDA\" fill-rule=\"evenodd\" d=\"M9 .6a1.2 1.2 0 0 0-1.2 1.2v12.483a11.3 11.3 0 0 1 5.589-1.466c6.28 0 11.37 5.09 11.37 11.37 0 .97-.122 1.913-.352 2.813H42.6a1.2 1.2 0 0 0 1.2-1.2v-24A1.2 1.2 0 0 0 42.6.6zM22.224 27a9.3 9.3 0 0 0 .434-2.814 9.27 9.27 0 0 0-9.27-9.27A9.23 9.23 0 0 0 7.8 16.79v9.01A1.2 1.2 0 0 0 9 27zM12.6 6a1.8 1.8 0 1 0 3.6 0 1.8 1.8 0 1 0-3.6 0m6 0a1.8 1.8 0 1 0 3.6 0 1.8 1.8 0 1 0-3.6 0m6 0a1.8 1.8 0 1 0 3.6 0 1.8 1.8 0 1 0-3.6 0\" clip-rule=\"evenodd\" /><path fill=\"#36C7A7\" fill-rule=\"evenodd\" d=\"M6.835 30.742a9.27 9.27 0 1 1 13.107 0l.002.001-6.555 6.555-6.555-6.555h.001Z\" 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/search.svg":
 /*!*********************************!*\
   !*** ./assets/icons/search.svg ***!
@@ -105469,6 +107727,34 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "./assets/icons/serp2.svg":
+/*!********************************!*\
+  !*** ./assets/icons/serp2.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": "serp2_uikit_icon",
+  "use": "serp2_uikit_icon-usage",
+  "viewBox": "0 0 48 48",
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 48 48\" id=\"serp2_uikit_icon\"><path fill=\"#93EEDA\" fill-rule=\"evenodd\" d=\"M33.447 31.4A11.95 11.95 0 0 0 36 24c0-2.612-.835-5.03-2.252-7h11.51c.741 0 1.342.537 1.342 1.2v12c0 .663-.6 1.2-1.341 1.2zm-18.894 0H2.34c-.739 0-1.34-.537-1.34-1.2v-12c0-.663.6-1.2 1.341-1.2h11.911A11.95 11.95 0 0 0 12 24c0 2.792.954 5.361 2.553 7.4\" clip-rule=\"evenodd\" /><path fill=\"#36C7A7\" d=\"M33.384 24.137a9.192 9.192 0 1 1-18.384 0 9.192 9.192 0 0 1 18.384 0\" /><path fill=\"#36C7A7\" d=\"M27.57 27.793a1.15 1.15 0 0 0 0 1.625l8.715 8.714a1.15 1.15 0 0 0 1.625 0l.28-.28a1.15 1.15 0 0 0 0-1.624l-8.715-8.715a1.15 1.15 0 0 0-1.625 0z\" /></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/serp_data.svg":
 /*!************************************!*\
   !*** ./assets/icons/serp_data.svg ***!
@@ -107261,6 +109547,34 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "./assets/icons/web_unlock2.svg":
+/*!**************************************!*\
+  !*** ./assets/icons/web_unlock2.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": "web_unlock2_uikit_icon",
+  "use": "web_unlock2_uikit_icon-usage",
+  "viewBox": "0 0 48 48",
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 48 48\" id=\"web_unlock2_uikit_icon\"><mask id=\"web_unlock2_uikit_icon_a\" width=\"48\" height=\"48\" x=\"0\" y=\"0\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:alpha\"><path fill=\"#F5EFEF\" d=\"M0 0h48v48H0z\" /></mask><g mask=\"url(#web_unlock2_uikit_icon_a)\"><path fill=\"#93EEDA\" fill-rule=\"evenodd\" d=\"M12 6.6a1.2 1.2 0 0 0-1.2 1.2v14.4h9.6a6 6 0 0 1 6 6V33h19.2a1.2 1.2 0 0 0 1.2-1.2v-24a1.2 1.2 0 0 0-1.2-1.2zM24 33v-4.8a3.6 3.6 0 0 0-3.6-3.6h-9.6v7.2A1.2 1.2 0 0 0 12 33z\" clip-rule=\"evenodd\" /><path fill=\"#fff\" d=\"M15.6 12a1.8 1.8 0 1 1 3.6 0 1.8 1.8 0 0 1-3.6 0m6 0a1.8 1.8 0 1 1 3.6 0 1.8 1.8 0 0 1-3.6 0m6 0a1.8 1.8 0 1 1 3.6 0 1.8 1.8 0 0 1-3.6 0\" /><path fill=\"#36C7A7\" d=\"M4.8 28.2a3.6 3.6 0 0 1 3.6-3.6h12a3.6 3.6 0 0 1 3.6 3.6v9.6a3.6 3.6 0 0 1-3.6 3.6h-12a3.6 3.6 0 0 1-3.6-3.6z\" /><path fill=\"#36C7A7\" d=\"M12 30.6a2.4 2.4 0 1 1 4.8 0 2.4 2.4 0 0 1-4.8 0\" /><path fill=\"#fff\" d=\"M13.2 30.6a1.2 1.2 0 1 1 2.4 0v4.8a1.2 1.2 0 0 1-2.4 0z\" /><path fill=\"#36C7A7\" fill-rule=\"evenodd\" d=\"M12 19.2a5.4 5.4 0 0 0-10.8 0V21a1.2 1.2 0 0 0 2.4 0v-1.8a3 3 0 1 1 6 0v6.6a1.2 1.2 0 0 0 2.4 0z\" clip-rule=\"evenodd\" /></g></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/web_unlock_small.svg":
 /*!*******************************************!*\
   !*** ./assets/icons/web_unlock_small.svg ***!