npm - @cloudtower/eagle - Versions diffs - 0.27.1 → 0.27.2 - Mend

@cloudtower/eagle 0.27.1 → 0.27.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/dist/components/Fields/FieldsString/FieldsString.stories.d.ts +1 -1
package/dist/components/I18nNameTag/index.d.ts +2 -8
package/dist/components/Tag/Tag.stories.d.ts +2 -2
package/dist/components/Tag/style.d.ts +1 -0
package/dist/components.css +1247 -1208
package/dist/core/StepProgress/StepProgress.stories.d.ts +8 -0
package/dist/core/StepProgress/index.d.ts +3 -0
package/dist/esm/index.js +620 -594
package/dist/esm/stats1.html +1 -1
package/dist/spec/base.d.ts +19 -8
package/dist/spec/type.d.ts +5 -0
package/dist/style.css +686 -647
package/dist/umd/index.js +617 -591
package/dist/umd/stats1.html +1 -1
package/dist/utils/icon.d.ts +2 -1
package/dist/variables.scss +2 -0
package/package.json +5 -6
package/dist/components/images/index.d.ts +0 -15

package/dist/umd/index.js CHANGED Viewed

@@ -108,8 +108,8 @@
   );
   var __defProp$X = Object.defineProperty;
-  var __defProps$E = Object.defineProperties;
-  var __getOwnPropDescs$E = Object.getOwnPropertyDescriptors;
+  var __defProps$F = Object.defineProperties;
+  var __getOwnPropDescs$F = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$Z = Object.getOwnPropertySymbols;
   var __hasOwnProp$Z = Object.prototype.hasOwnProperty;
   var __propIsEnum$Z = Object.prototype.propertyIsEnumerable;
@@ -126,7 +126,7 @@
     }
     return a;
   };
-  var __spreadProps$E = (a, b) => __defProps$E(a, __getOwnPropDescs$E(b));
+  var __spreadProps$F = (a, b) => __defProps$F(a, __getOwnPropDescs$F(b));
   var __objRest$A = (source, exclude) => {
     var target = {};
     for (var prop in source) if (__hasOwnProp$Z.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
@@ -183,7 +183,7 @@
       }
       return src2;
     }, [active, hover, suffix]);
-    return /* @__PURE__ */React__namespace.default.createElement(BaseIcon, __spreadProps$E(__spreadValues$X({
+    return /* @__PURE__ */React__namespace.default.createElement(BaseIcon, __spreadProps$F(__spreadValues$X({
       src: _src,
       className: cs__default.default(IconWrapper, "icon-wrapper", className, isRotate && "is-rotate"),
       suffixIconSrc,
@@ -519,6 +519,44 @@
     }, props.children));
   };
+  const CircleProgressStyle = "c1bus5hc";
+  const CircleProgress = props => {
+    const {
+      percent,
+      color = "#0080ff",
+      className
+    } = props;
+    const wrapperRef = React.useRef(null);
+    const childRef = React.useRef(null);
+    React.useLayoutEffect(() => {
+      var _a;
+      (_a = wrapperRef.current) == null ? void 0 : _a.style.setProperty("--color", color);
+    }, [color]);
+    React.useLayoutEffect(() => {
+      let deg = 0;
+      const childStyle = childRef.current.style;
+      if (percent <= 0.5) {
+        deg = 180 * (percent / 0.5);
+        childStyle.background = "white";
+      } else {
+        deg = 180 * ((percent - 0.5) / 0.5);
+        childStyle.background = color;
+      }
+      childStyle.transform = `rotate(${deg}deg)`;
+    }, [percent, color]);
+    return /* @__PURE__ */React__namespace.default.createElement("div", {
+      className: cs__default.default(CircleProgressStyle, className),
+      ref: wrapperRef
+    }, /* @__PURE__ */React__namespace.default.createElement("div", {
+      className: "circle-inner"
+    }, /* @__PURE__ */React__namespace.default.createElement("div", {
+      className: "circle-content"
+    }), /* @__PURE__ */React__namespace.default.createElement("div", {
+      className: "circle-child",
+      ref: childRef
+    })));
+  };
   const Counting = (props) => {
     const { stop, interval = 1e3, render } = props;
     const [, setState] = React.useState(true);
@@ -536,8 +574,8 @@
   };
   var __defProp$V = Object.defineProperty;
-  var __defProps$D = Object.defineProperties;
-  var __getOwnPropDescs$D = Object.getOwnPropertyDescriptors;
+  var __defProps$E = Object.defineProperties;
+  var __getOwnPropDescs$E = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$X = Object.getOwnPropertySymbols;
   var __hasOwnProp$X = Object.prototype.hasOwnProperty;
   var __propIsEnum$X = Object.prototype.propertyIsEnumerable;
@@ -553,7 +591,7 @@
       }
     return a;
   };
-  var __spreadProps$D = (a, b) => __defProps$D(a, __getOwnPropDescs$D(b));
+  var __spreadProps$E = (a, b) => __defProps$E(a, __getOwnPropDescs$E(b));
   var __objRest$y = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -615,7 +653,7 @@
     }, [followMouse, onmousemove, uniqueContainerClass]);
     return /* @__PURE__ */ React__namespace.default.createElement(
       antd.Tooltip,
-      __spreadProps$D(__spreadValues$V({}, restProps), {
+      __spreadProps$E(__spreadValues$V({}, restProps), {
         overlayClassName: followMouse ? cs__default.default(overlayClassName, uniquePopupClass) : overlayClassName,
         children: _children,
         overlayStyle: followMouse ? __spreadValues$V({
@@ -627,8 +665,8 @@
   };
   var __defProp$U = Object.defineProperty;
-  var __defProps$C = Object.defineProperties;
-  var __getOwnPropDescs$C = Object.getOwnPropertyDescriptors;
+  var __defProps$D = Object.defineProperties;
+  var __getOwnPropDescs$D = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$W = Object.getOwnPropertySymbols;
   var __hasOwnProp$W = Object.prototype.hasOwnProperty;
   var __propIsEnum$W = Object.prototype.propertyIsEnumerable;
@@ -645,7 +683,7 @@
     }
     return a;
   };
-  var __spreadProps$C = (a, b) => __defProps$C(a, __getOwnPropDescs$C(b));
+  var __spreadProps$D = (a, b) => __defProps$D(a, __getOwnPropDescs$D(b));
   var __objRest$x = (source, exclude) => {
     var target = {};
     for (var prop in source) if (__hasOwnProp$W.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
@@ -681,7 +719,7 @@
       ref: textWrapper,
       className: textWrapperCls
     }, text);
-    return isTextTruncated ? /* @__PURE__ */React__namespace.default.createElement(Tooltip, __spreadProps$C(__spreadValues$U({}, restProps), {
+    return isTextTruncated ? /* @__PURE__ */React__namespace.default.createElement(Tooltip, __spreadProps$D(__spreadValues$U({}, restProps), {
       title: text,
       "data-testid": "text-tooltip"
     }), /* @__PURE__ */React__namespace.default.createElement(TruncatedTextWrapper, null, renderName())) : renderName();
@@ -872,46 +910,26 @@
     };
   }
-  var img$9 = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.11092 7.0535C3.91566 6.85824 3.91566 6.54166 4.11092 6.3464C4.30619 6.15114 4.62277 6.15114 4.81803 6.3464L8.00001 9.52838L8.35226 9.17613L8.35356 9.17482L11.182 6.3464C11.3773 6.15114 11.6938 6.15114 11.8891 6.3464C12.0844 6.54166 12.0844 6.85824 11.8891 7.0535L10.4408 8.50184C10.4288 8.51384 10.4166 8.52604 10.4042 8.53843L9.13138 9.81122C9.11899 9.82361 9.1068 9.83581 9.09479 9.84781L9.06067 9.88193L9.057 9.88556C8.70964 10.2323 8.5226 10.41 8.30903 10.4794C8.10819 10.5447 7.89184 10.5447 7.691 10.4794C7.47748 10.4101 7.29048 10.2324 6.94327 9.88581L6.93935 9.88193L4.11092 7.0535Z' fill='%230080FF'/%3e%3c/svg%3e";
-  var img$8 = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.11092 7.0535C3.91566 6.85824 3.91566 6.54166 4.11092 6.3464C4.30619 6.15114 4.62277 6.15114 4.81803 6.3464L8.00001 9.52838L8.35226 9.17613L8.35356 9.17482L11.182 6.3464C11.3773 6.15114 11.6938 6.15114 11.8891 6.3464C12.0844 6.54166 12.0844 6.85824 11.8891 7.0535L10.4408 8.50184C10.4288 8.51384 10.4166 8.52604 10.4042 8.53843L9.13138 9.81122C9.11899 9.82361 9.1068 9.83581 9.09479 9.84781L9.06067 9.88193L9.057 9.88556C8.70964 10.2323 8.5226 10.41 8.30903 10.4794C8.10819 10.5447 7.89184 10.5447 7.691 10.4794C7.47748 10.4101 7.29048 10.2324 6.94327 9.88581L6.93935 9.88193L4.11092 7.0535Z' fill='%232C3852' fill-opacity='0.6'/%3e%3c/svg%3e";
-  var img$7 = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.06067 3.75725C9.45119 3.36672 10.0844 3.36672 10.4749 3.75725C10.8654 4.14777 10.8654 4.78094 10.4749 5.17146L7.64645 7.99989L10.4749 10.8283C10.8654 11.2188 10.8654 11.852 10.4749 12.2425C10.0844 12.6331 9.45119 12.6331 9.06067 12.2425L5.9494 9.13126C5.55338 8.73524 5.35537 8.53723 5.28118 8.30891C5.21592 8.10806 5.21592 7.89172 5.28118 7.69087C5.35537 7.46254 5.55338 7.26454 5.9494 6.86852L9.06067 3.75725Z' fill='%230080FF'/%3e%3c/svg%3e";
-  var img$6 = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.05028 9.4142L6.86865 5.59582C6.87513 5.58934 6.88156 5.58292 6.88793 5.57655C7.27116 5.19336 7.46641 5.00058 7.69101 4.92761C7.89185 4.86235 8.1082 4.86235 8.30904 4.92761C8.53737 5.00179 8.73538 5.1998 9.1314 5.59582L12.9498 9.4142C13.3403 9.80472 13.3403 10.4379 12.9498 10.8284C12.5592 11.2189 11.9261 11.2189 11.5356 10.8284L8.00003 7.29288L4.46449 10.8284C4.07397 11.2189 3.4408 11.2189 3.05028 10.8284C2.65975 10.4379 2.65975 9.80472 3.05028 9.4142Z' fill='%232C3852' fill-opacity='0.6'/%3e%3c/svg%3e";
-  var img$5 = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5ZM11.134 6.56615C11.3346 6.28527 11.2696 5.89493 10.9887 5.6943C10.7078 5.49367 10.3175 5.55872 10.1168 5.83961L7.26389 9.83372L5.81653 8.38635C5.57245 8.14227 5.17672 8.14227 4.93265 8.38635C4.68857 8.63043 4.68857 9.02616 4.93265 9.27023L6.90171 11.2393C7.03162 11.3692 7.2121 11.4354 7.3952 11.4202C7.57829 11.4051 7.74545 11.3101 7.85223 11.1606L11.134 6.56615Z' fill='%2300BA5D'/%3e%3c/svg%3e";
-  var img$4 = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.81662 7.33209C10.1545 7.55506 10.3235 7.66655 10.3822 7.80742C10.4336 7.93055 10.4336 8.0691 10.3822 8.19224C10.3235 8.33311 10.1545 8.4446 9.81662 8.66757L6.81921 10.6454C6.4159 10.9115 6.21424 11.0445 6.04715 11.034C5.90158 11.0248 5.76727 10.9525 5.67943 10.8361C5.57861 10.7024 5.57861 10.4608 5.57861 9.97761L5.57861 6.02205C5.57861 5.53885 5.57861 5.29726 5.67943 5.16359C5.76727 5.04714 5.90158 4.97485 6.04715 4.96567C6.21424 4.95513 6.4159 5.08819 6.81921 5.35431L9.81662 7.33209Z' fill='%230080FF'/%3e%3c/svg%3e";
-  var img$3 = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5ZM8.75 11.5C8.75 11.9142 8.41421 12.25 8 12.25C7.58579 12.25 7.25 11.9142 7.25 11.5V7.99812C7.25 7.58391 7.58579 7.24812 8 7.24812C8.41421 7.24812 8.75 7.58391 8.75 7.99812V11.5ZM8.875 5.125C8.875 5.60825 8.48325 6 8 6C7.51675 6 7.125 5.60825 7.125 5.125C7.125 4.64175 7.51675 4.25 8 4.25C8.48325 4.25 8.875 4.64175 8.875 5.125Z' fill='%230080FF'/%3e%3c/svg%3e";
-  var img$2 = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5ZM8.75 11.5C8.75 11.9142 8.41421 12.25 8 12.25C7.58579 12.25 7.25 11.9142 7.25 11.5V7.99812C7.25 7.58391 7.58579 7.24812 8 7.24812C8.41421 7.24812 8.75 7.58391 8.75 7.99812V11.5ZM8.875 5.125C8.875 5.60825 8.48325 6 8 6C7.51675 6 7.125 5.60825 7.125 5.125C7.125 4.64175 7.51675 4.25 8 4.25C8.48325 4.25 8.875 4.64175 8.875 5.125Z' fill='%232C3852' fill-opacity='0.6'/%3e%3c/svg%3e";
-  var img$1 = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.60245 1.88247C7.31193 2.00834 7.08625 2.37752 6.63487 3.11589L1.69402 11.1983C1.20753 11.9941 0.964285 12.392 0.992929 12.7198C1.0179 13.0056 1.16444 13.267 1.39527 13.4373C1.66005 13.6328 2.12641 13.6328 3.05915 13.6328H12.9408C13.8736 13.6328 14.34 13.6328 14.6047 13.4373C14.8356 13.267 14.9821 13.0056 15.0071 12.7198C15.0357 12.392 14.7925 11.9941 14.306 11.1983L9.36513 3.11589C8.91375 2.37752 8.68807 2.00834 8.39755 1.88247C8.14391 1.77258 7.85609 1.77258 7.60245 1.88247ZM7.25 5.38278C7.25 4.96856 7.58579 4.63278 8 4.63278C8.41421 4.63278 8.75 4.96856 8.75 5.38278V9.38278C8.75 9.79699 8.41421 10.1328 8 10.1328C7.58579 10.1328 7.25 9.79699 7.25 9.38278V5.38278ZM7.125 11.7578C7.125 11.2745 7.51675 10.8828 8 10.8828C8.48325 10.8828 8.875 11.2745 8.875 11.7578C8.875 12.241 8.48325 12.6328 8 12.6328C7.51675 12.6328 7.125 12.241 7.125 11.7578Z' fill='%23FEA008'/%3e%3c/svg%3e";
-  var img = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.47964 2.70117L2.70108 4.47973C2.35518 4.82563 2.18223 4.99859 2.05854 5.20042C1.94889 5.37936 1.86808 5.57445 1.81908 5.77853C1.76382 6.0087 1.76382 6.25329 1.76382 6.74247V9.25773C1.76382 9.74691 1.76382 9.9915 1.81908 10.2217C1.86808 10.4258 1.94889 10.6208 2.05854 10.7998C2.18223 11.0016 2.35518 11.1746 2.70108 11.5205L4.47964 13.299C4.82554 13.6449 4.9985 13.8179 5.20033 13.9416C5.37927 14.0512 5.57436 14.132 5.77843 14.181C6.00861 14.2363 6.2532 14.2363 6.74238 14.2363H9.25764C9.74682 14.2363 9.99141 14.2363 10.2216 14.181C10.4257 14.132 10.6207 14.0512 10.7997 13.9416C11.0015 13.8179 11.1745 13.6449 11.5204 13.299L13.2989 11.5205C13.6448 11.1746 13.8178 11.0016 13.9415 10.7998C14.0511 10.6208 14.1319 10.4258 14.1809 10.2217C14.2362 9.9915 14.2362 9.74691 14.2362 9.25773V6.74247C14.2362 6.25329 14.2362 6.0087 14.1809 5.77853C14.1319 5.57445 14.0511 5.37936 13.9415 5.20042C13.8178 4.99859 13.6448 4.82563 13.2989 4.47973L11.5204 2.70117C11.1745 2.35527 11.0015 2.18232 10.7997 2.05864C10.6207 1.94898 10.4257 1.86817 10.2216 1.81918C9.99141 1.76392 9.74682 1.76392 9.25764 1.76392H6.74238C6.2532 1.76392 6.00861 1.76392 5.77843 1.81918C5.57436 1.86817 5.37927 1.94898 5.20033 2.05864C4.99849 2.18232 4.82554 2.35527 4.47964 2.70117ZM9.94454 5.17157C10.1886 4.92749 10.5843 4.92749 10.8284 5.17157C11.0725 5.41564 11.0725 5.81137 10.8284 6.05545L8.88389 7.99998L10.8285 9.94457C11.0726 10.1886 11.0726 10.5844 10.8285 10.8284C10.5844 11.0725 10.1887 11.0725 9.9446 10.8284L8.00001 8.88386L6.05545 10.8284C5.81138 11.0725 5.41565 11.0725 5.17157 10.8284C4.92749 10.5843 4.92749 10.1886 5.17157 9.94454L7.11613 7.99998L5.17162 6.05548C4.92755 5.8114 4.92755 5.41567 5.17162 5.17159C5.4157 4.92752 5.81143 4.92752 6.05551 5.17159L8.00001 7.1161L9.94454 5.17157Z' fill='%23F0483E'/%3e%3c/svg%3e";
   function getAlertIcon(type) {
     switch (type) {
       case "success":
-        return img$5;
+        return iconsReact.CheckmarkDoneSuccessCircleFill16GreenIcon;
       case "info":
-        return img$3;
+        return iconsReact.InfoICircleFill16BlueIcon;
       case "warning":
-        return img$1;
+        return iconsReact.NoticeAttention16YellowIcon;
       case "error":
-        return img;
+        return iconsReact.XmarkFailedSeriousWarningFill16RedIcon;
       case "normal":
-        return img$2;
+        return iconsReact.InfoICircleFill16SecondaryIcon;
       default:
-        return img$2;
+        return iconsReact.InfoICircleFill16SecondaryIcon;
     }
   }
   var __defProp$T = Object.defineProperty;
-  var __defProps$B = Object.defineProperties;
-  var __getOwnPropDescs$B = Object.getOwnPropertyDescriptors;
+  var __defProps$C = Object.defineProperties;
+  var __getOwnPropDescs$C = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$V = Object.getOwnPropertySymbols;
   var __hasOwnProp$V = Object.prototype.hasOwnProperty;
   var __propIsEnum$V = Object.prototype.propertyIsEnumerable;
@@ -928,7 +946,7 @@
     }
     return a;
   };
-  var __spreadProps$B = (a, b) => __defProps$B(a, __getOwnPropDescs$B(b));
+  var __spreadProps$C = (a, b) => __defProps$C(a, __getOwnPropDescs$C(b));
   var __objRest$w = (source, exclude) => {
     var target = {};
     for (var prop in source) if (__hasOwnProp$V.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
@@ -957,7 +975,7 @@
       src: getAlertIcon(type)
     });
     const _type = type === "normal" ? "info" : type;
-    return /* @__PURE__ */React__namespace.default.createElement(antd.Alert, __spreadProps$B(__spreadValues$T({}, props), {
+    return /* @__PURE__ */React__namespace.default.createElement(antd.Alert, __spreadProps$C(__spreadValues$T({}, props), {
       className: cs__default.default(AlertStyle, type ? `alert-${type}` : "", className, {
         action
       }),
@@ -996,8 +1014,8 @@
   };
   var __defProp$S = Object.defineProperty;
-  var __defProps$A = Object.defineProperties;
-  var __getOwnPropDescs$A = Object.getOwnPropertyDescriptors;
+  var __defProps$B = Object.defineProperties;
+  var __getOwnPropDescs$B = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$U = Object.getOwnPropertySymbols;
   var __hasOwnProp$U = Object.prototype.hasOwnProperty;
   var __propIsEnum$U = Object.prototype.propertyIsEnumerable;
@@ -1013,7 +1031,7 @@
       }
     return a;
   };
-  var __spreadProps$A = (a, b) => __defProps$A(a, __getOwnPropDescs$A(b));
+  var __spreadProps$B = (a, b) => __defProps$B(a, __getOwnPropDescs$B(b));
   var __objRest$v = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -1030,7 +1048,7 @@
     var _b = _a, { type = "error", className } = _b, props = __objRest$v(_b, ["type", "className"]);
     return /* @__PURE__ */ React__namespace.default.createElement(
       antd.Badge,
-      __spreadProps$A(__spreadValues$S({
+      __spreadProps$B(__spreadValues$S({
         className: core.cx(`badge-${type}`, className)
       }, props), {
         showZero: false
@@ -1423,8 +1441,8 @@
   });
   var __defProp$K = Object.defineProperty;
-  var __defProps$z = Object.defineProperties;
-  var __getOwnPropDescs$z = Object.getOwnPropertyDescriptors;
+  var __defProps$A = Object.defineProperties;
+  var __getOwnPropDescs$A = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$M = Object.getOwnPropertySymbols;
   var __hasOwnProp$M = Object.prototype.hasOwnProperty;
   var __propIsEnum$M = Object.prototype.propertyIsEnumerable;
@@ -1440,7 +1458,7 @@
       }
     return a;
   };
-  var __spreadProps$z = (a, b) => __defProps$z(a, __getOwnPropDescs$z(b));
+  var __spreadProps$A = (a, b) => __defProps$A(a, __getOwnPropDescs$A(b));
   var __objRest$r = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -1475,7 +1493,7 @@
       const [open, setOpen] = React.useState(defaultOpen);
       return /* @__PURE__ */ React__namespace.default.createElement(
         CardWrapper,
-        __spreadProps$z(__spreadValues$K({
+        __spreadProps$A(__spreadValues$K({
           ref,
           className: cs__default.default(["card-wrapper", className, hoverable && "hoverable"])
         }, domProps), {
@@ -1505,8 +1523,8 @@
   );
   var __defProp$J = Object.defineProperty;
-  var __defProps$y = Object.defineProperties;
-  var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
+  var __defProps$z = Object.defineProperties;
+  var __getOwnPropDescs$z = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$L = Object.getOwnPropertySymbols;
   var __hasOwnProp$L = Object.prototype.hasOwnProperty;
   var __propIsEnum$L = Object.prototype.propertyIsEnumerable;
@@ -1523,7 +1541,7 @@
     }
     return a;
   };
-  var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
+  var __spreadProps$z = (a, b) => __defProps$z(a, __getOwnPropDescs$z(b));
   var __objRest$q = (source, exclude) => {
     var target = {};
     for (var prop in source) if (__hasOwnProp$L.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
@@ -1542,7 +1560,7 @@
         compact
       } = _b,
       props = __objRest$q(_b, ["className", "children", "description", "compact"]);
-    return /* @__PURE__ */React__namespace.default.createElement(antd.Checkbox, __spreadProps$y(__spreadValues$J({}, props), {
+    return /* @__PURE__ */React__namespace.default.createElement(antd.Checkbox, __spreadProps$z(__spreadValues$J({}, props), {
       "data-test": props["data-test"] || props.value,
       className: cs__default.default(className, CheckboxStyle, compact && "compact")
     }), children ? /* @__PURE__ */React__namespace.default.createElement(React__namespace.default.Fragment, null, /* @__PURE__ */React__namespace.default.createElement("div", {
@@ -1738,6 +1756,8 @@
   const LoadingLine3 = "l1exo3h6";
   var __defProp$H = Object.defineProperty;
+  var __defProps$y = Object.defineProperties;
+  var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$I = Object.getOwnPropertySymbols;
   var __hasOwnProp$I = Object.prototype.hasOwnProperty;
   var __propIsEnum$I = Object.prototype.propertyIsEnumerable;
@@ -1753,10 +1773,11 @@
       }
     return a;
   };
+  var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
   const Loading = ({ fullView = true }) => {
     const Wrapper = fullView ? FullView : React.Fragment;
     const props = fullView ? { className: "loading-full-view" } : {};
-    return /* @__PURE__ */ React__namespace.default.createElement(Wrapper, __spreadValues$H({}, props), /* @__PURE__ */ React__namespace.default.createElement("div", { className: LoadingWrapper }, /* @__PURE__ */ React__namespace.default.createElement("div", { className: LoadingLine1 }), /* @__PURE__ */ React__namespace.default.createElement("div", { className: LoadingLine2 }), /* @__PURE__ */ React__namespace.default.createElement("div", { className: LoadingLine3 })));
+    return /* @__PURE__ */ React__namespace.default.createElement(Wrapper, __spreadProps$y(__spreadValues$H({}, props), { "data-testid": "loading" }), /* @__PURE__ */ React__namespace.default.createElement("div", { className: LoadingWrapper }, /* @__PURE__ */ React__namespace.default.createElement("div", { className: LoadingLine1 }), /* @__PURE__ */ React__namespace.default.createElement("div", { className: LoadingLine2 }), /* @__PURE__ */ React__namespace.default.createElement("div", { className: LoadingLine3 })));
   };
   var __defProp$G = Object.defineProperty;
@@ -2583,7 +2604,7 @@
         size,
         allowClear,
         onClick,
-        prefix: focusIndicator ? /* @__PURE__ */ React__namespace.default.createElement(Icon, { alt: "focusIndicator16Blue", src: img$4 }) : void 0,
+        prefix: focusIndicator ? /* @__PURE__ */ React__namespace.default.createElement(Icon, { alt: "focusIndicator16Blue", src: iconsReact.FocusIndicator16BlueIcon }) : void 0,
         error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError)
       }), props), {
         onChange: (e) => {
@@ -2916,9 +2937,43 @@
     return /* @__PURE__ */ React__namespace.default.createElement(reactI18next.Trans, __spreadValues$r({ i18n }, props));
   };
+  const PresetColors$3 = [
+    "blue",
+    "red",
+    "yellow",
+    "green",
+    "gray",
+    "purple"
+  ];
+  const Size$1 = {
+    small: "sut42l0",
+    medium: "mfsz1jz"
+  };
+  const TagStyle$1 = "tnd6h4m";
+  const IconStyle$1 = "i1qw4clm";
+  const NameTagStyle = "n1r5ku5l";
+  var __defProp$q = Object.defineProperty;
+  var __defProps$k = Object.defineProperties;
+  var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
   var __hasOwnProp$r = Object.prototype.hasOwnProperty;
   var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value
+  }) : obj[key] = value;
+  var __spreadValues$q = (a, b) => {
+    for (var prop in b || (b = {})) if (__hasOwnProp$r.call(b, prop)) __defNormalProp$q(a, prop, b[prop]);
+    if (__getOwnPropSymbols$r) for (var prop of __getOwnPropSymbols$r(b)) {
+      if (__propIsEnum$r.call(b, prop)) __defNormalProp$q(a, prop, b[prop]);
+    }
+    return a;
+  };
+  var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
   var __objRest$a = (source, exclude) => {
     var target = {};
     for (var prop in source) if (__hasOwnProp$r.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
@@ -2927,22 +2982,137 @@
     }
     return target;
   };
-  const NameTag = /*#__PURE__*/react$1.styled('span')({
-    name: "NameTag",
-    class: "n3qomhu",
-    propsAsIs: false
-  });
+  const WrapperStyle = "w1xcixj5";
+  const SplitTag = _a => {
+    var _b = _a,
+      {
+        size = "small",
+        color = "gray",
+        className,
+        primaryContent,
+        secondaryContent,
+        icon
+      } = _b,
+      props = __objRest$a(_b, ["size", "color", "className", "primaryContent", "secondaryContent", "icon"]);
+    return /* @__PURE__ */React__namespace.default.createElement(antd.Tag, __spreadProps$k(__spreadValues$q({}, props), {
+      className: cs__default.default(className, TagStyle$1, Size$1[size], WrapperStyle, Typo.Label.l4_regular, {
+        [`ant-tag-${color}`]: PresetColors$3.includes(color)
+      }, "outside-tag")
+    }), /* @__PURE__ */React__namespace.default.createElement(antd.Tag, {
+      className: cs__default.default(Size$1[size], TagStyle$1, Typo.Label.l4_regular, {
+        [`ant-tag-${color}`]: PresetColors$3.includes(color)
+      }, "inside-tag")
+    }, icon && /* @__PURE__ */React__namespace.default.createElement("span", {
+      className: cs__default.default("ui-kit-tag-icon", IconStyle$1)
+    }, icon), primaryContent), secondaryContent);
+  };
+  var __defProp$p = Object.defineProperty;
+  var __defProps$j = Object.defineProperties;
+  var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
+  var __hasOwnProp$q = Object.prototype.hasOwnProperty;
+  var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$p = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$q.call(b, prop))
+        __defNormalProp$p(a, prop, b[prop]);
+    if (__getOwnPropSymbols$q)
+      for (var prop of __getOwnPropSymbols$q(b)) {
+        if (__propIsEnum$q.call(b, prop))
+          __defNormalProp$p(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
+  var __objRest$9 = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$q.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$q)
+      for (var prop of __getOwnPropSymbols$q(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$q.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  const PresetColors$2 = [
+    ...PresetColors$3,
+    "red-ontint",
+    "green-ontint"
+  ];
+  const AntdColorMap = {
+    processing: "blue",
+    success: "green",
+    error: "red",
+    warn: "yellow",
+    default: "gray"
+  };
+  const Tag = (_a) => {
+    var _b = _a, {
+      size = "small",
+      color = "gray",
+      className,
+      hoverable = false,
+      icon,
+      children
+    } = _b, props = __objRest$9(_b, [
+      "size",
+      "color",
+      "className",
+      "hoverable",
+      "icon",
+      "children"
+    ]);
+    const computedColor = AntdColorMap[color] || color;
+    return /* @__PURE__ */ React__namespace.default.createElement(
+      antd.Tag,
+      __spreadProps$j(__spreadValues$p({}, props), {
+        className: cs__default.default(className, Size$1[size], TagStyle$1, Typo.Label.l4_regular, {
+          [`ant-tag-${computedColor}`]: PresetColors$2.includes(computedColor),
+          "tag-hover": hoverable
+        }),
+        closable: false,
+        color: computedColor === "gray" ? void 0 : computedColor
+      }),
+      icon && /* @__PURE__ */ React__namespace.default.createElement("span", { className: IconStyle$1 }, icon),
+      children
+    );
+  };
+  const NameTag = (_c) => {
+    var _d = _c, { className } = _d, props = __objRest$9(_d, ["className"]);
+    return /* @__PURE__ */ React__namespace.default.createElement(Tag, __spreadValues$p({ className: cs__default.default(NameTagStyle, className) }, props));
+  };
+  Tag.SplitTag = SplitTag;
+  Tag.NameTag = NameTag;
+  var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
+  var __hasOwnProp$p = Object.prototype.hasOwnProperty;
+  var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
+  var __objRest$8 = (source, exclude) => {
+    var target = {};
+    for (var prop in source) if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$p) for (var prop of __getOwnPropSymbols$p(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$p.call(source, prop)) target[prop] = source[prop];
+    }
+    return target;
+  };
+  const tagStyle = "t3qomhu";
   const I18nNameTag = props => {
     const _a = props,
       {
         name,
         i18nKey
       } = _a,
-      otherOption = __objRest$a(_a, ["name", "i18nKey"]);
+      otherOption = __objRest$8(_a, ["name", "i18nKey"]);
     return /* @__PURE__ */React__namespace.default.createElement(ParrotTrans, {
       i18nKey,
       tOptions: otherOption
-    }, "h", /* @__PURE__ */React__namespace.default.createElement(NameTag, null, {
+    }, "h", /* @__PURE__ */React__namespace.default.createElement(Tag.NameTag, {
+      className: tagStyle
+    }, {
       name
     }));
   };
@@ -2954,25 +3124,25 @@
     propsAsIs: true
   });
-  var __defProp$q = Object.defineProperty;
-  var __defProps$k = Object.defineProperties;
-  var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
-  var __hasOwnProp$q = Object.prototype.hasOwnProperty;
-  var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$q = (obj, key2, value) => key2 in obj ? __defProp$q(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
-  var __spreadValues$q = (a, b) => {
+  var __defProp$o = Object.defineProperty;
+  var __defProps$i = Object.defineProperties;
+  var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
+  var __hasOwnProp$o = Object.prototype.hasOwnProperty;
+  var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$o = (obj, key2, value) => key2 in obj ? __defProp$o(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
+  var __spreadValues$o = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$q.call(b, prop))
-        __defNormalProp$q(a, prop, b[prop]);
-    if (__getOwnPropSymbols$q)
-      for (var prop of __getOwnPropSymbols$q(b)) {
-        if (__propIsEnum$q.call(b, prop))
-          __defNormalProp$q(a, prop, b[prop]);
+      if (__hasOwnProp$o.call(b, prop))
+        __defNormalProp$o(a, prop, b[prop]);
+    if (__getOwnPropSymbols$o)
+      for (var prop of __getOwnPropSymbols$o(b)) {
+        if (__propIsEnum$o.call(b, prop))
+          __defNormalProp$o(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
+  var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
   let messageInstance;
   let defaultDuration = 3;
   let defaultTop;
@@ -3079,7 +3249,7 @@
       }
       getRCNotificationInstance(args, ({ prefixCls, instance }) => {
         instance.notice(
-          getRCNoticeProps(__spreadProps$k(__spreadValues$q({}, args), { key: target, onClose: callback }), prefixCls)
+          getRCNoticeProps(__spreadProps$i(__spreadValues$o({}, args), { key: target, onClose: callback }), prefixCls)
         );
       });
     });
@@ -3108,7 +3278,7 @@
   function attachTypeApi(originalApi, type) {
     originalApi[type] = (content, duration, onClose) => {
       if (isArgsProps(content)) {
-        return originalApi.open(__spreadProps$k(__spreadValues$q({}, content), { type }));
+        return originalApi.open(__spreadProps$i(__spreadValues$o({}, content), { type }));
       }
       if (typeof duration === "function") {
         onClose = duration;
@@ -3122,25 +3292,25 @@
   );
   api.warn = api.warning;
-  var __defProp$p = Object.defineProperty;
-  var __defProps$j = Object.defineProperties;
-  var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
-  var __hasOwnProp$p = Object.prototype.hasOwnProperty;
-  var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$p = (a, b) => {
+  var __defProp$n = Object.defineProperty;
+  var __defProps$h = Object.defineProperties;
+  var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
+  var __hasOwnProp$n = Object.prototype.hasOwnProperty;
+  var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$n = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$p.call(b, prop))
-        __defNormalProp$p(a, prop, b[prop]);
-    if (__getOwnPropSymbols$p)
-      for (var prop of __getOwnPropSymbols$p(b)) {
-        if (__propIsEnum$p.call(b, prop))
-          __defNormalProp$p(a, prop, b[prop]);
+      if (__hasOwnProp$n.call(b, prop))
+        __defNormalProp$n(a, prop, b[prop]);
+    if (__getOwnPropSymbols$n)
+      for (var prop of __getOwnPropSymbols$n(b)) {
+        if (__propIsEnum$n.call(b, prop))
+          __defNormalProp$n(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
+  var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
   const initialChartState = {
     pointers: {},
     resourceData: {},
@@ -3150,8 +3320,8 @@
     switch (action.type) {
       case "SET_POINTER" /* SET_POINTER */: {
         const { uuid, left, text, visible, value } = action.payload;
-        return __spreadProps$j(__spreadValues$p({}, state), {
-          pointers: __spreadProps$j(__spreadValues$p({}, state.pointers), {
+        return __spreadProps$h(__spreadValues$n({}, state), {
+          pointers: __spreadProps$h(__spreadValues$n({}, state.pointers), {
             [uuid]: {
               left,
               text,
@@ -3163,16 +3333,16 @@
       }
       case "SET_RESOURCE_DATA" /* SET_RESOURCE_DATA */: {
         const { uuid, data } = action.payload;
-        return __spreadProps$j(__spreadValues$p({}, state), {
-          resourceData: __spreadProps$j(__spreadValues$p({}, state.resourceData), {
+        return __spreadProps$h(__spreadValues$n({}, state), {
+          resourceData: __spreadProps$h(__spreadValues$n({}, state.resourceData), {
             [uuid]: data
           })
         });
       }
       case "SET_AVERAGE_DATA" /* SET_AVERAGE_DATA */: {
         const { uuid, average } = action.payload;
-        return __spreadProps$j(__spreadValues$p({}, state), {
-          averageData: __spreadProps$j(__spreadValues$p({}, state.averageData), {
+        return __spreadProps$h(__spreadValues$n({}, state), {
+          averageData: __spreadProps$h(__spreadValues$n({}, state.averageData), {
             [uuid]: average
           })
         });
@@ -3183,25 +3353,25 @@
     }
   };
-  var __defProp$o = Object.defineProperty;
-  var __defProps$i = Object.defineProperties;
-  var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
-  var __hasOwnProp$o = Object.prototype.hasOwnProperty;
-  var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$o = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$o.call(b, prop))
-        __defNormalProp$o(a, prop, b[prop]);
-    if (__getOwnPropSymbols$o)
-      for (var prop of __getOwnPropSymbols$o(b)) {
-        if (__propIsEnum$o.call(b, prop))
-          __defNormalProp$o(a, prop, b[prop]);
+  var __defProp$m = Object.defineProperty;
+  var __defProps$g = Object.defineProperties;
+  var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
+  var __hasOwnProp$m = Object.prototype.hasOwnProperty;
+  var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$m = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$m.call(b, prop))
+        __defNormalProp$m(a, prop, b[prop]);
+    if (__getOwnPropSymbols$m)
+      for (var prop of __getOwnPropSymbols$m(b)) {
+        if (__propIsEnum$m.call(b, prop))
+          __defNormalProp$m(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
+  var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
   var ModalActions = /* @__PURE__ */ ((ModalActions2) => {
     ModalActions2["PUSH_MODAL"] = "PUSH_MODAL";
     ModalActions2["POP_MODAL"] = "POP_MODAL";
@@ -3222,22 +3392,22 @@
         )) {
           return state;
         }
-        return __spreadProps$i(__spreadValues$o({}, state), {
-          stack: state.stack.concat(__spreadProps$i(__spreadValues$o({}, action.payload), {
+        return __spreadProps$g(__spreadValues$m({}, state), {
+          stack: state.stack.concat(__spreadProps$g(__spreadValues$m({}, action.payload), {
             id: MODAL_ID++
           }))
         });
       case "POP_MODAL" /* POP_MODAL */:
-        return __spreadProps$i(__spreadValues$o({}, state), {
+        return __spreadProps$g(__spreadValues$m({}, state), {
           stack: state.stack.slice(0, -1)
         });
       case "REMOVE_MODAL" /* REMOVE_MODAL */:
-        return __spreadProps$i(__spreadValues$o({}, state), {
+        return __spreadProps$g(__spreadValues$m({}, state), {
           closeId: 0,
           stack: state.stack.filter((m) => m.id !== action.id)
         });
       case "CLOSE_MODAL" /* CLOSE_MODAL */:
-        return __spreadProps$i(__spreadValues$o({}, state), {
+        return __spreadProps$g(__spreadValues$m({}, state), {
           closeId: action.id
         });
       default:
@@ -3294,33 +3464,33 @@
   const HorizontalStepContentStyle = "h1xo7yjb";
   const VerticalStepContentStyle = "v1f2f7cy";
-  var __defProp$n = Object.defineProperty;
-  var __defProps$h = Object.defineProperties;
-  var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
-  var __hasOwnProp$n = Object.prototype.hasOwnProperty;
-  var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$n = (a, b) => {
+  var __defProp$l = Object.defineProperty;
+  var __defProps$f = Object.defineProperties;
+  var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
+  var __hasOwnProp$l = Object.prototype.hasOwnProperty;
+  var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$l = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$n.call(b, prop))
-        __defNormalProp$n(a, prop, b[prop]);
-    if (__getOwnPropSymbols$n)
-      for (var prop of __getOwnPropSymbols$n(b)) {
-        if (__propIsEnum$n.call(b, prop))
-          __defNormalProp$n(a, prop, b[prop]);
+      if (__hasOwnProp$l.call(b, prop))
+        __defNormalProp$l(a, prop, b[prop]);
+    if (__getOwnPropSymbols$l)
+      for (var prop of __getOwnPropSymbols$l(b)) {
+        if (__propIsEnum$l.call(b, prop))
+          __defNormalProp$l(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
-  var __objRest$9 = (source, exclude) => {
+  var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+  var __objRest$7 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$n.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$l.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$n)
-      for (var prop of __getOwnPropSymbols$n(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$n.call(source, prop))
+    if (source != null && __getOwnPropSymbols$l)
+      for (var prop of __getOwnPropSymbols$l(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$l.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -3336,7 +3506,7 @@
         setTooltipEnable({});
       }
     }, [textRef]);
-    return /* @__PURE__ */ React__namespace.default.createElement(Tooltip, __spreadProps$h(__spreadValues$n({}, tooltipEnable), { title: step.title }), /* @__PURE__ */ React__namespace.default.createElement(
+    return /* @__PURE__ */ React__namespace.default.createElement(Tooltip, __spreadProps$f(__spreadValues$l({}, tooltipEnable), { title: step.title }), /* @__PURE__ */ React__namespace.default.createElement(
       "div",
       {
         className: isVerticalMode ? VerticalStepContentStyle : HorizontalStepContentStyle
@@ -3352,7 +3522,7 @@
       containerClassname,
       current = 0,
       disabled
-    } = _a, stepsProps = __objRest$9(_a, [
+    } = _a, stepsProps = __objRest$7(_a, [
       "stepsConfig",
       "direction",
       "containerClassname",
@@ -3371,14 +3541,14 @@
       },
       /* @__PURE__ */ React__namespace.default.createElement(
         antd.Steps,
-        __spreadProps$h(__spreadValues$n({}, stepsProps), {
+        __spreadProps$f(__spreadValues$l({}, stepsProps), {
           direction,
           current,
           type: "default"
         }),
         (stepsConfig == null ? void 0 : stepsConfig.length) ? stepsConfig.map((step, index) => /* @__PURE__ */ React__namespace.default.createElement(
           antd.Steps.Step,
-          __spreadProps$h(__spreadValues$n({
+          __spreadProps$f(__spreadValues$l({
             key: index
           }, step), {
             disabled: disabled || index > current,
@@ -3397,33 +3567,33 @@
     );
   };
-  var __defProp$m = Object.defineProperty;
-  var __defProps$g = Object.defineProperties;
-  var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
-  var __hasOwnProp$m = Object.prototype.hasOwnProperty;
-  var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$m = (a, b) => {
+  var __defProp$k = Object.defineProperty;
+  var __defProps$e = Object.defineProperties;
+  var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
+  var __hasOwnProp$k = Object.prototype.hasOwnProperty;
+  var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$k = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$m.call(b, prop))
-        __defNormalProp$m(a, prop, b[prop]);
-    if (__getOwnPropSymbols$m)
-      for (var prop of __getOwnPropSymbols$m(b)) {
-        if (__propIsEnum$m.call(b, prop))
-          __defNormalProp$m(a, prop, b[prop]);
+      if (__hasOwnProp$k.call(b, prop))
+        __defNormalProp$k(a, prop, b[prop]);
+    if (__getOwnPropSymbols$k)
+      for (var prop of __getOwnPropSymbols$k(b)) {
+        if (__propIsEnum$k.call(b, prop))
+          __defNormalProp$k(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
-  var __objRest$8 = (source, exclude) => {
+  var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
+  var __objRest$6 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$k.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$m)
-      for (var prop of __getOwnPropSymbols$m(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
+    if (source != null && __getOwnPropSymbols$k)
+      for (var prop of __getOwnPropSymbols$k(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$k.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -3450,7 +3620,7 @@
       showCancel = true,
       showOk = true,
       afterClose
-    } = _a, restProps = __objRest$8(_a, [
+    } = _a, restProps = __objRest$6(_a, [
       "error",
       "okText",
       "cancelText",
@@ -3505,7 +3675,7 @@
     }
     return /* @__PURE__ */ React__namespace.default.createElement(
       antd.Modal,
-      __spreadProps$g(__spreadValues$m({
+      __spreadProps$e(__spreadValues$k({
         maskClosable,
         className: cs__default.default(
           className,
@@ -3540,7 +3710,7 @@
           prevText
         ), error && /* @__PURE__ */ React__namespace.default.createElement(React__namespace.default.Fragment, null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: "modal-error" }, error))), /* @__PURE__ */ React__namespace.default.createElement("div", { className: "modal-footer-btn-group" }, showCancel && /* @__PURE__ */ React__namespace.default.createElement(
           Button,
-          __spreadValues$m({
+          __spreadValues$k({
             type: "quiet",
             onMouseDown: (e) => {
               e.preventDefault();
@@ -3554,7 +3724,7 @@
           cancelText
         ), showOk && /* @__PURE__ */ React__namespace.default.createElement(
           Button,
-          __spreadValues$m({
+          __spreadValues$k({
             onClick: (e) => {
               var _a2, _b2;
               onOk == null ? void 0 : onOk(e);
@@ -3596,26 +3766,26 @@
     );
   };
-  var __defProp$l = Object.defineProperty;
-  var __defProps$f = Object.defineProperties;
-  var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
-  var __hasOwnProp$l = Object.prototype.hasOwnProperty;
-  var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, {
+  var __defProp$j = Object.defineProperty;
+  var __defProps$d = Object.defineProperties;
+  var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
+  var __hasOwnProp$j = Object.prototype.hasOwnProperty;
+  var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, {
     enumerable: true,
     configurable: true,
     writable: true,
     value
   }) : obj[key] = value;
-  var __spreadValues$l = (a, b) => {
-    for (var prop in b || (b = {})) if (__hasOwnProp$l.call(b, prop)) __defNormalProp$l(a, prop, b[prop]);
-    if (__getOwnPropSymbols$l) for (var prop of __getOwnPropSymbols$l(b)) {
-      if (__propIsEnum$l.call(b, prop)) __defNormalProp$l(a, prop, b[prop]);
+  var __spreadValues$j = (a, b) => {
+    for (var prop in b || (b = {})) if (__hasOwnProp$j.call(b, prop)) __defNormalProp$j(a, prop, b[prop]);
+    if (__getOwnPropSymbols$j) for (var prop of __getOwnPropSymbols$j(b)) {
+      if (__propIsEnum$j.call(b, prop)) __defNormalProp$j(a, prop, b[prop]);
     }
     return a;
   };
-  var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+  var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
   const OverflowText = "o8ocss1";
   const NoWrap = "n17syc35";
   const OverflowTooltip = props => {
@@ -3646,7 +3816,7 @@
         observer == null ? void 0 : observer.disconnect();
       };
     });
-    return /* @__PURE__ */React__namespace.default.createElement(Tooltip, __spreadProps$f(__spreadValues$l({}, !ellipsis && {
+    return /* @__PURE__ */React__namespace.default.createElement(Tooltip, __spreadProps$d(__spreadValues$j({}, !ellipsis && {
       visible: false
     }), {
       title: tooltip
@@ -3719,8 +3889,8 @@
         }, /* @__PURE__ */React__namespace.default.createElement(Icon, {
           alt: "arrowChevronDownSmall16Secondary",
           className: "pagination-left dropdown-trigger",
-          src: img$8,
-          hoverSrc: img$9,
+          src: iconsReact.ArrowChevronDownSmall16SecondaryIcon,
+          hoverSrc: iconsReact.ArrowChevronDownSmall16BlueIcon,
           prefix: content
         }));
       }
@@ -3741,7 +3911,7 @@
       size: "small",
       prefixIcon: /* @__PURE__ */React__namespace.default.createElement(Icon, {
         alt: "arrowChevronLeftSmall16BoldBlue",
-        src: img$7
+        src: iconsReact.ArrowChevronLeftSmall16BoldBlueIcon
       }),
       onClick: () => {
         onChange == null ? void 0 : onChange(current - 1);
@@ -3754,7 +3924,7 @@
       size: "small",
       suffixIcon: /* @__PURE__ */React__namespace.default.createElement(Icon, {
         alt: "arrowChevronLeftSmall16BoldBlue",
-        src: img$7
+        src: iconsReact.ArrowChevronLeftSmall16BoldBlueIcon
       }),
       onClick: () => {
         onChange == null ? void 0 : onChange(current + 1);
@@ -3764,19 +3934,19 @@
     }))));
   };
-  var __defProp$k = Object.defineProperty;
-  var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
-  var __hasOwnProp$k = Object.prototype.hasOwnProperty;
-  var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$k = (a, b) => {
+  var __defProp$i = Object.defineProperty;
+  var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
+  var __hasOwnProp$i = Object.prototype.hasOwnProperty;
+  var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$i = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$k.call(b, prop))
-        __defNormalProp$k(a, prop, b[prop]);
-    if (__getOwnPropSymbols$k)
-      for (var prop of __getOwnPropSymbols$k(b)) {
-        if (__propIsEnum$k.call(b, prop))
-          __defNormalProp$k(a, prop, b[prop]);
+      if (__hasOwnProp$i.call(b, prop))
+        __defNormalProp$i(a, prop, b[prop]);
+    if (__getOwnPropSymbols$i)
+      for (var prop of __getOwnPropSymbols$i(b)) {
+        if (__propIsEnum$i.call(b, prop))
+          __defNormalProp$i(a, prop, b[prop]);
       }
     return a;
   };
@@ -3789,52 +3959,52 @@
     emptyProps
   }) => {
     if (isEmpty(rawValue)) {
-      return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$k({}, emptyProps));
+      return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$i({}, emptyProps));
     }
     const { value, unit } = formatPercent(rawValue, decimals, saturated);
     return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, unit));
   };
-  var __defProp$j = Object.defineProperty;
-  var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
-  var __hasOwnProp$j = Object.prototype.hasOwnProperty;
-  var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$j = (a, b) => {
+  var __defProp$h = Object.defineProperty;
+  var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
+  var __hasOwnProp$h = Object.prototype.hasOwnProperty;
+  var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$h = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$j.call(b, prop))
-        __defNormalProp$j(a, prop, b[prop]);
-    if (__getOwnPropSymbols$j)
-      for (var prop of __getOwnPropSymbols$j(b)) {
-        if (__propIsEnum$j.call(b, prop))
-          __defNormalProp$j(a, prop, b[prop]);
+      if (__hasOwnProp$h.call(b, prop))
+        __defNormalProp$h(a, prop, b[prop]);
+    if (__getOwnPropSymbols$h)
+      for (var prop of __getOwnPropSymbols$h(b)) {
+        if (__propIsEnum$h.call(b, prop))
+          __defNormalProp$h(a, prop, b[prop]);
       }
     return a;
   };
-  const Progress = (props) => /* @__PURE__ */ React__namespace.default.createElement(antd.Progress, __spreadValues$j({}, props));
+  const Progress = (props) => /* @__PURE__ */ React__namespace.default.createElement(antd.Progress, __spreadValues$h({}, props));
-  var __defProp$i = Object.defineProperty;
-  var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
-  var __hasOwnProp$i = Object.prototype.hasOwnProperty;
-  var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, {
+  var __defProp$g = Object.defineProperty;
+  var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+  var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+  var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, {
     enumerable: true,
     configurable: true,
     writable: true,
     value
   }) : obj[key] = value;
-  var __spreadValues$i = (a, b) => {
-    for (var prop in b || (b = {})) if (__hasOwnProp$i.call(b, prop)) __defNormalProp$i(a, prop, b[prop]);
-    if (__getOwnPropSymbols$i) for (var prop of __getOwnPropSymbols$i(b)) {
-      if (__propIsEnum$i.call(b, prop)) __defNormalProp$i(a, prop, b[prop]);
+  var __spreadValues$g = (a, b) => {
+    for (var prop in b || (b = {})) if (__hasOwnProp$g.call(b, prop)) __defNormalProp$g(a, prop, b[prop]);
+    if (__getOwnPropSymbols$g) for (var prop of __getOwnPropSymbols$g(b)) {
+      if (__propIsEnum$g.call(b, prop)) __defNormalProp$g(a, prop, b[prop]);
     }
     return a;
   };
-  var __objRest$7 = (source, exclude) => {
+  var __objRest$5 = (source, exclude) => {
     var target = {};
-    for (var prop in source) if (__hasOwnProp$i.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$i) for (var prop of __getOwnPropSymbols$i(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$i.call(source, prop)) target[prop] = source[prop];
+    for (var prop in source) if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$g) for (var prop of __getOwnPropSymbols$g(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop)) target[prop] = source[prop];
     }
     return target;
   };
@@ -3850,7 +4020,7 @@
         checked,
         compact = false
       } = _b,
-      props = __objRest$7(_b, ["children", "className", "checked", "compact"]);
+      props = __objRest$5(_b, ["children", "className", "checked", "compact"]);
     const {
       description
     } = props;
@@ -3860,7 +4030,7 @@
         className: core.cx("radio-description", Typo.Label.l4_regular)
       }, description));
     }
-    return /* @__PURE__ */React__namespace.default.createElement(React__namespace.default.Fragment, null, /* @__PURE__ */React__namespace.default.createElement(antd.Radio, __spreadValues$i({
+    return /* @__PURE__ */React__namespace.default.createElement(React__namespace.default.Fragment, null, /* @__PURE__ */React__namespace.default.createElement(antd.Radio, __spreadValues$g({
       className: core.cx(className, RadioStyle, compact && "compact"),
       checked: checked || false,
       "data-test": context.name ? `${context.name}-${String(props.value)}` : String(props.value)
@@ -3872,13 +4042,13 @@
         children,
         className
       } = _d,
-      props = __objRest$7(_d, ["children", "className"]);
+      props = __objRest$5(_d, ["children", "className"]);
     return /* @__PURE__ */React__namespace.default.createElement(KitRadioGroupContext.Provider, {
       value: {
         disabled: props.disabled,
         name: props.name
       }
-    }, /* @__PURE__ */React__namespace.default.createElement(antd.Radio.Group, __spreadValues$i({
+    }, /* @__PURE__ */React__namespace.default.createElement(antd.Radio.Group, __spreadValues$g({
       className: core.cx(className, RadioGroupStyle)
     }, props), children ? children : null));
   };
@@ -3888,7 +4058,7 @@
         children,
         className
       } = _f,
-      props = __objRest$7(_f, ["children", "className"]);
+      props = __objRest$5(_f, ["children", "className"]);
     const {
       type,
       placeholder = "Label",
@@ -3934,46 +4104,46 @@
         className: "ant-radio-button-input-label"
       }, typeof children === "string" ? children : ""));
     };
-    return /* @__PURE__ */React__namespace.default.createElement(antd.Radio.Button, __spreadValues$i({
+    return /* @__PURE__ */React__namespace.default.createElement(antd.Radio.Button, __spreadValues$g({
       className: core.cx(className, RadioButtonStyle),
       value: radioButtonValue
     }, props), renderChildren());
   };
-  var __defProp$h = Object.defineProperty;
-  var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
-  var __hasOwnProp$h = Object.prototype.hasOwnProperty;
-  var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$h = (a, b) => {
+  var __defProp$f = Object.defineProperty;
+  var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+  var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+  var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$f = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$h.call(b, prop))
-        __defNormalProp$h(a, prop, b[prop]);
-    if (__getOwnPropSymbols$h)
-      for (var prop of __getOwnPropSymbols$h(b)) {
-        if (__propIsEnum$h.call(b, prop))
-          __defNormalProp$h(a, prop, b[prop]);
+      if (__hasOwnProp$f.call(b, prop))
+        __defNormalProp$f(a, prop, b[prop]);
+    if (__getOwnPropSymbols$f)
+      for (var prop of __getOwnPropSymbols$f(b)) {
+        if (__propIsEnum$f.call(b, prop))
+          __defNormalProp$f(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$6 = (source, exclude) => {
+  var __objRest$4 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$h.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$h)
-      for (var prop of __getOwnPropSymbols$h(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$h.call(source, prop))
+    if (source != null && __getOwnPropSymbols$f)
+      for (var prop of __getOwnPropSymbols$f(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
   };
   const SearchInput = (props) => {
-    const _a = props, { onChange, debounceWait = 300 } = _a, restProps = __objRest$6(_a, ["onChange", "debounceWait"]);
+    const _a = props, { onChange, debounceWait = 300 } = _a, restProps = __objRest$4(_a, ["onChange", "debounceWait"]);
     const onSearch = ___default.default.debounce(onChange, debounceWait);
     return /* @__PURE__ */ React__namespace.default.createElement(
       Input,
-      __spreadValues$h({
+      __spreadValues$f({
         style: { width: 276 },
         prefix: /* @__PURE__ */ React__namespace.default.createElement(icons.SearchOutlined, null),
         onChange: (e) => onSearch(e.target.value)
@@ -3981,19 +4151,19 @@
     );
   };
-  var __defProp$g = Object.defineProperty;
-  var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
-  var __hasOwnProp$g = Object.prototype.hasOwnProperty;
-  var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$g = (a, b) => {
+  var __defProp$e = Object.defineProperty;
+  var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+  var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+  var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$e = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$g.call(b, prop))
-        __defNormalProp$g(a, prop, b[prop]);
-    if (__getOwnPropSymbols$g)
-      for (var prop of __getOwnPropSymbols$g(b)) {
-        if (__propIsEnum$g.call(b, prop))
-          __defNormalProp$g(a, prop, b[prop]);
+      if (__hasOwnProp$e.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
+    if (__getOwnPropSymbols$e)
+      for (var prop of __getOwnPropSymbols$e(b)) {
+        if (__propIsEnum$e.call(b, prop))
+          __defNormalProp$e(a, prop, b[prop]);
       }
     return a;
   };
@@ -4007,7 +4177,7 @@
   }) => {
     const { t } = useParrotTranslation();
     if (isEmpty(rawValue)) {
-      return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$g({}, emptyProps));
+      return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$e({}, emptyProps));
     }
     const { value, unit } = formatSeconds(rawValue, decimals);
     return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value, " "), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
@@ -4053,7 +4223,7 @@
       },
       prefixIcon: /* @__PURE__ */React__namespace.default.createElement(Icon, {
         alt: "arrowChevronLeftSmall16BoldBlue",
-        src: img$7
+        src: iconsReact.ArrowChevronLeftSmall16BoldBlueIcon
       }),
       onClick: () => {
         onPageChange == null ? void 0 : onPageChange(current - 1);
@@ -4081,7 +4251,7 @@
       },
       prefixIcon: /* @__PURE__ */React__namespace.default.createElement(Icon, {
         alt: "arrowChevronLeftSmall16BoldBlue",
-        src: img$7
+        src: iconsReact.ArrowChevronLeftSmall16BoldBlueIcon
       }),
       onClick: () => {
         onPageChange == null ? void 0 : onPageChange(current + 1);
@@ -4089,19 +4259,19 @@
     })));
   };
-  var __defProp$f = Object.defineProperty;
-  var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-  var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-  var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$f = (a, b) => {
+  var __defProp$d = Object.defineProperty;
+  var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+  var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+  var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$d = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$f.call(b, prop))
-        __defNormalProp$f(a, prop, b[prop]);
-    if (__getOwnPropSymbols$f)
-      for (var prop of __getOwnPropSymbols$f(b)) {
-        if (__propIsEnum$f.call(b, prop))
-          __defNormalProp$f(a, prop, b[prop]);
+      if (__hasOwnProp$d.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
+    if (__getOwnPropSymbols$d)
+      for (var prop of __getOwnPropSymbols$d(b)) {
+        if (__propIsEnum$d.call(b, prop))
+          __defNormalProp$d(a, prop, b[prop]);
       }
     return a;
   };
@@ -4113,41 +4283,41 @@
     emptyProps
   }) => {
     if (isEmpty(rawValue)) {
-      return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$f({}, emptyProps));
+      return /* @__PURE__ */ React__namespace.default.createElement(Empty, __spreadValues$d({}, emptyProps));
     }
     const { value, unit } = formatSpeed(rawValue, decimals);
     return /* @__PURE__ */ React__namespace.default.createElement("span", null, /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__namespace.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
   };
-  var __defProp$e = Object.defineProperty;
-  var __defProps$e = Object.defineProperties;
-  var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
-  var __hasOwnProp$e = Object.prototype.hasOwnProperty;
-  var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, {
+  var __defProp$c = Object.defineProperty;
+  var __defProps$c = Object.defineProperties;
+  var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+  var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+  var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, {
     enumerable: true,
     configurable: true,
     writable: true,
     value
   }) : obj[key] = value;
-  var __spreadValues$e = (a, b) => {
-    for (var prop in b || (b = {})) if (__hasOwnProp$e.call(b, prop)) __defNormalProp$e(a, prop, b[prop]);
-    if (__getOwnPropSymbols$e) for (var prop of __getOwnPropSymbols$e(b)) {
-      if (__propIsEnum$e.call(b, prop)) __defNormalProp$e(a, prop, b[prop]);
+  var __spreadValues$c = (a, b) => {
+    for (var prop in b || (b = {})) if (__hasOwnProp$c.call(b, prop)) __defNormalProp$c(a, prop, b[prop]);
+    if (__getOwnPropSymbols$c) for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop)) __defNormalProp$c(a, prop, b[prop]);
     }
     return a;
   };
-  var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
-  var __objRest$5 = (source, exclude) => {
+  var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+  var __objRest$3 = (source, exclude) => {
     var target = {};
-    for (var prop in source) if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$e) for (var prop of __getOwnPropSymbols$e(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop)) target[prop] = source[prop];
+    for (var prop in source) if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$c) for (var prop of __getOwnPropSymbols$c(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop)) target[prop] = source[prop];
     }
     return target;
   };
-  const PresetColors$3 = ["blue", "red", "yellow", "green", "gray"];
+  const PresetColors$1 = ["blue", "red", "yellow", "green", "gray"];
   const StatusCapsuleStyle = "s14dk8r1";
   const StatusCode = /*#__PURE__*/react$1.styled('i')({
     name: "StatusCode",
@@ -4186,11 +4356,11 @@
         offWhiteMode,
         number
       } = _b,
-      props = __objRest$5(_b, ["color", "className", "loading", "hoverable", "children", "offWhiteMode", "number"]);
+      props = __objRest$3(_b, ["color", "className", "loading", "hoverable", "children", "offWhiteMode", "number"]);
     const computedColor = ColorMap[color] || color;
-    return /* @__PURE__ */React__namespace.default.createElement(antd.Tag, __spreadProps$e(__spreadValues$e({}, props), {
+    return /* @__PURE__ */React__namespace.default.createElement(antd.Tag, __spreadProps$c(__spreadValues$c({}, props), {
       className: cs__default.default(className, StatusCapsuleStyle, Typo.Label.l4_regular, "ui-kit-status-capsule", {
-        [`ant-tag-${computedColor}`]: PresetColors$3.includes(computedColor),
+        [`ant-tag-${computedColor}`]: PresetColors$1.includes(computedColor),
         "tag-hover": hoverable,
         "off-white": offWhiteMode
       }),
@@ -4203,31 +4373,31 @@
     }, number));
   };
-  var __defProp$d = Object.defineProperty;
-  var __defProps$d = Object.defineProperties;
-  var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-  var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-  var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, {
+  var __defProp$b = Object.defineProperty;
+  var __defProps$b = Object.defineProperties;
+  var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+  var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+  var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, {
     enumerable: true,
     configurable: true,
     writable: true,
     value
   }) : obj[key] = value;
-  var __spreadValues$d = (a, b) => {
-    for (var prop in b || (b = {})) if (__hasOwnProp$d.call(b, prop)) __defNormalProp$d(a, prop, b[prop]);
-    if (__getOwnPropSymbols$d) for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop)) __defNormalProp$d(a, prop, b[prop]);
+  var __spreadValues$b = (a, b) => {
+    for (var prop in b || (b = {})) if (__hasOwnProp$b.call(b, prop)) __defNormalProp$b(a, prop, b[prop]);
+    if (__getOwnPropSymbols$b) for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop)) __defNormalProp$b(a, prop, b[prop]);
     }
     return a;
   };
-  var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
-  var __objRest$4 = (source, exclude) => {
+  var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+  var __objRest$2 = (source, exclude) => {
     var target = {};
-    for (var prop in source) if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$d) for (var prop of __getOwnPropSymbols$d(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop)) target[prop] = source[prop];
+    for (var prop in source) if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$b) for (var prop of __getOwnPropSymbols$b(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop)) target[prop] = source[prop];
     }
     return target;
   };
@@ -4239,7 +4409,7 @@
         className,
         checked
       } = _b,
-      props = __objRest$4(_b, ["children", "className", "checked"]);
+      props = __objRest$2(_b, ["children", "className", "checked"]);
     const Content = /*#__PURE__*/react$1.styled('span')({
       name: "Content",
       class: "c1to9vb9",
@@ -4247,7 +4417,7 @@
     });
     const classNames = [className, SwitchStyle, "switch"];
     if (props.size === "large") classNames.push("ant-switch-large");
-    return /* @__PURE__ */React__namespace.default.createElement(React__namespace.default.Fragment, null, /* @__PURE__ */React__namespace.default.createElement(antd.Switch, __spreadProps$d(__spreadValues$d({
+    return /* @__PURE__ */React__namespace.default.createElement(React__namespace.default.Fragment, null, /* @__PURE__ */React__namespace.default.createElement(antd.Switch, __spreadProps$b(__spreadValues$b({
       className: core.cx(...classNames),
       checked: checked || false
     }, props), {
@@ -4329,30 +4499,30 @@
     return /* @__PURE__ */React__namespace.default.createElement(React__namespace.default.Fragment, null, title, /* @__PURE__ */React__namespace.default.createElement(Icon, {
       alt: "arrowChevronUp16BoldSecondary",
       className: cs__default.default("order-icon", sortOrder),
-      src: img$6
+      src: iconsReact.ArrowChevronUp16BoldSecondaryIcon
     }));
   };
-  var __defProp$c = Object.defineProperty;
-  var __defProps$c = Object.defineProperties;
-  var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-  var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-  var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, {
+  var __defProp$a = Object.defineProperty;
+  var __defProps$a = Object.defineProperties;
+  var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+  var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+  var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, {
     enumerable: true,
     configurable: true,
     writable: true,
     value
   }) : obj[key] = value;
-  var __spreadValues$c = (a, b) => {
-    for (var prop in b || (b = {})) if (__hasOwnProp$c.call(b, prop)) __defNormalProp$c(a, prop, b[prop]);
-    if (__getOwnPropSymbols$c) for (var prop of __getOwnPropSymbols$c(b)) {
-      if (__propIsEnum$c.call(b, prop)) __defNormalProp$c(a, prop, b[prop]);
+  var __spreadValues$a = (a, b) => {
+    for (var prop in b || (b = {})) if (__hasOwnProp$a.call(b, prop)) __defNormalProp$a(a, prop, b[prop]);
+    if (__getOwnPropSymbols$a) for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop)) __defNormalProp$a(a, prop, b[prop]);
     }
     return a;
   };
-  var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+  var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
   const TableContainerStyle = "t1upn1sz";
   const tableStyleCover = "tta5kd2";
   const Table = props => {
@@ -4379,7 +4549,7 @@
     const orderRef = React.useRef(null);
     const hasScrollBard = useTableBodyHasScrollBar(wrapper, dataSource);
     const _columns = React.useMemo(() => columns.map(column => {
-      const _column = __spreadValues$c({}, column);
+      const _column = __spreadValues$a({}, column);
       if (_column.sorter && typeof _column.title !== "function") {
         _column.title = /* @__PURE__ */React__namespace.default.createElement(ColumnTitle, {
           title: column.title,
@@ -4416,12 +4586,12 @@
           onSorterChange == null ? void 0 : onSorterChange(orderRef.current, sorter.columnKey);
         }
       },
-      onRow: (record, index) => __spreadValues$c({
+      onRow: (record, index) => __spreadValues$a({
         onClick: evt => onRowClick == null ? void 0 : onRowClick(record, index, evt)
       }, onRow == null ? void 0 : onRow(record, index)),
       rowClassName,
       scroll,
-      rowSelection: rowSelection && __spreadProps$c(__spreadValues$c({}, rowSelection), {
+      rowSelection: rowSelection && __spreadProps$a(__spreadValues$a({}, rowSelection), {
         columnWidth: 32
       }),
       showSorterTooltip: false
@@ -4483,33 +4653,33 @@
     return sortArr;
   };
-  var __defProp$b = Object.defineProperty;
-  var __defProps$b = Object.defineProperties;
-  var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-  var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-  var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$b = (a, b) => {
+  var __defProp$9 = Object.defineProperty;
+  var __defProps$9 = Object.defineProperties;
+  var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$9 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$b.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
-    if (__getOwnPropSymbols$b)
-      for (var prop of __getOwnPropSymbols$b(b)) {
-        if (__propIsEnum$b.call(b, prop))
-          __defNormalProp$b(a, prop, b[prop]);
+      if (__hasOwnProp$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
+    if (__getOwnPropSymbols$9)
+      for (var prop of __getOwnPropSymbols$9(b)) {
+        if (__propIsEnum$9.call(b, prop))
+          __defNormalProp$9(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
-  var __objRest$3 = (source, exclude) => {
+  var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+  var __objRest$1 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$b)
-      for (var prop of __getOwnPropSymbols$b(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
+    if (source != null && __getOwnPropSymbols$9)
+      for (var prop of __getOwnPropSymbols$9(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -4525,7 +4695,7 @@
     const _a = buttonProps || {}, {
       disabled: disabledFromProp,
       onClick
-    } = _a, restButtonProps = __objRest$3(_a, [
+    } = _a, restButtonProps = __objRest$1(_a, [
       "disabled",
       "onClick"
     ]);
@@ -4550,9 +4720,9 @@
     if (!columns.length) {
       return null;
     }
-    return CustomizedButton ? /* @__PURE__ */ React__namespace.default.createElement(CustomizedButton, __spreadValues$b({}, props)) : /* @__PURE__ */ React__namespace.default.createElement(AddRowButtonWrapper, { className }, /* @__PURE__ */ React__namespace.default.createElement(
+    return CustomizedButton ? /* @__PURE__ */ React__namespace.default.createElement(CustomizedButton, __spreadValues$9({}, props)) : /* @__PURE__ */ React__namespace.default.createElement(AddRowButtonWrapper, { className }, /* @__PURE__ */ React__namespace.default.createElement(
       Button,
-      __spreadProps$b(__spreadValues$b({}, restButtonProps), {
+      __spreadProps$9(__spreadValues$9({}, restButtonProps), {
         type: restButtonProps.type || "ordinary",
         size: restButtonProps.size || "small",
         prefixIcon: restButtonProps.prefixIcon || /* @__PURE__ */ React__namespace.default.createElement(iconsReact.PlusAddCreateNew16SecondaryIcon, null),
@@ -4647,25 +4817,25 @@
     );
   };
-  var __defProp$a = Object.defineProperty;
-  var __defProps$a = Object.defineProperties;
-  var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-  var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-  var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$a = (a, b) => {
+  var __defProp$8 = Object.defineProperty;
+  var __defProps$8 = Object.defineProperties;
+  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$8 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$a.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
-    if (__getOwnPropSymbols$a)
-      for (var prop of __getOwnPropSymbols$a(b)) {
-        if (__propIsEnum$a.call(b, prop))
-          __defNormalProp$a(a, prop, b[prop]);
+      if (__hasOwnProp$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
+    if (__getOwnPropSymbols$8)
+      for (var prop of __getOwnPropSymbols$8(b)) {
+        if (__propIsEnum$8.call(b, prop))
+          __defNormalProp$8(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+  var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
   const InputPassword = (props) => {
     const [showPassword, setShowPassword] = React.useState(false);
     React.useEffect(() => {
@@ -4681,7 +4851,7 @@
     const inputType = showPassword ? "text" : "password";
     return /* @__PURE__ */ React__namespace.default.createElement(
       Input,
-      __spreadProps$a(__spreadValues$a({}, props), {
+      __spreadProps$8(__spreadValues$8({}, props), {
         type: inputType,
         suffix: showPassword ? /* @__PURE__ */ React__namespace.default.createElement(
           icons.EyeOutlined,
@@ -4701,9 +4871,9 @@
   };
   const CustomInput = (props) => {
     if (props.type === "password") {
-      return /* @__PURE__ */ React__namespace.default.createElement(InputPassword, __spreadValues$a({}, props));
+      return /* @__PURE__ */ React__namespace.default.createElement(InputPassword, __spreadValues$8({}, props));
     }
-    return /* @__PURE__ */ React__namespace.default.createElement(Input, __spreadValues$a({}, props));
+    return /* @__PURE__ */ React__namespace.default.createElement(Input, __spreadValues$8({}, props));
   };
   const InputColumnHeaderCell = ({ disabled, column, onChange, onBlur, onVisibleChange }) => {
     const _onChange = (e) => {
@@ -4827,25 +4997,25 @@
     return ValidateTriggerType2;
   })(ValidateTriggerType || {});
-  var __defProp$9 = Object.defineProperty;
-  var __defProps$9 = Object.defineProperties;
-  var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$9 = (a, b) => {
+  var __defProp$7 = Object.defineProperty;
+  var __defProps$7 = Object.defineProperties;
+  var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$7 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$9.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
-    if (__getOwnPropSymbols$9)
-      for (var prop of __getOwnPropSymbols$9(b)) {
-        if (__propIsEnum$9.call(b, prop))
-          __defNormalProp$9(a, prop, b[prop]);
+      if (__hasOwnProp$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
+    if (__getOwnPropSymbols$7)
+      for (var prop of __getOwnPropSymbols$7(b)) {
+        if (__propIsEnum$7.call(b, prop))
+          __defNormalProp$7(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+  var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
   const TableFormBodyCell = (props) => {
     const {
       column,
@@ -4877,7 +5047,7 @@
       (currentValue) => {
         var _a;
         const value = currentValue || data[rowIndex][column.key];
-        const rowData = __spreadProps$9(__spreadValues$9({}, data[rowIndex]), { [column.key]: value });
+        const rowData = __spreadProps$7(__spreadValues$7({}, data[rowIndex]), { [column.key]: value });
         const rowValidateRes = getRowValidateResult(rowData);
         if (rowValidateRes) {
           return;
@@ -4900,7 +5070,7 @@
     }, [validateAll, triggerValidate]);
     const _onChange = (value, data2) => {
       const newData = data2.map(
-        (row, i) => i === rowIndex ? __spreadProps$9(__spreadValues$9({}, row), { [column.key]: value }) : row
+        (row, i) => i === rowIndex ? __spreadProps$7(__spreadValues$7({}, row), { [column.key]: value }) : row
       );
       onChange == null ? void 0 : onChange(newData, rowIndex, column.key);
       if (validateTriggerType === ValidateTriggerType.Normal && isTouched.current || validateTriggerType === ValidateTriggerType.Aggressive) {
@@ -4978,25 +5148,25 @@
     );
   };
-  var __defProp$8 = Object.defineProperty;
-  var __defProps$8 = Object.defineProperties;
-  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$8 = (a, b) => {
+  var __defProp$6 = Object.defineProperty;
+  var __defProps$6 = Object.defineProperties;
+  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$6 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
-    if (__getOwnPropSymbols$8)
-      for (var prop of __getOwnPropSymbols$8(b)) {
-        if (__propIsEnum$8.call(b, prop))
-          __defNormalProp$8(a, prop, b[prop]);
+      if (__hasOwnProp$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
+    if (__getOwnPropSymbols$6)
+      for (var prop of __getOwnPropSymbols$6(b)) {
+        if (__propIsEnum$6.call(b, prop))
+          __defNormalProp$6(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+  var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
   const TableFormRowDeleteAction = (props) => {
     var _a, _b, _c, _d;
     const { deleteConfig, row, updateData, rowIndex, data } = props;
@@ -5089,7 +5259,7 @@
       );
     });
     const DraggableHandle = React.useMemo(
-      () => draggable && provided ? /* @__PURE__ */ React__namespace.default.createElement(DraggableHandleWrapper, __spreadValues$8({}, provided.dragHandleProps), /* @__PURE__ */ React__namespace.default.createElement(
+      () => draggable && provided ? /* @__PURE__ */ React__namespace.default.createElement(DraggableHandleWrapper, __spreadValues$6({}, provided.dragHandleProps), /* @__PURE__ */ React__namespace.default.createElement(
         Icon,
         {
           src: iconsReact.HandlePoint816SecondaryIcon,
@@ -5151,7 +5321,7 @@
     );
     return draggable ? /* @__PURE__ */ React__namespace.default.createElement(reactBeautifulDnd.DragDropContext, { onDragEnd }, /* @__PURE__ */ React__namespace.default.createElement(reactBeautifulDnd.Droppable, { droppableId: "droppable" }, (provided) => /* @__PURE__ */ React__namespace.default.createElement(
       "div",
-      __spreadValues$8({
+      __spreadValues$6({
         className: "draggable-container",
         ref: provided.innerRef
       }, provided.droppableProps),
@@ -5162,9 +5332,9 @@
           key: `draggable-id-${i}`,
           index: i
         },
-        (provided2, snapshot) => /* @__PURE__ */ React__namespace.default.createElement("div", __spreadValues$8({ ref: provided2.innerRef }, provided2.draggableProps), /* @__PURE__ */ React__namespace.default.createElement(
+        (provided2, snapshot) => /* @__PURE__ */ React__namespace.default.createElement("div", __spreadValues$6({ ref: provided2.innerRef }, provided2.draggableProps), /* @__PURE__ */ React__namespace.default.createElement(
           TableFormRow,
-          __spreadProps$8(__spreadValues$8({}, props), {
+          __spreadProps$6(__spreadValues$6({}, props), {
             rowIndex: i,
             provided: provided2,
             snapshot
@@ -5172,28 +5342,28 @@
         ))
       )),
       provided.placeholder
-    ))) : /* @__PURE__ */ React__namespace.default.createElement(React__namespace.default.Fragment, null, data.map((_d, i) => /* @__PURE__ */ React__namespace.default.createElement(TableFormRow, __spreadProps$8(__spreadValues$8({}, props), { rowIndex: i, key: `table-row-${i}` }))));
+    ))) : /* @__PURE__ */ React__namespace.default.createElement(React__namespace.default.Fragment, null, data.map((_d, i) => /* @__PURE__ */ React__namespace.default.createElement(TableFormRow, __spreadProps$6(__spreadValues$6({}, props), { rowIndex: i, key: `table-row-${i}` }))));
   });
-  var __defProp$7 = Object.defineProperty;
-  var __defProps$7 = Object.defineProperties;
-  var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$7 = (a, b) => {
+  var __defProp$5 = Object.defineProperty;
+  var __defProps$5 = Object.defineProperties;
+  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$5 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
-    if (__getOwnPropSymbols$7)
-      for (var prop of __getOwnPropSymbols$7(b)) {
-        if (__propIsEnum$7.call(b, prop))
-          __defNormalProp$7(a, prop, b[prop]);
+      if (__hasOwnProp$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
+    if (__getOwnPropSymbols$5)
+      for (var prop of __getOwnPropSymbols$5(b)) {
+        if (__propIsEnum$5.call(b, prop))
+          __defNormalProp$5(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
   const BatchInputListHeaderCell = (props) => {
     const { column, disabled, data, disableBatchFilling, onBlur, onChange } = props;
     const [errMsg, setErrMsg] = React.useState();
@@ -5205,7 +5375,7 @@
         setErrMsg(err || void 0);
         const shouldAutoIncrease = column.type !== "password" && column.autoIncrease;
         const newData = data.map((cell, rowIndex) => {
-          return __spreadProps$7(__spreadValues$7({}, cell), {
+          return __spreadProps$5(__spreadValues$5({}, cell), {
             [column.key]: shouldAutoIncrease && typeof value === "string" ? increaseLastNumber(value, rowIndex) : value
           });
         });
@@ -5222,7 +5392,7 @@
       const CellComponent = ColumnHeaderImpls[column.type];
       return /* @__PURE__ */ React__namespace.default.createElement(
         CellComponent,
-        __spreadProps$7(__spreadValues$7({}, props), {
+        __spreadProps$5(__spreadValues$5({}, props), {
           column,
           onChange: headerOnChange,
           onBlur: _onBlur
@@ -5257,25 +5427,25 @@
     );
   };
-  var __defProp$6 = Object.defineProperty;
-  var __defProps$6 = Object.defineProperties;
-  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$6 = (a, b) => {
+  var __defProp$4 = Object.defineProperty;
+  var __defProps$4 = Object.defineProperties;
+  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$4 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
-    if (__getOwnPropSymbols$6)
-      for (var prop of __getOwnPropSymbols$6(b)) {
-        if (__propIsEnum$6.call(b, prop))
-          __defNormalProp$6(a, prop, b[prop]);
+      if (__hasOwnProp$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    if (__getOwnPropSymbols$4)
+      for (var prop of __getOwnPropSymbols$4(b)) {
+        if (__propIsEnum$4.call(b, prop))
+          __defNormalProp$4(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+  var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
   const DEFAULT_ROW_COUNT = 3;
   const TableForm = React__namespace.default.forwardRef(
     (props, ref) => {
@@ -5337,7 +5507,7 @@
         (key, error) => {
           if (error) {
             const newData = latestData.map((cell) => {
-              return __spreadProps$6(__spreadValues$6({}, cell), {
+              return __spreadProps$4(__spreadValues$4({}, cell), {
                 [key]: ""
               });
             });
@@ -5432,151 +5602,6 @@
     }
   );
-  const PresetColors$2 = [
-    "blue",
-    "red",
-    "yellow",
-    "green",
-    "gray",
-    "purple"
-  ];
-  const Size$1 = {
-    small: "sut42l0",
-    medium: "mfsz1jz"
-  };
-  const TagStyle$1 = "tnd6h4m";
-  const IconStyle$1 = "i1qw4clm";
-  var __defProp$5 = Object.defineProperty;
-  var __defProps$5 = Object.defineProperties;
-  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value
-  }) : obj[key] = value;
-  var __spreadValues$5 = (a, b) => {
-    for (var prop in b || (b = {})) if (__hasOwnProp$5.call(b, prop)) __defNormalProp$5(a, prop, b[prop]);
-    if (__getOwnPropSymbols$5) for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop)) __defNormalProp$5(a, prop, b[prop]);
-    }
-    return a;
-  };
-  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
-  var __objRest$2 = (source, exclude) => {
-    var target = {};
-    for (var prop in source) if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$5) for (var prop of __getOwnPropSymbols$5(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop)) target[prop] = source[prop];
-    }
-    return target;
-  };
-  const WrapperStyle = "w1xcixj5";
-  const SplitTag = _a => {
-    var _b = _a,
-      {
-        size = "small",
-        color = "gray",
-        className,
-        primaryContent,
-        secondaryContent,
-        icon
-      } = _b,
-      props = __objRest$2(_b, ["size", "color", "className", "primaryContent", "secondaryContent", "icon"]);
-    return /* @__PURE__ */React__namespace.default.createElement(antd.Tag, __spreadProps$5(__spreadValues$5({}, props), {
-      className: cs__default.default(className, TagStyle$1, Size$1[size], WrapperStyle, Typo.Label.l4_regular, {
-        [`ant-tag-${color}`]: PresetColors$2.includes(color)
-      }, "outside-tag")
-    }), /* @__PURE__ */React__namespace.default.createElement(antd.Tag, {
-      className: cs__default.default(Size$1[size], TagStyle$1, Typo.Label.l4_regular, {
-        [`ant-tag-${color}`]: PresetColors$2.includes(color)
-      }, "inside-tag")
-    }, icon && /* @__PURE__ */React__namespace.default.createElement("span", {
-      className: cs__default.default("ui-kit-tag-icon", IconStyle$1)
-    }, icon), primaryContent), secondaryContent);
-  };
-  var __defProp$4 = Object.defineProperty;
-  var __defProps$4 = Object.defineProperties;
-  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$4 = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
-    if (__getOwnPropSymbols$4)
-      for (var prop of __getOwnPropSymbols$4(b)) {
-        if (__propIsEnum$4.call(b, prop))
-          __defNormalProp$4(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-  var __objRest$1 = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$4)
-      for (var prop of __getOwnPropSymbols$4(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
-  const PresetColors$1 = [
-    ...PresetColors$2,
-    "red-ontint",
-    "green-ontint"
-  ];
-  const AntdColorMap = {
-    processing: "blue",
-    success: "green",
-    error: "red",
-    warn: "yellow",
-    default: "gray"
-  };
-  const Tag = (_a) => {
-    var _b = _a, {
-      size = "small",
-      color = "gray",
-      className,
-      hoverable = false,
-      icon,
-      children
-    } = _b, props = __objRest$1(_b, [
-      "size",
-      "color",
-      "className",
-      "hoverable",
-      "icon",
-      "children"
-    ]);
-    const computedColor = AntdColorMap[color] || color;
-    return /* @__PURE__ */ React__namespace.default.createElement(
-      antd.Tag,
-      __spreadProps$4(__spreadValues$4({}, props), {
-        className: cs__default.default(className, Size$1[size], TagStyle$1, Typo.Label.l4_regular, {
-          [`ant-tag-${computedColor}`]: PresetColors$1.includes(computedColor),
-          "tag-hover": hoverable
-        }),
-        closable: false,
-        color: computedColor === "gray" ? void 0 : computedColor
-      }),
-      icon && /* @__PURE__ */ React__namespace.default.createElement("span", { className: IconStyle$1 }, icon),
-      children
-    );
-  };
-  Tag.SplitTag = SplitTag;
   const timeWrapper = "t19ustft";
   const Time = props => {
     const {
@@ -5708,7 +5733,7 @@
       className: OptionWrapperStyle
     }, /* @__PURE__ */React__namespace.default.createElement(TimeZoneOption, {
       key: "utc",
-      customLabel: t("components.coorddinated_universal_time"),
+      customLabel: t("components.coordinated_universal_time"),
       timeZone: {
         value: "UTC",
         text: "UTC",
@@ -5968,7 +5993,8 @@
       DetailCard,
       TruncatedTextWithTooltip,
       Counting,
-      Breadcrumb
+      Breadcrumb,
+      CircleProgress
     };
     kit.option.isSelectOption = true;
     kit.button.__ANT_BUTTON = true;