@cloudtower/eagle 0.27.0 → 0.27.1

package/dist/esm/index.js

@@ -1,7 +1,7 @@
-import { Alert as Alert$1, Badge as Badge$1, Button as Button$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Card as Card$2, Collapse, DatePicker, Select as Select$1, InputNumber as InputNumber$1, Input as Input$1, TimePicker as TimePicker$1, Form as Form$1, Steps as Steps$1, Modal as Modal$1, Dropdown, Menu, Progress as Progress$1, Radio as Radio$1, Tag as Tag$1, Switch as Switch$1, Table as Table$1, Space, List, Row, Col, Tree, Divider, Skeleton, Layout, AutoComplete, Popover, Timeline, Typography, Cascader, Upload, Calendar, Tabs, message, Empty as Empty$1, TreeSelect, Drawer, ConfigProvider } from 'antd';
+import { Tooltip as Tooltip$1, Alert as Alert$1, Badge as Badge$1, Button as Button$1, Checkbox as Checkbox$1, Card as Card$2, Collapse, DatePicker, Select as Select$1, InputNumber as InputNumber$1, Input as Input$1, TimePicker as TimePicker$1, Form as Form$1, Steps as Steps$1, Modal as Modal$1, Dropdown, Menu, Progress as Progress$1, Radio as Radio$1, Tag as Tag$1, Switch as Switch$1, Table as Table$1, Space, List, Row, Col, Tree, Divider, Skeleton, Layout, AutoComplete, Popover, Timeline, Typography, Cascader, Upload, Calendar, Tabs, message, Empty as Empty$1, TreeSelect, Drawer, ConfigProvider } from 'antd';
 export { Col, Row } from 'antd';
 import * as React from 'react';
-import React__default, { useState, useMemo, useRef, useCallback, useEffect, forwardRef, Fragment, useLayoutEffect, createContext, memo, useImperativeHandle, useContext } from 'react';
+import React__default, { useState, useMemo, useEffect, useRef, useCallback, useLayoutEffect, forwardRef, Fragment, createContext, memo, useImperativeHandle, useContext } from 'react';
 import { XmarkRemove24SecondaryIcon, ArrowRightGrayIcon, ArrowChevronUp16SecondaryIcon, ArrowChevronDown16SecondaryIcon, CheckmarkDoneSuccessCorrect16SecondaryIcon, Loading8GradientBlueIcon, PlusAddCreateNew16SecondaryIcon, HandlePoint816SecondaryIcon, HandlePoint816BlueIcon, XmarkRemove16SecondaryIcon, XmarkRemove16RegularRedIcon, CheckmarkDoneSuccessCorrect16BlueIcon, XmarkRemoveSmall16RegularInheritIcon } from '@cloudtower/icons-react';
 import cs from 'classnames';
 import { styled } from 'linaria/react';
@@ -32,30 +32,30 @@ import 'recharts';
 import enUS from 'antd/lib/locale/en_US';
 import zhCN from 'antd/lib/locale/zh_CN';
 
-var __defProp$X = Object.defineProperty;
-var __getOwnPropSymbols$Z = Object.getOwnPropertySymbols;
-var __hasOwnProp$Z = Object.prototype.hasOwnProperty;
-var __propIsEnum$Z = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$X = (obj, key, value) => key in obj ? __defProp$X(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$X = (a, b) => {
+var __defProp$Y = Object.defineProperty;
+var __getOwnPropSymbols$_ = Object.getOwnPropertySymbols;
+var __hasOwnProp$_ = Object.prototype.hasOwnProperty;
+var __propIsEnum$_ = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$Y = (obj, key, value) => key in obj ? __defProp$Y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$Y = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$Z.call(b, prop))
-      __defNormalProp$X(a, prop, b[prop]);
-  if (__getOwnPropSymbols$Z)
-    for (var prop of __getOwnPropSymbols$Z(b)) {
-      if (__propIsEnum$Z.call(b, prop))
-        __defNormalProp$X(a, prop, b[prop]);
+    if (__hasOwnProp$_.call(b, prop))
+      __defNormalProp$Y(a, prop, b[prop]);
+  if (__getOwnPropSymbols$_)
+    for (var prop of __getOwnPropSymbols$_(b)) {
+      if (__propIsEnum$_.call(b, prop))
+        __defNormalProp$Y(a, prop, b[prop]);
     }
   return a;
 };
-var __objRest$A = (source, exclude) => {
+var __objRest$B = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$Z.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$_.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$Z)
-    for (var prop of __getOwnPropSymbols$Z(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$Z.call(source, prop))
+  if (source != null && __getOwnPropSymbols$_)
+    for (var prop of __getOwnPropSymbols$_(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$_.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -73,7 +73,7 @@ const BaseIcon = React__default.forwardRef(
       prefixNode,
       suffixIconSrc: SuffixSrc,
       src: Src
-    } = _a, HTMLSpanElementProps = __objRest$A(_a, [
+    } = _a, HTMLSpanElementProps = __objRest$B(_a, [
       "alt",
       "className",
       "width",
@@ -87,10 +87,10 @@ const BaseIcon = React__default.forwardRef(
     ]);
     return /* @__PURE__ */ React__default.createElement(
       "span",
-      __spreadValues$X({
+      __spreadValues$Y({
         ref,
         className,
-        style: _.pickBy(__spreadValues$X({ cursor }, style))
+        style: _.pickBy(__spreadValues$Y({ cursor }, style))
       }, HTMLSpanElementProps),
       prefixNode,
       /* @__PURE__ */ React__default.createElement("span", { className: "icon-inner" }, typeof Src === "string" ? /* @__PURE__ */ React__default.createElement("img", { alt, src: Src, width, height }) : /* @__PURE__ */ React__default.createElement(SVGUniqueID, null, Src({ width, height }))),
@@ -100,31 +100,31 @@ const BaseIcon = React__default.forwardRef(
   }
 );
 
-var __defProp$W = Object.defineProperty;
-var __defProps$D = Object.defineProperties;
-var __getOwnPropDescs$D = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$Y = Object.getOwnPropertySymbols;
-var __hasOwnProp$Y = Object.prototype.hasOwnProperty;
-var __propIsEnum$Y = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$W = (obj, key, value) => key in obj ? __defProp$W(obj, key, {
+var __defProp$X = Object.defineProperty;
+var __defProps$E = Object.defineProperties;
+var __getOwnPropDescs$E = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$Z = Object.getOwnPropertySymbols;
+var __hasOwnProp$Z = Object.prototype.hasOwnProperty;
+var __propIsEnum$Z = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$X = (obj, key, value) => key in obj ? __defProp$X(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues$W = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp$Y.call(b, prop)) __defNormalProp$W(a, prop, b[prop]);
-  if (__getOwnPropSymbols$Y) for (var prop of __getOwnPropSymbols$Y(b)) {
-    if (__propIsEnum$Y.call(b, prop)) __defNormalProp$W(a, prop, b[prop]);
+var __spreadValues$X = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$Z.call(b, prop)) __defNormalProp$X(a, prop, b[prop]);
+  if (__getOwnPropSymbols$Z) for (var prop of __getOwnPropSymbols$Z(b)) {
+    if (__propIsEnum$Z.call(b, prop)) __defNormalProp$X(a, prop, b[prop]);
   }
   return a;
 };
-var __spreadProps$D = (a, b) => __defProps$D(a, __getOwnPropDescs$D(b));
-var __objRest$z = (source, exclude) => {
+var __spreadProps$E = (a, b) => __defProps$E(a, __getOwnPropDescs$E(b));
+var __objRest$A = (source, exclude) => {
   var target = {};
-  for (var prop in source) if (__hasOwnProp$Y.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$Y) for (var prop of __getOwnPropSymbols$Y(source)) {
-    if (exclude.indexOf(prop) < 0 && __propIsEnum$Y.call(source, prop)) target[prop] = source[prop];
+  for (var prop in source) if (__hasOwnProp$Z.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$Z) for (var prop of __getOwnPropSymbols$Z(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum$Z.call(source, prop)) target[prop] = source[prop];
   }
   return target;
 };
@@ -148,7 +148,7 @@ const Icon = React__default.forwardRef((props, ref) => {
       prefix,
       suffix
     } = _a,
-    restProps = __objRest$z(_a, ["src", "hoverSrc", "active", "activeSrc", "onMouseEnter", "onMouseLeave", "onMouseMove", "className", "iconWidth", "iconHeight", "cursor", "style", "isRotate", "prefix", "suffix"]);
+    restProps = __objRest$A(_a, ["src", "hoverSrc", "active", "activeSrc", "onMouseEnter", "onMouseLeave", "onMouseMove", "className", "iconWidth", "iconHeight", "cursor", "style", "isRotate", "prefix", "suffix"]);
   const [hover, setHover] = useState(false);
   const _src = useMemo(() => {
     if (active && activeSrc) {
@@ -176,14 +176,14 @@ const Icon = React__default.forwardRef((props, ref) => {
     }
     return src2;
   }, [active, hover, suffix]);
-  return /* @__PURE__ */React__default.createElement(BaseIcon, __spreadProps$D(__spreadValues$W({
+  return /* @__PURE__ */React__default.createElement(BaseIcon, __spreadProps$E(__spreadValues$X({
     src: _src,
     className: cs(IconWrapper, "icon-wrapper", className, isRotate && "is-rotate"),
     suffixIconSrc,
     height: iconHeight,
     width: iconWidth,
     prefixNode: prefix,
-    style: _.pickBy(__spreadValues$W({
+    style: _.pickBy(__spreadValues$X({
       cursor
     }, style))
   }, restProps), {
@@ -208,30 +208,30 @@ const Icon = React__default.forwardRef((props, ref) => {
   }));
 });
 
-var __defProp$V = Object.defineProperty;
-var __getOwnPropSymbols$X = Object.getOwnPropertySymbols;
-var __hasOwnProp$X = Object.prototype.hasOwnProperty;
-var __propIsEnum$X = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$V = (obj, key, value) => key in obj ? __defProp$V(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$V = (a, b) => {
+var __defProp$W = Object.defineProperty;
+var __getOwnPropSymbols$Y = Object.getOwnPropertySymbols;
+var __hasOwnProp$Y = Object.prototype.hasOwnProperty;
+var __propIsEnum$Y = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$W = (obj, key, value) => key in obj ? __defProp$W(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$W = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$X.call(b, prop))
-      __defNormalProp$V(a, prop, b[prop]);
-  if (__getOwnPropSymbols$X)
-    for (var prop of __getOwnPropSymbols$X(b)) {
-      if (__propIsEnum$X.call(b, prop))
-        __defNormalProp$V(a, prop, b[prop]);
+    if (__hasOwnProp$Y.call(b, prop))
+      __defNormalProp$W(a, prop, b[prop]);
+  if (__getOwnPropSymbols$Y)
+    for (var prop of __getOwnPropSymbols$Y(b)) {
+      if (__propIsEnum$Y.call(b, prop))
+        __defNormalProp$W(a, prop, b[prop]);
     }
   return a;
 };
-var __objRest$y = (source, exclude) => {
+var __objRest$z = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$X.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$Y.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$X)
-    for (var prop of __getOwnPropSymbols$X(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$X.call(source, prop))
+  if (source != null && __getOwnPropSymbols$Y)
+    for (var prop of __getOwnPropSymbols$Y(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$Y.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -243,7 +243,7 @@ const DropdownTransition = (props) => {
     children,
     mountOnEnter = true,
     unmountOnExit = true
-  } = _a, restProps = __objRest$y(_a, [
+  } = _a, restProps = __objRest$z(_a, [
     "visible",
     "timeout",
     "children",
@@ -252,7 +252,7 @@ const DropdownTransition = (props) => {
   ]);
   return /* @__PURE__ */ React__default.createElement(
     CSSTransition,
-    __spreadValues$V({
+    __spreadValues$W({
       in: visible,
       timeout: timeout || 200,
       mountOnEnter,
@@ -322,6 +322,180 @@ const AccordionCard = props => {
 };
 AccordionCard.CloseButton = CloseButton;
 
+const d1_bold_title = "d6j0lbj";
+const d1s_bold_title = "d1xhvvxe";
+const d1_regular_title = "dk10mxq";
+const d2_bold_title = "dxsait";
+const d2_regular_title = "dokn0h3";
+const d3_bold_title = "dobau4p";
+const d3_regular_title = "dvolwok";
+const h1_bold_title = "h181qhg4";
+const h1_regular_title = "h1phgmcq";
+const h2_bold_title = "h173xnl1";
+const h2_regular_title = "hedm4pz";
+const h3_bold_title = "h1kd8xld";
+const h3_regular_title = "hp14fr";
+const h3_bold_upper = "hgrg7mn";
+const h3_regular_upper = "h6zme9x";
+const l1_regular = "locjvsv";
+const l1_bold = "l13gi131";
+const l1_regular_title = "l1ynemsu";
+const l1_bold_title = "l1cft1cx";
+const l1_regular_upper = "l17tqc8p";
+const l1_bold_upper = "l1j1e5w7";
+const l2_regular = "l1gf91jb";
+const l2_medium = "lu7hlr6";
+const l2_bold = "l3l3jf0";
+const l2_regular_title = "l12j5nqp";
+const l2_bold_title = "l1tecqht";
+const l2_regular_upper = "l6sa990";
+const l2_bold_upper = "lckqe8j";
+const l3_regular = "l1kuminb";
+const l3_semibold = "l1pbuf5j";
+const l3_bold = "l1r4ztu";
+const l3_regular_title = "ly8vzok";
+const l3_semibold_title = "lumfmf";
+const l3_bold_title = "l16ujwmv";
+const l3_regular_upper = "l17o1ffr";
+const l3_bold_upper = "lngllvn";
+const l4_regular = "l2i7fo9";
+const l4_medium = "l1x7hscx";
+const l4_bold = "le1jwan";
+const l4_regular_title = "lyxynfj";
+const l4_medium_title = "lpb2nxv";
+const l4_bold_title = "l1r8o3vv";
+const l4_regular_upper = "lemnjy2";
+const l4_bold_upper = "lrc42gb";
+const f1_regular = "fqaz4mb";
+const f1_regular_title = "f13we5o";
+const f2_regular = "ffmjua2";
+const f2_regular_title = "fz2mxw0";
+const t1_regular_mono = "t1ertzoh";
+const t1_regular_slash = "t19bge8r";
+const t2_regular_mono = "tjrzfyl";
+const t2_medium_mono = "tm6s7bo";
+const t2_regular_slash = "t19zq6ic";
+const t2_medium_slash = "t1gduru8";
+const t16_bold_slash = "t55raab";
+const u1 = "u1w9abfe";
+const Typo = {
+  Display: {
+    d1_bold_title,
+    d1s_bold_title,
+    d1_regular_title,
+    d2_bold_title,
+    d2_regular_title,
+    d3_bold_title,
+    d3_regular_title
+  },
+  Heading: {
+    h1_bold_title,
+    h1_regular_title,
+    h2_bold_title,
+    h2_regular_title,
+    h3_bold_title,
+    h3_bold_upper,
+    h3_regular_title,
+    h3_regular_upper
+  },
+  Label: {
+    l1_bold,
+    l1_bold_title,
+    l1_bold_upper,
+    l1_regular,
+    l1_regular_title,
+    l1_regular_upper,
+    l2_bold,
+    l2_bold_title,
+    l2_bold_upper,
+    l2_regular,
+    l2_regular_title,
+    l2_regular_upper,
+    l2_medium,
+    l3_bold,
+    l3_semibold,
+    l3_bold_title,
+    l3_bold_upper,
+    l3_regular,
+    l3_regular_title,
+    l3_semibold_title,
+    l3_regular_upper,
+    l4_bold,
+    l4_bold_title,
+    l4_bold_upper,
+    l4_regular,
+    l4_medium,
+    l4_regular_title,
+    l4_medium_title,
+    l4_regular_upper
+  },
+  Footnote: {
+    f1_regular,
+    f1_regular_title,
+    f2_regular,
+    f2_regular_title
+  },
+  Tabular: {
+    t1_regular_mono,
+    t1_regular_slash,
+    t2_regular_mono,
+    t2_medium_mono,
+    t2_regular_slash,
+    t2_medium_slash,
+    t16_bold_slash
+  },
+  UNKNOWN: {
+    u1
+  }
+};
+
+const BreadWrapper = /*#__PURE__*/styled$1('div')({
+  name: "BreadWrapper",
+  class: "berrcjl",
+  propsAsIs: false
+});
+const Breadcrumb = props => {
+  const {
+    items
+  } = props;
+  return /* @__PURE__ */React__default.createElement(BreadWrapper, {
+    className: Typo.Heading.h3_bold_title
+  }, items.map((item, index) => {
+    return /* @__PURE__ */React__default.createElement("span", {
+      key: index
+    }, index > 0 ? /* @__PURE__ */React__default.createElement("svg", {
+      style: {
+        margin: "0 9.6px"
+      },
+      width: "6",
+      height: "8",
+      viewBox: "0 0 6 8",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */React__default.createElement("path", {
+      d: "M4.81662 3.33203C5.15455 3.555 5.32351 3.66649 5.38224 3.80736C5.43358 3.93049 5.43358 4.06904 5.38224 4.19218C5.32351 4.33305 5.15455 4.44454 4.81662 4.66751L1.81921 6.64529C1.4159 6.91141 1.21424 7.04446 1.04715 7.03393C0.901576 7.02475 0.767265 6.95246 0.679429 6.836C0.578613 6.70234 0.578613 6.46074 0.578613 5.97755L0.578613 2.02199C0.578613 1.53879 0.578613 1.2972 0.679429 1.16353C0.767265 1.04708 0.901576 0.974785 1.04715 0.965607C1.21424 0.955073 1.4159 1.08813 1.81921 1.35425L4.81662 3.33203Z",
+      fill: "#031E4F",
+      fillOpacity: "0.18"
+    })) : null, /* @__PURE__ */React__default.createElement("span", {
+      className: "breadcrumb-link",
+      onClick: item.onClick
+    }, item.name), index === items.length - 1 && /* @__PURE__ */React__default.createElement("svg", {
+      style: {
+        margin: "0 9.6px"
+      },
+      width: "6",
+      height: "8",
+      viewBox: "0 0 6 8",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */React__default.createElement("path", {
+      d: "M4.81662 3.33203C5.15455 3.555 5.32351 3.66649 5.38224 3.80736C5.43358 3.93049 5.43358 4.06904 5.38224 4.19218C5.32351 4.33305 5.15455 4.44454 4.81662 4.66751L1.81921 6.64529C1.4159 6.91141 1.21424 7.04446 1.04715 7.03393C0.901576 7.02475 0.767265 6.95246 0.679429 6.836C0.578613 6.70234 0.578613 6.46074 0.578613 5.97755L0.578613 2.02199C0.578613 1.53879 0.578613 1.2972 0.679429 1.16353C0.767265 1.04708 0.901576 0.974785 1.04715 0.965607C1.21424 0.955073 1.4159 1.08813 1.81921 1.35425L4.81662 3.33203Z",
+      fill: "#031E4F",
+      fillOpacity: "0.18"
+    })));
+  }));
+};
+
 const CardWrapper$1 = /*#__PURE__*/styled$1('div')({
   name: "CardWrapper",
   class: "c1uzzomf",
@@ -338,6 +512,174 @@ const DetailCard = props => {
   }, props.children));
 };
 
+const Counting = (props) => {
+  const { stop, interval = 1e3, render } = props;
+  const [, setState] = useState(true);
+  useEffect(() => {
+    if (stop)
+      return;
+    const timer = setInterval(() => {
+      setState((state) => !state);
+    }, interval);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [stop, interval]);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, render());
+};
+
+var __defProp$V = Object.defineProperty;
+var __defProps$D = Object.defineProperties;
+var __getOwnPropDescs$D = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$X = Object.getOwnPropertySymbols;
+var __hasOwnProp$X = Object.prototype.hasOwnProperty;
+var __propIsEnum$X = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$V = (obj, key, value) => key in obj ? __defProp$V(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$V = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$X.call(b, prop))
+      __defNormalProp$V(a, prop, b[prop]);
+  if (__getOwnPropSymbols$X)
+    for (var prop of __getOwnPropSymbols$X(b)) {
+      if (__propIsEnum$X.call(b, prop))
+        __defNormalProp$V(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$D = (a, b) => __defProps$D(a, __getOwnPropDescs$D(b));
+var __objRest$y = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$X.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$X)
+    for (var prop of __getOwnPropSymbols$X(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$X.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+let componentId = 0;
+const Tooltip = (props) => {
+  const _a = props, {
+    followMouse,
+    overlayClassName,
+    overlayStyle,
+    children
+  } = _a, restProps = __objRest$y(_a, [
+    "followMouse",
+    "overlayClassName",
+    "overlayStyle",
+    "children"
+  ]);
+  const id = useRef(++componentId);
+  const uniquePopupClass = `kit-popup-${id.current}`;
+  const uniqueContainerClass = `kit-tooltip-${id.current}`;
+  const _children = useMemo(() => {
+    if (followMouse) {
+      const child = React__default.isValidElement(children) ? children : /* @__PURE__ */ React__default.createElement("span", null, children);
+      return React__default.cloneElement(child, {
+        className: cs(child.props.className, uniqueContainerClass)
+      });
+    } else {
+      return children;
+    }
+  }, [children, followMouse, uniqueContainerClass]);
+  const onmousemove = useCallback(
+    (event) => {
+      const popup = document.querySelector(`.${uniquePopupClass}`);
+      if (!popup)
+        return;
+      popup.style.left = event.pageX + "px";
+      popup.style.top = event.pageY + "px";
+    },
+    [uniquePopupClass]
+  );
+  useEffect(() => {
+    if (followMouse) {
+      const container = document.querySelector(
+        `.${uniqueContainerClass}`
+      );
+      container == null ? void 0 : container.addEventListener("mousemove", onmousemove);
+      return () => {
+        container == null ? void 0 : container.removeEventListener("mousemove", onmousemove);
+      };
+    }
+  }, [followMouse, onmousemove, uniqueContainerClass]);
+  return /* @__PURE__ */ React__default.createElement(
+    Tooltip$1,
+    __spreadProps$D(__spreadValues$V({}, restProps), {
+      overlayClassName: followMouse ? cs(overlayClassName, uniquePopupClass) : overlayClassName,
+      children: _children,
+      overlayStyle: followMouse ? __spreadValues$V({
+        transform: "translate(-50%, -100%)",
+        pointerEvents: "none"
+      }, overlayStyle) : overlayStyle
+    })
+  );
+};
+
+var __defProp$U = Object.defineProperty;
+var __defProps$C = Object.defineProperties;
+var __getOwnPropDescs$C = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$W = Object.getOwnPropertySymbols;
+var __hasOwnProp$W = Object.prototype.hasOwnProperty;
+var __propIsEnum$W = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$U = (obj, key, value) => key in obj ? __defProp$U(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues$U = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$W.call(b, prop)) __defNormalProp$U(a, prop, b[prop]);
+  if (__getOwnPropSymbols$W) for (var prop of __getOwnPropSymbols$W(b)) {
+    if (__propIsEnum$W.call(b, prop)) __defNormalProp$U(a, prop, b[prop]);
+  }
+  return a;
+};
+var __spreadProps$C = (a, b) => __defProps$C(a, __getOwnPropDescs$C(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];
+  if (source != null && __getOwnPropSymbols$W) for (var prop of __getOwnPropSymbols$W(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum$W.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const TruncatedTextWrapper = /*#__PURE__*/styled('div')({
+  name: "TruncatedTextWrapper",
+  class: "tje3huy",
+  propsAsIs: false
+});
+const TruncatedTextWithTooltip = props => {
+  const _a = props,
+    {
+      text,
+      textWrapperCls
+    } = _a,
+    restProps = __objRest$x(_a, ["text", "textWrapperCls"]);
+  const [isTextTruncated, setTextTruncated] = useState(false);
+  const textWrapper = useRef(null);
+  useLayoutEffect(() => {
+    const ele = textWrapper.current;
+    if (ele) {
+      const parent = ele.parentElement;
+      if (parent && (parent == null ? void 0 : parent.scrollWidth) > (parent == null ? void 0 : parent.clientWidth)) {
+        setTextTruncated(true);
+      }
+    }
+  }, [text]);
+  const renderName = () => /* @__PURE__ */React__default.createElement("span", {
+    ref: textWrapper,
+    className: textWrapperCls
+  }, text);
+  return isTextTruncated ? /* @__PURE__ */React__default.createElement(Tooltip, __spreadProps$C(__spreadValues$U({}, restProps), {
+    title: text,
+    "data-testid": "text-tooltip"
+  }), /* @__PURE__ */React__default.createElement(TruncatedTextWrapper, null, renderName())) : renderName();
+};
+
 const EMPTY_FUNCTION = () => {
 };
 
@@ -560,31 +902,31 @@ function getAlertIcon(type) {
   }
 }
 
-var __defProp$U = Object.defineProperty;
-var __defProps$C = Object.defineProperties;
-var __getOwnPropDescs$C = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$W = Object.getOwnPropertySymbols;
-var __hasOwnProp$W = Object.prototype.hasOwnProperty;
-var __propIsEnum$W = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$U = (obj, key, value) => key in obj ? __defProp$U(obj, key, {
+var __defProp$T = Object.defineProperty;
+var __defProps$B = Object.defineProperties;
+var __getOwnPropDescs$B = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$V = Object.getOwnPropertySymbols;
+var __hasOwnProp$V = Object.prototype.hasOwnProperty;
+var __propIsEnum$V = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$T = (obj, key, value) => key in obj ? __defProp$T(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues$U = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp$W.call(b, prop)) __defNormalProp$U(a, prop, b[prop]);
-  if (__getOwnPropSymbols$W) for (var prop of __getOwnPropSymbols$W(b)) {
-    if (__propIsEnum$W.call(b, prop)) __defNormalProp$U(a, prop, b[prop]);
+var __spreadValues$T = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$V.call(b, prop)) __defNormalProp$T(a, prop, b[prop]);
+  if (__getOwnPropSymbols$V) for (var prop of __getOwnPropSymbols$V(b)) {
+    if (__propIsEnum$V.call(b, prop)) __defNormalProp$T(a, prop, b[prop]);
   }
   return a;
 };
-var __spreadProps$C = (a, b) => __defProps$C(a, __getOwnPropDescs$C(b));
-var __objRest$x = (source, exclude) => {
+var __spreadProps$B = (a, b) => __defProps$B(a, __getOwnPropDescs$B(b));
+var __objRest$w = (source, exclude) => {
   var target = {};
-  for (var prop in source) if (__hasOwnProp$W.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$W) for (var prop of __getOwnPropSymbols$W(source)) {
-    if (exclude.indexOf(prop) < 0 && __propIsEnum$W.call(source, prop)) target[prop] = source[prop];
+  for (var prop in source) if (__hasOwnProp$V.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$V) for (var prop of __getOwnPropSymbols$V(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum$V.call(source, prop)) target[prop] = source[prop];
   }
   return target;
 };
@@ -602,13 +944,13 @@ const Alert = _a => {
       action,
       message
     } = _b,
-    props = __objRest$x(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message"]);
+    props = __objRest$w(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message"]);
   const _icon = /* @__PURE__ */React__default.createElement(Icon, {
     alt: type,
     src: getAlertIcon(type)
   });
   const _type = type === "normal" ? "info" : type;
-  return /* @__PURE__ */React__default.createElement(Alert$1, __spreadProps$C(__spreadValues$U({}, props), {
+  return /* @__PURE__ */React__default.createElement(Alert$1, __spreadProps$B(__spreadValues$T({}, props), {
     className: cs(AlertStyle, type ? `alert-${type}` : "", className, {
       action
     }),
@@ -646,89 +988,59 @@ const Arch = (props) => {
   return /* @__PURE__ */ React__default.createElement("span", null, text);
 };
 
-var __defProp$T = Object.defineProperty;
-var __defProps$B = Object.defineProperties;
-var __getOwnPropDescs$B = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$V = Object.getOwnPropertySymbols;
-var __hasOwnProp$V = Object.prototype.hasOwnProperty;
-var __propIsEnum$V = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$T = (obj, key, value) => key in obj ? __defProp$T(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$T = (a, b) => {
+var __defProp$S = Object.defineProperty;
+var __defProps$A = Object.defineProperties;
+var __getOwnPropDescs$A = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$U = Object.getOwnPropertySymbols;
+var __hasOwnProp$U = Object.prototype.hasOwnProperty;
+var __propIsEnum$U = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$S = (obj, key, value) => key in obj ? __defProp$S(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$S = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$V.call(b, prop))
-      __defNormalProp$T(a, prop, b[prop]);
-  if (__getOwnPropSymbols$V)
-    for (var prop of __getOwnPropSymbols$V(b)) {
-      if (__propIsEnum$V.call(b, prop))
-        __defNormalProp$T(a, prop, b[prop]);
+    if (__hasOwnProp$U.call(b, prop))
+      __defNormalProp$S(a, prop, b[prop]);
+  if (__getOwnPropSymbols$U)
+    for (var prop of __getOwnPropSymbols$U(b)) {
+      if (__propIsEnum$U.call(b, prop))
+        __defNormalProp$S(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$B = (a, b) => __defProps$B(a, __getOwnPropDescs$B(b));
-var __objRest$w = (source, exclude) => {
+var __spreadProps$A = (a, b) => __defProps$A(a, __getOwnPropDescs$A(b));
+var __objRest$v = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$V.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$U.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$V)
-    for (var prop of __getOwnPropSymbols$V(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$V.call(source, prop))
+  if (source != null && __getOwnPropSymbols$U)
+    for (var prop of __getOwnPropSymbols$U(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$U.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 const Badge = (_a) => {
-  var _b = _a, { type = "error", className } = _b, props = __objRest$w(_b, ["type", "className"]);
+  var _b = _a, { type = "error", className } = _b, props = __objRest$v(_b, ["type", "className"]);
   return /* @__PURE__ */ React__default.createElement(
     Badge$1,
-    __spreadProps$B(__spreadValues$T({
+    __spreadProps$A(__spreadValues$S({
       className: cx(`badge-${type}`, className)
     }, props), {
       showZero: false
     })
   );
-};
-
-function isEmpty(rawValue) {
-  if (rawValue === null || rawValue === void 0 || rawValue === MAGIC_METRIC_NULL || Number.isNaN(rawValue) || !Number.isFinite(rawValue)) {
-    return true;
-  }
-  return false;
-}
-
-const Empty = (props) => {
-  const { className, style } = props;
-  return /* @__PURE__ */ React__default.createElement("span", { className, style }, "-");
-};
-
-var __defProp$S = Object.defineProperty;
-var __getOwnPropSymbols$U = Object.getOwnPropertySymbols;
-var __hasOwnProp$U = Object.prototype.hasOwnProperty;
-var __propIsEnum$U = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$S = (obj, key, value) => key in obj ? __defProp$S(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$S = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$U.call(b, prop))
-      __defNormalProp$S(a, prop, b[prop]);
-  if (__getOwnPropSymbols$U)
-    for (var prop of __getOwnPropSymbols$U(b)) {
-      if (__propIsEnum$U.call(b, prop))
-        __defNormalProp$S(a, prop, b[prop]);
-    }
-  return a;
-};
-const Bit = ({
-  rawValue,
-  decimals,
-  unitClassName,
-  valueClassName,
-  emptyProps
-}) => {
-  if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$S({}, emptyProps));
+};
+
+function isEmpty(rawValue) {
+  if (rawValue === null || rawValue === void 0 || rawValue === MAGIC_METRIC_NULL || Number.isNaN(rawValue) || !Number.isFinite(rawValue)) {
+    return true;
   }
-  const { value, unit } = formatBits(rawValue, decimals);
-  return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", unitClassName) }, ` ${unit}`));
+  return false;
+}
+
+const Empty = (props) => {
+  const { className, style } = props;
+  return /* @__PURE__ */ React__default.createElement("span", { className, style }, "-");
 };
 
 var __defProp$R = Object.defineProperty;
@@ -747,17 +1059,17 @@ var __spreadValues$R = (a, b) => {
     }
   return a;
 };
-const BitPerSeconds = ({
+const Bit = ({
   rawValue,
   decimals,
-  valueClassName,
   unitClassName,
+  valueClassName,
   emptyProps
 }) => {
   if (isEmpty(rawValue)) {
     return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$R({}, emptyProps));
   }
-  const { value, unit } = formatBitPerSecond(rawValue, decimals);
+  const { value, unit } = formatBits(rawValue, decimals);
   return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", unitClassName) }, ` ${unit}`));
 };
 
@@ -777,7 +1089,7 @@ var __spreadValues$Q = (a, b) => {
     }
   return a;
 };
-const Bps = ({
+const BitPerSeconds = ({
   rawValue,
   decimals,
   valueClassName,
@@ -787,135 +1099,38 @@ const Bps = ({
   if (isEmpty(rawValue)) {
     return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$Q({}, emptyProps));
   }
-  const { value, unit } = formatBps(rawValue, decimals);
+  const { value, unit } = formatBitPerSecond(rawValue, decimals);
   return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", unitClassName) }, ` ${unit}`));
 };
 
-const d1_bold_title = "d6j0lbj";
-const d1s_bold_title = "d1xhvvxe";
-const d1_regular_title = "dk10mxq";
-const d2_bold_title = "dxsait";
-const d2_regular_title = "dokn0h3";
-const d3_bold_title = "dobau4p";
-const d3_regular_title = "dvolwok";
-const h1_bold_title = "h181qhg4";
-const h1_regular_title = "h1phgmcq";
-const h2_bold_title = "h173xnl1";
-const h2_regular_title = "hedm4pz";
-const h3_bold_title = "h1kd8xld";
-const h3_regular_title = "hp14fr";
-const h3_bold_upper = "hgrg7mn";
-const h3_regular_upper = "h6zme9x";
-const l1_regular = "locjvsv";
-const l1_bold = "l13gi131";
-const l1_regular_title = "l1ynemsu";
-const l1_bold_title = "l1cft1cx";
-const l1_regular_upper = "l17tqc8p";
-const l1_bold_upper = "l1j1e5w7";
-const l2_regular = "l1gf91jb";
-const l2_medium = "lu7hlr6";
-const l2_bold = "l3l3jf0";
-const l2_regular_title = "l12j5nqp";
-const l2_bold_title = "l1tecqht";
-const l2_regular_upper = "l6sa990";
-const l2_bold_upper = "lckqe8j";
-const l3_regular = "l1kuminb";
-const l3_semibold = "l1pbuf5j";
-const l3_bold = "l1r4ztu";
-const l3_regular_title = "ly8vzok";
-const l3_semibold_title = "lumfmf";
-const l3_bold_title = "l16ujwmv";
-const l3_regular_upper = "l17o1ffr";
-const l3_bold_upper = "lngllvn";
-const l4_regular = "l2i7fo9";
-const l4_medium = "l1x7hscx";
-const l4_bold = "le1jwan";
-const l4_regular_title = "lyxynfj";
-const l4_medium_title = "lpb2nxv";
-const l4_bold_title = "l1r8o3vv";
-const l4_regular_upper = "lemnjy2";
-const l4_bold_upper = "lrc42gb";
-const f1_regular = "fqaz4mb";
-const f1_regular_title = "f13we5o";
-const f2_regular = "ffmjua2";
-const f2_regular_title = "fz2mxw0";
-const t1_regular_mono = "t1ertzoh";
-const t1_regular_slash = "t19bge8r";
-const t2_regular_mono = "tjrzfyl";
-const t2_medium_mono = "tm6s7bo";
-const t2_regular_slash = "t19zq6ic";
-const t2_medium_slash = "t1gduru8";
-const t16_bold_slash = "t55raab";
-const u1 = "u1w9abfe";
-const Typo = {
-  Display: {
-    d1_bold_title,
-    d1s_bold_title,
-    d1_regular_title,
-    d2_bold_title,
-    d2_regular_title,
-    d3_bold_title,
-    d3_regular_title
-  },
-  Heading: {
-    h1_bold_title,
-    h1_regular_title,
-    h2_bold_title,
-    h2_regular_title,
-    h3_bold_title,
-    h3_bold_upper,
-    h3_regular_title,
-    h3_regular_upper
-  },
-  Label: {
-    l1_bold,
-    l1_bold_title,
-    l1_bold_upper,
-    l1_regular,
-    l1_regular_title,
-    l1_regular_upper,
-    l2_bold,
-    l2_bold_title,
-    l2_bold_upper,
-    l2_regular,
-    l2_regular_title,
-    l2_regular_upper,
-    l2_medium,
-    l3_bold,
-    l3_semibold,
-    l3_bold_title,
-    l3_bold_upper,
-    l3_regular,
-    l3_regular_title,
-    l3_semibold_title,
-    l3_regular_upper,
-    l4_bold,
-    l4_bold_title,
-    l4_bold_upper,
-    l4_regular,
-    l4_medium,
-    l4_regular_title,
-    l4_medium_title,
-    l4_regular_upper
-  },
-  Footnote: {
-    f1_regular,
-    f1_regular_title,
-    f2_regular,
-    f2_regular_title
-  },
-  Tabular: {
-    t1_regular_mono,
-    t1_regular_slash,
-    t2_regular_mono,
-    t2_medium_mono,
-    t2_regular_slash,
-    t2_medium_slash,
-    t16_bold_slash
-  },
-  UNKNOWN: {
-    u1
+var __defProp$P = Object.defineProperty;
+var __getOwnPropSymbols$R = Object.getOwnPropertySymbols;
+var __hasOwnProp$R = Object.prototype.hasOwnProperty;
+var __propIsEnum$R = 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$R.call(b, prop))
+      __defNormalProp$P(a, prop, b[prop]);
+  if (__getOwnPropSymbols$R)
+    for (var prop of __getOwnPropSymbols$R(b)) {
+      if (__propIsEnum$R.call(b, prop))
+        __defNormalProp$P(a, prop, b[prop]);
+    }
+  return a;
+};
+const Bps = ({
+  rawValue,
+  decimals,
+  valueClassName,
+  unitClassName,
+  emptyProps
+}) => {
+  if (isEmpty(rawValue)) {
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$P({}, emptyProps));
   }
+  const { value, unit } = formatBps(rawValue, decimals);
+  return /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", unitClassName) }, ` ${unit}`));
 };
 
 const HoverableElement = (props) => {
@@ -926,28 +1141,28 @@ const HoverableElement = (props) => {
   return icon != null ? React__default.cloneElement(icon, { className }) : null;
 };
 
-var __defProp$P = Object.defineProperty;
-var __getOwnPropSymbols$R = Object.getOwnPropertySymbols;
-var __hasOwnProp$R = Object.prototype.hasOwnProperty;
-var __propIsEnum$R = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$P = (obj, key, value) => key in obj ? __defProp$P(obj, key, {
+var __defProp$O = Object.defineProperty;
+var __getOwnPropSymbols$Q = Object.getOwnPropertySymbols;
+var __hasOwnProp$Q = Object.prototype.hasOwnProperty;
+var __propIsEnum$Q = 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$P = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp$R.call(b, prop)) __defNormalProp$P(a, prop, b[prop]);
-  if (__getOwnPropSymbols$R) for (var prop of __getOwnPropSymbols$R(b)) {
-    if (__propIsEnum$R.call(b, prop)) __defNormalProp$P(a, prop, b[prop]);
+var __spreadValues$O = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$Q.call(b, prop)) __defNormalProp$O(a, prop, b[prop]);
+  if (__getOwnPropSymbols$Q) for (var prop of __getOwnPropSymbols$Q(b)) {
+    if (__propIsEnum$Q.call(b, prop)) __defNormalProp$O(a, prop, b[prop]);
   }
   return a;
 };
-var __objRest$v = (source, exclude) => {
+var __objRest$u = (source, exclude) => {
   var target = {};
-  for (var prop in source) if (__hasOwnProp$R.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$R) for (var prop of __getOwnPropSymbols$R(source)) {
-    if (exclude.indexOf(prop) < 0 && __propIsEnum$R.call(source, prop)) target[prop] = source[prop];
+  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;
 };
@@ -970,12 +1185,12 @@ const Button = React__default.forwardRef((props, ref) => {
       onMouseLeave,
       size = "middle"
     } = _a,
-    restProps = __objRest$v(_a, ["type", "className", "children", "prefixIcon", "hoverPrefixIcon", "suffixIcon", "hoverSuffixIcon", "onMouseEnter", "onMouseLeave", "size"]);
+    restProps = __objRest$u(_a, ["type", "className", "children", "prefixIcon", "hoverPrefixIcon", "suffixIcon", "hoverSuffixIcon", "onMouseEnter", "onMouseLeave", "size"]);
   const [status, setStatus] = useState("normal");
   const hasIcon = prefixIcon || suffixIcon;
   const hasHoverIcon = hoverPrefixIcon || hoverSuffixIcon;
   const onlyIcon = !children && (prefixIcon || suffixIcon);
-  return /* @__PURE__ */React__default.createElement(Button$1, __spreadValues$P({
+  return /* @__PURE__ */React__default.createElement(Button$1, __spreadValues$O({
     ref,
     className: cs(className, ButtonStyle$1, type === "link" && NoPadding, size === "large" && Typo.Label.l1_regular_title, size === "middle" && Typo.Label.l2_regular_title, size === "small" && Typo.Label.l3_regular_title, type && `ant-btn-${type}`, onlyIcon && "ant-btn-icon-only"),
     type: isAntdButtonTypes(type) ? type : void 0,
@@ -1005,97 +1220,6 @@ const Button = React__default.forwardRef((props, ref) => {
   }));
 });
 
-var __defProp$O = Object.defineProperty;
-var __defProps$A = Object.defineProperties;
-var __getOwnPropDescs$A = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$Q = Object.getOwnPropertySymbols;
-var __hasOwnProp$Q = Object.prototype.hasOwnProperty;
-var __propIsEnum$Q = 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$Q.call(b, prop))
-      __defNormalProp$O(a, prop, b[prop]);
-  if (__getOwnPropSymbols$Q)
-    for (var prop of __getOwnPropSymbols$Q(b)) {
-      if (__propIsEnum$Q.call(b, prop))
-        __defNormalProp$O(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$A = (a, b) => __defProps$A(a, __getOwnPropDescs$A(b));
-var __objRest$u = (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;
-};
-let componentId = 0;
-const Tooltip = (props) => {
-  const _a = props, {
-    followMouse,
-    overlayClassName,
-    overlayStyle,
-    children
-  } = _a, restProps = __objRest$u(_a, [
-    "followMouse",
-    "overlayClassName",
-    "overlayStyle",
-    "children"
-  ]);
-  const id = useRef(++componentId);
-  const uniquePopupClass = `kit-popup-${id.current}`;
-  const uniqueContainerClass = `kit-tooltip-${id.current}`;
-  const _children = useMemo(() => {
-    if (followMouse) {
-      const child = React__default.isValidElement(children) ? children : /* @__PURE__ */ React__default.createElement("span", null, children);
-      return React__default.cloneElement(child, {
-        className: cs(child.props.className, uniqueContainerClass)
-      });
-    } else {
-      return children;
-    }
-  }, [children, followMouse, uniqueContainerClass]);
-  const onmousemove = useCallback(
-    (event) => {
-      const popup = document.querySelector(`.${uniquePopupClass}`);
-      if (!popup)
-        return;
-      popup.style.left = event.pageX + "px";
-      popup.style.top = event.pageY + "px";
-    },
-    [uniquePopupClass]
-  );
-  useEffect(() => {
-    if (followMouse) {
-      const container = document.querySelector(
-        `.${uniqueContainerClass}`
-      );
-      container == null ? void 0 : container.addEventListener("mousemove", onmousemove);
-      return () => {
-        container == null ? void 0 : container.removeEventListener("mousemove", onmousemove);
-      };
-    }
-  }, [followMouse, onmousemove, uniqueContainerClass]);
-  return /* @__PURE__ */ React__default.createElement(
-    Tooltip$1,
-    __spreadProps$A(__spreadValues$O({}, restProps), {
-      overlayClassName: followMouse ? cs(overlayClassName, uniquePopupClass) : overlayClassName,
-      children: _children,
-      overlayStyle: followMouse ? __spreadValues$O({
-        transform: "translate(-50%, -100%)",
-        pointerEvents: "none"
-      }, overlayStyle) : overlayStyle
-    })
-  );
-};
-
 var __defProp$N = Object.defineProperty;
 var __getOwnPropSymbols$P = Object.getOwnPropertySymbols;
 var __hasOwnProp$P = Object.prototype.hasOwnProperty;
@@ -1601,6 +1725,11 @@ const FullView = /*#__PURE__*/styled$1('div')({
 const InputStyle = "ipd9bk";
 const KitInputStyle = "kypn5o5";
 
+const LoadingWrapper = "l4bld33";
+const LoadingLine1 = "lgitjoj";
+const LoadingLine2 = "l13g0exg";
+const LoadingLine3 = "l1exo3h6";
+
 var __defProp$H = Object.defineProperty;
 var __getOwnPropSymbols$I = Object.getOwnPropertySymbols;
 var __hasOwnProp$I = Object.prototype.hasOwnProperty;
@@ -1620,7 +1749,7 @@ var __spreadValues$H = (a, b) => {
 const Loading = ({ fullView = true }) => {
   const Wrapper = fullView ? FullView : Fragment;
   const props = fullView ? { className: "loading-full-view" } : {};
-  return /* @__PURE__ */ React__default.createElement(Wrapper, __spreadValues$H({}, props), /* @__PURE__ */ React__default.createElement("div", { className: "loading" }, /* @__PURE__ */ React__default.createElement("div", { className: "loading-indicator__line1" }), /* @__PURE__ */ React__default.createElement("div", { className: "loading-indicator__line2" }), /* @__PURE__ */ React__default.createElement("div", { className: "loading-indicator__line3" })));
+  return /* @__PURE__ */ React__default.createElement(Wrapper, __spreadValues$H({}, props), /* @__PURE__ */ React__default.createElement("div", { className: LoadingWrapper }, /* @__PURE__ */ React__default.createElement("div", { className: LoadingLine1 }), /* @__PURE__ */ React__default.createElement("div", { className: LoadingLine2 }), /* @__PURE__ */ React__default.createElement("div", { className: LoadingLine3 })));
 };
 
 var __defProp$G = Object.defineProperty;
@@ -5829,7 +5958,10 @@ function getAntdKit() {
     time: Time,
     DropdownTransition,
     AccordionCard,
-    DetailCard
+    DetailCard,
+    TruncatedTextWithTooltip,
+    Counting,
+    Breadcrumb
   };
   kit.option.isSelectOption = true;
   kit.button.__ANT_BUTTON = true;