@cloudtower/eagle 0.28.0-dry → 0.28.0

package/dist/esm/core/Progress/components.js

@@ -0,0 +1,102 @@
+import { CheckmarkDoneSuccessCorrect16GreenIcon, XmarkFailed16RedIcon, NoticeTriangleFill16YellowIcon, LoadingBlue16Icon } from '@cloudtower/icons-react';
+import { cx } from '@linaria/core';
+import { styled } from '@linaria/react';
+import Icon from '../Icon/index.js';
+import { StatusColorMap } from './progress.const.js';
+import { DescriptionStyle } from './progress.style.js';
+import { Typo } from '../Typo/index.js';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import cs from 'classnames';
+import React__default from 'react';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 = (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 = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (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];
+  }
+  return target;
+};
+const _exp = /*#__PURE__*/() => ({
+  color
+}) => color || "";
+const IconFieldText = /*#__PURE__*/styled('div')({
+  name: "IconFieldText",
+  class: "E_i14c7jc8",
+  propsAsIs: false,
+  vars: {
+    "i14c7jc8-0": [_exp()]
+  }
+});
+const StatusIconMap = {
+  success: /* @__PURE__ */React__default.createElement(CheckmarkDoneSuccessCorrect16GreenIcon, null),
+  failed: /* @__PURE__ */React__default.createElement(XmarkFailed16RedIcon, null),
+  paused: /* @__PURE__ */React__default.createElement(NoticeTriangleFill16YellowIcon, null),
+  active: /* @__PURE__ */React__default.createElement(Icon, {
+    src: LoadingBlue16Icon,
+    isRotate: true
+  })
+};
+const IconFieldWrapper = /*#__PURE__*/styled('div')({
+  name: "IconFieldWrapper",
+  class: "E_i1ibuolf",
+  propsAsIs: false
+});
+const IconField = _a => {
+  var _b = _a,
+    {
+      src,
+      children,
+      status,
+      className
+    } = _b,
+    restProps = __objRest(_b, ["src", "children", "status", "className"]);
+  const iconNode = status ? StatusIconMap[status] : src ? /* @__PURE__ */React__default.createElement(Icon, {
+    src
+  }) : null;
+  const color = status && status !== "active" ? StatusColorMap[status] : void 0;
+  return /* @__PURE__ */React__default.createElement(IconFieldWrapper, __spreadProps(__spreadValues({}, restProps), {
+    className: cx("progress-status-field", className)
+  }), iconNode, /* @__PURE__ */React__default.createElement(IconFieldText, {
+    color
+  }, children));
+};
+const Info = ({
+  children,
+  type,
+  multiLines
+}) => {
+  const isTitle = type === "title";
+  return /* @__PURE__ */React__default.createElement(OverflowTooltip, {
+    className: cs({
+      "progress-title": isTitle,
+      [Typo.Label.l2_bold]: isTitle,
+      "progress-desc": !isTitle,
+      [DescriptionStyle]: !isTitle
+    }),
+    multiLines,
+    content: children
+  });
+};
+
+export { IconField, Info, StatusIconMap };

package/dist/esm/core/Progress/index.js

@@ -0,0 +1,138 @@
+import { cx } from '@linaria/core';
+import { styled } from '@linaria/react';
+import { StatusColorMap } from './progress.const.js';
+import { FlexFullContentStyle, ProgressStyle, BaseProgressStyle } from './progress.style.js';
+import { Area } from './progress.widgets.js';
+export { TitleArea } from './progress.widgets.js';
+import { isStringArray } from '../../utils/isStringArr.js';
+import { Progress as Progress$1 } from 'antd5';
+import React__default from 'react';
+import { Antd5PrefixCls } from '../../utils/constants.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 = (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 = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (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];
+  }
+  return target;
+};
+const Row = /*#__PURE__*/styled('div')({
+  name: "Row",
+  class: "E_r77hffu",
+  propsAsIs: false
+});
+const _exp = /*#__PURE__*/() => ({
+  type
+}) => type === "rich" ? "6px" : "4px";
+const ProgressContainer = /*#__PURE__*/styled('div')({
+  name: "ProgressContainer",
+  class: "E_p1cmxsf7",
+  propsAsIs: false,
+  vars: {
+    "p1cmxsf7-0": [_exp()]
+  }
+});
+const getStatus = (status, percent, indeterminate) => {
+  if (indeterminate) return "active";
+  if (!status && percent >= 100) return "success";
+  return status || "active";
+};
+const createAreaNode = (content, className, type, gap = 6) => {
+  return typeof content === "string" ? /* @__PURE__ */React__default.createElement(Area, {
+    className,
+    items: [{
+      type,
+      children: content
+    }],
+    gap
+  }) : content;
+};
+const Progress = _a => {
+  var _b = _a,
+    {
+      type = "simple",
+      status,
+      size = "small",
+      leftTop,
+      rightTop,
+      leftBottom,
+      rightBottom,
+      percent = 0,
+      className,
+      indeterminate
+    } = _b,
+    props = __objRest(_b, ["type", "status", "size", "leftTop", "rightTop", "leftBottom", "rightBottom", "percent", "className", "indeterminate"]);
+  const finalStatus = getStatus(status, percent, indeterminate);
+  const storkeWidth = size === "small" ? 4 : 8;
+  const isBaseProgress = type === "base";
+  const isRichProgress = type === "rich";
+  let titleNode;
+  let actionNode = rightBottom;
+  let statusTextNode;
+  if (type === "simple") {
+    let items;
+    if (!rightBottom) {
+      items = [`${percent}%`];
+    } else if (isStringArray(rightBottom)) {
+      items = [...rightBottom, `${percent}%`];
+    }
+    if (items) {
+      actionNode = /* @__PURE__ */React__default.createElement(Area, {
+        items: items.map(desc => ({
+          type: "description",
+          children: desc
+        })),
+        split: "dot"
+      });
+    }
+    titleNode = createAreaNode(leftTop, cx(FlexFullContentStyle, "progress-leftTop"), "description");
+  } else {
+    statusTextNode = createAreaNode(rightTop, "progress-status", "description", 2);
+    titleNode = createAreaNode(leftTop, "progress-leftTop", "title");
+  }
+  return /* @__PURE__ */React__default.createElement(ProgressContainer, {
+    type,
+    className: cx(className, ProgressStyle)
+  }, titleNode ? /* @__PURE__ */React__default.createElement(Row, null, titleNode, statusTextNode) : null, /* @__PURE__ */React__default.createElement(Progress$1, __spreadProps(__spreadValues({
+    className: isBaseProgress ? BaseProgressStyle : "",
+    strokeWidth: storkeWidth,
+    showInfo: false
+  }, props), {
+    prefixCls: `${Antd5PrefixCls}-progress`,
+    status: finalStatus === "active" ? "active" : void 0,
+    percent: indeterminate ? 100 : percent,
+    strokeColor: StatusColorMap[finalStatus]
+  })), leftBottom || actionNode ? /* @__PURE__ */React__default.createElement(Row, null, isStringArray(leftBottom) ? /* @__PURE__ */React__default.createElement(Area, {
+    className: FlexFullContentStyle,
+    items: leftBottom.map(desc => ({
+      type: "description",
+      children: desc,
+      multiLines: !rightBottom ? 2 : 1
+    })),
+    gap: isRichProgress ? 2 : 0,
+    split: "dot"
+  }) : leftBottom, actionNode) : null);
+};
+
+export { Area, Progress };

package/dist/esm/core/Progress/progress.const.js

@@ -0,0 +1,10 @@
+import { Color } from '../../styles/token/color.js';
+
+const StatusColorMap = {
+  success: Color.fill.positive.base,
+  failed: Color.fill.serious.base,
+  paused: Color.fill.notice.base,
+  active: Color.blue["blue-50"]
+};
+
+export { StatusColorMap };

package/dist/esm/core/Progress/progress.style.js

@@ -0,0 +1,6 @@
+const DescriptionStyle = "E_d1u4ndxc";
+const FlexFullContentStyle = "E_f6xb0iv";
+const BaseProgressStyle = "E_b1dhu7ov";
+const ProgressStyle = "E_p1as1j2z";
+
+export { BaseProgressStyle, DescriptionStyle, FlexFullContentStyle, ProgressStyle };

package/dist/esm/core/Progress/progress.widgets.js

@@ -0,0 +1,128 @@
+import { DotIntervalSeparation16TertiaryIcon } from '@cloudtower/icons-react';
+import { styled } from '@linaria/react';
+import Link from '../Link/index.js';
+import { IconField, Info } from './components.js';
+import Tag from '../Tag/index.js';
+import React__default from 'react';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 = (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 = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (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];
+  }
+  return target;
+};
+const splitMap = {
+  dot: /* @__PURE__ */React__default.createElement(DotIntervalSeparation16TertiaryIcon, null)
+};
+const titleAreaStyle = "E_t1gvlxt5";
+const _exp = /*#__PURE__*/() => props => props.gap;
+const AreaWrapper = /*#__PURE__*/styled('div')({
+  name: "AreaWrapper",
+  class: "E_a1ji6r68",
+  propsAsIs: false,
+  vars: {
+    "a1ji6r68-0": [_exp(), "px"]
+  }
+});
+const Area = ({
+  items,
+  gap = 6,
+  split,
+  className
+}) => {
+  const splitNode = typeof split === "string" ? splitMap[split] || split : split;
+  return /* @__PURE__ */React__default.createElement(AreaWrapper, {
+    className,
+    gap
+  }, items.map((item, idx) => {
+    const _a = item,
+      {
+        type
+      } = _a,
+      props = __objRest(_a, ["type"]);
+    return /* @__PURE__ */React__default.createElement(React__default.Fragment, {
+      key: idx
+    }, getComponent(type, props), split && idx < items.length - 1 && splitNode);
+  }));
+};
+const TitleArea = ({
+  title,
+  tag,
+  subtitle
+}) => {
+  const items = [];
+  if (tag) {
+    items.push(__spreadValues({
+      type: "tag"
+    }, tag));
+  }
+  items.push({
+    type: "title",
+    children: title
+  });
+  if (subtitle) {
+    items.push({
+      type: "description",
+      children: subtitle
+    });
+  }
+  return /* @__PURE__ */React__default.createElement(Area, {
+    gap: 6,
+    className: titleAreaStyle,
+    items
+  });
+};
+function getComponent(type, props) {
+  switch (type) {
+    case "description":
+    case "title":
+      return /* @__PURE__ */React__default.createElement(Info, __spreadProps(__spreadValues({}, props), {
+        type
+      }));
+    case "iconField":
+      return /* @__PURE__ */React__default.createElement(IconField, __spreadValues({}, props));
+    case "link":
+      const _a = props,
+        {
+          linkType
+        } = _a,
+        restLinkProps = __objRest(_a, ["linkType"]);
+      const defaultLinkType = restLinkProps.prefixIcon ? "secondary" : "default";
+      return /* @__PURE__ */React__default.createElement(Link, __spreadProps(__spreadValues({}, restLinkProps), {
+        type: linkType || defaultLinkType
+      }));
+    case "tag":
+      const _b = props,
+        {
+          color
+        } = _b,
+        restTagProps = __objRest(_b, ["color"]);
+      return /* @__PURE__ */React__default.createElement(Tag, __spreadProps(__spreadValues({}, restTagProps), {
+        color: color || "blue"
+      }));
+  }
+}
+
+export { Area, TitleArea };

package/dist/esm/core/Radio/index.js

@@ -0,0 +1,136 @@
+import { cx } from '@linaria/core';
+import { Typo } from '../Typo/index.js';
+import { Radio as Radio$2, InputNumber, Input } from 'antd';
+import _ from 'lodash';
+import React__default, { useState } from 'react';
+import { EMPTY_FUNCTION } from '../../utils/constants.js';
+
+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 = (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 = (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];
+  }
+  return target;
+};
+const RadioStyle = "E_rapgekc";
+const RadioGroupStyle = "E_rp906go";
+const RadioButtonStyle = "E_rcc63c8";
+const KitRadioGroupContext = React__default.createContext({});
+const Radio = _a => {
+  var _b = _a,
+    {
+      children,
+      className,
+      checked,
+      compact = false
+    } = _b,
+    props = __objRest(_b, ["children", "className", "checked", "compact"]);
+  const {
+    description
+  } = props;
+  const context = React__default.useContext(KitRadioGroupContext);
+  if (description) {
+    children = /* @__PURE__ */React__default.createElement(React__default.Fragment, null, children, /* @__PURE__ */React__default.createElement("div", {
+      className: cx("radio-description", Typo.Label.l4_regular)
+    }, description));
+  }
+  return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(Radio$2, __spreadValues({
+    className: cx(className, RadioStyle, compact && "compact"),
+    checked: checked || false,
+    "data-test": context.name ? `${context.name}-${String(props.value)}` : String(props.value)
+  }, props), children ? children : null));
+};
+const RadioGroup = _c => {
+  var _d = _c,
+    {
+      children,
+      className
+    } = _d,
+    props = __objRest(_d, ["children", "className"]);
+  return /* @__PURE__ */React__default.createElement(KitRadioGroupContext.Provider, {
+    value: {
+      disabled: props.disabled,
+      name: props.name
+    }
+  }, /* @__PURE__ */React__default.createElement(Radio$2.Group, __spreadValues({
+    className: cx(className, RadioGroupStyle)
+  }, props), children ? children : null));
+};
+const RadioButton = _e => {
+  var _f = _e,
+    {
+      children,
+      className
+    } = _f,
+    props = __objRest(_f, ["children", "className"]);
+  const {
+    type,
+    placeholder = "Label",
+    onInputChange = EMPTY_FUNCTION,
+    min,
+    max,
+    precision,
+    initialValue
+  } = props;
+  const [inputValue, setInputValue] = useState(initialValue);
+  const radioButtonValue = type === "input" || type === "input-number" ? inputValue : props.value;
+  const radioGroupContext = React__default.useContext(KitRadioGroupContext);
+  const renderInput = () => {
+    const inputDisabled = props.disabled || (radioGroupContext == null ? void 0 : radioGroupContext.disabled);
+    if (type === "input-number") return /* @__PURE__ */React__default.createElement(InputNumber, {
+      className: "ant-radio-button-input",
+      placeholder,
+      disabled: inputDisabled,
+      value: !_.isNil(inputValue) ? Number(inputValue) : void 0,
+      min,
+      max,
+      precision,
+      onChange: value => {
+        const val = value || 0;
+        setInputValue(val);
+        onInputChange(val);
+      }
+    });
+    return /* @__PURE__ */React__default.createElement(Input, {
+      className: "ant-radio-button-input",
+      placeholder,
+      disabled: inputDisabled,
+      value: inputValue,
+      onChange: e => {
+        setInputValue(e.target.value);
+        onInputChange(e.target.value);
+      }
+    });
+  };
+  const renderChildren = () => {
+    if (type !== "input" && type !== "input-number") return children ? children : null;
+    return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, renderInput(), /* @__PURE__ */React__default.createElement("span", {
+      className: "ant-radio-button-input-label"
+    }, typeof children === "string" ? children : ""));
+  };
+  return /* @__PURE__ */React__default.createElement(Radio$2.Button, __spreadValues({
+    className: cx(className, RadioButtonStyle),
+    value: radioButtonValue
+  }, props), renderChildren());
+};
+var Radio$1 = Radio;
+
+export { RadioButton, RadioGroup, Radio$1 as default };

package/dist/esm/core/SearchInput/index.js

@@ -0,0 +1,48 @@
+import { SearchOutlined } from '@ant-design/icons';
+import Input from '../Input/index.js';
+import _ from 'lodash';
+import React__default from 'react';
+
+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 = (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 = (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];
+    }
+  return target;
+};
+const SearchInput = (props) => {
+  const _a = props, { onChange, debounceWait = 300 } = _a, restProps = __objRest(_a, ["onChange", "debounceWait"]);
+  const onSearch = _.debounce(onChange, debounceWait);
+  return /* @__PURE__ */ React__default.createElement(
+    Input,
+    __spreadValues({
+      style: { width: 276 },
+      prefix: /* @__PURE__ */ React__default.createElement(SearchOutlined, null),
+      onChange: (e) => onSearch(e.target.value)
+    }, restProps)
+  );
+};
+var SearchInput$1 = SearchInput;
+
+export { SearchInput$1 as default };

package/dist/esm/core/Second/index.js

@@ -0,0 +1,41 @@
+import { cx } from '@linaria/core';
+import Empty from '../Empty/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import isEmpty from '../../utils/isEmpty.js';
+import { formatSeconds } from '../../utils/tower.js';
+import React__default from 'react';
+
+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 = (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;
+};
+const Second = ({
+  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}`)));
+};
+var Second$1 = Second;
+
+export { Second$1 as default };

package/dist/esm/core/SegmentControl/index.js

@@ -0,0 +1,43 @@
+import { Segmented } from 'antd5';
+import cs from 'classnames';
+import React__default from 'react';
+import { Antd5PrefixCls } from '../../utils/constants.js';
+
+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 = (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;
+};
+const Segment = "E_s11wux3h";
+const SmallSegment = "E_s1t2an3z";
+const MediumSegment = "E_ma64lna";
+const ColorSegment = "E_ckld275";
+const SegmentControl = props => {
+  const {
+    size = "middle",
+    className
+  } = props;
+  return /* @__PURE__ */React__default.createElement(Segmented, __spreadValues({
+    className: cs(className, {
+      [SmallSegment]: size === "small",
+      [MediumSegment]: size === "middle"
+    }, Segment, ColorSegment),
+    size,
+    prefixCls: `${Antd5PrefixCls}-segmented`
+  }, props));
+};
+var SegmentControl$1 = SegmentControl;
+
+export { SegmentControl$1 as default };