@cloudtower/eagle 0.27.25 → 0.27.28

package/dist/esm/index.js

@@ -7,12 +7,12 @@ import { useTranslation, Trans, withTranslation } from 'react-i18next';
 import { Tooltip as Tooltip$1, Menu, Dropdown, Button as Button$1, Checkbox as Checkbox$1, DatePicker, Select as Select$1, InputNumber as InputNumber$1, Input as Input$1, TimePicker as TimePicker$1, Switch as Switch$1, Popover, Calendar as Calendar$2, Alert as Alert$1, Badge as Badge$1, Card as Card$2, Collapse, Form as Form$1, Tag as Tag$1, Steps as Steps$1, Modal as Modal$1, Progress as Progress$1, Radio as Radio$1, Table as Table$2, Space, List, Row, Col, Tree, Divider, Skeleton, Layout, AutoComplete, Timeline, Typography, Upload, Tabs, message, Empty as Empty$1, TreeSelect, Drawer, ConfigProvider } from 'antd';
 export { Col, Row } from 'antd';
 import { XmarkRemove24SecondaryIcon, InfoICircleFill16SecondaryIcon, XmarkFailedSeriousWarningFill16RedIcon, NoticeAttention16YellowIcon, InfoICircleFill16BlueIcon, CheckmarkDoneSuccessCircleFill16GreenIcon, ArrowChevronDown16SecondaryIcon, MoreEllipsis316BoldBlueIcon, XmarkRemove16SecondaryIcon, XmarkRemove16BlueIcon, FocusIndicator16BlueIcon, ClockIcon, CloseIcon, ArrowChevronDown16BlueIcon, ArrowChevronDown16BoldBlueIcon, ArrowChevronDownSmall16BlueIcon, ArrowChevronDownSmall16BoldBlueIcon, ArrowChevronUp16BoldBlueIcon, CalendarClockDateTime24GradientGrayIcon, CalendarClockDateTime24GradientBlueIcon, CalendarTimeRecord16Icon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeft16BoldBlueIcon, ArrowRightGrayIcon, ArrowChevronUp16SecondaryIcon, CheckmarkDoneSuccessCorrect16SecondaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, ArrowChevronDownSmall16SecondaryIcon, Loading8GradientBlueIcon, ArrowChevronUp16BoldSecondaryIcon, PlusAddCreateNew16SecondaryIcon, HandlePoint816SecondaryIcon, HandlePoint816BlueIcon, XmarkRemove16RegularRedIcon, CheckmarkDoneSuccessCorrect16BlueIcon, XmarkRemoveSmall16RegularInheritIcon } from '@cloudtower/icons-react';
+import { styled } from '@linaria/react';
 import cs from 'classnames';
-import { styled } from 'linaria/react';
 import _, { isEqual, debounce, uniqBy, groupBy, sortBy, toPairs } from 'lodash';
 import { SVGUniqueID } from 'react-svg-unique-id';
 import { CSSTransition } from 'react-transition-group';
-import { styled as styled$1 } from '@linaria/react';
+import { Segmented, Cascader as Cascader$1 } from 'antd5';
 import dayjs from 'dayjs';
 import UTC from 'dayjs/plugin/utc';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
@@ -23,7 +23,6 @@ import { CloseCircleFilled, LeftOutlined, RightOutlined, FormOutlined, SearchOut
 import Highlighter from 'react-highlight-words';
 import { RadialBarChart, PolarAngleAxis, RadialBar } from 'recharts';
 import { Draggable, DragDropContext, Droppable } from 'react-beautiful-dnd';
-import { Cascader as Cascader$1 } from 'antd5';
 import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
 import CloseCircleFilled$1 from '@ant-design/icons/CloseCircleFilled';
 import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
@@ -220,6 +219,36 @@ const Empty = (props) => {
   return /* @__PURE__ */ React__default.createElement("span", { className, style }, "-");
 };
 
+var __defProp$17 = Object.defineProperty;
+var __getOwnPropSymbols$18 = Object.getOwnPropertySymbols;
+var __hasOwnProp$18 = Object.prototype.hasOwnProperty;
+var __propIsEnum$18 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$17 = (obj, key, value) => key in obj ? __defProp$17(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$16 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$18.call(b, prop))
+      __defNormalProp$17(a, prop, b[prop]);
+  if (__getOwnPropSymbols$18)
+    for (var prop of __getOwnPropSymbols$18(b)) {
+      if (__propIsEnum$18.call(b, prop))
+        __defNormalProp$17(a, prop, b[prop]);
+    }
+  return a;
+};
+const Bit = ({
+  rawValue,
+  decimals,
+  unitClassName,
+  valueClassName,
+  emptyProps
+}) => {
+  if (isEmpty(rawValue)) {
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$16({}, emptyProps));
+  }
+  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}`));
+};
+
 var __defProp$16 = Object.defineProperty;
 var __getOwnPropSymbols$17 = Object.getOwnPropertySymbols;
 var __hasOwnProp$17 = Object.prototype.hasOwnProperty;
@@ -236,17 +265,17 @@ var __spreadValues$15 = (a, b) => {
     }
   return a;
 };
-const Bit = ({
+const BitPerSeconds = ({
   rawValue,
   decimals,
-  unitClassName,
   valueClassName,
+  unitClassName,
   emptyProps
 }) => {
   if (isEmpty(rawValue)) {
     return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$15({}, emptyProps));
   }
-  const { value, unit } = formatBits(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}`));
 };
 
@@ -266,7 +295,7 @@ var __spreadValues$14 = (a, b) => {
     }
   return a;
 };
-const BitPerSeconds = ({
+const Bps = ({
   rawValue,
   decimals,
   valueClassName,
@@ -276,10 +305,16 @@ const BitPerSeconds = ({
   if (isEmpty(rawValue)) {
     return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$14({}, emptyProps));
   }
-  const { value, unit } = formatBitPerSecond(rawValue, decimals);
+  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 useParrotTranslation = () => {
+  return useTranslation(void 0, {
+    i18n: parrotI18n
+  });
+};
+
 var __defProp$14 = Object.defineProperty;
 var __getOwnPropSymbols$15 = Object.getOwnPropertySymbols;
 var __hasOwnProp$15 = Object.prototype.hasOwnProperty;
@@ -296,26 +331,28 @@ var __spreadValues$13 = (a, b) => {
     }
   return a;
 };
-const Bps = ({
+const Byte = ({
   rawValue,
+  noUnitOnZero,
   decimals,
   valueClassName,
   unitClassName,
   emptyProps
 }) => {
+  const { t } = useParrotTranslation();
   if (isEmpty(rawValue)) {
     return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$13({}, emptyProps));
   }
-  const { value, unit } = formatBps(rawValue, decimals);
+  if (rawValue === -1) {
+    return /* @__PURE__ */ React__default.createElement("span", null, t("common.calculation"));
+  }
+  const { value, unit } = formatBytes(rawValue, decimals);
+  if (noUnitOnZero && value === 0) {
+    return /* @__PURE__ */ React__default.createElement("span", { className: "value" }, value);
+  }
   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 useParrotTranslation = () => {
-  return useTranslation(void 0, {
-    i18n: parrotI18n
-  });
-};
-
 var __defProp$13 = Object.defineProperty;
 var __getOwnPropSymbols$14 = Object.getOwnPropertySymbols;
 var __hasOwnProp$14 = Object.prototype.hasOwnProperty;
@@ -332,25 +369,17 @@ var __spreadValues$12 = (a, b) => {
     }
   return a;
 };
-const Byte = ({
+const Frequency = ({
   rawValue,
-  noUnitOnZero,
   decimals,
   valueClassName,
   unitClassName,
   emptyProps
 }) => {
-  const { t } = useParrotTranslation();
   if (isEmpty(rawValue)) {
     return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$12({}, emptyProps));
   }
-  if (rawValue === -1) {
-    return /* @__PURE__ */ React__default.createElement("span", null, t("common.calculation"));
-  }
-  const { value, unit } = formatBytes(rawValue, decimals);
-  if (noUnitOnZero && value === 0) {
-    return /* @__PURE__ */ React__default.createElement("span", { className: "value" }, value);
-  }
+  const { value, unit } = formatFrequency(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}`));
 };
 
@@ -370,9 +399,10 @@ var __spreadValues$11 = (a, b) => {
     }
   return a;
 };
-const Frequency = ({
+const Percent = ({
   rawValue,
   decimals,
+  saturated,
   valueClassName,
   unitClassName,
   emptyProps
@@ -380,8 +410,8 @@ const Frequency = ({
   if (isEmpty(rawValue)) {
     return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$11({}, emptyProps));
   }
-  const { value, unit } = formatFrequency(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 { value, unit } = formatPercent(rawValue, decimals, saturated);
+  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));
 };
 
 var __defProp$11 = Object.defineProperty;
@@ -400,19 +430,20 @@ var __spreadValues$10 = (a, b) => {
     }
   return a;
 };
-const Percent = ({
+const Second = ({
   rawValue,
   decimals,
-  saturated,
   valueClassName,
   unitClassName,
+  abbreviate,
   emptyProps
 }) => {
+  const { t } = useParrotTranslation();
   if (isEmpty(rawValue)) {
     return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$10({}, emptyProps));
   }
-  const { value, unit } = formatPercent(rawValue, decimals, saturated);
-  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 { value, unit } = formatSeconds(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) }, t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
 };
 
 var __defProp$10 = Object.defineProperty;
@@ -431,20 +462,18 @@ var __spreadValues$$ = (a, b) => {
     }
   return a;
 };
-const Second = ({
+const Speed = ({
   rawValue,
   decimals,
   valueClassName,
   unitClassName,
-  abbreviate,
   emptyProps
 }) => {
-  const { t } = useParrotTranslation();
   if (isEmpty(rawValue)) {
     return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$$({}, emptyProps));
   }
-  const { value, unit } = formatSeconds(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) }, t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
+  const { value, unit } = formatSpeed(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}`));
 };
 
 var __defProp$$ = Object.defineProperty;
@@ -463,44 +492,14 @@ var __spreadValues$_ = (a, b) => {
     }
   return a;
 };
-const Speed = ({
-  rawValue,
-  decimals,
-  valueClassName,
-  unitClassName,
-  emptyProps
-}) => {
-  if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues$_({}, emptyProps));
-  }
-  const { value, unit } = formatSpeed(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}`));
-};
-
-var __defProp$_ = Object.defineProperty;
-var __getOwnPropSymbols$$ = Object.getOwnPropertySymbols;
-var __hasOwnProp$$ = Object.prototype.hasOwnProperty;
-var __propIsEnum$$ = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$_ = (obj, key, value) => key in obj ? __defProp$_(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$Z = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$$.call(b, prop))
-      __defNormalProp$_(a, prop, b[prop]);
-  if (__getOwnPropSymbols$$)
-    for (var prop of __getOwnPropSymbols$$(b)) {
-      if (__propIsEnum$$.call(b, prop))
-        __defNormalProp$_(a, prop, b[prop]);
-    }
-  return a;
-};
 var __objRest$D = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$$.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$10.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$$)
-    for (var prop of __getOwnPropSymbols$$(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$$.call(source, prop))
+  if (source != null && __getOwnPropSymbols$10)
+    for (var prop of __getOwnPropSymbols$10(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$10.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -532,10 +531,10 @@ const BaseIcon = React__default.forwardRef(
     ]);
     return /* @__PURE__ */ React__default.createElement(
       "span",
-      __spreadValues$Z({
+      __spreadValues$_({
         ref,
         className,
-        style: _.pickBy(__spreadValues$Z({ cursor }, style))
+        style: _.pickBy(__spreadValues$_({ 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 }))),
@@ -545,31 +544,31 @@ const BaseIcon = React__default.forwardRef(
   }
 );
 
-var __defProp$Z = Object.defineProperty;
+var __defProp$_ = Object.defineProperty;
 var __defProps$J = Object.defineProperties;
 var __getOwnPropDescs$J = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$_ = Object.getOwnPropertySymbols;
-var __hasOwnProp$_ = Object.prototype.hasOwnProperty;
-var __propIsEnum$_ = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$Z = (obj, key, value) => key in obj ? __defProp$Z(obj, key, {
+var __getOwnPropSymbols$$ = Object.getOwnPropertySymbols;
+var __hasOwnProp$$ = Object.prototype.hasOwnProperty;
+var __propIsEnum$$ = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$_ = (obj, key, value) => key in obj ? __defProp$_(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$_.call(b, prop)) __defNormalProp$Z(a, prop, b[prop]);
-  if (__getOwnPropSymbols$_) for (var prop of __getOwnPropSymbols$_(b)) {
-    if (__propIsEnum$_.call(b, prop)) __defNormalProp$Z(a, prop, b[prop]);
+var __spreadValues$Z = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$$.call(b, prop)) __defNormalProp$_(a, prop, b[prop]);
+  if (__getOwnPropSymbols$$) for (var prop of __getOwnPropSymbols$$(b)) {
+    if (__propIsEnum$$.call(b, prop)) __defNormalProp$_(a, prop, b[prop]);
   }
   return a;
 };
 var __spreadProps$J = (a, b) => __defProps$J(a, __getOwnPropDescs$J(b));
 var __objRest$C = (source, exclude) => {
   var target = {};
-  for (var prop in source) if (__hasOwnProp$_.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = 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];
+  for (var prop in source) if (__hasOwnProp$$.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = 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;
 };
@@ -621,14 +620,14 @@ const Icon = React__default.forwardRef((props, ref) => {
     }
     return src2;
   }, [active, hover, suffix]);
-  return /* @__PURE__ */React__default.createElement(BaseIcon, __spreadProps$J(__spreadValues$Y({
+  return /* @__PURE__ */React__default.createElement(BaseIcon, __spreadProps$J(__spreadValues$Z({
     src: _src,
     className: cs(IconWrapper, "icon-wrapper", className, isRotate && "is-rotate"),
     suffixIconSrc,
     height: iconHeight,
     width: iconWidth,
     prefixNode: prefix,
-    style: _.pickBy(__spreadValues$Y({
+    style: _.pickBy(__spreadValues$Z({
       cursor
     }, style))
   }, restProps), {
@@ -653,30 +652,30 @@ const Icon = React__default.forwardRef((props, ref) => {
   }));
 });
 
-var __defProp$Y = Object.defineProperty;
-var __getOwnPropSymbols$Z = Object.getOwnPropertySymbols;
-var __hasOwnProp$Z = Object.prototype.hasOwnProperty;
-var __propIsEnum$Z = 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$X = (a, b) => {
+var __defProp$Z = Object.defineProperty;
+var __getOwnPropSymbols$_ = Object.getOwnPropertySymbols;
+var __hasOwnProp$_ = Object.prototype.hasOwnProperty;
+var __propIsEnum$_ = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$Z = (obj, key, value) => key in obj ? __defProp$Z(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$Y(a, prop, b[prop]);
-  if (__getOwnPropSymbols$Z)
-    for (var prop of __getOwnPropSymbols$Z(b)) {
-      if (__propIsEnum$Z.call(b, prop))
-        __defNormalProp$Y(a, prop, b[prop]);
+    if (__hasOwnProp$_.call(b, prop))
+      __defNormalProp$Z(a, prop, b[prop]);
+  if (__getOwnPropSymbols$_)
+    for (var prop of __getOwnPropSymbols$_(b)) {
+      if (__propIsEnum$_.call(b, prop))
+        __defNormalProp$Z(a, prop, b[prop]);
     }
   return a;
 };
 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;
@@ -697,7 +696,7 @@ const DropdownTransition = (props) => {
   ]);
   return /* @__PURE__ */ React__default.createElement(
     CSSTransition,
-    __spreadValues$X({
+    __spreadValues$Y({
       in: visible,
       timeout: timeout || 200,
       mountOnEnter,
@@ -894,7 +893,7 @@ const Typo = {
   }
 };
 
-const BreadWrapper = /*#__PURE__*/styled$1('div')({
+const BreadWrapper = /*#__PURE__*/styled('div')({
   name: "BreadWrapper",
   class: "berrcjl",
   propsAsIs: false
@@ -941,7 +940,7 @@ const Breadcrumb = props => {
   }));
 };
 
-const CardWrapper$1 = /*#__PURE__*/styled$1('div')({
+const CardWrapper$1 = /*#__PURE__*/styled('div')({
   name: "CardWrapper",
   class: "c1uzzomf",
   propsAsIs: false
@@ -957,21 +956,21 @@ const DetailCard = props => {
   }, props.children));
 };
 
-var __defProp$X = Object.defineProperty;
+var __defProp$Y = Object.defineProperty;
 var __defProps$I = Object.defineProperties;
 var __getOwnPropDescs$I = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$Y = Object.getOwnPropertySymbols;
-var __hasOwnProp$Y = Object.prototype.hasOwnProperty;
-var __propIsEnum$Y = 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) => {
+var __getOwnPropSymbols$Z = Object.getOwnPropertySymbols;
+var __hasOwnProp$Z = Object.prototype.hasOwnProperty;
+var __propIsEnum$Z = 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$X = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$Y.call(b, prop))
-      __defNormalProp$X(a, prop, b[prop]);
-  if (__getOwnPropSymbols$Y)
-    for (var prop of __getOwnPropSymbols$Y(b)) {
-      if (__propIsEnum$Y.call(b, prop))
-        __defNormalProp$X(a, prop, b[prop]);
+    if (__hasOwnProp$Z.call(b, prop))
+      __defNormalProp$Y(a, prop, b[prop]);
+  if (__getOwnPropSymbols$Z)
+    for (var prop of __getOwnPropSymbols$Z(b)) {
+      if (__propIsEnum$Z.call(b, prop))
+        __defNormalProp$Y(a, prop, b[prop]);
     }
   return a;
 };
@@ -979,11 +978,11 @@ var __spreadProps$I = (a, b) => __defProps$I(a, __getOwnPropDescs$I(b));
 var __objRest$A = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$Y.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$Z.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))
+  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;
@@ -1037,10 +1036,10 @@ const Tooltip = (props) => {
   }, [followMouse, onmousemove, uniqueContainerClass]);
   return /* @__PURE__ */ React__default.createElement(
     Tooltip$1,
-    __spreadProps$I(__spreadValues$W({}, restProps), {
+    __spreadProps$I(__spreadValues$X({}, restProps), {
       overlayClassName: followMouse ? cs(overlayClassName, uniquePopupClass) : overlayClassName,
       children: _children,
-      overlayStyle: followMouse ? __spreadValues$W({
+      overlayStyle: followMouse ? __spreadValues$X({
         transform: "translate(-50%, -100%)",
         pointerEvents: "none"
       }, overlayStyle) : overlayStyle
@@ -1102,6 +1101,41 @@ const DropdownMenu = ({
   }, /* @__PURE__ */React__default.createElement("span", null, slotsElements.trigger ? slotsElements.trigger({}) : null));
 };
 
+var __defProp$X = Object.defineProperty;
+var __getOwnPropSymbols$Y = Object.getOwnPropertySymbols;
+var __hasOwnProp$Y = Object.prototype.hasOwnProperty;
+var __propIsEnum$Y = 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$X(a, prop, b[prop]);
+  if (__getOwnPropSymbols$Y) for (var prop of __getOwnPropSymbols$Y(b)) {
+    if (__propIsEnum$Y.call(b, prop)) __defNormalProp$X(a, prop, b[prop]);
+  }
+  return a;
+};
+const Segment = "s11wux3h";
+const SmallSegment = "s1t2an3z";
+const MediumSegment = "ma64lna";
+const ColorSegment = "ckld275";
+const SegmentControl = props => {
+  const {
+    size = "middle",
+    className
+  } = props;
+  return /* @__PURE__ */React__default.createElement(Segmented, __spreadValues$W({
+    className: cs(className, {
+      [SmallSegment]: size === "small",
+      [MediumSegment]: size === "middle"
+    }, Segment, ColorSegment),
+    size
+  }, props));
+};
+
 const CircleProgressStyle = "c1bus5hc";
 const CircleProgress = props => {
   const {
@@ -2272,41 +2306,41 @@ const FieldsDateTimeRange = (_a) => {
   ));
 };
 
-const WizardBody = /*#__PURE__*/styled$1('div')({
+const WizardBody = /*#__PURE__*/styled('div')({
   name: "WizardBody",
   class: "w1vvwdlp",
   propsAsIs: false
 });
-const FullView = /*#__PURE__*/styled$1('div')({
+const FullView = /*#__PURE__*/styled('div')({
   name: "FullView",
   class: "f1rest1f",
   propsAsIs: false
 });
-const TertiaryText = /*#__PURE__*/styled$1('div')({
+const TertiaryText = /*#__PURE__*/styled('div')({
   name: "TertiaryText",
   class: "t79k8o2",
   propsAsIs: false
 });
 const InputStyle = "ipd9bk";
 const KitInputStyle = "kypn5o5";
-const ContentWrapper = /*#__PURE__*/styled$1('div')({
+const ContentWrapper = /*#__PURE__*/styled('div')({
   name: "ContentWrapper",
   class: "c1t6wbwv",
   propsAsIs: false
 });
-const Desc = /*#__PURE__*/styled$1('div')({
+const Desc = /*#__PURE__*/styled('div')({
   name: "Desc",
   class: "d1k7vv5v",
   propsAsIs: false
 });
 const _exp2$3 = () => Desc;
-const LightDesc = /*#__PURE__*/styled$1(_exp2$3())({
+const LightDesc = /*#__PURE__*/styled(_exp2$3())({
   name: "LightDesc",
   class: "le7b9r4",
   propsAsIs: true
 });
 const _exp3$2 = () => LightDesc;
-const RadioDesc = /*#__PURE__*/styled$1(_exp3$2())({
+const RadioDesc = /*#__PURE__*/styled(_exp3$2())({
   name: "RadioDesc",
   class: "r1dnygxx",
   propsAsIs: true
@@ -2561,7 +2595,7 @@ const _exp5$1 = () => props => `"${props.prefix ? props.prefix : ""}"`;
 const _exp6$1 = () => ({
   prefix
 }) => prefix ? "flex" : "none";
-const AntdInputNumberStyled = /*#__PURE__*/styled$1(_exp$5())({
+const AntdInputNumberStyled = /*#__PURE__*/styled(_exp$5())({
   name: "AntdInputNumberStyled",
   class: "a6dbbkm",
   propsAsIs: true,
@@ -2828,7 +2862,7 @@ const _exp5 = () => props => `"${props.prefix ? props.prefix : ""}"`;
 const _exp6 = () => ({
   prefix
 }) => prefix ? "flex" : "none";
-const AntdIntStyled = /*#__PURE__*/styled$1(_exp$4())({
+const AntdIntStyled = /*#__PURE__*/styled(_exp$4())({
   name: "AntdIntStyled",
   class: "at4ovwe",
   propsAsIs: true,
@@ -2922,7 +2956,7 @@ const FieldsInteger = (_a) => {
   ));
 };
 
-const InputTagItem = /*#__PURE__*/styled$1('span')({
+const InputTagItem = /*#__PURE__*/styled('span')({
   name: "InputTagItem",
   class: "iap75of",
   propsAsIs: false
@@ -3302,7 +3336,7 @@ const Switch = _a => {
       checked
     } = _b,
     props = __objRest$i(_b, ["children", "className", "checked"]);
-  const Content = /*#__PURE__*/styled$1('span')({
+  const Content = /*#__PURE__*/styled('span')({
     name: "Content",
     class: "c1to9vb9",
     propsAsIs: false
@@ -4075,22 +4109,22 @@ function copyDay(day) {
   return day.clone().set("millisecond", 0);
 }
 
-const CalendarWrapper = /*#__PURE__*/styled$1('div')({
+const CalendarWrapper = /*#__PURE__*/styled('div')({
   name: "CalendarWrapper",
   class: "c1kchka8",
   propsAsIs: false
 });
-const CalendarYearWrapper = /*#__PURE__*/styled$1('div')({
+const CalendarYearWrapper = /*#__PURE__*/styled('div')({
   name: "CalendarYearWrapper",
   class: "ctdb951",
   propsAsIs: false
 });
-const CalendarWeekWrapper = /*#__PURE__*/styled$1('ul')({
+const CalendarWeekWrapper = /*#__PURE__*/styled('ul')({
   name: "CalendarWeekWrapper",
   class: "cvgtyx0",
   propsAsIs: false
 });
-const CalendarMonthWrapper = /*#__PURE__*/styled$1('div')({
+const CalendarMonthWrapper = /*#__PURE__*/styled('div')({
   name: "CalendarMonthWrapper",
   class: "crprfvb",
   propsAsIs: false
@@ -4101,7 +4135,7 @@ const CalendarStyle = {
   Week: CalendarWeekWrapper,
   Month: CalendarMonthWrapper
 };
-const InputTimeWrapper = /*#__PURE__*/styled$1('div')({
+const InputTimeWrapper = /*#__PURE__*/styled('div')({
   name: "InputTimeWrapper",
   class: "ipbxcfl",
   propsAsIs: false
@@ -4109,12 +4143,12 @@ const InputTimeWrapper = /*#__PURE__*/styled$1('div')({
 const InputTimeStyle = {
   Wrapper: InputTimeWrapper
 };
-const AbsoluteTimeWrapper = /*#__PURE__*/styled$1('div')({
+const AbsoluteTimeWrapper = /*#__PURE__*/styled('div')({
   name: "AbsoluteTimeWrapper",
   class: "a120uq8m",
   propsAsIs: false
 });
-const AbsoluteTimeSectionWrapper = /*#__PURE__*/styled$1('div')({
+const AbsoluteTimeSectionWrapper = /*#__PURE__*/styled('div')({
   name: "AbsoluteTimeSectionWrapper",
   class: "a15s9m0d",
   propsAsIs: false
@@ -4123,7 +4157,7 @@ const AbsoluteTimeStyle = {
   Wrapper: AbsoluteTimeWrapper,
   Time: AbsoluteTimeSectionWrapper
 };
-const RelativeTimeWrapper = /*#__PURE__*/styled$1('div')({
+const RelativeTimeWrapper = /*#__PURE__*/styled('div')({
   name: "RelativeTimeWrapper",
   class: "r5hl59d",
   propsAsIs: false
@@ -4131,13 +4165,13 @@ const RelativeTimeWrapper = /*#__PURE__*/styled$1('div')({
 const RelativeTimeStyle = {
   Wrapper: RelativeTimeWrapper
 };
-const DateRangePickerWrapper = /*#__PURE__*/styled$1('div')({
+const DateRangePickerWrapper = /*#__PURE__*/styled('div')({
   name: "DateRangePickerWrapper",
   class: "dhqt3dw",
   propsAsIs: false
 });
 const DateRangePickerPopover = "d956d92";
-const DateRangePickerHistory = /*#__PURE__*/styled$1('div')({
+const DateRangePickerHistory = /*#__PURE__*/styled('div')({
   name: "DateRangePickerHistory",
   class: "d1tc7lgk",
   propsAsIs: false
@@ -5193,7 +5227,7 @@ const units$1 = {
   Bit,
   Second
 };
-const Wrapper$1 = /*#__PURE__*/styled$1('div')({
+const Wrapper$1 = /*#__PURE__*/styled('div')({
   name: "Wrapper",
   class: "wg1tsps",
   propsAsIs: false
@@ -5273,29 +5307,29 @@ const units = {
   Bit,
   Second
 };
-const ChartContent = /*#__PURE__*/styled$1('div')({
+const ChartContent = /*#__PURE__*/styled('div')({
   name: "ChartContent",
   class: "c18bcrac",
   propsAsIs: false
 });
-const ChartTooltipContainer = /*#__PURE__*/styled$1('div')({
+const ChartTooltipContainer = /*#__PURE__*/styled('div')({
   name: "ChartTooltipContainer",
   class: "cro7kg2",
   propsAsIs: false
 });
-const ChartTooltipRow = /*#__PURE__*/styled$1('div')({
+const ChartTooltipRow = /*#__PURE__*/styled('div')({
   name: "ChartTooltipRow",
   class: "c14wcxf0",
   propsAsIs: false
 });
 const _exp$3 = () => ChartTooltipRow;
-const ChartTooltipTitle = /*#__PURE__*/styled$1(_exp$3())({
+const ChartTooltipTitle = /*#__PURE__*/styled(_exp$3())({
   name: "ChartTooltipTitle",
   class: "coy29mj",
   propsAsIs: true
 });
 const _exp2 = () => props => props.color;
-const SpaceStatus = /*#__PURE__*/styled$1('i')({
+const SpaceStatus = /*#__PURE__*/styled('i')({
   name: "SpaceStatus",
   class: "s11212zy",
   propsAsIs: false,
@@ -5303,7 +5337,7 @@ const SpaceStatus = /*#__PURE__*/styled$1('i')({
     "s11212zy-0": [_exp2()]
   }
 });
-const PrimaryUnit = /*#__PURE__*/styled$1('div')({
+const PrimaryUnit = /*#__PURE__*/styled('div')({
   name: "PrimaryUnit",
   class: "p1lyky6c",
   propsAsIs: false
@@ -5573,12 +5607,12 @@ const GobackButton = props => {
   }, title)));
 };
 
-const NameItem = /*#__PURE__*/styled$1('div')({
+const NameItem = /*#__PURE__*/styled('div')({
   name: "NameItem",
   class: "n12mqh7z",
   propsAsIs: false
 });
-const TooltipText = /*#__PURE__*/styled$1('span')({
+const TooltipText = /*#__PURE__*/styled('span')({
   name: "TooltipText",
   class: "tf5bynu",
   propsAsIs: false
@@ -5630,28 +5664,28 @@ const SortableList = ({ moveItem, children }) => {
 };
 SortableList.Item = Draggable;
 
-const Table$1 = /*#__PURE__*/styled$1('div')({
+const Table$1 = /*#__PURE__*/styled('div')({
   name: "Table",
   class: "t1sqg15u",
   propsAsIs: false
 });
-const TableHeader = /*#__PURE__*/styled$1('header')({
+const TableHeader = /*#__PURE__*/styled('header')({
   name: "TableHeader",
   class: "t4zczcp",
   propsAsIs: false
 });
-const TableContent = /*#__PURE__*/styled$1('div')({
+const TableContent = /*#__PURE__*/styled('div')({
   name: "TableContent",
   class: "t1s7goww",
   propsAsIs: false
 });
-const TableRow = /*#__PURE__*/styled$1('div')({
+const TableRow = /*#__PURE__*/styled('div')({
   name: "TableRow",
   class: "t93e4cf",
   propsAsIs: false
 });
 const _exp$2 = () => props => props.width;
-const RowLabel = /*#__PURE__*/styled$1('label')({
+const RowLabel = /*#__PURE__*/styled('label')({
   name: "RowLabel",
   class: "rhz2uv5",
   propsAsIs: false,
@@ -5754,7 +5788,7 @@ var __objRest$h = (source, exclude) => {
   }
   return target;
 };
-const SwitchWrapper = /*#__PURE__*/styled$1('span')({
+const SwitchWrapper = /*#__PURE__*/styled('span')({
   name: "SwitchWrapper",
   class: "s1iv0tp1",
   propsAsIs: false
@@ -5807,7 +5841,7 @@ var __objRest$g = (source, exclude) => {
   }
   return target;
 };
-const TruncatedTextWrapper = /*#__PURE__*/styled$1('div')({
+const TruncatedTextWrapper = /*#__PURE__*/styled('div')({
   name: "TruncatedTextWrapper",
   class: "tje3huy",
   propsAsIs: false
@@ -5989,7 +6023,7 @@ var __objRest$d = (source, exclude) => {
   return target;
 };
 const ButtonStyle = "bpq0js6";
-const ButtonGroupContainer = /*#__PURE__*/styled$1('div')({
+const ButtonGroupContainer = /*#__PURE__*/styled('div')({
   name: "ButtonGroupContainer",
   class: "b15sn34c",
   propsAsIs: false
@@ -6061,13 +6095,13 @@ const ButtonGroup = React__default.forwardRef((props, ref) => {
   }));
 });
 
-const CardBody = /*#__PURE__*/styled$1('div')({
+const CardBody = /*#__PURE__*/styled('div')({
   name: "CardBody",
   class: "c1k4vanq",
   propsAsIs: false
 });
 
-const CardTitle = /*#__PURE__*/styled$1('div')({
+const CardTitle = /*#__PURE__*/styled('div')({
   name: "CardTitle",
   class: "c1udgdh2",
   propsAsIs: false
@@ -6114,7 +6148,7 @@ const Wrapper = forwardRef(props => {
   }, otherProps), children);
 });
 const _exp$1 = () => Wrapper;
-const CardWrapper = /*#__PURE__*/styled$1(_exp$1())({
+const CardWrapper = /*#__PURE__*/styled(_exp$1())({
   name: "CardWrapper",
   class: "cav4gt6",
   propsAsIs: true
@@ -6526,7 +6560,7 @@ const I18nNameTag = props => {
 };
 
 const _exp = () => Input$1.Group;
-const InputGroup = /*#__PURE__*/styled$1(_exp())({
+const InputGroup = /*#__PURE__*/styled(_exp())({
   name: "InputGroup",
   class: "iiqau4c",
   propsAsIs: true
@@ -7694,7 +7728,7 @@ var __objRest$2 = (source, exclude) => {
 };
 const PresetColors$1 = ["blue", "red", "yellow", "green", "gray"];
 const StatusCapsuleStyle = "s14dk8r1";
-const StatusCode = /*#__PURE__*/styled$1('i')({
+const StatusCode = /*#__PURE__*/styled('i')({
   name: "StatusCode",
   class: "s1uupoto",
   propsAsIs: false
@@ -7924,22 +7958,22 @@ const Table = props => {
 const TitleStyle = "tc40oxa";
 const SubtitleStyle = "sa410aw";
 const BodyCellTextStyle = "b1lc7yin";
-const BodyCellTextWrapper = /*#__PURE__*/styled$1('div')({
+const BodyCellTextWrapper = /*#__PURE__*/styled('div')({
   name: "BodyCellTextWrapper",
   class: "b1jhbz3e",
   propsAsIs: false
 });
-const TableFormWrapper = /*#__PURE__*/styled$1('div')({
+const TableFormWrapper = /*#__PURE__*/styled('div')({
   name: "TableFormWrapper",
   class: "tyua489",
   propsAsIs: false
 });
-const AddRowButtonWrapper = /*#__PURE__*/styled$1('div')({
+const AddRowButtonWrapper = /*#__PURE__*/styled('div')({
   name: "AddRowButtonWrapper",
   class: "a1ccrot9",
   propsAsIs: false
 });
-const DraggableHandleWrapper = /*#__PURE__*/styled$1('div')({
+const DraggableHandleWrapper = /*#__PURE__*/styled('div')({
   name: "DraggableHandleWrapper",
   class: "d8c9v9g",
   propsAsIs: false
@@ -9337,7 +9371,8 @@ function getAntdKit() {
     Link,
     DropdownMenu,
     BatchOperation,
-    DateRangePicker
+    DateRangePicker,
+    SegmentedControl: SegmentControl
   };
   kit.option.isSelectOption = true;
   kit.button.__ANT_BUTTON = true;