@douyinfe/semi-ui 2.41.3 → 2.42.0

package/dist/umd/semi-ui.js

@@ -18297,7 +18297,7 @@ class foundation_Tooltip extends foundation {
        * Because the handler needs to be bound to the document. If you bind during the constructor phase
        * When there are multiple container instances in a page, one click triggers the handler of multiple containers
        */
-      if (trigger === 'click' || clickTriggerToHide) {
+      if (trigger === 'click' || clickTriggerToHide || trigger === 'contextMenu') {
         this._adapter.registerClickOutsideHandler(this.hide);
       }
       this._bindScrollEvent();
@@ -18569,6 +18569,13 @@ class foundation_Tooltip extends foundation {
         // when trigger type is 'custom', no need to bind eventHandler
         // show/hide completely depend on props.visible which change by user
         break;
+      case 'contextMenu':
+        triggerEventSet[eventNames.contextMenu] = e => {
+          e.preventDefault();
+          this.show();
+        };
+        // Click outside needs special treatment, can not be directly tied to the trigger Element, need to be bound to the document
+        break;
       default:
         break;
     }
@@ -19303,7 +19310,7 @@ const tooltip_constants_cssClasses = {
 };
 const tooltip_constants_strings = {
   POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver', 'leftBottomOver', 'rightBottomOver'],
-  TRIGGER_SET: ['hover', 'focus', 'click', 'custom'],
+  TRIGGER_SET: ['hover', 'focus', 'click', 'custom', 'contextMenu'],
   STATUS_DISABLED: 'disabled',
   STATUS_LOADING: 'loading'
 };
@@ -20350,7 +20357,8 @@ class Tooltip extends BaseComponent {
         click: 'onClick',
         focus: 'onFocus',
         blur: 'onBlur',
-        keydown: 'onKeyDown'
+        keydown: 'onKeyDown',
+        contextMenu: 'onContextMenu'
       }),
       registerTriggerEvent: triggerEventSet => {
         this.setState({
@@ -21634,7 +21642,7 @@ const convertIcon = (Svg, iconType) => {
 };
 
 /* harmony default export */ const components_Icon = (Icon);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconAlertCircle.js
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconTick.js
 
 
 function SvgComponent(props) {
@@ -21649,355 +21657,12 @@ function SvgComponent(props) {
   }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM13.5 17.5C13.5 16.6716 12.8284 16 12 16C11.1716 16 10.5 16.6716 10.5 17.5C10.5 18.3284 11.1716 19 12 19C12.8284 19 13.5 18.3284 13.5 17.5ZM12 5C10.9138 5 10.0507 5.91244 10.1109 6.99692L10.4168 12.5023C10.4635 13.3426 11.1584 14 12 14C12.8416 14 13.5365 13.3426 13.5832 12.5023L13.8891 6.99692C13.9493 5.91244 13.0862 5 12 5Z",
-    fill: "currentColor"
-  }));
-}
-const IconComponent = convertIcon(SvgComponent, 'alert_circle');
-/* harmony default export */ const IconAlertCircle = (IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconAlertTriangle.js
-
-
-function IconAlertTriangle_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10.2268 2.3986L1.52616 19.0749C0.831449 20.4064 1.79747 22 3.29933 22H20.7007C22.2025 22 23.1686 20.4064 22.4739 19.0749L13.7732 2.3986C13.0254 0.965441 10.9746 0.965442 10.2268 2.3986ZM13.1415 14.0101C13.0603 14.5781 12.5739 15 12.0001 15C11.4263 15 10.9398 14.5781 10.8586 14.0101L10.2829 9.97992C10.1336 8.93495 10.9445 8.00002 12.0001 8.00002C13.0556 8.00002 13.8665 8.93495 13.7172 9.97992L13.1415 14.0101ZM13.5001 18.5C13.5001 19.3284 12.8285 20 12.0001 20C11.1716 20 10.5001 19.3284 10.5001 18.5C10.5001 17.6716 11.1716 17 12.0001 17C12.8285 17 13.5001 17.6716 13.5001 18.5Z",
-    fill: "currentColor"
-  }));
-}
-const IconAlertTriangle_IconComponent = convertIcon(IconAlertTriangle_SvgComponent, 'alert_triangle');
-/* harmony default export */ const IconAlertTriangle = (IconAlertTriangle_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconArrowLeft.js
-
-
-function IconArrowLeft_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M23 12C23 12.8284 22.3284 13.5 21.5 13.5L6.12132 13.5L12.5607 19.9393C13.1464 20.5251 13.1464 21.4749 12.5607 22.0607C11.9749 22.6464 11.0251 22.6464 10.4393 22.0607L1.43934 13.0607C0.853554 12.4749 0.853554 11.5251 1.43934 10.9393L10.4393 1.93934C11.0251 1.35355 11.9749 1.35355 12.5607 1.93934C13.1464 2.52513 13.1464 3.47487 12.5607 4.06066L6.12132 10.5L21.5 10.5C22.3284 10.5 23 11.1716 23 12Z",
-    fill: "currentColor"
-  }));
-}
-const IconArrowLeft_IconComponent = convertIcon(IconArrowLeft_SvgComponent, 'arrow_left');
-/* harmony default export */ const IconArrowLeft = (IconArrowLeft_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconArrowRight.js
-
-
-function IconArrowRight_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M1 12C1 11.1716 1.67157 10.5 2.5 10.5L17.8787 10.5L11.4393 4.06066C10.8536 3.47487 10.8536 2.52513 11.4393 1.93934C12.0251 1.35355 12.9749 1.35355 13.5607 1.93934L22.5607 10.9393C23.1464 11.5251 23.1464 12.4749 22.5607 13.0607L13.5607 22.0607C12.9749 22.6464 12.0251 22.6464 11.4393 22.0607C10.8536 21.4749 10.8536 20.5251 11.4393 19.9393L17.8787 13.5L2.5 13.5C1.67157 13.5 1 12.8284 1 12Z",
-    fill: "currentColor"
-  }));
-}
-const IconArrowRight_IconComponent = convertIcon(IconArrowRight_SvgComponent, 'arrow_right');
-/* harmony default export */ const IconArrowRight = (IconArrowRight_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCalendar.js
-
-
-function IconCalendar_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M4 20V8H20V20H4ZM2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM6 10.5C6 10.2239 6.22386 10 6.5 10H8.5C8.77614 10 9 10.2239 9 10.5V12.5C9 12.7761 8.77614 13 8.5 13H6.5C6.22386 13 6 12.7761 6 12.5V10.5ZM6.5 15C6.22386 15 6 15.2239 6 15.5V17.5C6 17.7761 6.22386 18 6.5 18H8.5C8.77614 18 9 17.7761 9 17.5V15.5C9 15.2239 8.77614 15 8.5 15H6.5ZM10.5 10.5C10.5 10.2239 10.7239 10 11 10H13C13.2761 10 13.5 10.2239 13.5 10.5V12.5C13.5 12.7761 13.2761 13 13 13H11C10.7239 13 10.5 12.7761 10.5 12.5V10.5ZM11 15C10.7239 15 10.5 15.2239 10.5 15.5V17.5C10.5 17.7761 10.7239 18 11 18H13C13.2761 18 13.5 17.7761 13.5 17.5V15.5C13.5 15.2239 13.2761 15 13 15H11ZM15 10.5C15 10.2239 15.2239 10 15.5 10H17.5C17.7761 10 18 10.2239 18 10.5V12.5C18 12.7761 17.7761 13 17.5 13H15.5C15.2239 13 15 12.7761 15 12.5V10.5ZM15.5 15C15.2239 15 15 15.2239 15 15.5V17.5C15 17.7761 15.2239 18 15.5 18H17.5C17.7761 18 18 17.7761 18 17.5V15.5C18 15.2239 17.7761 15 17.5 15H15.5Z",
-    fill: "currentColor"
-  }));
-}
-const IconCalendar_IconComponent = convertIcon(IconCalendar_SvgComponent, 'calendar');
-/* harmony default export */ const IconCalendar = (IconCalendar_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCalendarClock.js
-
-
-function IconCalendarClock_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M2 5V19C2 20.6569 3.34315 22 5 22H12.101C11.5151 21.4259 11.0297 20.7496 10.6736 20H6C4.89543 20 4 19.1046 4 18V8C4 7.44772 4.44772 7 5 7H19C19.5523 7 20 7.44772 20 8V10.6736C20.7496 11.0297 21.4259 11.5151 22 12.101V5C22 3.34315 20.6569 2 19 2H5C3.34315 2 2 3.34315 2 5Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M16 10H17C16.4614 10 15.9369 10.0608 15.4332 10.176C15.5943 10.065 15.7896 10 16 10Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M13.4981 10.9376C13.4659 10.4144 13.0313 10 12.5 10H11.5C10.9477 10 10.5 10.4477 10.5 11V12C10.5 12.4742 10.83 12.8712 11.2729 12.9741C11.857 12.1446 12.6168 11.4478 13.4981 10.9376Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M7 10C6.44772 10 6 10.4477 6 11V12C6 12.5523 6.44772 13 7 13H8C8.55228 13 9 12.5523 9 12V11C9 10.4477 8.55228 10 8 10H7Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M6 16C6 15.4477 6.44772 15 7 15H8C8.55228 15 9 15.4477 9 16V17C9 17.5523 8.55228 18 8 18H7C6.44772 18 6 17.5523 6 17V16Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M22 17C22 19.7614 19.7614 22 17 22C14.2386 22 12 19.7614 12 17C12 14.2386 14.2386 12 17 12C19.7614 12 22 14.2386 22 17ZM18 15C18 14.4477 17.5523 14 17 14C16.4477 14 16 14.4477 16 15V17C16 17.2652 16.1054 17.5196 16.2929 17.7071L17.7929 19.2071C18.1834 19.5976 18.8166 19.5976 19.2071 19.2071C19.5976 18.8166 19.5976 18.1834 19.2071 17.7929L18 16.5858V15Z",
-    fill: "currentColor"
-  }));
-}
-const IconCalendarClock_IconComponent = convertIcon(IconCalendarClock_SvgComponent, 'calendar_clock');
-/* harmony default export */ const IconCalendarClock = (IconCalendarClock_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCaretdown.js
-
-
-function IconCaretdown_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M17.549 15.659L12.753 21.139C12.6591 21.2464 12.5434 21.3325 12.4135 21.3915C12.2836 21.4505 12.1427 21.481 12 21.481C11.8574 21.481 11.7164 21.4505 11.5865 21.3915C11.4566 21.3325 11.3409 21.2464 11.247 21.139L6.45101 15.659C5.88501 15.011 6.34501 14 7.20401 14H16.796C17.656 14 18.115 15.012 17.549 15.659Z",
-    fill: "currentColor"
-  }));
-}
-const IconCaretdown_IconComponent = convertIcon(IconCaretdown_SvgComponent, 'caretdown');
-/* harmony default export */ const IconCaretdown = (IconCaretdown_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCaretup.js
-
-
-function IconCaretup_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M6.45096 8.34102L11.247 2.86102C11.3408 2.75361 11.4566 2.66753 11.5865 2.60854C11.7163 2.54956 11.8573 2.51904 12 2.51904C12.1426 2.51904 12.2836 2.54956 12.4135 2.60854C12.5433 2.66753 12.6591 2.75361 12.753 2.86102L17.549 8.34102C18.115 8.98802 17.655 10 16.796 10H7.20396C6.34396 10 5.88496 8.98802 6.45096 8.34102Z",
-    fill: "currentColor"
-  }));
-}
-const IconCaretup_IconComponent = convertIcon(IconCaretup_SvgComponent, 'caretup');
-/* harmony default export */ const IconCaretup = (IconCaretup_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCheckboxIndeterminate.js
-
-
-function IconCheckboxIndeterminate_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M5 12.5C5 11.6716 5.67157 11 6.5 11H17.5C18.3284 11 19 11.6716 19 12.5C19 13.3284 18.3284 14 17.5 14H6.5C5.67157 14 5 13.3284 5 12.5Z",
-    fill: "currentColor"
-  }));
-}
-const IconCheckboxIndeterminate_IconComponent = convertIcon(IconCheckboxIndeterminate_SvgComponent, 'checkbox_indeterminate');
-/* harmony default export */ const IconCheckboxIndeterminate = (IconCheckboxIndeterminate_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCheckboxTick.js
-
-
-function IconCheckboxTick_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M17.4111 7.30848C18.0692 7.81171 18.1947 8.75312 17.6915 9.41119L11.1915 17.9112C10.909 18.2806 10.4711 18.4981 10.0061 18.5C9.54105 18.5019 9.10143 18.288 8.81592 17.9209L5.31592 13.4209C4.80731 12.767 4.92512 11.8246 5.57904 11.316C6.23296 10.8074 7.17537 10.9252 7.68398 11.5791L9.98988 14.5438L15.3084 7.58884C15.8116 6.93077 16.7531 6.80525 17.4111 7.30848Z",
-    fill: "currentColor"
-  }));
-}
-const IconCheckboxTick_IconComponent = convertIcon(IconCheckboxTick_SvgComponent, 'checkbox_tick');
-/* harmony default export */ const IconCheckboxTick = (IconCheckboxTick_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconChevronDown.js
-
-
-function IconChevronDown_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M4.08045 7.59809C4.66624 7.01231 5.61599 7.01231 6.20177 7.59809L11.8586 13.2549L17.5155 7.59809C18.1013 7.01231 19.051 7.01231 19.6368 7.59809C20.2226 8.18388 20.2226 9.13363 19.6368 9.71941L12.9193 16.4369C12.3335 17.0227 11.3838 17.0227 10.798 16.4369L4.08045 9.71941C3.49467 9.13363 3.49467 8.18388 4.08045 7.59809Z",
-    fill: "currentColor"
-  }));
-}
-const IconChevronDown_IconComponent = convertIcon(IconChevronDown_SvgComponent, 'chevron_down');
-/* harmony default export */ const IconChevronDown = (IconChevronDown_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconChevronLeft.js
-
-
-function IconChevronLeft_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16.2782 4.23933C16.864 4.82511 16.864 5.77486 16.2782 6.36065L10.6213 12.0175L16.2782 17.6744C16.864 18.2601 16.864 19.2099 16.2782 19.7957C15.6924 20.3815 14.7426 20.3815 14.1569 19.7957L7.43934 13.0782C6.85355 12.4924 6.85355 11.5426 7.43934 10.9568L14.1569 4.23933C14.7426 3.65354 15.6924 3.65354 16.2782 4.23933Z",
-    fill: "currentColor"
-  }));
-}
-const IconChevronLeft_IconComponent = convertIcon(IconChevronLeft_SvgComponent, 'chevron_left');
-/* harmony default export */ const IconChevronLeft = (IconChevronLeft_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconChevronRight.js
-
-
-function IconChevronRight_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M7.43934 19.7957C6.85355 19.2099 6.85355 18.2601 7.43934 17.6744L13.0962 12.0175L7.43934 6.36065C6.85355 5.77486 6.85355 4.82511 7.43934 4.23933C8.02513 3.65354 8.97487 3.65354 9.56066 4.23933L16.2782 10.9568C16.864 11.5426 16.864 12.4924 16.2782 13.0782L9.56066 19.7957C8.97487 20.3815 8.02513 20.3815 7.43934 19.7957Z",
-    fill: "currentColor"
-  }));
-}
-const IconChevronRight_IconComponent = convertIcon(IconChevronRight_SvgComponent, 'chevron_right');
-/* harmony default export */ const IconChevronRight = (IconChevronRight_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconChevronUp.js
-
-
-function IconChevronUp_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M19.637 16.4369C19.0513 17.0227 18.1015 17.0227 17.5157 16.4369L11.8589 10.7801L6.20202 16.4369C5.61623 17.0227 4.66648 17.0227 4.0807 16.4369C3.49491 15.8511 3.49491 14.9014 4.0807 14.3156L10.7982 7.59809C11.384 7.01231 12.3337 7.01231 12.9195 7.59809L19.637 14.3156C20.2228 14.9014 20.2228 15.8511 19.637 16.4369Z",
-    fill: "currentColor"
-  }));
-}
-const IconChevronUp_IconComponent = convertIcon(IconChevronUp_SvgComponent, 'chevron_up');
-/* harmony default export */ const IconChevronUp = (IconChevronUp_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconClear.js
-
-
-function IconClear_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM17.0352 16.8626C16.4597 17.4585 15.5101 17.4751 14.9142 16.8996L12.0368 14.121L9.25822 16.9984C8.68274 17.5943 7.73314 17.6109 7.13722 17.0354C6.5413 16.4599 6.52472 15.5103 7.1002 14.9144L9.87883 12.037L7.00147 9.2584C6.40555 8.68293 6.38897 7.73332 6.96445 7.1374C7.53992 6.54148 8.48953 6.52491 9.08545 7.10038L11.9628 9.87901L14.7414 7.00165C15.3169 6.40573 16.2665 6.38916 16.8624 6.96463C17.4584 7.54011 17.4749 8.48971 16.8995 9.08563L14.1208 11.963L16.9982 14.7416C17.5941 15.3171 17.6107 16.2667 17.0352 16.8626Z",
-    fill: "currentColor"
-  }));
-}
-const IconClear_IconComponent = convertIcon(IconClear_SvgComponent, 'clear');
-/* harmony default export */ const IconClear = (IconClear_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconClock.js
-
-
-function IconClock_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM13.5 6.5V11.3787L17.0607 14.9393C17.6464 15.5251 17.6464 16.4749 17.0607 17.0607C16.4749 17.6464 15.5251 17.6464 14.9393 17.0607L10.9393 13.0607C10.658 12.7794 10.5 12.3978 10.5 12V6.5C10.5 5.67157 11.1716 5 12 5C12.8284 5 13.5 5.67157 13.5 6.5Z",
-    fill: "currentColor"
-  }));
-}
-const IconClock_IconComponent = convertIcon(IconClock_SvgComponent, 'clock');
-/* harmony default export */ const IconClock = (IconClock_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconClose.js
-
-
-function IconClose_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M17.6568 19.7782C18.2426 20.3639 19.1924 20.3639 19.7782 19.7782C20.3639 19.1924 20.3639 18.2426 19.7782 17.6568L14.1213 12L19.7782 6.34313C20.3639 5.75734 20.3639 4.8076 19.7782 4.22181C19.1924 3.63602 18.2426 3.63602 17.6568 4.22181L12 9.87866L6.34313 4.22181C5.75734 3.63602 4.8076 3.63602 4.22181 4.22181C3.63602 4.8076 3.63602 5.75734 4.22181 6.34313L9.87866 12L4.22181 17.6568C3.63602 18.2426 3.63602 19.1924 4.22181 19.7782C4.8076 20.3639 5.75734 20.3639 6.34313 19.7782L12 14.1213L17.6568 19.7782Z",
+    d: "M21.3516 4.2652C22.0336 4.73552 22.2052 5.66964 21.7348 6.35162L11.7348 20.8516C11.4765 21.2262 11.0622 21.4632 10.6084 21.4961C10.1546 21.529 9.71041 21.3541 9.40082 21.0207L2.90082 14.0207C2.33711 13.4136 2.37226 12.4645 2.97933 11.9008C3.5864 11.3371 4.53549 11.3723 5.0992 11.9793L10.3268 17.6091L19.2652 4.64842C19.7355 3.96644 20.6696 3.79487 21.3516 4.2652Z",
     fill: "currentColor"
   }));
 }
-const IconClose_IconComponent = convertIcon(IconClose_SvgComponent, 'close');
-/* harmony default export */ const IconClose = (IconClose_IconComponent);
+const IconComponent = convertIcon(SvgComponent, 'tick');
+/* harmony default export */ const IconTick = (IconComponent);
 ;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCopy.js
 
 
@@ -22020,1087 +21685,6 @@ function IconCopy_SvgComponent(props) {
 }
 const IconCopy_IconComponent = convertIcon(IconCopy_SvgComponent, 'copy');
 /* harmony default export */ const IconCopy = (IconCopy_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconDoubleChevronLeft.js
-
-
-function IconDoubleChevronLeft_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12.6185 4.39653C13.1272 4.92524 13.1272 5.78245 12.6185 6.31116L7.14483 12L12.6185 17.6888C13.1272 18.2176 13.1272 19.0748 12.6185 19.6035C12.1098 20.1322 11.285 20.1322 10.7763 19.6035L4.38153 12.9573C3.87282 12.4286 3.87282 11.5714 4.38153 11.0427L10.7763 4.39653C11.285 3.86782 12.1098 3.86782 12.6185 4.39653Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M19.6185 4.39653C20.1272 4.92524 20.1272 5.78245 19.6185 6.31116L14.1448 12L19.6185 17.6888C20.1272 18.2176 20.1272 19.0748 19.6185 19.6035C19.1098 20.1322 18.285 20.1322 17.7763 19.6035L11.3815 12.9573C10.8728 12.4286 10.8728 11.5714 11.3815 11.0427L17.7763 4.39653C18.285 3.86782 19.1098 3.86782 19.6185 4.39653Z",
-    fill: "currentColor"
-  }));
-}
-const IconDoubleChevronLeft_IconComponent = convertIcon(IconDoubleChevronLeft_SvgComponent, 'double_chevron_left');
-/* harmony default export */ const IconDoubleChevronLeft = (IconDoubleChevronLeft_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconDoubleChevronRight.js
-
-
-function IconDoubleChevronRight_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M4.38153 4.39653C4.89024 3.86782 5.71502 3.86782 6.22373 4.39653L12.6185 11.0427C13.1272 11.5714 13.1272 12.4286 12.6185 12.9573L6.22373 19.6035C5.71502 20.1322 4.89024 20.1322 4.38153 19.6035C3.87282 19.0748 3.87282 18.2176 4.38153 17.6888L9.85517 12L4.38153 6.31116C3.87282 5.78245 3.87282 4.92524 4.38153 4.39653Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M11.3815 4.39653C11.8902 3.86782 12.715 3.86782 13.2237 4.39653L19.6185 11.0427C20.1272 11.5714 20.1272 12.4286 19.6185 12.9573L13.2237 19.6035C12.715 20.1322 11.8902 20.1322 11.3815 19.6035C10.8728 19.0748 10.8728 18.2176 11.3815 17.6888L16.8552 12L11.3815 6.31116C10.8728 5.78245 10.8728 4.92524 11.3815 4.39653Z",
-    fill: "currentColor"
-  }));
-}
-const IconDoubleChevronRight_IconComponent = convertIcon(IconDoubleChevronRight_SvgComponent, 'double_chevron_right');
-/* harmony default export */ const IconDoubleChevronRight = (IconDoubleChevronRight_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconDownload.js
-
-
-function IconDownload_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M17.8395 8.05827C17.1837 5.16226 14.5944 3 11.5 3C7.91015 3 5 5.91015 5 9.5C5 10.0204 5.06115 10.5264 5.17665 11.0114C2.84229 11.1772 1 13.1234 1 15.5C1 17.9853 3.01469 20 5.49995 20H17C20.3137 20 23 17.3137 23 14C23 10.9712 20.7558 8.46659 17.8395 8.05827ZM11.6799 17.7333C11.8653 17.8878 12.1347 17.8878 12.3201 17.7333L17.4695 13.4421C17.6492 13.2924 17.5433 13 17.3095 13H14V9.5C14 9.22386 13.7761 9 13.5 9H10.5C10.2239 9 10 9.22386 10 9.5V13H6.69051C6.45669 13 6.35084 13.2924 6.53047 13.4421L11.6799 17.7333Z",
-    fill: "currentColor"
-  }));
-}
-const IconDownload_IconComponent = convertIcon(IconDownload_SvgComponent, 'download');
-/* harmony default export */ const IconDownload = (IconDownload_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconEyeClosedSolid.js
-
-
-function IconEyeClosedSolid_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M21.7071 3.70711C22.0976 3.31658 22.0976 2.68342 21.7071 2.29289C21.3166 1.90237 20.6834 1.90237 20.2929 2.29289L17.3135 5.27233C15.8114 4.50566 14.0321 4 12 4C5 4 1 10 1 12C1 13.1757 2.38219 15.7335 4.94345 17.6423L2.29289 20.2929C1.90237 20.6834 1.90237 21.3166 2.29289 21.7071C2.68342 22.0976 3.31658 22.0976 3.70711 21.7071L21.7071 3.70711ZM7.8284 14.7574L9.29237 13.2934C9.10495 12.9018 9 12.4631 9 12C9 10.3431 10.3431 9 12 9C12.4631 9 12.9018 9.10495 13.2934 9.29237L14.7574 7.8284C13.967 7.30488 13.0191 7 12 7C9.23858 7 7 9.23858 7 12C7 13.0191 7.30488 13.967 7.8284 14.7574Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M12 20C10.7789 20 9.64914 19.8174 8.61594 19.5054L11.1871 16.9342C11.4516 16.9775 11.7232 17 12 17C14.7614 17 17 14.7614 17 12C17 11.7232 16.9775 11.4516 16.9342 11.1871L20.5032 7.61808C22.1342 9.27317 23 11.0695 23 12C23 14 19 20 12 20Z",
-    fill: "currentColor"
-  }));
-}
-const IconEyeClosedSolid_IconComponent = convertIcon(IconEyeClosedSolid_SvgComponent, 'eye_closed_solid');
-/* harmony default export */ const IconEyeClosedSolid = (IconEyeClosedSolid_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconEyeOpened.js
-
-
-function IconEyeOpened_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 4C5 4 1 10 1 12C1 14 5 20 12 20C19 20 23 14 23 12C23 10 19 4 12 4ZM17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z",
-    fill: "currentColor"
-  }));
-}
-const IconEyeOpened_IconComponent = convertIcon(IconEyeOpened_SvgComponent, 'eye_opened');
-/* harmony default export */ const IconEyeOpened = (IconEyeOpened_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconFile.js
-
-
-function IconFile_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 2C12 1.44772 11.5523 1 11 1H6C4.89543 1 4 1.89543 4 3V21C4 22.1046 4.89543 23 6 23H18C19.1046 23 20 22.1046 20 21V10C20 9.44772 19.5523 9 19 9H14C12.8954 9 12 8.10457 12 7V2ZM7 8C7 7.44772 7.44772 7 8 7H9C9.55228 7 10 7.44772 10 8C10 8.55228 9.55228 9 9 9H8C7.44772 9 7 8.55228 7 8ZM7 13C7 12.4477 7.44772 12 8 12H16C16.5523 12 17 12.4477 17 13C17 13.5523 16.5523 14 16 14H8C7.44772 14 7 13.5523 7 13ZM8 17C7.44772 17 7 17.4477 7 18C7 18.5523 7.44772 19 8 19H16C16.5523 19 17 18.5523 17 18C17 17.4477 16.5523 17 16 17H8ZM19.0686 7.49999H14.5C13.9477 7.49999 13.5 7.05228 13.5 6.49999V1.93136C13.5 1.21864 14.3617 0.861707 14.8657 1.36568L19.6343 6.13431C20.1383 6.63828 19.7814 7.49999 19.0686 7.49999Z",
-    fill: "currentColor"
-  }));
-}
-const IconFile_IconComponent = convertIcon(IconFile_SvgComponent, 'file');
-/* harmony default export */ const IconFile = (IconFile_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconFilter.js
-
-
-function IconFilter_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M1.0929 2.57912C1.25675 2.22596 1.61069 2 2.00001 2H22C22.3893 2 22.7433 2.22596 22.9071 2.57912C23.071 2.93229 23.015 3.34845 22.7636 3.64573L14.5654 12.8261V21C14.5654 21.3466 14.386 21.6684 14.0911 21.8507C13.7963 22.0329 13.4282 22.0494 13.1182 21.8944L10.0528 19.8944C9.71401 19.725 9.5 19.3788 9.5 19V12.8261L1.23644 3.64573C0.985045 3.34845 0.929036 2.93229 1.0929 2.57912Z",
-    fill: "currentColor"
-  }));
-}
-const IconFilter_IconComponent = convertIcon(IconFilter_SvgComponent, 'filter');
-/* harmony default export */ const IconFilter = (IconFilter_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconFolder.js
-
-
-function IconFolder_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M5 2C3.34315 2 2 3.34315 2 5V8H22C22 6 21 4 19 4H12.5523C11.8711 4 11.2102 3.76816 10.6783 3.34261L9.54783 2.43826C9.1932 2.15456 8.75258 2 8.29844 2H5Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M22 10H2V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V10Z",
-    fill: "currentColor"
-  }));
-}
-const IconFolder_IconComponent = convertIcon(IconFolder_SvgComponent, 'folder');
-/* harmony default export */ const IconFolder = (IconFolder_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconFolderOpen.js
-
-
-function IconFolderOpen_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M2 5C2 3.34315 3.34315 2 5 2H8.29844C8.75258 2 9.1932 2.15456 9.54783 2.43826L10.6783 3.34261C11.2102 3.76816 11.8711 4 12.5523 4H18C20 4 21 6 21 8H7.53361C6.62889 8 5.83683 8.60735 5.6021 9.48109L2.57151 20.7617C2.21202 20.2671 2 19.6583 2 19V5ZM22.1667 10H9.5C8.61111 10 7.82889 10.5867 7.58 11.44L4.87333 20.72C4.68667 21.36 5.16667 22 5.83333 22H18.5C19.3889 22 20.1711 21.4133 20.42 20.56L23.1267 11.28C23.3133 10.64 22.8333 10 22.1667 10Z",
-    fill: "currentColor"
-  }));
-}
-const IconFolderOpen_IconComponent = convertIcon(IconFolderOpen_SvgComponent, 'folder_open');
-/* harmony default export */ const IconFolderOpen = (IconFolderOpen_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconHandle.js
-
-
-function IconHandle_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M9 7C10.1046 7 11 6.10457 11 5C11 3.89543 10.1046 3 9 3C7.89543 3 7 3.89543 7 5C7 6.10457 7.89543 7 9 7Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M9 14C10.1046 14 11 13.1046 11 12C11 10.8954 10.1046 10 9 10C7.89543 10 7 10.8954 7 12C7 13.1046 7.89543 14 9 14Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M11 19C11 20.1046 10.1046 21 9 21C7.89543 21 7 20.1046 7 19C7 17.8954 7.89543 17 9 17C10.1046 17 11 17.8954 11 19Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M15 7C16.1046 7 17 6.10457 17 5C17 3.89543 16.1046 3 15 3C13.8954 3 13 3.89543 13 5C13 6.10457 13.8954 7 15 7Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M17 12C17 13.1046 16.1046 14 15 14C13.8954 14 13 13.1046 13 12C13 10.8954 13.8954 10 15 10C16.1046 10 17 10.8954 17 12Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M15 21C16.1046 21 17 20.1046 17 19C17 17.8954 16.1046 17 15 17C13.8954 17 13 17.8954 13 19C13 20.1046 13.8954 21 15 21Z",
-    fill: "currentColor"
-  }));
-}
-const IconHandle_IconComponent = convertIcon(IconHandle_SvgComponent, 'handle');
-/* harmony default export */ const IconHandle = (IconHandle_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconHelpCircle.js
-
-
-function IconHelpCircle_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.8281 14.6094C10.9688 14.6094 10.5391 14.0723 10.5391 13.3691C10.5391 12.3242 11.0566 11.6504 12.2676 10.7324C12.2894 10.7158 12.3111 10.6993 12.3326 10.6829C13.1573 10.0555 13.7324 9.61807 13.7324 8.82812C13.7324 7.93945 12.9023 7.42188 11.9746 7.42188C11.2129 7.42188 10.627 7.70508 10.168 8.30078C9.83594 8.64258 9.57227 8.82812 9.12305 8.82812C8.38086 8.82812 8 8.31055 8 7.71484C8 7.10938 8.3418 6.49414 8.87891 6.02539C9.60156 5.40039 10.7539 5 12.2773 5C14.9922 5 16.8965 6.33789 16.8965 8.64258C16.8965 10.3223 15.8906 11.1328 14.709 11.9531C13.9082 12.5391 13.5273 12.8809 13.2246 13.5742L13.2238 13.5756C12.8922 14.1609 12.638 14.6094 11.8281 14.6094ZM11.8086 18.7695C10.8711 18.7695 10.0996 18.1641 10.0996 17.2266C10.0996 16.2891 10.8711 15.6836 11.8086 15.6836C12.7461 15.6836 13.5078 16.2891 13.5078 17.2266C13.5078 18.1641 12.7461 18.7695 11.8086 18.7695Z",
-    fill: "currentColor"
-  }));
-}
-const IconHelpCircle_IconComponent = convertIcon(IconHelpCircle_SvgComponent, 'help_circle');
-/* harmony default export */ const IconHelpCircle = (IconHelpCircle_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconInfoCircle.js
-
-
-function IconInfoCircle_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM14 7C14 8.10457 13.1046 9 12 9C10.8954 9 10 8.10457 10 7C10 5.89543 10.8954 5 12 5C13.1046 5 14 5.89543 14 7ZM9 10.75C9 10.3358 9.33579 10 9.75 10H12.5C13.0523 10 13.5 10.4477 13.5 11V16.5H14.25C14.6642 16.5 15 16.8358 15 17.25C15 17.6642 14.6642 18 14.25 18H9.75C9.33579 18 9 17.6642 9 17.25C9 16.8358 9.33579 16.5 9.75 16.5H10.5V11.5H9.75C9.33579 11.5 9 11.1642 9 10.75Z",
-    fill: "currentColor"
-  }));
-}
-const IconInfoCircle_IconComponent = convertIcon(IconInfoCircle_SvgComponent, 'info_circle');
-/* harmony default export */ const IconInfoCircle = (IconInfoCircle_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconMinus.js
-
-
-function IconMinus_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M2 12C2 11.1716 2.67157 10.5 3.5 10.5H20.5C21.3284 10.5 22 11.1716 22 12C22 12.8284 21.3284 13.5 20.5 13.5H3.5C2.67157 13.5 2 12.8284 2 12Z",
-    fill: "currentColor"
-  }));
-}
-const IconMinus_IconComponent = convertIcon(IconMinus_SvgComponent, 'minus');
-/* harmony default export */ const IconMinus = (IconMinus_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconMore.js
-
-
-function IconMore_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M7 12C7 13.3807 5.88071 14.5 4.5 14.5C3.11929 14.5 2 13.3807 2 12C2 10.6193 3.11929 9.5 4.5 9.5C5.88071 9.5 7 10.6193 7 12Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M14.5 12C14.5 13.3807 13.3807 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M19.5 14.5C20.8807 14.5 22 13.3807 22 12C22 10.6193 20.8807 9.5 19.5 9.5C18.1193 9.5 17 10.6193 17 12C17 13.3807 18.1193 14.5 19.5 14.5Z",
-    fill: "currentColor"
-  }));
-}
-const IconMore_IconComponent = convertIcon(IconMore_SvgComponent, 'more');
-/* harmony default export */ const IconMore = (IconMore_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconPlus.js
-
-
-function IconPlus_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M20.5 13.5C21.3284 13.5 22 12.8284 22 12C22 11.1716 21.3284 10.5 20.5 10.5L13.5 10.5L13.5 3.5C13.5 2.67157 12.8284 2 12 2C11.1716 2 10.5 2.67157 10.5 3.5L10.5 10.5L3.5 10.5C2.67157 10.5 2 11.1716 2 12C2 12.8284 2.67157 13.5 3.5 13.5L10.5 13.5V20.5C10.5 21.3284 11.1716 22 12 22C12.8284 22 13.5 21.3284 13.5 20.5V13.5L20.5 13.5Z",
-    fill: "currentColor"
-  }));
-}
-const IconPlus_IconComponent = convertIcon(IconPlus_SvgComponent, 'plus');
-/* harmony default export */ const IconPlus = (IconPlus_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconRadio.js
-
-
-function IconRadio_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("circle", {
-    cx: 12,
-    cy: 12,
-    r: 5,
-    fill: "currentColor"
-  }));
-}
-const IconRadio_IconComponent = convertIcon(IconRadio_SvgComponent, 'radio');
-/* harmony default export */ const IconRadio = (IconRadio_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconRealSizeStroked.js
-
-
-function IconRealSizeStroked_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M1 6C1 4.89543 1.89543 4 3 4H21C22.1046 4 23 4.89543 23 6V18C23 19.1046 22.1046 20 21 20H3C1.89543 20 1 19.1046 1 18V6ZM21 6L3 6V18H21V6ZM5 9C5 8.44772 5.44772 8 6 8H7.5C8.05228 8 8.5 8.44772 8.5 9V15C8.5 15.5523 8.05228 16 7.5 16C6.94772 16 6.5 15.5523 6.5 15V10H6C5.44772 10 5 9.55228 5 9ZM16 8C15.4477 8 15 8.44772 15 9C15 9.55228 15.4477 10 16 10H16.5V15C16.5 15.5523 16.9477 16 17.5 16C18.0523 16 18.5 15.5523 18.5 15V9C18.5 8.44772 18.0523 8 17.5 8H16ZM13 10C13 10.5523 12.5523 11 12 11C11.4477 11 11 10.5523 11 10C11 9.44772 11.4477 9 12 9C12.5523 9 13 9.44772 13 10ZM12 15C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14C11 14.5523 11.4477 15 12 15Z",
-    fill: "currentColor"
-  }));
-}
-const IconRealSizeStroked_IconComponent = convertIcon(IconRealSizeStroked_SvgComponent, 'real_size_stroked');
-/* harmony default export */ const IconRealSizeStroked = (IconRealSizeStroked_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconRefresh.js
-
-
-function IconRefresh_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M4.49993 11.9998C4.49993 7.85775 7.85775 4.49993 11.9998 4.49993C14.6403 4.49993 16.9645 5.86506 18.3012 7.9305L16.2939 7.52902C15.4815 7.36656 14.6913 7.89337 14.5288 8.7057C14.3664 9.51803 14.8932 10.3083 15.7055 10.4707L20.7055 11.4707C21.4643 11.6225 22.214 11.1721 22.4363 10.4309L23.9363 5.43095C24.1744 4.63747 23.7241 3.80126 22.9307 3.56321C22.1372 3.32517 21.301 3.77543 21.0629 4.56891L20.6287 6.01635C18.7332 3.28781 15.5765 1.49998 11.9998 1.49998C6.20092 1.49998 1.49998 6.20092 1.49998 11.9998C1.49998 17.7987 6.20092 22.4997 11.9998 22.4997C16.5739 22.4997 20.4611 19.5757 21.9018 15.4996C22.1779 14.7186 21.7685 13.8616 20.9874 13.5855C20.2064 13.3095 19.3494 13.7189 19.0733 14.4999C18.0431 17.4149 15.263 19.4997 11.9998 19.4997C7.85775 19.4997 4.49993 16.1419 4.49993 11.9998Z",
-    fill: "currentColor"
-  }));
-}
-const IconRefresh_IconComponent = convertIcon(IconRefresh_SvgComponent, 'refresh');
-/* harmony default export */ const IconRefresh = (IconRefresh_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconRotate.js
-
-
-function IconRotate_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M14.2071 2.20711C14.5976 1.81658 14.5976 1.18342 14.2071 0.792893C13.8166 0.402369 13.1834 0.402369 12.7929 0.792893L10.2929 3.29289C9.90237 3.68342 9.90237 4.31658 10.2929 4.70711L12.7929 7.20711C13.1834 7.59763 13.8166 7.59763 14.2071 7.20711C14.5976 6.81658 14.5976 6.18342 14.2071 5.79289L13.4142 5H16C18.7614 5 21 7.23858 21 10V12C21 12.5523 21.4477 13 22 13C22.5523 13 23 12.5523 23 12V10C23 6.13401 19.866 3 16 3H13.4142L14.2071 2.20711Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M3 10C3 8.89543 3.89543 8 5 8H17C18.1046 8 19 8.89543 19 10V20C19 21.1046 18.1046 22 17 22H5C3.89543 22 3 21.1046 3 20V10Z",
-    fill: "currentColor"
-  }));
-}
-const IconRotate_IconComponent = convertIcon(IconRotate_SvgComponent, 'rotate');
-/* harmony default export */ const IconRotate = (IconRotate_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconSearch.js
-
-
-function IconSearch_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10.5 2C5.80558 2 2 5.80558 2 10.5C2 15.1944 5.80558 19 10.5 19C12.3054 19 13.9794 18.4371 15.356 17.4773L19.4393 21.5606C20.0251 22.1464 20.9749 22.1464 21.5606 21.5606C22.1464 20.9749 22.1464 20.0251 21.5606 19.4393L17.4773 15.356C18.4371 13.9794 19 12.3054 19 10.5C19 5.80558 15.1944 2 10.5 2ZM5 10.5C5 7.46243 7.46243 5 10.5 5C13.5376 5 16 7.46243 16 10.5C16 13.5376 13.5376 16 10.5 16C7.46243 16 5 13.5376 5 10.5Z",
-    fill: "currentColor"
-  }));
-}
-const IconSearch_IconComponent = convertIcon(IconSearch_SvgComponent, 'search');
-/* harmony default export */ const IconSearch = (IconSearch_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconSidebar.js
-
-
-function IconSidebar_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5C2 3.34315 3.34315 2 5 2ZM6 4C5.44772 4 5 4.44772 5 5V19C5 19.5523 5.44772 20 6 20H9C9.55229 20 10 19.5523 10 19V5C10 4.44772 9.55229 4 9 4H6Z",
-    fill: "currentColor"
-  }));
-}
-const IconSidebar_IconComponent = convertIcon(IconSidebar_SvgComponent, 'sidebar');
-/* harmony default export */ const IconSidebar = (IconSidebar_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconStar.js
-
-
-function IconStar_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M10.7525 1.90411C11.1451 0.698628 12.8549 0.698631 13.2475 1.90411L15.2395 8.01946H21.6858C22.9565 8.01946 23.4848 9.64143 22.4568 10.3865L17.2417 14.1659L19.2337 20.2813C19.6263 21.4868 18.2431 22.4892 17.2151 21.7442L12 17.9647L6.78489 21.7442C5.75687 22.4892 4.37368 21.4868 4.76635 20.2813L6.75834 14.1659L1.54323 10.3865C0.515206 9.64142 1.04354 8.01946 2.31425 8.01946H8.76048L10.7525 1.90411Z",
-    fill: "currentColor"
-  }));
-}
-const IconStar_IconComponent = convertIcon(IconStar_SvgComponent, 'star');
-/* harmony default export */ const IconStar = (IconStar_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconTick.js
-
-
-function IconTick_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M21.3516 4.2652C22.0336 4.73552 22.2052 5.66964 21.7348 6.35162L11.7348 20.8516C11.4765 21.2262 11.0622 21.4632 10.6084 21.4961C10.1546 21.529 9.71041 21.3541 9.40082 21.0207L2.90082 14.0207C2.33711 13.4136 2.37226 12.4645 2.97933 11.9008C3.5864 11.3371 4.53549 11.3723 5.0992 11.9793L10.3268 17.6091L19.2652 4.64842C19.7355 3.96644 20.6696 3.79487 21.3516 4.2652Z",
-    fill: "currentColor"
-  }));
-}
-const IconTick_IconComponent = convertIcon(IconTick_SvgComponent, 'tick');
-/* harmony default export */ const IconTick = (IconTick_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconTickCircle.js
-
-
-function IconTickCircle_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM17.8831 9.82235L11.6854 17.4112C11.4029 17.7806 10.965 17.9981 10.5 18C10.035 18.0019 9.59533 17.788 9.30982 17.421L5.81604 13.4209C5.30744 12.767 5.42524 11.8246 6.07916 11.316C6.73308 10.8074 7.67549 10.9252 8.1841 11.5791L10.4838 14.0439L15.5 8C16.0032 7.34193 16.9446 7.21641 17.6027 7.71964C18.2608 8.22287 18.3863 9.16428 17.8831 9.82235Z",
-    fill: "currentColor"
-  }));
-}
-const IconTickCircle_IconComponent = convertIcon(IconTickCircle_SvgComponent, 'tick_circle');
-/* harmony default export */ const IconTickCircle = (IconTickCircle_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconTreeTriangleDown.js
-
-
-function IconTreeTriangleDown_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M20.5598 9.65618L12.7546 18.6322C12.3559 19.0906 11.644 19.0906 11.2453 18.6322L3.4401 9.65618C2.8773 9.00895 3.33701 8 4.19471 8L19.8052 8C20.6629 8 21.1226 9.00895 20.5598 9.65618Z",
-    fill: "currentColor"
-  }));
-}
-const IconTreeTriangleDown_IconComponent = convertIcon(IconTreeTriangleDown_SvgComponent, 'tree_triangle_down');
-/* harmony default export */ const IconTreeTriangleDown = (IconTreeTriangleDown_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconTreeTriangleRight.js
-
-
-function IconTreeTriangleRight_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    d: "M9.65618 3.44015L18.6322 11.2454C19.0906 11.644 19.0906 12.356 18.6322 12.7546L9.65618 20.5598C9.00895 21.1226 8 20.6629 8 19.8052V4.19475C8 3.33705 9.00895 2.87734 9.65618 3.44015Z",
-    fill: "currentColor"
-  }));
-}
-const IconTreeTriangleRight_IconComponent = convertIcon(IconTreeTriangleRight_SvgComponent, 'tree_triangle_right');
-/* harmony default export */ const IconTreeTriangleRight = (IconTreeTriangleRight_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconUpload.js
-
-
-function IconUpload_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M17.8395 8.05827C17.1837 5.16226 14.5944 3 11.5 3C7.91015 3 5 5.91015 5 9.5C5 10.0204 5.06115 10.5264 5.17665 11.0114C2.84229 11.1772 1 13.1234 1 15.5C1 17.9853 3.01469 20 5.49995 20H17C20.3137 20 23 17.3137 23 14C23 10.9712 20.7558 8.46659 17.8395 8.05827ZM12.3201 8.26674C12.1347 8.11222 11.8653 8.11222 11.6799 8.26674L6.53047 12.5579C6.35084 12.7076 6.45669 13 6.69051 13H10V17.5C10 17.7761 10.2239 18 10.5 18H13.5C13.7761 18 14 17.7761 14 17.5V13H17.3095C17.5433 13 17.6492 12.7076 17.4695 12.5579L12.3201 8.26674Z",
-    fill: "currentColor"
-  }));
-}
-const IconUpload_IconComponent = convertIcon(IconUpload_SvgComponent, 'upload');
-/* harmony default export */ const IconUpload = (IconUpload_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconUploadError.js
-
-
-function IconUploadError_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M22.9998 12.0001C22.9998 18.0753 18.0749 23.0001 11.9998 23.0001C5.92463 23.0001 0.999756 18.0753 0.999756 12.0001C0.999756 5.92499 5.92463 1.00012 11.9998 1.00012C18.0749 1.00012 22.9998 5.92499 22.9998 12.0001ZM13.4998 17.5C13.4998 16.6718 12.8282 16.0001 11.9998 16.0001C11.1713 16.0001 10.4998 16.6718 10.4998 17.5C10.4998 18.3285 11.1713 19 11.9998 19C12.8282 19 13.4998 18.3285 13.4998 17.5ZM11.9998 5.00011C10.9136 5.00011 10.0505 5.91257 10.1107 6.99704L10.4166 12.5024C10.4632 13.3427 11.1582 14.0001 11.9998 14.0001C12.8413 14.0001 13.5363 13.3427 13.583 12.5024L13.8888 6.99704C13.9491 5.91257 13.0859 5.00011 11.9998 5.00011Z",
-    fill: "currentColor"
-  }));
-}
-const IconUploadError_IconComponent = convertIcon(IconUploadError_SvgComponent, 'upload_error');
-/* harmony default export */ const IconUploadError = (IconUploadError_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconWindowAdaptionStroked.js
-
-
-function IconWindowAdaptionStroked_SvgComponent(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    focusable: false,
-    "aria-hidden": true
-  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M14 3C14 2.44772 14.4477 2 15 2H21C21.5523 2 22 2.44772 22 3V9C22 9.55229 21.5523 10 21 10C20.4477 10 20 9.55229 20 9V4H15C14.4477 4 14 3.55229 14 3ZM10 21C10 21.5523 9.55229 22 9 22H3C2.44772 22 2 21.5523 2 21V15C2 14.4477 2.44772 14 3 14C3.55228 14 4 14.4477 4 15L4 20H9C9.55229 20 10 20.4477 10 21ZM2 9C2 9.55228 2.44772 10 3 10C3.55229 10 4 9.55228 4 9L4 4L9 4C9.55229 4 10 3.55228 10 3C10 2.44771 9.55229 2 9 2H3C2.44772 2 2 2.44772 2 3V9ZM21 14C21.5523 14 22 14.4477 22 15V21C22 21.5523 21.5523 22 21 22H15C14.4477 22 14 21.5523 14 21C14 20.4477 14.4477 20 15 20H20V15C20 14.4477 20.4477 14 21 14ZM8.5 7.5C7.94772 7.5 7.5 7.94772 7.5 8.5V15.5C7.5 16.0523 7.94772 16.5 8.5 16.5H15.5C16.0523 16.5 16.5 16.0523 16.5 15.5V8.5C16.5 7.94772 16.0523 7.5 15.5 7.5H8.5ZM9.5 14.5V9.5H14.5V14.5H9.5Z",
-    fill: "currentColor"
-  }));
-}
-const IconWindowAdaptionStroked_IconComponent = convertIcon(IconWindowAdaptionStroked_SvgComponent, 'window_adaption_stroked');
-/* harmony default export */ const IconWindowAdaptionStroked = (IconWindowAdaptionStroked_IconComponent);
-;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/index.js
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-;// CONCATENATED MODULE: ../semi-icons/lib/es/index.js
-
-
-
-/* harmony default export */ const lib_es = (components_Icon);
 ;// CONCATENATED MODULE: ../semi-foundation/utils/keyCode.ts
 /**
  * @ignore
@@ -25190,9 +23774,7 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
         if (showTooltip.type && showTooltip.type.toLowerCase() === 'popover') {
           return merge_default()({
             opts: {
-              style: {
-                width: '240px'
-              },
+              // style: { width: '240px' },
               showArrow: true
             }
           }, showTooltip);
@@ -27482,6 +26064,72 @@ class InputFoundation extends foundation {
 /* harmony default export */ const input_foundation = (InputFoundation);
 // EXTERNAL MODULE: ../semi-foundation/input/input.scss
 var input = __webpack_require__("Q7vW");
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconClear.js
+
+
+function IconClear_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM17.0352 16.8626C16.4597 17.4585 15.5101 17.4751 14.9142 16.8996L12.0368 14.121L9.25822 16.9984C8.68274 17.5943 7.73314 17.6109 7.13722 17.0354C6.5413 16.4599 6.52472 15.5103 7.1002 14.9144L9.87883 12.037L7.00147 9.2584C6.40555 8.68293 6.38897 7.73332 6.96445 7.1374C7.53992 6.54148 8.48953 6.52491 9.08545 7.10038L11.9628 9.87901L14.7414 7.00165C15.3169 6.40573 16.2665 6.38916 16.8624 6.96463C17.4584 7.54011 17.4749 8.48971 16.8995 9.08563L14.1208 11.963L16.9982 14.7416C17.5941 15.3171 17.6107 16.2667 17.0352 16.8626Z",
+    fill: "currentColor"
+  }));
+}
+const IconClear_IconComponent = convertIcon(IconClear_SvgComponent, 'clear');
+/* harmony default export */ const IconClear = (IconClear_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconEyeClosedSolid.js
+
+
+function IconEyeClosedSolid_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M21.7071 3.70711C22.0976 3.31658 22.0976 2.68342 21.7071 2.29289C21.3166 1.90237 20.6834 1.90237 20.2929 2.29289L17.3135 5.27233C15.8114 4.50566 14.0321 4 12 4C5 4 1 10 1 12C1 13.1757 2.38219 15.7335 4.94345 17.6423L2.29289 20.2929C1.90237 20.6834 1.90237 21.3166 2.29289 21.7071C2.68342 22.0976 3.31658 22.0976 3.70711 21.7071L21.7071 3.70711ZM7.8284 14.7574L9.29237 13.2934C9.10495 12.9018 9 12.4631 9 12C9 10.3431 10.3431 9 12 9C12.4631 9 12.9018 9.10495 13.2934 9.29237L14.7574 7.8284C13.967 7.30488 13.0191 7 12 7C9.23858 7 7 9.23858 7 12C7 13.0191 7.30488 13.967 7.8284 14.7574Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M12 20C10.7789 20 9.64914 19.8174 8.61594 19.5054L11.1871 16.9342C11.4516 16.9775 11.7232 17 12 17C14.7614 17 17 14.7614 17 12C17 11.7232 16.9775 11.4516 16.9342 11.1871L20.5032 7.61808C22.1342 9.27317 23 11.0695 23 12C23 14 19 20 12 20Z",
+    fill: "currentColor"
+  }));
+}
+const IconEyeClosedSolid_IconComponent = convertIcon(IconEyeClosedSolid_SvgComponent, 'eye_closed_solid');
+/* harmony default export */ const IconEyeClosedSolid = (IconEyeClosedSolid_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconEyeOpened.js
+
+
+function IconEyeOpened_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 4C5 4 1 10 1 12C1 14 5 20 12 20C19 20 23 14 23 12C23 10 19 4 12 4ZM17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z",
+    fill: "currentColor"
+  }));
+}
+const IconEyeOpened_IconComponent = convertIcon(IconEyeOpened_SvgComponent, 'eye_opened');
+/* harmony default export */ const IconEyeOpened = (IconEyeOpened_IconComponent);
 ;// CONCATENATED MODULE: ./input/index.tsx
 
 
@@ -29916,6 +28564,27 @@ IconButton.propTypes = {
   onMouseLeave: (prop_types_default()).func
 };
 /* harmony default export */ const iconButton_0 = (IconButton);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconChevronUp.js
+
+
+function IconChevronUp_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.637 16.4369C19.0513 17.0227 18.1015 17.0227 17.5157 16.4369L11.8589 10.7801L6.20202 16.4369C5.61623 17.0227 4.66648 17.0227 4.0807 16.4369C3.49491 15.8511 3.49491 14.9014 4.0807 14.3156L10.7982 7.59809C11.384 7.01231 12.3337 7.01231 12.9195 7.59809L19.637 14.3156C20.2228 14.9014 20.2228 15.8511 19.637 16.4369Z",
+    fill: "currentColor"
+  }));
+}
+const IconChevronUp_IconComponent = convertIcon(IconChevronUp_SvgComponent, 'chevron_up');
+/* harmony default export */ const IconChevronUp = (IconChevronUp_IconComponent);
 ;// CONCATENATED MODULE: ./backtop/index.tsx
 var backtop_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
@@ -30147,6 +28816,109 @@ class BannerFoundation extends foundation {
 }
 // EXTERNAL MODULE: ../semi-foundation/banner/banner.scss
 var banner = __webpack_require__("9wFu");
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconClose.js
+
+
+function IconClose_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M17.6568 19.7782C18.2426 20.3639 19.1924 20.3639 19.7782 19.7782C20.3639 19.1924 20.3639 18.2426 19.7782 17.6568L14.1213 12L19.7782 6.34313C20.3639 5.75734 20.3639 4.8076 19.7782 4.22181C19.1924 3.63602 18.2426 3.63602 17.6568 4.22181L12 9.87866L6.34313 4.22181C5.75734 3.63602 4.8076 3.63602 4.22181 4.22181C3.63602 4.8076 3.63602 5.75734 4.22181 6.34313L9.87866 12L4.22181 17.6568C3.63602 18.2426 3.63602 19.1924 4.22181 19.7782C4.8076 20.3639 5.75734 20.3639 6.34313 19.7782L12 14.1213L17.6568 19.7782Z",
+    fill: "currentColor"
+  }));
+}
+const IconClose_IconComponent = convertIcon(IconClose_SvgComponent, 'close');
+/* harmony default export */ const IconClose = (IconClose_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconAlertTriangle.js
+
+
+function IconAlertTriangle_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.2268 2.3986L1.52616 19.0749C0.831449 20.4064 1.79747 22 3.29933 22H20.7007C22.2025 22 23.1686 20.4064 22.4739 19.0749L13.7732 2.3986C13.0254 0.965441 10.9746 0.965442 10.2268 2.3986ZM13.1415 14.0101C13.0603 14.5781 12.5739 15 12.0001 15C11.4263 15 10.9398 14.5781 10.8586 14.0101L10.2829 9.97992C10.1336 8.93495 10.9445 8.00002 12.0001 8.00002C13.0556 8.00002 13.8665 8.93495 13.7172 9.97992L13.1415 14.0101ZM13.5001 18.5C13.5001 19.3284 12.8285 20 12.0001 20C11.1716 20 10.5001 19.3284 10.5001 18.5C10.5001 17.6716 11.1716 17 12.0001 17C12.8285 17 13.5001 17.6716 13.5001 18.5Z",
+    fill: "currentColor"
+  }));
+}
+const IconAlertTriangle_IconComponent = convertIcon(IconAlertTriangle_SvgComponent, 'alert_triangle');
+/* harmony default export */ const IconAlertTriangle = (IconAlertTriangle_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconTickCircle.js
+
+
+function IconTickCircle_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM17.8831 9.82235L11.6854 17.4112C11.4029 17.7806 10.965 17.9981 10.5 18C10.035 18.0019 9.59533 17.788 9.30982 17.421L5.81604 13.4209C5.30744 12.767 5.42524 11.8246 6.07916 11.316C6.73308 10.8074 7.67549 10.9252 8.1841 11.5791L10.4838 14.0439L15.5 8C16.0032 7.34193 16.9446 7.21641 17.6027 7.71964C18.2608 8.22287 18.3863 9.16428 17.8831 9.82235Z",
+    fill: "currentColor"
+  }));
+}
+const IconTickCircle_IconComponent = convertIcon(IconTickCircle_SvgComponent, 'tick_circle');
+/* harmony default export */ const IconTickCircle = (IconTickCircle_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconInfoCircle.js
+
+
+function IconInfoCircle_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM14 7C14 8.10457 13.1046 9 12 9C10.8954 9 10 8.10457 10 7C10 5.89543 10.8954 5 12 5C13.1046 5 14 5.89543 14 7ZM9 10.75C9 10.3358 9.33579 10 9.75 10H12.5C13.0523 10 13.5 10.4477 13.5 11V16.5H14.25C14.6642 16.5 15 16.8358 15 17.25C15 17.6642 14.6642 18 14.25 18H9.75C9.33579 18 9 17.6642 9 17.25C9 16.8358 9.33579 16.5 9.75 16.5H10.5V11.5H9.75C9.33579 11.5 9 11.1642 9 10.75Z",
+    fill: "currentColor"
+  }));
+}
+const IconInfoCircle_IconComponent = convertIcon(IconInfoCircle_SvgComponent, 'info_circle');
+/* harmony default export */ const IconInfoCircle = (IconInfoCircle_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconAlertCircle.js
+
+
+function IconAlertCircle_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM13.5 17.5C13.5 16.6716 12.8284 16 12 16C11.1716 16 10.5 16.6716 10.5 17.5C10.5 18.3284 11.1716 19 12 19C12.8284 19 13.5 18.3284 13.5 17.5ZM12 5C10.9138 5 10.0507 5.91244 10.1109 6.99692L10.4168 12.5023C10.4635 13.3426 11.1584 14 12 14C12.8416 14 13.5365 13.3426 13.5832 12.5023L13.8891 6.99692C13.9493 5.91244 13.0862 5 12 5Z",
+    fill: "currentColor"
+  }));
+}
+const IconAlertCircle_IconComponent = convertIcon(IconAlertCircle_SvgComponent, 'alert_circle');
+/* harmony default export */ const IconAlertCircle = (IconAlertCircle_IconComponent);
 ;// CONCATENATED MODULE: ./banner/index.tsx
 
 
@@ -30575,6 +29347,31 @@ BreadcrumbItem.defaultProps = {
   onClick: function_noop,
   shouldRenderSeparator: true
 };
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconMore.js
+
+
+function IconMore_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M7 12C7 13.3807 5.88071 14.5 4.5 14.5C3.11929 14.5 2 13.3807 2 12C2 10.6193 3.11929 9.5 4.5 9.5C5.88071 9.5 7 10.6193 7 12Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M14.5 12C14.5 13.3807 13.3807 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M19.5 14.5C20.8807 14.5 22 13.3807 22 12C22 10.6193 20.8807 9.5 19.5 9.5C18.1193 9.5 17 10.6193 17 12C17 13.3807 18.1193 14.5 19.5 14.5Z",
+    fill: "currentColor"
+  }));
+}
+const IconMore_IconComponent = convertIcon(IconMore_SvgComponent, 'more');
+/* harmony default export */ const IconMore = (IconMore_IconComponent);
 ;// CONCATENATED MODULE: ./breadcrumb/index.tsx
 
 
@@ -37016,6 +35813,48 @@ CarouselIndicator.propTypes = {
   trigger: prop_types_default().oneOf(carousel_constants_strings.TRIGGER)
 };
 /* harmony default export */ const carousel_CarouselIndicator = (CarouselIndicator);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconChevronLeft.js
+
+
+function IconChevronLeft_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.2782 4.23933C16.864 4.82511 16.864 5.77486 16.2782 6.36065L10.6213 12.0175L16.2782 17.6744C16.864 18.2601 16.864 19.2099 16.2782 19.7957C15.6924 20.3815 14.7426 20.3815 14.1569 19.7957L7.43934 13.0782C6.85355 12.4924 6.85355 11.5426 7.43934 10.9568L14.1569 4.23933C14.7426 3.65354 15.6924 3.65354 16.2782 4.23933Z",
+    fill: "currentColor"
+  }));
+}
+const IconChevronLeft_IconComponent = convertIcon(IconChevronLeft_SvgComponent, 'chevron_left');
+/* harmony default export */ const IconChevronLeft = (IconChevronLeft_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconChevronRight.js
+
+
+function IconChevronRight_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.43934 19.7957C6.85355 19.2099 6.85355 18.2601 7.43934 17.6744L13.0962 12.0175L7.43934 6.36065C6.85355 5.77486 6.85355 4.82511 7.43934 4.23933C8.02513 3.65354 8.97487 3.65354 9.56066 4.23933L16.2782 10.9568C16.864 11.5426 16.864 12.4924 16.2782 13.0782L9.56066 19.7957C8.97487 20.3815 8.02513 20.3815 7.43934 19.7957Z",
+    fill: "currentColor"
+  }));
+}
+const IconChevronRight_IconComponent = convertIcon(IconChevronRight_SvgComponent, 'chevron_right');
+/* harmony default export */ const IconChevronRight = (IconChevronRight_IconComponent);
 ;// CONCATENATED MODULE: ./carousel/CarouselArrow.tsx
 
 /* eslint-disable jsx-a11y/click-events-have-key-events */
@@ -38976,6 +37815,27 @@ class CascaderFoundation extends foundation {
 }
 // EXTERNAL MODULE: ../semi-foundation/cascader/cascader.scss
 var cascader = __webpack_require__("B2DP");
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconChevronDown.js
+
+
+function IconChevronDown_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.08045 7.59809C4.66624 7.01231 5.61599 7.01231 6.20177 7.59809L11.8586 13.2549L17.5155 7.59809C18.1013 7.01231 19.051 7.01231 19.6368 7.59809C20.2226 8.18388 20.2226 9.13363 19.6368 9.71941L12.9193 16.4369C12.3335 17.0227 11.3838 17.0227 10.798 16.4369L4.08045 9.71941C3.49467 9.13363 3.49467 8.18388 4.08045 7.59809Z",
+    fill: "currentColor"
+  }));
+}
+const IconChevronDown_IconComponent = convertIcon(IconChevronDown_SvgComponent, 'chevron_down');
+/* harmony default export */ const IconChevronDown = (IconChevronDown_IconComponent);
 // EXTERNAL MODULE: ../../node_modules/lodash/isBoolean.js
 var isBoolean = __webpack_require__("p6M4");
 var isBoolean_default = /*#__PURE__*/__webpack_require__.n(isBoolean);
@@ -39107,6 +37967,46 @@ class CheckboxFoundation extends foundation {
 
 const Context = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext({});
 
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCheckboxTick.js
+
+
+function IconCheckboxTick_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.4111 7.30848C18.0692 7.81171 18.1947 8.75312 17.6915 9.41119L11.1915 17.9112C10.909 18.2806 10.4711 18.4981 10.0061 18.5C9.54105 18.5019 9.10143 18.288 8.81592 17.9209L5.31592 13.4209C4.80731 12.767 4.92512 11.8246 5.57904 11.316C6.23296 10.8074 7.17537 10.9252 7.68398 11.5791L9.98988 14.5438L15.3084 7.58884C15.8116 6.93077 16.7531 6.80525 17.4111 7.30848Z",
+    fill: "currentColor"
+  }));
+}
+const IconCheckboxTick_IconComponent = convertIcon(IconCheckboxTick_SvgComponent, 'checkbox_tick');
+/* harmony default export */ const IconCheckboxTick = (IconCheckboxTick_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCheckboxIndeterminate.js
+
+
+function IconCheckboxIndeterminate_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M5 12.5C5 11.6716 5.67157 11 6.5 11H17.5C18.3284 11 19 11.6716 19 12.5C19 13.3284 18.3284 14 17.5 14H6.5C5.67157 14 5 13.3284 5 12.5Z",
+    fill: "currentColor"
+  }));
+}
+const IconCheckboxIndeterminate_IconComponent = convertIcon(IconCheckboxIndeterminate_SvgComponent, 'checkbox_indeterminate');
+/* harmony default export */ const IconCheckboxIndeterminate = (IconCheckboxIndeterminate_IconComponent);
 ;// CONCATENATED MODULE: ./checkbox/checkboxInner.tsx
 
 
@@ -40576,6 +39476,40 @@ class TagInputFoundation extends foundation {
   }
 }
 /* harmony default export */ const tagInput_foundation = (TagInputFoundation);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconHandle.js
+
+
+function IconHandle_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M9 7C10.1046 7 11 6.10457 11 5C11 3.89543 10.1046 3 9 3C7.89543 3 7 3.89543 7 5C7 6.10457 7.89543 7 9 7Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M9 14C10.1046 14 11 13.1046 11 12C11 10.8954 10.1046 10 9 10C7.89543 10 7 10.8954 7 12C7 13.1046 7.89543 14 9 14Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M11 19C11 20.1046 10.1046 21 9 21C7.89543 21 7 20.1046 7 19C7 17.8954 7.89543 17 9 17C10.1046 17 11 17.8954 11 19Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M15 7C16.1046 7 17 6.10457 17 5C17 3.89543 16.1046 3 15 3C13.8954 3 13 3.89543 13 5C13 6.10457 13.8954 7 15 7Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M17 12C17 13.1046 16.1046 14 15 14C13.8954 14 13 13.1046 13 12C13 10.8954 13.8954 10 15 10C16.1046 10 17 10.8954 17 12Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M15 21C16.1046 21 17 20.1046 17 19C17 17.8954 16.1046 17 15 17C13.8954 17 13 17.8954 13 19C13 20.1046 13.8954 21 15 21Z",
+    fill: "currentColor"
+  }));
+}
+const IconHandle_IconComponent = convertIcon(IconHandle_SvgComponent, 'handle');
+/* harmony default export */ const IconHandle = (IconHandle_IconComponent);
 ;// CONCATENATED MODULE: ../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js
 
 
@@ -47672,7 +46606,7 @@ class CollapsePanel extends external_root_React_commonjs2_react_commonjs_react_a
   constructor() {
     super(...arguments);
     this.headerExpandIconTriggerRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
-    this.ariaID = getUuidShort({});
+    this.ariaID = "";
     this.handleClick = (itemKey, e) => {
       var _a;
       // Judge user click Icon or Header
@@ -47682,6 +46616,9 @@ class CollapsePanel extends external_root_React_commonjs2_react_commonjs_react_a
       }
     };
   }
+  componentDidMount() {
+    this.ariaID = getUuidShort({});
+  }
   renderHeader(active) {
     let expandIconEnable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const {
@@ -53671,6 +52608,63 @@ class inputFoundation_InputFoundation extends foundation {
     return inputValue;
   }
 }
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCalendar.js
+
+
+function IconCalendar_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 20V8H20V20H4ZM2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM6 10.5C6 10.2239 6.22386 10 6.5 10H8.5C8.77614 10 9 10.2239 9 10.5V12.5C9 12.7761 8.77614 13 8.5 13H6.5C6.22386 13 6 12.7761 6 12.5V10.5ZM6.5 15C6.22386 15 6 15.2239 6 15.5V17.5C6 17.7761 6.22386 18 6.5 18H8.5C8.77614 18 9 17.7761 9 17.5V15.5C9 15.2239 8.77614 15 8.5 15H6.5ZM10.5 10.5C10.5 10.2239 10.7239 10 11 10H13C13.2761 10 13.5 10.2239 13.5 10.5V12.5C13.5 12.7761 13.2761 13 13 13H11C10.7239 13 10.5 12.7761 10.5 12.5V10.5ZM11 15C10.7239 15 10.5 15.2239 10.5 15.5V17.5C10.5 17.7761 10.7239 18 11 18H13C13.2761 18 13.5 17.7761 13.5 17.5V15.5C13.5 15.2239 13.2761 15 13 15H11ZM15 10.5C15 10.2239 15.2239 10 15.5 10H17.5C17.7761 10 18 10.2239 18 10.5V12.5C18 12.7761 17.7761 13 17.5 13H15.5C15.2239 13 15 12.7761 15 12.5V10.5ZM15.5 15C15.2239 15 15 15.2239 15 15.5V17.5C15 17.7761 15.2239 18 15.5 18H17.5C17.7761 18 18 17.7761 18 17.5V15.5C18 15.2239 17.7761 15 17.5 15H15.5Z",
+    fill: "currentColor"
+  }));
+}
+const IconCalendar_IconComponent = convertIcon(IconCalendar_SvgComponent, 'calendar');
+/* harmony default export */ const IconCalendar = (IconCalendar_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCalendarClock.js
+
+
+function IconCalendarClock_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M2 5V19C2 20.6569 3.34315 22 5 22H12.101C11.5151 21.4259 11.0297 20.7496 10.6736 20H6C4.89543 20 4 19.1046 4 18V8C4 7.44772 4.44772 7 5 7H19C19.5523 7 20 7.44772 20 8V10.6736C20.7496 11.0297 21.4259 11.5151 22 12.101V5C22 3.34315 20.6569 2 19 2H5C3.34315 2 2 3.34315 2 5Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M16 10H17C16.4614 10 15.9369 10.0608 15.4332 10.176C15.5943 10.065 15.7896 10 16 10Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M13.4981 10.9376C13.4659 10.4144 13.0313 10 12.5 10H11.5C10.9477 10 10.5 10.4477 10.5 11V12C10.5 12.4742 10.83 12.8712 11.2729 12.9741C11.857 12.1446 12.6168 11.4478 13.4981 10.9376Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M7 10C6.44772 10 6 10.4477 6 11V12C6 12.5523 6.44772 13 7 13H8C8.55228 13 9 12.5523 9 12V11C9 10.4477 8.55228 10 8 10H7Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M6 16C6 15.4477 6.44772 15 7 15H8C8.55228 15 9 15.4477 9 16V17C9 17.5523 8.55228 18 8 18H7C6.44772 18 6 17.5523 6 17V16Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M22 17C22 19.7614 19.7614 22 17 22C14.2386 22 12 19.7614 12 17C12 14.2386 14.2386 12 17 12C19.7614 12 22 14.2386 22 17ZM18 15C18 14.4477 17.5523 14 17 14C16.4477 14 16 14.4477 16 15V17C16 17.2652 16.1054 17.5196 16.2929 17.7071L17.7929 19.2071C18.1834 19.5976 18.8166 19.5976 19.2071 19.2071C19.5976 18.8166 19.5976 18.1834 19.2071 17.7929L18 16.5858V15Z",
+    fill: "currentColor"
+  }));
+}
+const IconCalendarClock_IconComponent = convertIcon(IconCalendarClock_SvgComponent, 'calendar_clock');
+/* harmony default export */ const IconCalendarClock = (IconCalendarClock_IconComponent);
 ;// CONCATENATED MODULE: ./datePicker/insetInput.tsx
 
 
@@ -55463,6 +54457,58 @@ class MonthsGridFoundation extends foundation {
     }
   }
 }
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconDoubleChevronLeft.js
+
+
+function IconDoubleChevronLeft_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.6185 4.39653C13.1272 4.92524 13.1272 5.78245 12.6185 6.31116L7.14483 12L12.6185 17.6888C13.1272 18.2176 13.1272 19.0748 12.6185 19.6035C12.1098 20.1322 11.285 20.1322 10.7763 19.6035L4.38153 12.9573C3.87282 12.4286 3.87282 11.5714 4.38153 11.0427L10.7763 4.39653C11.285 3.86782 12.1098 3.86782 12.6185 4.39653Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.6185 4.39653C20.1272 4.92524 20.1272 5.78245 19.6185 6.31116L14.1448 12L19.6185 17.6888C20.1272 18.2176 20.1272 19.0748 19.6185 19.6035C19.1098 20.1322 18.285 20.1322 17.7763 19.6035L11.3815 12.9573C10.8728 12.4286 10.8728 11.5714 11.3815 11.0427L17.7763 4.39653C18.285 3.86782 19.1098 3.86782 19.6185 4.39653Z",
+    fill: "currentColor"
+  }));
+}
+const IconDoubleChevronLeft_IconComponent = convertIcon(IconDoubleChevronLeft_SvgComponent, 'double_chevron_left');
+/* harmony default export */ const IconDoubleChevronLeft = (IconDoubleChevronLeft_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconDoubleChevronRight.js
+
+
+function IconDoubleChevronRight_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.38153 4.39653C4.89024 3.86782 5.71502 3.86782 6.22373 4.39653L12.6185 11.0427C13.1272 11.5714 13.1272 12.4286 12.6185 12.9573L6.22373 19.6035C5.71502 20.1322 4.89024 20.1322 4.38153 19.6035C3.87282 19.0748 3.87282 18.2176 4.38153 17.6888L9.85517 12L4.38153 6.31116C3.87282 5.78245 3.87282 4.92524 4.38153 4.39653Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.3815 4.39653C11.8902 3.86782 12.715 3.86782 13.2237 4.39653L19.6185 11.0427C20.1272 11.5714 20.1272 12.4286 19.6185 12.9573L13.2237 19.6035C12.715 20.1322 11.8902 20.1322 11.3815 19.6035C10.8728 19.0748 10.8728 18.2176 11.3815 17.6888L16.8552 12L11.3815 6.31116C10.8728 5.78245 10.8728 4.92524 11.3815 4.39653Z",
+    fill: "currentColor"
+  }));
+}
+const IconDoubleChevronRight_IconComponent = convertIcon(IconDoubleChevronRight_SvgComponent, 'double_chevron_right');
+/* harmony default export */ const IconDoubleChevronRight = (IconDoubleChevronRight_IconComponent);
 ;// CONCATENATED MODULE: ./datePicker/navigation.tsx
 
 
@@ -57902,6 +56948,27 @@ YearAndMonth.defaultProps = {
   type: 'month'
 };
 /* harmony default export */ const yearAndMonth = (YearAndMonth);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconClock.js
+
+
+function IconClock_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM13.5 6.5V11.3787L17.0607 14.9393C17.6464 15.5251 17.6464 16.4749 17.0607 17.0607C16.4749 17.6464 15.5251 17.6464 14.9393 17.0607L10.9393 13.0607C10.658 12.7794 10.5 12.3978 10.5 12V6.5C10.5 5.67157 11.1716 5 12 5C12.8284 5 13.5 5.67157 13.5 6.5Z",
+    fill: "currentColor"
+  }));
+}
+const IconClock_IconComponent = convertIcon(IconClock_SvgComponent, 'clock');
+/* harmony default export */ const IconClock = (IconClock_IconComponent);
 ;// CONCATENATED MODULE: ./datePicker/monthsGrid.tsx
 
 
@@ -60630,6 +59697,27 @@ const ConfirmModal = props => {
   }, content));
 };
 /* harmony default export */ const modal_ConfirmModal = (ConfirmModal);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconHelpCircle.js
+
+
+function IconHelpCircle_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.8281 14.6094C10.9688 14.6094 10.5391 14.0723 10.5391 13.3691C10.5391 12.3242 11.0566 11.6504 12.2676 10.7324C12.2894 10.7158 12.3111 10.6993 12.3326 10.6829C13.1573 10.0555 13.7324 9.61807 13.7324 8.82812C13.7324 7.93945 12.9023 7.42188 11.9746 7.42188C11.2129 7.42188 10.627 7.70508 10.168 8.30078C9.83594 8.64258 9.57227 8.82812 9.12305 8.82812C8.38086 8.82812 8 8.31055 8 7.71484C8 7.10938 8.3418 6.49414 8.87891 6.02539C9.60156 5.40039 10.7539 5 12.2773 5C14.9922 5 16.8965 6.33789 16.8965 8.64258C16.8965 10.3223 15.8906 11.1328 14.709 11.9531C13.9082 12.5391 13.5273 12.8809 13.2246 13.5742L13.2238 13.5756C12.8922 14.1609 12.638 14.6094 11.8281 14.6094ZM11.8086 18.7695C10.8711 18.7695 10.0996 18.1641 10.0996 17.2266C10.0996 16.2891 10.8711 15.6836 11.8086 15.6836C12.7461 15.6836 13.5078 16.2891 13.5078 17.2266C13.5078 18.1641 12.7461 18.7695 11.8086 18.7695Z",
+    fill: "currentColor"
+  }));
+}
+const IconHelpCircle_IconComponent = convertIcon(IconHelpCircle_SvgComponent, 'help_circle');
+/* harmony default export */ const IconHelpCircle = (IconHelpCircle_IconComponent);
 ;// CONCATENATED MODULE: ./modal/confirm.tsx
 
 
@@ -62557,6 +61645,11 @@ List.defaultProps = {
   onClick: (noop_default())
 };
 /* harmony default export */ const list_0 = (List);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/index.js
+
+
+
+/* harmony default export */ const lib_es = (components_Icon);
 ;// CONCATENATED MODULE: ./icons/index.tsx
 
 /* harmony default export */ const icons_0 = (lib_es);
@@ -62569,7 +61662,8 @@ const form_constants_strings = {
   LAYOUT: ['horizontal', 'vertical'],
   LABEL_POS: ['left', 'top', 'inset'],
   LABEL_ALIGN: ['left', 'right'],
-  EXTRA_POS: ['middle', 'bottom']
+  EXTRA_POS: ['middle', 'bottom'],
+  DEFAULT_TRIGGER: 'change'
 };
 const form_constants_numbers = {};
 
@@ -64230,7 +63324,7 @@ class InputNumber extends BaseComponent {
       } else {
         let valueStr = value;
         if (typeof value === 'number') {
-          valueStr = value.toString();
+          valueStr = this.foundation.doFormat(value);
         }
         const parsedNum = this.foundation.doParse(valueStr, false, true, true);
         const toNum = typeof value === 'number' ? value : this.foundation.doParse(valueStr, false, false, false);
@@ -65562,6 +64656,27 @@ SubNav.defaultProps = {
   maxHeight: navigation_constants_numbers.DEFAULT_SUBNAV_MAX_HEIGHT,
   disabled: false
 };
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconSidebar.js
+
+
+function IconSidebar_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5C2 3.34315 3.34315 2 5 2ZM6 4C5.44772 4 5 4.44772 5 5V19C5 19.5523 5.44772 20 6 20H9C9.55229 20 10 19.5523 10 19V5C10 4.44772 9.55229 4 9 4H6Z",
+    fill: "currentColor"
+  }));
+}
+const IconSidebar_IconComponent = convertIcon(IconSidebar_SvgComponent, 'sidebar');
+/* harmony default export */ const IconSidebar = (IconSidebar_IconComponent);
 ;// CONCATENATED MODULE: ./navigation/CollapseButton.tsx
 
 
@@ -74170,6 +73285,27 @@ class RadioInnerFoundation extends foundation {
 
 const context_Context = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext(null);
 /* harmony default export */ const radio_context = (context_Context);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconRadio.js
+
+
+function IconRadio_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("circle", {
+    cx: 12,
+    cy: 12,
+    r: 5,
+    fill: "currentColor"
+  }));
+}
+const IconRadio_IconComponent = convertIcon(IconRadio_SvgComponent, 'radio');
+/* harmony default export */ const IconRadio = (IconRadio_IconComponent);
 ;// CONCATENATED MODULE: ./radio/radioInner.tsx
 
 
@@ -74755,6 +73891,25 @@ const rating_constants_strings = {
 
 // EXTERNAL MODULE: ../semi-foundation/rating/rating.scss
 var rating = __webpack_require__("FII7");
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconStar.js
+
+
+function IconStar_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M10.7525 1.90411C11.1451 0.698628 12.8549 0.698631 13.2475 1.90411L15.2395 8.01946H21.6858C22.9565 8.01946 23.4848 9.64143 22.4568 10.3865L17.2417 14.1659L19.2337 20.2813C19.6263 21.4868 18.2431 22.4892 17.2151 21.7442L12 17.9647L6.78489 21.7442C5.75687 22.4892 4.37368 21.4868 4.76635 20.2813L6.75834 14.1659L1.54323 10.3865C0.515206 9.64142 1.04354 8.01946 2.31425 8.01946H8.76048L10.7525 1.90411Z",
+    fill: "currentColor"
+  }));
+}
+const IconStar_IconComponent = convertIcon(IconStar_SvgComponent, 'star');
+/* harmony default export */ const IconStar = (IconStar_IconComponent);
 ;// CONCATENATED MODULE: ../semi-foundation/rating/foundation.ts
 
 
@@ -77483,6 +76638,19 @@ Slider.defaultProps = {
 
 const splitButtonGroup_prefixCls = button_constants_cssClasses.PREFIX;
 class SplitButtonGroup extends BaseComponent {
+  constructor() {
+    super(...arguments);
+    this.containerRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
+  }
+  componentDidMount() {
+    if (this.containerRef.current) {
+      const buttons = this.containerRef.current.querySelectorAll('button');
+      const firstButton = buttons[0];
+      const lastButton = buttons[buttons.length - 1];
+      firstButton === null || firstButton === void 0 ? void 0 : firstButton.classList.add(`${splitButtonGroup_prefixCls}-first`);
+      lastButton === null || lastButton === void 0 ? void 0 : lastButton.classList.add(`${splitButtonGroup_prefixCls}-last`);
+    }
+  }
   render() {
     const {
       children,
@@ -77491,6 +76659,7 @@ class SplitButtonGroup extends BaseComponent {
     } = this.props;
     const cls = classnames_default()(`${splitButtonGroup_prefixCls}-split`, className);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+      ref: this.containerRef,
       className: cls,
       style: style,
       role: "group",
@@ -80320,6 +79489,27 @@ TablePagination.propTypes = {
 TablePagination.defaultProps = {
   prefixCls: table_constants_cssClasses.PREFIX
 };
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconFilter.js
+
+
+function IconFilter_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1.0929 2.57912C1.25675 2.22596 1.61069 2 2.00001 2H22C22.3893 2 22.7433 2.22596 22.9071 2.57912C23.071 2.93229 23.015 3.34845 22.7636 3.64573L14.5654 12.8261V21C14.5654 21.3466 14.386 21.6684 14.0911 21.8507C13.7963 22.0329 13.4282 22.0494 13.1182 21.8944L10.0528 19.8944C9.71401 19.725 9.5 19.3788 9.5 19V12.8261L1.23644 3.64573C0.985045 3.34845 0.929036 2.93229 1.0929 2.57912Z",
+    fill: "currentColor"
+  }));
+}
+const IconFilter_IconComponent = convertIcon(IconFilter_SvgComponent, 'filter');
+/* harmony default export */ const IconFilter = (IconFilter_IconComponent);
 ;// CONCATENATED MODULE: ./table/ColumnFilter.tsx
 
 
@@ -80458,6 +79648,44 @@ function ColumnFilter() {
   }) : renderDropdown(renderProps, iconElem);
   return filterDropdown;
 }
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCaretup.js
+
+
+function IconCaretup_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M6.45096 8.34102L11.247 2.86102C11.3408 2.75361 11.4566 2.66753 11.5865 2.60854C11.7163 2.54956 11.8573 2.51904 12 2.51904C12.1426 2.51904 12.2836 2.54956 12.4135 2.60854C12.5433 2.66753 12.6591 2.75361 12.753 2.86102L17.549 8.34102C18.115 8.98802 17.655 10 16.796 10H7.20396C6.34396 10 5.88496 8.98802 6.45096 8.34102Z",
+    fill: "currentColor"
+  }));
+}
+const IconCaretup_IconComponent = convertIcon(IconCaretup_SvgComponent, 'caretup');
+/* harmony default export */ const IconCaretup = (IconCaretup_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconCaretdown.js
+
+
+function IconCaretdown_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M17.549 15.659L12.753 21.139C12.6591 21.2464 12.5434 21.3325 12.4135 21.3915C12.2836 21.4505 12.1427 21.481 12 21.481C11.8574 21.481 11.7164 21.4505 11.5865 21.3915C11.4566 21.3325 11.3409 21.2464 11.247 21.139L6.45101 15.659C5.88501 15.011 6.34501 14 7.20401 14H16.796C17.656 14 18.115 15.012 17.549 15.659Z",
+    fill: "currentColor"
+  }));
+}
+const IconCaretdown_IconComponent = convertIcon(IconCaretdown_SvgComponent, 'caretdown');
+/* harmony default export */ const IconCaretdown = (IconCaretdown_IconComponent);
 ;// CONCATENATED MODULE: ./table/ColumnSorter.tsx
 
 
@@ -80523,6 +79751,44 @@ ColumnSorter.defaultProps = {
   onClick: (noop_default()),
   sortOrder: false
 };
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconTreeTriangleDown.js
+
+
+function IconTreeTriangleDown_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M20.5598 9.65618L12.7546 18.6322C12.3559 19.0906 11.644 19.0906 11.2453 18.6322L3.4401 9.65618C2.8773 9.00895 3.33701 8 4.19471 8L19.8052 8C20.6629 8 21.1226 9.00895 20.5598 9.65618Z",
+    fill: "currentColor"
+  }));
+}
+const IconTreeTriangleDown_IconComponent = convertIcon(IconTreeTriangleDown_SvgComponent, 'tree_triangle_down');
+/* harmony default export */ const IconTreeTriangleDown = (IconTreeTriangleDown_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconTreeTriangleRight.js
+
+
+function IconTreeTriangleRight_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M9.65618 3.44015L18.6322 11.2454C19.0906 11.644 19.0906 12.356 18.6322 12.7546L9.65618 20.5598C9.00895 21.1226 8 20.6629 8 19.8052V4.19475C8 3.33705 9.00895 2.87734 9.65618 3.44015Z",
+    fill: "currentColor"
+  }));
+}
+const IconTreeTriangleRight_IconComponent = convertIcon(IconTreeTriangleRight_SvgComponent, 'tree_triangle_right');
+/* harmony default export */ const IconTreeTriangleRight = (IconTreeTriangleRight_IconComponent);
 ;// CONCATENATED MODULE: ./table/CustomExpandIcon.tsx
 
 /* eslint-disable react-hooks/exhaustive-deps */
@@ -80792,6 +80058,9 @@ class TableHeaderRow extends BaseComponent {
           }
         }
       }
+      Object.assign(cellProps, {
+        resize: column.resize
+      });
       const props = omit_default()(Object.assign(Object.assign({}, cellProps), customProps), ['colStart', 'colEnd', 'hasSubColumns', 'parents', 'level']);
       const {
         rowSpan,
@@ -84566,10 +83835,11 @@ class ResizableHeaderCell extends (external_root_React_commonjs2_react_commonjs_
         onResize,
         onResizeStart,
         onResizeStop,
-        width
+        width,
+        resize
       } = _a,
-      restProps = ResizableHeaderCell_rest(_a, ["onResize", "onResizeStart", "onResizeStop", "width"]);
-    if (typeof width !== 'number') {
+      restProps = ResizableHeaderCell_rest(_a, ["onResize", "onResizeStart", "onResizeStop", "width", "resize"]);
+    if (typeof width !== 'number' || resize === false) {
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("th", Object.assign({}, restProps));
     }
     let {
@@ -84587,7 +83857,8 @@ class ResizableHeaderCell extends (external_root_React_commonjs2_react_commonjs_
       onResizeStop: onResizeStop,
       draggableOpts: {
         enableUserSelectHack: false
-      }
+      },
+      axis: 'x'
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("th", Object.assign({}, restProps), children));
   }
 }
@@ -87180,6 +86451,12 @@ LocaleTimePicker.defaultProps = TimePicker.defaultProps;
 class ToastListFoundation extends foundation {
   constructor(adapter) {
     super(Object.assign(Object.assign({}, ToastListFoundation.defaultAdapter), adapter));
+    this.handleMouseInSideChange = mouseInSideChange => {
+      this._adapter.handleMouseInSideChange(mouseInSideChange);
+    };
+    this.getInputWrapperRect = () => {
+      return this._adapter.getInputWrapperRect();
+    };
   }
   hasToast(id) {
     const toastList = this._adapter.getState('list');
@@ -87303,6 +86580,7 @@ const toast_prefixCls = toast_constants_cssClasses.PREFIX;
 class Toast extends BaseComponent {
   constructor(props) {
     super(props);
+    this.toastEle = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
     this.clearCloseTimer = () => {
       this.foundation.clearCloseTimer_();
     };
@@ -87382,11 +86660,15 @@ class Toast extends BaseComponent {
     textStyle.maxWidth = textMaxWidth;
     const btnTheme = 'borderless';
     const btnSize = 'small';
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    const reservedIndex = this.props.positionInList ? this.props.positionInList.length - this.props.positionInList.index - 1 : 0;
+    const toastEle = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+      ref: this.toastEle,
       role: "alert",
       "aria-label": `${type ? type : 'default'} type`,
       className: toastCls,
-      style: style,
+      style: Object.assign(Object.assign({}, style), {
+        transform: `translate3d(0,0,${reservedIndex * -10}px)`
+      }),
       onMouseEnter: this.clearCloseTimer,
       onMouseLeave: this.startCloseTimer,
       onAnimationStart: this.props.onAnimationStart,
@@ -87408,6 +86690,17 @@ class Toast extends BaseComponent {
       theme: btnTheme,
       size: btnSize
     }))));
+    if (this.props.stack) {
+      const height = this.props.stackExpanded && this.toastEle.current && getComputedStyle(this.toastEle.current).height || 0;
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        className: `${toast_prefixCls}-zero-height-wrapper`,
+        style: {
+          height
+        }
+      }, toastEle);
+    } else {
+      return toastEle;
+    }
   }
 }
 Toast.contextType = context;
@@ -87422,6 +86715,8 @@ Toast.propTypes = {
   style: (prop_types_default()).object,
   className: (prop_types_default()).string,
   showClose: (prop_types_default()).bool,
+  stack: (prop_types_default()).bool,
+  stackExpanded: (prop_types_default()).bool,
   icon: prop_types_default().oneOfType([(prop_types_default()).string, (prop_types_default()).node]),
   direction: prop_types_default().oneOf(toast_constants_strings.directions)
 };
@@ -87432,6 +86727,8 @@ Toast.defaultProps = {
   duration: toast_constants_numbers.duration,
   textMaxWidth: 450,
   showClose: true,
+  stack: false,
+  stackExpanded: false,
   theme: 'normal'
 };
 /* harmony default export */ const toast = (Toast);
@@ -87568,10 +86865,27 @@ const createBaseToast = () => {
   return _a = class ToastList extends BaseComponent {
     constructor(props) {
       super(props);
+      this.stack = false;
+      this.innerWrapperRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
+      this.handleMouseEnter = e => {
+        if (this.stack) {
+          this.foundation.handleMouseInSideChange(true);
+        }
+      };
+      this.handleMouseLeave = e => {
+        var _a;
+        if (this.stack) {
+          const height = (_a = this.foundation.getInputWrapperRect()) === null || _a === void 0 ? void 0 : _a.height;
+          if (height) {
+            this.foundation.handleMouseInSideChange(false);
+          }
+        }
+      };
       this.state = {
         list: [],
         removedItems: [],
-        updatedItems: []
+        updatedItems: [],
+        mouseInSide: false
       };
       this.foundation = new ToastListFoundation(this.adapter);
     }
@@ -87583,6 +86897,15 @@ const createBaseToast = () => {
             removedItems,
             updatedItems
           });
+        },
+        handleMouseInSideChange: mouseInSide => {
+          this.setState({
+            mouseInSide
+          });
+        },
+        getInputWrapperRect: () => {
+          var _a;
+          return (_a = this.innerWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
         }
       });
     }
@@ -87617,6 +86940,7 @@ const createBaseToast = () => {
           ToastList.ref.add(Object.assign(Object.assign({}, opts), {
             id
           }));
+          ToastList.ref.stack = Boolean(opts.stack);
         });
       } else {
         const node = document.querySelector(`#${this.wrapperId}`);
@@ -87625,6 +86949,9 @@ const createBaseToast = () => {
             node.style[pos] = typeof opts[pos] === 'number' ? `${opts[pos]}px` : opts[pos];
           }
         });
+        if (Boolean(opts.stack) !== ToastList.ref.stack) {
+          ToastList.ref.stack = Boolean(opts.stack);
+        }
         if (ToastList.ref.has(id)) {
           ToastList.ref.update(id, Object.assign(Object.assign({}, opts), {
             id
@@ -87750,7 +87077,15 @@ const createBaseToast = () => {
           toast.foundation.restartCloseTimer();
         }
       };
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, list.map((item, index) => {
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+        className: classnames_default()({
+          [`${toast_constants_cssClasses.PREFIX}-innerWrapper`]: true,
+          [`${toast_constants_cssClasses.PREFIX}-innerWrapper-hover`]: this.state.mouseInSide
+        }),
+        ref: this.innerWrapperRef,
+        onMouseEnter: this.handleMouseEnter,
+        onMouseLeave: this.handleMouseLeave
+      }, list.map((item, index) => {
         const isRemoved = removedItems.find(removedItem => removedItem.id === item.id) !== undefined;
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(_cssAnimation, {
           key: item.id,
@@ -87764,6 +87099,12 @@ const createBaseToast = () => {
             isAnimating
           } = _ref2;
           return isRemoved && !isAnimating ? null : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(toast, Object.assign({}, item, {
+            stack: this.stack,
+            stackExpanded: this.state.mouseInSide,
+            positionInList: {
+              length: list.length,
+              index
+            },
             className: classnames_default()({
               [item.className]: Boolean(item.className),
               [animationClassName]: true
@@ -87774,7 +87115,7 @@ const createBaseToast = () => {
             ref: refFn
           }));
         });
-      }));
+      })));
     }
   }, _a.defaultOpts = {
     motion: true,
@@ -87785,7 +87126,8 @@ const createBaseToast = () => {
     duration: (prop_types_default()).number,
     onClose: (prop_types_default()).func,
     icon: (prop_types_default()).node,
-    direction: prop_types_default().oneOf(toast_constants_strings.directions)
+    direction: prop_types_default().oneOf(toast_constants_strings.directions),
+    stack: (prop_types_default()).bool
   }, _a.defaultProps = {}, _a;
 };
 class ToastFactory {
@@ -88505,6 +87847,70 @@ AutoSizer.defaultProps = {
 
 const TreeContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext(null);
 /* harmony default export */ const treeContext = (TreeContext);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconFile.js
+
+
+function IconFile_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 2C12 1.44772 11.5523 1 11 1H6C4.89543 1 4 1.89543 4 3V21C4 22.1046 4.89543 23 6 23H18C19.1046 23 20 22.1046 20 21V10C20 9.44772 19.5523 9 19 9H14C12.8954 9 12 8.10457 12 7V2ZM7 8C7 7.44772 7.44772 7 8 7H9C9.55228 7 10 7.44772 10 8C10 8.55228 9.55228 9 9 9H8C7.44772 9 7 8.55228 7 8ZM7 13C7 12.4477 7.44772 12 8 12H16C16.5523 12 17 12.4477 17 13C17 13.5523 16.5523 14 16 14H8C7.44772 14 7 13.5523 7 13ZM8 17C7.44772 17 7 17.4477 7 18C7 18.5523 7.44772 19 8 19H16C16.5523 19 17 18.5523 17 18C17 17.4477 16.5523 17 16 17H8ZM19.0686 7.49999H14.5C13.9477 7.49999 13.5 7.05228 13.5 6.49999V1.93136C13.5 1.21864 14.3617 0.861707 14.8657 1.36568L19.6343 6.13431C20.1383 6.63828 19.7814 7.49999 19.0686 7.49999Z",
+    fill: "currentColor"
+  }));
+}
+const IconFile_IconComponent = convertIcon(IconFile_SvgComponent, 'file');
+/* harmony default export */ const IconFile = (IconFile_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconFolderOpen.js
+
+
+function IconFolderOpen_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 5C2 3.34315 3.34315 2 5 2H8.29844C8.75258 2 9.1932 2.15456 9.54783 2.43826L10.6783 3.34261C11.2102 3.76816 11.8711 4 12.5523 4H18C20 4 21 6 21 8H7.53361C6.62889 8 5.83683 8.60735 5.6021 9.48109L2.57151 20.7617C2.21202 20.2671 2 19.6583 2 19V5ZM22.1667 10H9.5C8.61111 10 7.82889 10.5867 7.58 11.44L4.87333 20.72C4.68667 21.36 5.16667 22 5.83333 22H18.5C19.3889 22 20.1711 21.4133 20.42 20.56L23.1267 11.28C23.3133 10.64 22.8333 10 22.1667 10Z",
+    fill: "currentColor"
+  }));
+}
+const IconFolderOpen_IconComponent = convertIcon(IconFolderOpen_SvgComponent, 'folder_open');
+/* harmony default export */ const IconFolderOpen = (IconFolderOpen_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconFolder.js
+
+
+function IconFolder_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M5 2C3.34315 2 2 3.34315 2 5V8H22C22 6 21 4 19 4H12.5523C11.8711 4 11.2102 3.76816 10.6783 3.34261L9.54783 2.43826C9.1932 2.15456 8.75258 2 8.29844 2H5Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M22 10H2V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V10Z",
+    fill: "currentColor"
+  }));
+}
+const IconFolder_IconComponent = convertIcon(IconFolder_SvgComponent, 'folder');
+/* harmony default export */ const IconFolder = (IconFolder_IconComponent);
 ;// CONCATENATED MODULE: ./tree/treeNode.tsx
 
 
@@ -88716,7 +88122,7 @@ class TreeNode extends external_root_React_commonjs2_react_commonjs_react_amd_re
       } = this.props;
       if (isFunction_default()(renderLabel)) {
         return renderLabel(label, data);
-      } else if (isString_default()(label) && filtered && keyword && treeNodeFilterProp === 'label') {
+      } else if (isString_default()(label) && filtered && keyword) {
         return getHighLightTextHTML({
           sourceString: label,
           searchWords: [keyword],
@@ -88866,7 +88272,6 @@ class TreeNode extends external_root_React_commonjs2_react_commonjs_react_amd_re
       [`${treeNode_prefixcls}-selected`]: selected,
       [`${treeNode_prefixcls}-active`]: !multiple && active,
       [`${treeNode_prefixcls}-ellipsis`]: labelEllipsis,
-      [`${treeNode_prefixcls}-filtered`]: filtered && treeNodeFilterProp !== 'label',
       [`${treeNode_prefixcls}-drag-over`]: !disabled && dragOver,
       [`${treeNode_prefixcls}-draggable`]: !disabled && draggable && !renderFullLabel,
       // When draggable + renderFullLabel is enabled, the default style
@@ -89106,6 +88511,27 @@ class NodeList extends external_root_React_commonjs2_react_commonjs_react_amd_re
 NodeList.contextType = treeContext;
 // EXTERNAL MODULE: ../semi-foundation/tree/tree.scss
 var tree = __webpack_require__("TKyF");
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconSearch.js
+
+
+function IconSearch_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.5 2C5.80558 2 2 5.80558 2 10.5C2 15.1944 5.80558 19 10.5 19C12.3054 19 13.9794 18.4371 15.356 17.4773L19.4393 21.5606C20.0251 22.1464 20.9749 22.1464 21.5606 21.5606C22.1464 20.9749 22.1464 20.0251 21.5606 19.4393L17.4773 15.356C18.4371 13.9794 19 12.3054 19 10.5C19 5.80558 15.1944 2 10.5 2ZM5 10.5C5 7.46243 7.46243 5 10.5 5C13.5376 5 16 7.46243 16 10.5C16 13.5376 13.5376 16 10.5 16C7.46243 16 5 13.5376 5 10.5Z",
+    fill: "currentColor"
+  }));
+}
+const IconSearch_IconComponent = convertIcon(IconSearch_SvgComponent, 'search');
+/* harmony default export */ const IconSearch = (IconSearch_IconComponent);
 ;// CONCATENATED MODULE: ./tree/index.tsx
 
 
@@ -93006,6 +92432,38 @@ class UploadFoundation extends foundation {
   }
 }
 /* harmony default export */ const upload_foundation = (UploadFoundation);
+;// CONCATENATED MODULE: ../semi-foundation/upload/fileCardFoundation.ts
+
+class FileCardFoundation extends foundation {
+  constructor(adapter) {
+    super(Object.assign({}, adapter));
+  }
+  handleImageError(error) {
+    this._adapter.updateFallbackPreview(true);
+  }
+}
+/* harmony default export */ const fileCardFoundation = (FileCardFoundation);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconRefresh.js
+
+
+function IconRefresh_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.49993 11.9998C4.49993 7.85775 7.85775 4.49993 11.9998 4.49993C14.6403 4.49993 16.9645 5.86506 18.3012 7.9305L16.2939 7.52902C15.4815 7.36656 14.6913 7.89337 14.5288 8.7057C14.3664 9.51803 14.8932 10.3083 15.7055 10.4707L20.7055 11.4707C21.4643 11.6225 22.214 11.1721 22.4363 10.4309L23.9363 5.43095C24.1744 4.63747 23.7241 3.80126 22.9307 3.56321C22.1372 3.32517 21.301 3.77543 21.0629 4.56891L20.6287 6.01635C18.7332 3.28781 15.5765 1.49998 11.9998 1.49998C6.20092 1.49998 1.49998 6.20092 1.49998 11.9998C1.49998 17.7987 6.20092 22.4997 11.9998 22.4997C16.5739 22.4997 20.4611 19.5757 21.9018 15.4996C22.1779 14.7186 21.7685 13.8616 20.9874 13.5855C20.2064 13.3095 19.3494 13.7189 19.0733 14.4999C18.0431 17.4149 15.263 19.4997 11.9998 19.4997C7.85775 19.4997 4.49993 16.1419 4.49993 11.9998Z",
+    fill: "currentColor"
+  }));
+}
+const IconRefresh_IconComponent = convertIcon(IconRefresh_SvgComponent, 'refresh');
+/* harmony default export */ const IconRefresh = (IconRefresh_IconComponent);
 ;// CONCATENATED MODULE: ./_base/reactUtils.ts
 // https://stackoverflow.com/questions/33199959/how-to-detect-a-react-component-vs-a-react-element
 
@@ -93046,6 +92504,8 @@ function isEmptyChildren(children) {
 
 
 
+
+
 const fileCard_prefixCls = upload_constants_cssClasses.PREFIX;
 const ErrorSvg = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -93115,7 +92575,21 @@ const DirectorySvg = function () {
     strokeLinejoin: "round"
   }));
 };
-class FileCard extends external_root_React_commonjs2_react_commonjs_react_amd_react_.PureComponent {
+class FileCard extends BaseComponent {
+  constructor(props) {
+    super(props);
+    this.state = {
+      fallbackPreview: false
+    };
+    this.foundation = new fileCardFoundation(this.adapter);
+  }
+  get adapter() {
+    return Object.assign(Object.assign({}, super.adapter), {
+      updateFallbackPreview: fallbackPreview => this.setState({
+        fallbackPreview
+      })
+    });
+  }
   transSize(size) {
     if (typeof size === 'number') {
       return getFileSize(size);
@@ -93176,6 +92650,9 @@ class FileCard extends external_root_React_commonjs2_react_commonjs_react_amd_re
     }, icon) : null;
   }
   renderPic(locale) {
+    const {
+      fallbackPreview
+    } = this.state;
     const {
       url,
       percent,
@@ -93188,7 +92665,9 @@ class FileCard extends external_root_React_commonjs2_react_commonjs_react_amd_re
       renderPicPreviewIcon,
       renderThumbnail,
       name,
-      index
+      index,
+      picHeight,
+      picWidth
     } = this.props;
     const showProgress = status === upload_constants_strings.FILE_STATUS_UPLOADING && percent !== 100;
     const showRetry = status === upload_constants_strings.FILE_STATUS_UPLOAD_FAIL && this.props.showRetry;
@@ -93196,6 +92675,7 @@ class FileCard extends external_root_React_commonjs2_react_commonjs_react_amd_re
     const showPreview = status === upload_constants_strings.FILE_STATUS_SUCCESS && !this.props.showReplace;
     const filePicCardCls = classnames_default()({
       [`${fileCard_prefixCls}-picture-file-card`]: true,
+      [`${fileCard_prefixCls}-picture-file-card-preview-fallback`]: fallbackPreview,
       [`${fileCard_prefixCls}-picture-file-card-disabled`]: disabled,
       [`${fileCard_prefixCls}-picture-file-card-show-pointer`]: typeof onPreviewClick !== 'undefined',
       [`${fileCard_prefixCls}-picture-file-card-error`]: status === upload_constants_strings.FILE_STATUS_UPLOAD_FAIL,
@@ -93237,14 +92717,29 @@ class FileCard extends external_root_React_commonjs2_react_commonjs_react_amd_re
     const picInfo = typeof renderPicInfo === 'function' ? renderPicInfo(this.props) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${fileCard_prefixCls}-picture-file-card-pic-info`
     }, index + 1);
-    const thumbnail = typeof renderThumbnail === 'function' ? renderThumbnail(this.props) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("img", {
+    let imgStyle = {};
+    let itemStyle = style ? Object.assign({}, style) : {};
+    if (picHeight) {
+      itemStyle.height = picHeight;
+      imgStyle.height = picHeight;
+    }
+    if (picWidth) {
+      itemStyle.width = picWidth;
+      imgStyle.width = picWidth;
+    }
+    const defaultThumbTail = !fallbackPreview ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("img", {
       src: url,
-      alt: name
+      alt: name,
+      onError: error => this.foundation.handleImageError(error),
+      style: imgStyle
+    }) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconFile, {
+      size: "large"
     });
+    const thumbnail = typeof renderThumbnail === 'function' ? renderThumbnail(this.props) : defaultThumbTail;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       role: "listitem",
       className: filePicCardCls,
-      style: style,
+      style: itemStyle,
       onClick: onPreviewClick
     }, thumbnail, showProgress ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(progress_0, {
       percent: percent,
@@ -93269,6 +92764,9 @@ class FileCard extends external_root_React_commonjs2_react_commonjs_react_amd_re
       onPreviewClick,
       renderFileOperation
     } = this.props;
+    const {
+      fallbackPreview
+    } = this.state;
     const fileCardCls = classnames_default()({
       [`${fileCard_prefixCls}-file-card`]: true,
       [`${fileCard_prefixCls}-file-card-fail`]: status === upload_constants_strings.FILE_STATUS_VALID_FAIL || status === upload_constants_strings.FILE_STATUS_UPLOAD_FAIL,
@@ -93276,7 +92774,7 @@ class FileCard extends external_root_React_commonjs2_react_commonjs_react_amd_re
     });
     const previewCls = classnames_default()({
       [`${fileCard_prefixCls}-file-card-preview`]: true,
-      [`${fileCard_prefixCls}-file-card-preview-placeholder`]: !preview || previewFile
+      [`${fileCard_prefixCls}-file-card-preview-placeholder`]: !preview || previewFile || fallbackPreview
     });
     const infoCls = `${fileCard_prefixCls}-file-card-info`;
     const closeCls = `${fileCard_prefixCls}-file-card-close`;
@@ -93286,9 +92784,10 @@ class FileCard extends external_root_React_commonjs2_react_commonjs_react_amd_re
     const showRetry = status === upload_constants_strings.FILE_STATUS_UPLOAD_FAIL && propsShowRetry;
     const showReplace = status === upload_constants_strings.FILE_STATUS_SUCCESS && propsShowReplace;
     const fileSize = this.transSize(size);
-    let previewContent = preview ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("img", {
+    let previewContent = preview && !fallbackPreview ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("img", {
       src: url,
-      alt: name
+      alt: name,
+      onError: error => this.foundation.handleImageError(error)
     }) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconFile, {
       size: "large"
     });
@@ -93388,6 +92887,8 @@ FileCard.propTypes = {
   percent: (prop_types_default()).number,
   preview: (prop_types_default()).bool,
   previewFile: (prop_types_default()).func,
+  picWidth: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
+  picHeight: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   showReplace: (prop_types_default()).bool,
   showRetry: (prop_types_default()).bool,
   size: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
@@ -93406,6 +92907,27 @@ FileCard.defaultProps = {
   size: ''
 };
 /* harmony default export */ const fileCard = (FileCard);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconUpload.js
+
+
+function IconUpload_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.8395 8.05827C17.1837 5.16226 14.5944 3 11.5 3C7.91015 3 5 5.91015 5 9.5C5 10.0204 5.06115 10.5264 5.17665 11.0114C2.84229 11.1772 1 13.1234 1 15.5C1 17.9853 3.01469 20 5.49995 20H17C20.3137 20 23 17.3137 23 14C23 10.9712 20.7558 8.46659 17.8395 8.05827ZM12.3201 8.26674C12.1347 8.11222 11.8653 8.11222 11.6799 8.26674L6.53047 12.5579C6.35084 12.7076 6.45669 13 6.69051 13H10V17.5C10 17.7761 10.2239 18 10.5 18H13.5C13.7761 18 14 17.7761 14 17.5V13H17.3095C17.5433 13 17.6492 12.7076 17.4695 12.5579L12.3201 8.26674Z",
+    fill: "currentColor"
+  }));
+}
+const IconUpload_IconComponent = convertIcon(IconUpload_SvgComponent, 'upload');
+/* harmony default export */ const IconUpload = (IconUpload_IconComponent);
 // EXTERNAL MODULE: ../semi-foundation/upload/upload.scss
 var upload = __webpack_require__("kbHv");
 ;// CONCATENATED MODULE: ./upload/index.tsx
@@ -93520,7 +93042,9 @@ class Upload extends BaseComponent {
         renderFileItem,
         renderThumbnail,
         disabled,
-        onPreviewClick
+        onPreviewClick,
+        picWidth,
+        picHeight
       } = this.props;
       const onRemove = () => this.remove(file);
       const onRetry = () => {
@@ -93544,7 +93068,9 @@ class Upload extends BaseComponent {
         renderFileOperation,
         renderThumbnail,
         onReplace,
-        onPreviewClick: typeof onPreviewClick !== 'undefined' ? () => this.foundation.handlePreviewClick(file) : undefined
+        onPreviewClick: typeof onPreviewClick !== 'undefined' ? () => this.foundation.handlePreviewClick(file) : undefined,
+        picWidth,
+        picHeight
       });
       if (status === upload_constants_strings.FILE_STATUS_UPLOAD_FAIL && !validateMessage) {
         fileCardProps.validateMessage = locale.fail;
@@ -93577,7 +93103,9 @@ class Upload extends BaseComponent {
         disabled,
         children,
         draggable,
-        hotSpotLocation
+        hotSpotLocation,
+        picHeight,
+        picWidth
       } = this.props;
       const {
         fileList: stateFileList,
@@ -93601,7 +93129,11 @@ class Upload extends BaseComponent {
       const addContentProps = {
         role: 'button',
         className: uploadAddCls,
-        onClick: this.onClick
+        onClick: this.onClick,
+        style: {
+          height: picHeight,
+          width: picWidth
+        }
       };
       const containerProps = {
         className: fileListCls
@@ -93982,6 +93514,8 @@ Upload.propTypes = {
   previewFile: (prop_types_default()).func,
   prompt: (prop_types_default()).node,
   promptPosition: prop_types_default().oneOf(upload_constants_strings.PROMPT_POSITION),
+  picWidth: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
+  picHeight: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   renderFileItem: (prop_types_default()).func,
   renderPicPreviewIcon: (prop_types_default()).func,
   renderFileOperation: (prop_types_default()).func,
@@ -96450,6 +95984,7 @@ Schema.validators = validators;
 
 ;// CONCATENATED MODULE: ../semi-foundation/form/utils.ts
 
+
 var form_utils_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -96459,6 +95994,7 @@ var form_utils_rest = undefined && undefined.__rest || function (s, e) {
   return t;
 };
 
+
 /**
  *
  * @param WrappedComponent React.ComponentType | any
@@ -96501,16 +96037,40 @@ function utils_isValid(errors) {
   }
   return valid;
 }
-// Compatible with String and Array
-function transformTrigger(trigger) {
+/**
+ * trigger transform rule
+    1. If the user has set fieldProps, follow the user's fieldProps
+    2. If the user does not set fieldProps, follow formProps
+    3. If there is no formProps, follow the change
+    4. If it is an array, follow the array, if it is not an array (pure string), convert it to a string array
+ */
+function transformTrigger(fieldTrigger, formTrigger) {
   let result = [];
-  if (Array.isArray(trigger)) {
-    result = trigger;
+  let finalResult = [];
+  if (!isUndefined_default()(fieldTrigger)) {
+    result = fieldTrigger;
+  } else if (!isUndefined_default()(formTrigger)) {
+    result = formTrigger;
+  } else {
+    result = form_constants_strings.DEFAULT_TRIGGER;
   }
-  if (typeof trigger === 'string') {
-    result[0] = trigger;
+  if (Array.isArray(result)) {
+    finalResult = result;
+  }
+  if (typeof result === 'string') {
+    finalResult[0] = result;
+  }
+  return finalResult;
+}
+function transformDefaultBooleanAPI(fieldProp, formProp) {
+  let defaultVal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  if (!isUndefined_default()(fieldProp)) {
+    return fieldProp;
+  } else if (!isUndefined_default()(formProp)) {
+    return formProp;
+  } else {
+    return defaultVal;
   }
-  return result;
 }
 function mergeOptions(opts, props) {
   // Opts: different types of component identification value, value change callback function may be inconsistent, used to adapt 1, input, select 2, radio, checkbox 3, switch
@@ -96534,15 +96094,13 @@ function mergeOptions(opts, props) {
 }
 function mergeProps(props) {
   const defaultProps = {
-    trigger: 'change',
     // validateStatus: 'default',
     allowEmptyString: false,
     allowEmpty: false,
     emptyValue: '',
     noLabel: false,
     noErrorMessage: false,
-    isInInputGroup: false,
-    stopValidateWithError: false
+    isInInputGroup: false
   };
   let _a = Object.assign(Object.assign({}, defaultProps), props),
     {
@@ -96597,7 +96155,6 @@ function mergeProps(props) {
     initValue = cloneDeep_default()(initValue);
   }
   const required = isRequired(rules);
-  trigger = transformTrigger(trigger);
   emptyValue = typeof emptyValue !== 'undefined' ? emptyValue : '';
   return {
     field,
@@ -97853,6 +97410,15 @@ function withField(Component, opts) {
       warning(true, '[Semi Form]: Field Component must be use inside the Form, please check your dom declaration');
       return null;
     }
+    let formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'labelCol', 'wrapperCol', 'disabled', 'showValidateIcon', 'extraTextPosition', 'stopValidateWithError', 'trigger']);
+    let mergeLabelPos = labelPosition || formProps.labelPosition;
+    let mergeLabelWidth = labelWidth || formProps.labelWidth;
+    let mergeLabelAlign = labelAlign || formProps.labelAlign;
+    let mergeLabelCol = labelCol || formProps.labelCol;
+    let mergeWrapperCol = wrapperCol || formProps.wrapperCol;
+    let mergeExtraPos = extraTextPosition || formProps.extraTextPosition || 'bottom';
+    let mergeStopValidateWithError = transformDefaultBooleanAPI(stopValidateWithError, formProps.stopValidateWithError, false);
+    let mergeTrigger = transformTrigger(trigger, formProps.trigger);
     // To prevent user forgetting to pass the field, use undefined as the key, and updater.getValue will get the wrong value.
     let initValueInFormOpts = typeof field !== 'undefined' ? updater.getValue(field) : undefined; // Get the init value of form from formP rops.init Values Get the initial value set in the initValues of Form
     let initVal = typeof initValue !== 'undefined' ? initValue : initValueInFormOpts;
@@ -97866,7 +97432,7 @@ function withField(Component, opts) {
     } catch (err) {}
     // FIXME typeof initVal
     const [value, setValue, getVal] = useStateWithGetter(typeof initVal !== undefined ? initVal : null);
-    const validateOnMount = trigger.includes('mount');
+    const validateOnMount = mergeTrigger.includes('mount');
     allowEmpty = allowEmpty || updater.getFormProps().allowEmpty;
     // Error information: Array, String, undefined
     const [error, setError, getError] = useStateWithGetter();
@@ -97925,7 +97491,7 @@ function withField(Component, opts) {
       };
       const rootPromise = new Promise((resolve, reject) => {
         validator.validate(model, {
-          first: stopValidateWithError
+          first: mergeStopValidateWithError
         }, (errors, fields) => {}).then(res => {
           if (validatePromise.current !== rootPromise) {
             return;
@@ -98073,7 +97639,7 @@ function withField(Component, opts) {
       });
       updateValue(val);
       // only validate when trigger includes change
-      if (trigger.includes('change')) {
+      if (mergeTrigger.includes('change')) {
         fieldValidate(val);
       }
     };
@@ -98084,7 +97650,7 @@ function withField(Component, opts) {
       if (!touched) {
         updateTouched(true);
       }
-      if (trigger.includes('blur')) {
+      if (mergeTrigger.includes('blur')) {
         let val = getVal();
         fieldValidate(val);
       }
@@ -98144,13 +97710,6 @@ function withField(Component, opts) {
       };
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [field]);
-    let formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'labelCol', 'wrapperCol', 'disabled', 'showValidateIcon', 'extraTextPosition']);
-    let mergeLabelPos = labelPosition || formProps.labelPosition;
-    let mergeLabelWidth = labelWidth || formProps.labelWidth;
-    let mergeLabelAlign = labelAlign || formProps.labelAlign;
-    let mergeLabelCol = labelCol || formProps.labelCol;
-    let mergeWrapperCol = wrapperCol || formProps.wrapperCol;
-    let mergeExtraPos = extraTextPosition || formProps.extraTextPosition || 'bottom';
     // id attribute to improve a11y
     const a11yId = id ? id : field;
     const labelId = `${a11yId}-label`;
@@ -98518,10 +98077,12 @@ class Form extends BaseComponent {
         allowEmpty,
         autoScrollToError,
         showValidateIcon,
+        stopValidateWithError,
         extraTextPosition,
-        id
+        id,
+        trigger
       } = _a,
-      rest = baseForm_rest(_a, ["children", "getFormApi", "onChange", "onSubmit", "onSubmitFail", "onValueChange", "component", "render", "validateFields", "initValues", "layout", "style", "className", "labelPosition", "labelWidth", "labelAlign", "labelCol", "wrapperCol", "allowEmpty", "autoScrollToError", "showValidateIcon", "extraTextPosition", "id"]);
+      rest = baseForm_rest(_a, ["children", "getFormApi", "onChange", "onSubmit", "onSubmitFail", "onValueChange", "component", "render", "validateFields", "initValues", "layout", "style", "className", "labelPosition", "labelWidth", "labelAlign", "labelCol", "wrapperCol", "allowEmpty", "autoScrollToError", "showValidateIcon", "stopValidateWithError", "extraTextPosition", "id", "trigger"]);
     const formCls = classnames_default()(baseForm_prefix, className, {
       [baseForm_prefix + '-vertical']: layout === 'vertical',
       [baseForm_prefix + '-horizontal']: layout === 'horizontal'
@@ -98554,25 +98115,27 @@ Form.propTypes = {
   onReset: (prop_types_default()).func,
   // Triggered when the value of the form is updated, only when the value of the subfield changes. The entry parameter is formState.values
   onValueChange: (prop_types_default()).func,
-  initValues: (prop_types_default()).object,
-  getFormApi: (prop_types_default()).func,
+  autoScrollToError: prop_types_default().oneOfType([(prop_types_default()).bool, (prop_types_default()).object]),
+  allowEmpty: (prop_types_default()).bool,
+  className: (prop_types_default()).string,
   component: prop_types_default().oneOfType([(prop_types_default()).node, (prop_types_default()).func]),
-  render: (prop_types_default()).func,
+  disabled: (prop_types_default()).bool,
+  extraTextPosition: prop_types_default().oneOf(form_constants_strings.EXTRA_POS),
+  getFormApi: (prop_types_default()).func,
+  initValues: (prop_types_default()).object,
   validateFields: (prop_types_default()).func,
-  style: (prop_types_default()).object,
-  className: (prop_types_default()).string,
   layout: prop_types_default().oneOf(form_constants_strings.LAYOUT),
   labelPosition: prop_types_default().oneOf(form_constants_strings.LABEL_POS),
   labelWidth: prop_types_default().oneOfType([(prop_types_default()).number, (prop_types_default()).string]),
   labelAlign: prop_types_default().oneOf(form_constants_strings.LABEL_ALIGN),
   labelCol: (prop_types_default()).object,
-  wrapperCol: (prop_types_default()).object,
-  allowEmpty: (prop_types_default()).bool,
-  autoScrollToError: prop_types_default().oneOfType([(prop_types_default()).bool, (prop_types_default()).object]),
-  disabled: (prop_types_default()).bool,
+  render: (prop_types_default()).func,
+  style: (prop_types_default()).object,
   showValidateIcon: (prop_types_default()).bool,
-  extraTextPosition: prop_types_default().oneOf(form_constants_strings.EXTRA_POS),
-  id: (prop_types_default()).string
+  stopValidateWithError: (prop_types_default()).bool,
+  id: (prop_types_default()).string,
+  wrapperCol: (prop_types_default()).object,
+  trigger: prop_types_default().oneOfType([prop_types_default().oneOf(['blur', 'change', 'custom', 'mount']), prop_types_default().arrayOf(prop_types_default().oneOf(['blur', 'change', 'custom', 'mount']))])
 };
 Form.defaultProps = {
   onChange: (noop_default()),
@@ -98875,6 +98438,69 @@ const image_constants_cssClasses = {
   PREFIX: `${BASE_CLASS_PREFIX}-image`
 };
 
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconUploadError.js
+
+
+function IconUploadError_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M22.9998 12.0001C22.9998 18.0753 18.0749 23.0001 11.9998 23.0001C5.92463 23.0001 0.999756 18.0753 0.999756 12.0001C0.999756 5.92499 5.92463 1.00012 11.9998 1.00012C18.0749 1.00012 22.9998 5.92499 22.9998 12.0001ZM13.4998 17.5C13.4998 16.6718 12.8282 16.0001 11.9998 16.0001C11.1713 16.0001 10.4998 16.6718 10.4998 17.5C10.4998 18.3285 11.1713 19 11.9998 19C12.8282 19 13.4998 18.3285 13.4998 17.5ZM11.9998 5.00011C10.9136 5.00011 10.0505 5.91257 10.1107 6.99704L10.4166 12.5024C10.4632 13.3427 11.1582 14.0001 11.9998 14.0001C12.8413 14.0001 13.5363 13.3427 13.583 12.5024L13.8888 6.99704C13.9491 5.91257 13.0859 5.00011 11.9998 5.00011Z",
+    fill: "currentColor"
+  }));
+}
+const IconUploadError_IconComponent = convertIcon(IconUploadError_SvgComponent, 'upload_error');
+/* harmony default export */ const IconUploadError = (IconUploadError_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconArrowLeft.js
+
+
+function IconArrowLeft_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M23 12C23 12.8284 22.3284 13.5 21.5 13.5L6.12132 13.5L12.5607 19.9393C13.1464 20.5251 13.1464 21.4749 12.5607 22.0607C11.9749 22.6464 11.0251 22.6464 10.4393 22.0607L1.43934 13.0607C0.853554 12.4749 0.853554 11.5251 1.43934 10.9393L10.4393 1.93934C11.0251 1.35355 11.9749 1.35355 12.5607 1.93934C13.1464 2.52513 13.1464 3.47487 12.5607 4.06066L6.12132 10.5L21.5 10.5C22.3284 10.5 23 11.1716 23 12Z",
+    fill: "currentColor"
+  }));
+}
+const IconArrowLeft_IconComponent = convertIcon(IconArrowLeft_SvgComponent, 'arrow_left');
+/* harmony default export */ const IconArrowLeft = (IconArrowLeft_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconArrowRight.js
+
+
+function IconArrowRight_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1 12C1 11.1716 1.67157 10.5 2.5 10.5L17.8787 10.5L11.4393 4.06066C10.8536 3.47487 10.8536 2.52513 11.4393 1.93934C12.0251 1.35355 12.9749 1.35355 13.5607 1.93934L22.5607 10.9393C23.1464 11.5251 23.1464 12.4749 22.5607 13.0607L13.5607 22.0607C12.9749 22.6464 12.0251 22.6464 11.4393 22.0607C10.8536 21.4749 10.8536 20.5251 11.4393 19.9393L17.8787 13.5L2.5 13.5C1.67157 13.5 1 12.8284 1 12Z",
+    fill: "currentColor"
+  }));
+}
+const IconArrowRight_IconComponent = convertIcon(IconArrowRight_SvgComponent, 'arrow_right');
+/* harmony default export */ const IconArrowRight = (IconArrowRight_IconComponent);
 ;// CONCATENATED MODULE: ./image/previewContext.tsx
 
 const PreviewContext = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createContext)({});
@@ -98913,6 +98539,129 @@ const previewHeader_Header = _ref => {
   });
 };
 /* harmony default export */ const previewHeader = (previewHeader_Header);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconMinus.js
+
+
+function IconMinus_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M2 12C2 11.1716 2.67157 10.5 3.5 10.5H20.5C21.3284 10.5 22 11.1716 22 12C22 12.8284 21.3284 13.5 20.5 13.5H3.5C2.67157 13.5 2 12.8284 2 12Z",
+    fill: "currentColor"
+  }));
+}
+const IconMinus_IconComponent = convertIcon(IconMinus_SvgComponent, 'minus');
+/* harmony default export */ const IconMinus = (IconMinus_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconPlus.js
+
+
+function IconPlus_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M20.5 13.5C21.3284 13.5 22 12.8284 22 12C22 11.1716 21.3284 10.5 20.5 10.5L13.5 10.5L13.5 3.5C13.5 2.67157 12.8284 2 12 2C11.1716 2 10.5 2.67157 10.5 3.5L10.5 10.5L3.5 10.5C2.67157 10.5 2 11.1716 2 12C2 12.8284 2.67157 13.5 3.5 13.5L10.5 13.5V20.5C10.5 21.3284 11.1716 22 12 22C12.8284 22 13.5 21.3284 13.5 20.5V13.5L20.5 13.5Z",
+    fill: "currentColor"
+  }));
+}
+const IconPlus_IconComponent = convertIcon(IconPlus_SvgComponent, 'plus');
+/* harmony default export */ const IconPlus = (IconPlus_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconRealSizeStroked.js
+
+
+function IconRealSizeStroked_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1 6C1 4.89543 1.89543 4 3 4H21C22.1046 4 23 4.89543 23 6V18C23 19.1046 22.1046 20 21 20H3C1.89543 20 1 19.1046 1 18V6ZM21 6L3 6V18H21V6ZM5 9C5 8.44772 5.44772 8 6 8H7.5C8.05228 8 8.5 8.44772 8.5 9V15C8.5 15.5523 8.05228 16 7.5 16C6.94772 16 6.5 15.5523 6.5 15V10H6C5.44772 10 5 9.55228 5 9ZM16 8C15.4477 8 15 8.44772 15 9C15 9.55228 15.4477 10 16 10H16.5V15C16.5 15.5523 16.9477 16 17.5 16C18.0523 16 18.5 15.5523 18.5 15V9C18.5 8.44772 18.0523 8 17.5 8H16ZM13 10C13 10.5523 12.5523 11 12 11C11.4477 11 11 10.5523 11 10C11 9.44772 11.4477 9 12 9C12.5523 9 13 9.44772 13 10ZM12 15C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14C11 14.5523 11.4477 15 12 15Z",
+    fill: "currentColor"
+  }));
+}
+const IconRealSizeStroked_IconComponent = convertIcon(IconRealSizeStroked_SvgComponent, 'real_size_stroked');
+/* harmony default export */ const IconRealSizeStroked = (IconRealSizeStroked_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconWindowAdaptionStroked.js
+
+
+function IconWindowAdaptionStroked_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14 3C14 2.44772 14.4477 2 15 2H21C21.5523 2 22 2.44772 22 3V9C22 9.55229 21.5523 10 21 10C20.4477 10 20 9.55229 20 9V4H15C14.4477 4 14 3.55229 14 3ZM10 21C10 21.5523 9.55229 22 9 22H3C2.44772 22 2 21.5523 2 21V15C2 14.4477 2.44772 14 3 14C3.55228 14 4 14.4477 4 15L4 20H9C9.55229 20 10 20.4477 10 21ZM2 9C2 9.55228 2.44772 10 3 10C3.55229 10 4 9.55228 4 9L4 4L9 4C9.55229 4 10 3.55228 10 3C10 2.44771 9.55229 2 9 2H3C2.44772 2 2 2.44772 2 3V9ZM21 14C21.5523 14 22 14.4477 22 15V21C22 21.5523 21.5523 22 21 22H15C14.4477 22 14 21.5523 14 21C14 20.4477 14.4477 20 15 20H20V15C20 14.4477 20.4477 14 21 14ZM8.5 7.5C7.94772 7.5 7.5 7.94772 7.5 8.5V15.5C7.5 16.0523 7.94772 16.5 8.5 16.5H15.5C16.0523 16.5 16.5 16.0523 16.5 15.5V8.5C16.5 7.94772 16.0523 7.5 15.5 7.5H8.5ZM9.5 14.5V9.5H14.5V14.5H9.5Z",
+    fill: "currentColor"
+  }));
+}
+const IconWindowAdaptionStroked_IconComponent = convertIcon(IconWindowAdaptionStroked_SvgComponent, 'window_adaption_stroked');
+/* harmony default export */ const IconWindowAdaptionStroked = (IconWindowAdaptionStroked_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconRotate.js
+
+
+function IconRotate_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M14.2071 2.20711C14.5976 1.81658 14.5976 1.18342 14.2071 0.792893C13.8166 0.402369 13.1834 0.402369 12.7929 0.792893L10.2929 3.29289C9.90237 3.68342 9.90237 4.31658 10.2929 4.70711L12.7929 7.20711C13.1834 7.59763 13.8166 7.59763 14.2071 7.20711C14.5976 6.81658 14.5976 6.18342 14.2071 5.79289L13.4142 5H16C18.7614 5 21 7.23858 21 10V12C21 12.5523 21.4477 13 22 13C22.5523 13 23 12.5523 23 12V10C23 6.13401 19.866 3 16 3H13.4142L14.2071 2.20711Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    d: "M3 10C3 8.89543 3.89543 8 5 8H17C18.1046 8 19 8.89543 19 10V20C19 21.1046 18.1046 22 17 22H5C3.89543 22 3 21.1046 3 20V10Z",
+    fill: "currentColor"
+  }));
+}
+const IconRotate_IconComponent = convertIcon(IconRotate_SvgComponent, 'rotate');
+/* harmony default export */ const IconRotate = (IconRotate_IconComponent);
+;// CONCATENATED MODULE: ../semi-icons/lib/es/icons/IconDownload.js
+
+
+function IconDownload_SvgComponent(props) {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    focusable: false,
+    "aria-hidden": true
+  }, props), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.8395 8.05827C17.1837 5.16226 14.5944 3 11.5 3C7.91015 3 5 5.91015 5 9.5C5 10.0204 5.06115 10.5264 5.17665 11.0114C2.84229 11.1772 1 13.1234 1 15.5C1 17.9853 3.01469 20 5.49995 20H17C20.3137 20 23 17.3137 23 14C23 10.9712 20.7558 8.46659 17.8395 8.05827ZM11.6799 17.7333C11.8653 17.8878 12.1347 17.8878 12.3201 17.7333L17.4695 13.4421C17.6492 13.2924 17.5433 13 17.3095 13H14V9.5C14 9.22386 13.7761 9 13.5 9H10.5C10.2239 9 10 9.22386 10 9.5V13H6.69051C6.45669 13 6.35084 13.2924 6.53047 13.4421L11.6799 17.7333Z",
+    fill: "currentColor"
+  }));
+}
+const IconDownload_IconComponent = convertIcon(IconDownload_SvgComponent, 'download');
+/* harmony default export */ const IconDownload = (IconDownload_IconComponent);
 ;// CONCATENATED MODULE: ../semi-foundation/image/previewFooterFoundation.ts
 
 class PreviewFooterFoundation extends foundation {