@pnkx-lib/ui 1.9.504 → 1.9.505

package/es/ui/index.js

@@ -63,9 +63,9 @@ import { a as getAugmentedNamespace, g as getDefaultExportFromCjs } from '../chu
 import { r as requireClassnames, c as classNames } from '../chunks/index-BLRvgOFN.js';
 import { F as FastColor, m as blue, n as blueDark, o as cyan, q as cyanDark, s as geekblue, t as geekblueDark, i as generate, v as gold, x as goldDark, y as gray, z as green, A as greenDark, B as grey, C as greyDark, D as lime, E as limeDark, G as magenta, H as magentaDark, J as orange, K as orangeDark, L as presetDarkPalettes, j as presetPalettes, p as presetPrimaryColors, M as purple, N as purpleDark, O as red, P as redDark, Q as volcano, R as volcanoDark, S as yellow, T as yellowDark, c as _slicedToArray, b as _objectSpread2, w as warningOnce, a as _objectWithoutProperties, _ as _extends$1 } from '../chunks/AntdIcon-Bve8mGNz.js';
 import { b as _defineProperty, _ as _typeof$1 } from '../chunks/defineProperty-CTLrw71t.js';
-import { z as lintWarning, A as toStyleStr, B as ATTR_CACHE_MAP, E as serialize, F as extract, G as CSS_VAR_PREFIX, H as STYLE_PREFIX, I as extract$1, T as TOKEN_PREFIX, J as extract$2, K as unitlessKeys, M as supportWhere, N as supportLogicProps, O as StyleContext, P as StyleProvider, Q as Theme, R as createCache, U as createTheme, V as getComputedToken, W as token2CSSVar, u as unit$1, X as useCSSVarRegister, Y as useCacheToken, Z as useStyleRegister, $ as genCalc$1, a0 as genStyleUtils$1, m as merge, a1 as statistic, a2 as statisticToken, a3 as MotionProvider, _ as _toConsumableArray, a4 as merge$1, a5 as get$1, a6 as set$1, a7 as isEqual$1, t as toArray$3 } from '../chunks/toArray-2LkvUaha.js';
-import { K as Keyframe, C as CSSMotion, a as CSSMotionList, T as Tooltip, P as Popup, _ as _asyncToGenerator, b as _regeneratorRuntime, c as Color, u as useEvent$2, d as useMergedState$1, r as requireReactIs, p as pickAttrs } from '../chunks/GenericUploadModal-Dhv5_mhq.js';
-export { G as GenericUploadModal } from '../chunks/GenericUploadModal-Dhv5_mhq.js';
+import { z as lintWarning, A as toStyleStr, B as ATTR_CACHE_MAP, E as serialize, F as extract, G as STYLE_PREFIX, H as extract$1, T as TOKEN_PREFIX, I as extract$2, J as CSS_VAR_PREFIX, K as unitlessKeys, M as supportWhere, N as supportLogicProps, O as StyleContext, P as StyleProvider, Q as Theme, R as createCache, U as createTheme, V as getComputedToken, W as token2CSSVar, u as unit$1, X as useCSSVarRegister, Y as useCacheToken, Z as useStyleRegister, $ as genCalc$1, a0 as genStyleUtils$1, m as merge, a1 as statistic, a2 as statisticToken, a3 as MotionProvider, _ as _toConsumableArray, a4 as merge$1, a5 as get$1, a6 as set$1, a7 as isEqual$1, t as toArray$3 } from '../chunks/toArray-Czwb0MFW.js';
+import { K as Keyframe, C as CSSMotion, a as CSSMotionList, T as Tooltip, P as Popup, _ as _asyncToGenerator, b as _regeneratorRuntime, r as requireReactIs, c as Color, u as useEvent$2, d as useMergedState$1, p as pickAttrs } from '../chunks/GenericUploadModal-BNQ9cWDf.js';
+export { G as GenericUploadModal } from '../chunks/GenericUploadModal-BNQ9cWDf.js';
 import { _ as _createClass, a as _classCallCheck, b as _inherits, c as _createSuper, d as _assertThisInitialized, e as _isNativeReflectConstruct, f as _setPrototypeOf, g as _getPrototypeOf } from '../chunks/createSuper-C9_dQ5Zr.js';
 import ReactDOM__default, { unstable_batchedUpdates, createPortal } from 'react-dom';
 import { isEmpty, isBoolean } from 'lodash';
@@ -83,7 +83,7 @@ export { useAppMessage } from './Message.js';
 export { ViewPdf } from './ViewPdf.js';
 export { SelectTable } from './SelectTable.js';
 export { SelectSingleTable } from './SelectSingleTable.js';
-import { u as useForm$1 } from '../chunks/index.esm-Dr5ZHcf7.js';
+import { u as useForm$1 } from '../chunks/index.esm-AaUjBMaK.js';
 import { Checkbox } from '../fields/Checkbox.js';
 import { PnkxField } from '../fields/PnkxField.js';
 export { Descriptions } from './Descriptions.js';
@@ -828,7 +828,8 @@ var linter = function linter(key, value, info) {
   }
 };
 
-var ExtractStyleFns = _defineProperty(_defineProperty(_defineProperty({}, STYLE_PREFIX, extract$1), TOKEN_PREFIX, extract$2), CSS_VAR_PREFIX, extract);
+var _ExtractStyleFns;
+var ExtractStyleFns = (_ExtractStyleFns = {}, _defineProperty(_ExtractStyleFns, STYLE_PREFIX, extract), _defineProperty(_ExtractStyleFns, TOKEN_PREFIX, extract$1), _defineProperty(_ExtractStyleFns, CSS_VAR_PREFIX, extract$2), _ExtractStyleFns);
 function isNotNull(value) {
   return value !== null;
 }
@@ -839,9 +840,7 @@ function extractStyle(cache, options) {
     _ref$plain = _ref.plain,
     plain = _ref$plain === void 0 ? false : _ref$plain,
     _ref$types = _ref.types,
-    types = _ref$types === void 0 ? ['style', 'token', 'cssVar'] : _ref$types,
-    _ref$once = _ref.once,
-    once = _ref$once === void 0 ? false : _ref$once;
+    types = _ref$types === void 0 ? ['style', 'token', 'cssVar'] : _ref$types;
   var matchPrefixRegexp = new RegExp("^(".concat((typeof types === 'string' ? [types] : types).join('|'), ")%"));
 
   // prefix with `style` is used for `useStyleRegister` to cache style context
@@ -856,9 +855,6 @@ function extractStyle(cache, options) {
   var cachePathMap = {};
   var styleText = '';
   styleKeys.map(function (key) {
-    if (once && cache.extracted.has(key)) {
-      return null; // Skip if already extracted
-    }
     var cachePath = key.replace(matchPrefixRegexp, '').replace(/%/g, '|');
     var _key$split = key.split('%'),
       _key$split2 = _slicedToArray(_key$split, 1),
@@ -877,9 +873,6 @@ function extractStyle(cache, options) {
     if (key.startsWith('style')) {
       cachePathMap[cachePath] = styleId;
     }
-
-    // record that this style has been extracted
-    cache.extracted.add(key);
     return [order, styleStr];
   }).filter(isNotNull).sort(function (_ref2, _ref3) {
     var _ref4 = _slicedToArray(_ref2, 1),
@@ -3532,24 +3525,23 @@ function requireWarning () {
 	warning$1.noop = noop;
 	warning$1.resetWarned = resetWarned;
 	var React = _interopRequireWildcard(React__default);
-	var _warning2 = _interopRequireWildcard(/*@__PURE__*/ requireWarning$1());
+	var _warning = _interopRequireWildcard(/*@__PURE__*/ requireWarning$1());
 	function noop() {}
 	let deprecatedWarnList = null;
 	function resetWarned() {
 	  deprecatedWarnList = null;
-	  (0, _warning2.resetWarned)();
+	  (0, _warning.resetWarned)();
 	}
-	let _warning = noop;
+	let warning = noop;
 	if (process.env.NODE_ENV !== 'production') {
-	  _warning = (valid, component, message) => {
-	    (0, _warning2.default)(valid, `[antd: ${component}] ${message}`);
+	  warning = (valid, component, message) => {
+	    (0, _warning.default)(valid, `[antd: ${component}] ${message}`);
 	    // StrictMode will inject console which will not throw warning in React 17.
 	    if (process.env.NODE_ENV === 'test') {
 	      resetWarned();
 	    }
 	  };
 	}
-	const warning = _warning;
 	const WarningContext = warning$1.WarningContext = /*#__PURE__*/React.createContext({});
 	/**
 	 * This is a hook but we not named as `useWarning`
@@ -4654,6 +4646,7 @@ function require_default () {
 	      return prev;
 	    }, {});
 	  }).reduce((prev, cur) => {
+	    // biome-ignore lint/style/noParameterAssign: it is a reduce
 	    prev = Object.assign(Object.assign({}, prev), cur);
 	    return prev;
 	  }, {});
@@ -5027,7 +5020,7 @@ function requireVersion$1 () {
 	  value: true
 	});
 	version.default = void 0;
-	version.default = '5.27.1';
+	version.default = '5.26.1';
 	return version;
 }
 
@@ -5339,6 +5332,17 @@ function requireUseToken () {
 	  opacityImage: true
 	};
 	const ignore = useToken.ignore = {
+	  size: true,
+	  sizeSM: true,
+	  sizeLG: true,
+	  sizeMD: true,
+	  sizeXS: true,
+	  sizeXXS: true,
+	  sizeMS: true,
+	  sizeXL: true,
+	  sizeXXL: true,
+	  sizeUnit: true,
+	  sizeStep: true,
 	  motionBase: true,
 	  motionUnit: true
 	};
@@ -5553,7 +5557,7 @@ function requireStyle$8 () {
 	});
 	style$8.genFocusOutline = genFocusOutline;
 	const genFocusStyle = (token, offset) => ({
-	  '&:focus-visible': genFocusOutline(token, offset)
+	  '&:focus-visible': Object.assign({}, genFocusOutline(token, offset))
 	});
 	style$8.genFocusStyle = genFocusStyle;
 	const genIconStyle = iconPrefixCls => ({
@@ -5710,7 +5714,7 @@ function requireUseResetIconStyle () {
 	    layer: {
 	      name: 'antd'
 	    }
-	  }, () => (0, _style.genIconStyle)(iconPrefixCls));
+	  }, () => [(0, _style.genIconStyle)(iconPrefixCls)]);
 	};
 	useResetIconStyle.default = useResetIconStyle$1;
 	return useResetIconStyle;
@@ -6236,7 +6240,6 @@ function requireConfigProvider () {
 		    tooltip,
 		    popover,
 		    popconfirm,
-		    floatButton,
 		    floatButtonGroup,
 		    variant,
 		    inputNumber,
@@ -6332,7 +6335,6 @@ function requireConfigProvider () {
 		    tooltip,
 		    popover,
 		    popconfirm,
-		    floatButton,
 		    floatButtonGroup,
 		    variant,
 		    inputNumber,
@@ -10241,7 +10243,7 @@ function requireContext () {
 	var _omit = _interopRequireDefault(/*@__PURE__*/ requireOmit());
 	context.FormContext = /*#__PURE__*/React.createContext({
 	  labelAlign: 'right',
-	  layout: 'horizontal',
+	  vertical: false,
 	  itemRef: () => {}
 	});
 	context.NoStyleItemContext = /*#__PURE__*/React.createContext(null);
@@ -11168,11 +11170,6 @@ function requirePlacements () {
 	  } = config;
 	  const halfArrowWidth = arrowWidth / 2;
 	  const placementMap = {};
-	  // Dynamic offset
-	  const arrowOffset = (0, _placementArrow.getArrowOffsetToken)({
-	    contentRadius: borderRadius,
-	    limitVerticalRadius: true
-	  });
 	  Object.keys(PlacementAlignMap).forEach(key => {
 	    const template = arrowPointAtCenter && ArrowCenterPlacementAlignMap[key] || PlacementAlignMap[key];
 	    const placementInfo = Object.assign(Object.assign({}, template), {
@@ -11207,6 +11204,11 @@ function requirePlacements () {
 	        placementInfo.offset[0] = halfArrowWidth + offset;
 	        break;
 	    }
+	    // Dynamic offset
+	    const arrowOffset = (0, _placementArrow.getArrowOffsetToken)({
+	      contentRadius: borderRadius,
+	      limitVerticalRadius: true
+	    });
 	    if (arrowPointAtCenter) {
 	      switch (key) {
 	        case 'topLeft':
@@ -12183,7 +12185,7 @@ function requireStyle$5 () {
 	        minWidth: centerAlignMinWidth,
 	        minHeight: controlHeight,
 	        padding: `${(0, _cssinjs.unit)(token.calc(paddingSM).div(2).equal())} ${(0, _cssinjs.unit)(paddingXS)}`,
-	        color: `var(--ant-tooltip-color, ${tooltipColor})`,
+	        color: tooltipColor,
 	        textAlign: 'start',
 	        textDecoration: 'none',
 	        wordWrap: 'break-word',
@@ -12308,917 +12310,94 @@ function requireColors () {
 	return colors;
 }
 
-var util$1 = {};
+var hasRequiredUtil$2;
 
-var ColorPickerPrefixCls = 'rc-color-picker';
-var generateColor = function generateColor(color) {
-  if (color instanceof Color) {
-    return color;
-  }
-  return new Color(color);
-};
-var defaultColor = generateColor('#1677ff');
-var calculateColor = function calculateColor(props) {
-  var offset = props.offset,
-    targetRef = props.targetRef,
-    containerRef = props.containerRef,
-    color = props.color,
-    type = props.type;
-  var _containerRef$current = containerRef.current.getBoundingClientRect(),
-    width = _containerRef$current.width,
-    height = _containerRef$current.height;
-  var _targetRef$current$ge = targetRef.current.getBoundingClientRect(),
-    targetWidth = _targetRef$current$ge.width,
-    targetHeight = _targetRef$current$ge.height;
-  var centerOffsetX = targetWidth / 2;
-  var centerOffsetY = targetHeight / 2;
-  var saturation = (offset.x + centerOffsetX) / width;
-  var bright = 1 - (offset.y + centerOffsetY) / height;
-  var hsb = color.toHsb();
-  var alphaOffset = saturation;
-  var hueOffset = (offset.x + centerOffsetX) / width * 360;
-  if (type) {
-    switch (type) {
-      case 'hue':
-        return generateColor(_objectSpread2(_objectSpread2({}, hsb), {}, {
-          h: hueOffset <= 0 ? 0 : hueOffset
-        }));
-      case 'alpha':
-        return generateColor(_objectSpread2(_objectSpread2({}, hsb), {}, {
-          a: alphaOffset <= 0 ? 0 : alphaOffset
-        }));
-    }
-  }
-  return generateColor({
-    h: hsb.h,
-    s: saturation <= 0 ? 0 : saturation,
-    b: bright >= 1 ? 1 : bright,
-    a: hsb.a
-  });
-};
-var calcOffset = function calcOffset(color, type) {
-  var hsb = color.toHsb();
-  switch (type) {
-    case 'hue':
-      return {
-        x: hsb.h / 360 * 100,
-        y: 50
-      };
-    case 'alpha':
-      return {
-        x: color.a * 100,
-        y: 50
-      };
+function requireUtil$2 () {
+	if (hasRequiredUtil$2) return util$2;
+	hasRequiredUtil$2 = 1;
 
-    // Picker panel
-    default:
-      return {
-        x: hsb.s * 100,
-        y: (1 - hsb.b) * 100
-      };
-  }
-};
+	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
+	Object.defineProperty(util$2, "__esModule", {
+	  value: true
+	});
+	util$2.parseColor = parseColor;
+	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
+	var _colors = /*@__PURE__*/ requireColors();
+	function parseColor(prefixCls, color) {
+	  const isInternalColor = (0, _colors.isPresetColor)(color);
+	  const className = (0, _classnames.default)({
+	    [`${prefixCls}-${color}`]: color && isInternalColor
+	  });
+	  const overlayStyle = {};
+	  const arrowStyle = {};
+	  if (color && !isInternalColor) {
+	    overlayStyle.background = color;
+	    // @ts-ignore
+	    arrowStyle['--antd-arrow-background-color'] = color;
+	  }
+	  return {
+	    className,
+	    overlayStyle,
+	    arrowStyle
+	  };
+	}
+	return util$2;
+}
 
-var ColorBlock = function ColorBlock(_ref) {
-  var color = _ref.color,
-    prefixCls = _ref.prefixCls,
-    className = _ref.className,
-    style = _ref.style,
-    onClick = _ref.onClick;
-  var colorBlockCls = "".concat(prefixCls, "-color-block");
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classNames(colorBlockCls, className),
-    style: style,
-    onClick: onClick
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(colorBlockCls, "-inner"),
-    style: {
-      background: color
-    }
-  }));
-};
+var hasRequiredPurePanel$2;
 
-function getPosition(e) {
-  var obj = 'touches' in e ? e.touches[0] : e;
-  var scrollXOffset = document.documentElement.scrollLeft || document.body.scrollLeft || window.pageXOffset;
-  var scrollYOffset = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset;
-  return {
-    pageX: obj.pageX - scrollXOffset,
-    pageY: obj.pageY - scrollYOffset
-  };
+function requirePurePanel$2 () {
+	if (hasRequiredPurePanel$2) return PurePanel$2;
+	hasRequiredPurePanel$2 = 1;
+
+	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
+	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
+	Object.defineProperty(PurePanel$2, "__esModule", {
+	  value: true
+	});
+	PurePanel$2.default = void 0;
+	var React = _interopRequireWildcard(React__default);
+	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
+	var _rcTooltip = require$$4;
+	var _configProvider = /*@__PURE__*/ requireConfigProvider();
+	var _style = _interopRequireDefault(/*@__PURE__*/ requireStyle$5());
+	var _util = /*@__PURE__*/ requireUtil$2();
+	/** @private Internal Component. Do not use in your production. */
+	const PurePanel = props => {
+	  const {
+	    prefixCls: customizePrefixCls,
+	    className,
+	    placement = 'top',
+	    title,
+	    color,
+	    overlayInnerStyle
+	  } = props;
+	  const {
+	    getPrefixCls
+	  } = React.useContext(_configProvider.ConfigContext);
+	  const prefixCls = getPrefixCls('tooltip', customizePrefixCls);
+	  const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls);
+	  // Color
+	  const colorInfo = (0, _util.parseColor)(prefixCls, color);
+	  const arrowContentStyle = colorInfo.arrowStyle;
+	  const formattedOverlayInnerStyle = Object.assign(Object.assign({}, overlayInnerStyle), colorInfo.overlayStyle);
+	  const cls = (0, _classnames.default)(hashId, cssVarCls, prefixCls, `${prefixCls}-pure`, `${prefixCls}-placement-${placement}`, className, colorInfo.className);
+	  return wrapCSSVar(/*#__PURE__*/React.createElement("div", {
+	    className: cls,
+	    style: arrowContentStyle
+	  }, /*#__PURE__*/React.createElement("div", {
+	    className: `${prefixCls}-arrow`
+	  }), /*#__PURE__*/React.createElement(_rcTooltip.Popup, Object.assign({}, props, {
+	    className: hashId,
+	    prefixCls: prefixCls,
+	    overlayInnerStyle: formattedOverlayInnerStyle
+	  }), title)));
+	};
+	PurePanel$2.default = PurePanel;
+	return PurePanel$2;
 }
-function useColorDrag(props) {
-  var targetRef = props.targetRef,
-    containerRef = props.containerRef,
-    direction = props.direction,
-    onDragChange = props.onDragChange,
-    onDragChangeComplete = props.onDragChangeComplete,
-    calculate = props.calculate,
-    color = props.color,
-    disabledDrag = props.disabledDrag;
-  var _useState = useState$1({
-      x: 0,
-      y: 0
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    offsetValue = _useState2[0],
-    setOffsetValue = _useState2[1];
-  var mouseMoveRef = useRef(null);
-  var mouseUpRef = useRef(null);
 
-  // Always get position from `color`
-  useEffect(function () {
-    setOffsetValue(calculate());
-  }, [color]);
-  useEffect(function () {
-    return function () {
-      document.removeEventListener('mousemove', mouseMoveRef.current);
-      document.removeEventListener('mouseup', mouseUpRef.current);
-      document.removeEventListener('touchmove', mouseMoveRef.current);
-      document.removeEventListener('touchend', mouseUpRef.current);
-      mouseMoveRef.current = null;
-      mouseUpRef.current = null;
-    };
-  }, []);
-  var updateOffset = function updateOffset(e) {
-    var _getPosition = getPosition(e),
-      pageX = _getPosition.pageX,
-      pageY = _getPosition.pageY;
-    var _containerRef$current = containerRef.current.getBoundingClientRect(),
-      rectX = _containerRef$current.x,
-      rectY = _containerRef$current.y,
-      width = _containerRef$current.width,
-      height = _containerRef$current.height;
-    var _targetRef$current$ge = targetRef.current.getBoundingClientRect(),
-      targetWidth = _targetRef$current$ge.width,
-      targetHeight = _targetRef$current$ge.height;
-    var centerOffsetX = targetWidth / 2;
-    var centerOffsetY = targetHeight / 2;
-    var offsetX = Math.max(0, Math.min(pageX - rectX, width)) - centerOffsetX;
-    var offsetY = Math.max(0, Math.min(pageY - rectY, height)) - centerOffsetY;
-    var calcOffset = {
-      x: offsetX,
-      y: direction === 'x' ? offsetValue.y : offsetY
-    };
-
-    // Exclusion of boundary cases
-    if (targetWidth === 0 && targetHeight === 0 || targetWidth !== targetHeight) {
-      return false;
-    }
-    onDragChange === null || onDragChange === void 0 || onDragChange(calcOffset);
-  };
-  var onDragMove = function onDragMove(e) {
-    e.preventDefault();
-    updateOffset(e);
-  };
-  var onDragStop = function onDragStop(e) {
-    e.preventDefault();
-    document.removeEventListener('mousemove', mouseMoveRef.current);
-    document.removeEventListener('mouseup', mouseUpRef.current);
-    document.removeEventListener('touchmove', mouseMoveRef.current);
-    document.removeEventListener('touchend', mouseUpRef.current);
-    mouseMoveRef.current = null;
-    mouseUpRef.current = null;
-    onDragChangeComplete === null || onDragChangeComplete === void 0 || onDragChangeComplete();
-  };
-  var onDragStart = function onDragStart(e) {
-    // https://github.com/ant-design/ant-design/issues/43529
-    document.removeEventListener('mousemove', mouseMoveRef.current);
-    document.removeEventListener('mouseup', mouseUpRef.current);
-    if (disabledDrag) {
-      return;
-    }
-    updateOffset(e);
-    document.addEventListener('mousemove', onDragMove);
-    document.addEventListener('mouseup', onDragStop);
-    document.addEventListener('touchmove', onDragMove);
-    document.addEventListener('touchend', onDragStop);
-    mouseMoveRef.current = onDragMove;
-    mouseUpRef.current = onDragStop;
-  };
-  return [offsetValue, onDragStart];
-}
-
-var Handler = function Handler(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'default' : _ref$size,
-    color = _ref.color,
-    prefixCls = _ref.prefixCls;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classNames("".concat(prefixCls, "-handler"), _defineProperty({}, "".concat(prefixCls, "-handler-sm"), size === 'small')),
-    style: {
-      backgroundColor: color
-    }
-  });
-};
-
-var Palette = function Palette(_ref) {
-  var children = _ref.children,
-    style = _ref.style,
-    prefixCls = _ref.prefixCls;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefixCls, "-palette"),
-    style: _objectSpread2({
-      position: 'relative'
-    }, style)
-  }, children);
-};
-
-var Transform = /*#__PURE__*/forwardRef(function (props, ref) {
-  var children = props.children,
-    x = props.x,
-    y = props.y;
-  return /*#__PURE__*/React__default.createElement("div", {
-    ref: ref,
-    style: {
-      position: 'absolute',
-      left: "".concat(x, "%"),
-      top: "".concat(y, "%"),
-      zIndex: 1,
-      transform: 'translate(-50%, -50%)'
-    }
-  }, children);
-});
-
-var Picker = function Picker(_ref) {
-  var color = _ref.color,
-    onChange = _ref.onChange,
-    prefixCls = _ref.prefixCls,
-    onChangeComplete = _ref.onChangeComplete,
-    disabled = _ref.disabled;
-  var pickerRef = useRef();
-  var transformRef = useRef();
-  var colorRef = useRef(color);
-  var onDragChange = useEvent$2(function (offsetValue) {
-    var calcColor = calculateColor({
-      offset: offsetValue,
-      targetRef: transformRef,
-      containerRef: pickerRef,
-      color: color
-    });
-    colorRef.current = calcColor;
-    onChange(calcColor);
-  });
-  var _useColorDrag = useColorDrag({
-      color: color,
-      containerRef: pickerRef,
-      targetRef: transformRef,
-      calculate: function calculate() {
-        return calcOffset(color);
-      },
-      onDragChange: onDragChange,
-      onDragChangeComplete: function onDragChangeComplete() {
-        return onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete(colorRef.current);
-      },
-      disabledDrag: disabled
-    }),
-    _useColorDrag2 = _slicedToArray(_useColorDrag, 2),
-    offset = _useColorDrag2[0],
-    dragStartHandle = _useColorDrag2[1];
-  return /*#__PURE__*/React__default.createElement("div", {
-    ref: pickerRef,
-    className: "".concat(prefixCls, "-select"),
-    onMouseDown: dragStartHandle,
-    onTouchStart: dragStartHandle
-  }, /*#__PURE__*/React__default.createElement(Palette, {
-    prefixCls: prefixCls
-  }, /*#__PURE__*/React__default.createElement(Transform, {
-    x: offset.x,
-    y: offset.y,
-    ref: transformRef
-  }, /*#__PURE__*/React__default.createElement(Handler, {
-    color: color.toRgbString(),
-    prefixCls: prefixCls
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefixCls, "-saturation"),
-    style: {
-      backgroundColor: "hsl(".concat(color.toHsb().h, ",100%, 50%)"),
-      backgroundImage: 'linear-gradient(0deg, #000, transparent),linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))'
-    }
-  })));
-};
-
-var useColorState = function useColorState(defaultValue, value) {
-  var _useMergedState = useMergedState$1(defaultValue, {
-      value: value
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    mergedValue = _useMergedState2[0],
-    setValue = _useMergedState2[1];
-  var color = useMemo$1(function () {
-    return generateColor(mergedValue);
-  }, [mergedValue]);
-  return [color, setValue];
-};
-
-var Gradient = function Gradient(_ref) {
-  var colors = _ref.colors,
-    children = _ref.children,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'to right' : _ref$direction,
-    type = _ref.type,
-    prefixCls = _ref.prefixCls;
-  var gradientColors = useMemo$1(function () {
-    return colors.map(function (color, idx) {
-      var result = generateColor(color);
-      if (type === 'alpha' && idx === colors.length - 1) {
-        result = new Color(result.setA(1));
-      }
-      return result.toRgbString();
-    }).join(',');
-  }, [colors, type]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefixCls, "-gradient"),
-    style: {
-      position: 'absolute',
-      inset: 0,
-      background: "linear-gradient(".concat(direction, ", ").concat(gradientColors, ")")
-    }
-  }, children);
-};
-
-var Slider = function Slider(props) {
-  var prefixCls = props.prefixCls,
-    colors = props.colors,
-    disabled = props.disabled,
-    onChange = props.onChange,
-    onChangeComplete = props.onChangeComplete,
-    color = props.color,
-    type = props.type;
-  var sliderRef = useRef();
-  var transformRef = useRef();
-  var colorRef = useRef(color);
-  var getValue = function getValue(c) {
-    return type === 'hue' ? c.getHue() : c.a * 100;
-  };
-  var onDragChange = useEvent$2(function (offsetValue) {
-    var calcColor = calculateColor({
-      offset: offsetValue,
-      targetRef: transformRef,
-      containerRef: sliderRef,
-      color: color,
-      type: type
-    });
-    colorRef.current = calcColor;
-    onChange(getValue(calcColor));
-  });
-  var _useColorDrag = useColorDrag({
-      color: color,
-      targetRef: transformRef,
-      containerRef: sliderRef,
-      calculate: function calculate() {
-        return calcOffset(color, type);
-      },
-      onDragChange: onDragChange,
-      onDragChangeComplete: function onDragChangeComplete() {
-        onChangeComplete(getValue(colorRef.current));
-      },
-      direction: 'x',
-      disabledDrag: disabled
-    }),
-    _useColorDrag2 = _slicedToArray(_useColorDrag, 2),
-    offset = _useColorDrag2[0],
-    dragStartHandle = _useColorDrag2[1];
-  var handleColor = React__default.useMemo(function () {
-    if (type === 'hue') {
-      var hsb = color.toHsb();
-      hsb.s = 1;
-      hsb.b = 1;
-      hsb.a = 1;
-      var lightColor = new Color(hsb);
-      return lightColor;
-    }
-    return color;
-  }, [color, type]);
-
-  // ========================= Gradient =========================
-  var gradientList = React__default.useMemo(function () {
-    return colors.map(function (info) {
-      return "".concat(info.color, " ").concat(info.percent, "%");
-    });
-  }, [colors]);
-
-  // ========================== Render ==========================
-  return /*#__PURE__*/React__default.createElement("div", {
-    ref: sliderRef,
-    className: classNames("".concat(prefixCls, "-slider"), "".concat(prefixCls, "-slider-").concat(type)),
-    onMouseDown: dragStartHandle,
-    onTouchStart: dragStartHandle
-  }, /*#__PURE__*/React__default.createElement(Palette, {
-    prefixCls: prefixCls
-  }, /*#__PURE__*/React__default.createElement(Transform, {
-    x: offset.x,
-    y: offset.y,
-    ref: transformRef
-  }, /*#__PURE__*/React__default.createElement(Handler, {
-    size: "small",
-    color: handleColor.toHexString(),
-    prefixCls: prefixCls
-  })), /*#__PURE__*/React__default.createElement(Gradient, {
-    colors: gradientList,
-    type: type,
-    prefixCls: prefixCls
-  })));
-};
-
-function useComponent(components) {
-  return React.useMemo(function () {
-    var _ref = components || {},
-      slider = _ref.slider;
-    return [slider || Slider];
-  }, [components]);
-}
-
-var HUE_COLORS = [{
-  color: 'rgb(255, 0, 0)',
-  percent: 0
-}, {
-  color: 'rgb(255, 255, 0)',
-  percent: 17
-}, {
-  color: 'rgb(0, 255, 0)',
-  percent: 33
-}, {
-  color: 'rgb(0, 255, 255)',
-  percent: 50
-}, {
-  color: 'rgb(0, 0, 255)',
-  percent: 67
-}, {
-  color: 'rgb(255, 0, 255)',
-  percent: 83
-}, {
-  color: 'rgb(255, 0, 0)',
-  percent: 100
-}];
-var ColorPicker = /*#__PURE__*/forwardRef(function (props, ref) {
-  var value = props.value,
-    defaultValue = props.defaultValue,
-    _props$prefixCls = props.prefixCls,
-    prefixCls = _props$prefixCls === void 0 ? ColorPickerPrefixCls : _props$prefixCls,
-    onChange = props.onChange,
-    onChangeComplete = props.onChangeComplete,
-    className = props.className,
-    style = props.style,
-    panelRender = props.panelRender,
-    _props$disabledAlpha = props.disabledAlpha,
-    disabledAlpha = _props$disabledAlpha === void 0 ? false : _props$disabledAlpha,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    components = props.components;
-
-  // ========================== Components ==========================
-  var _useComponent = useComponent(components),
-    _useComponent2 = _slicedToArray(_useComponent, 1),
-    Slider = _useComponent2[0];
-
-  // ============================ Color =============================
-  var _useColorState = useColorState(defaultValue || defaultColor, value),
-    _useColorState2 = _slicedToArray(_useColorState, 2),
-    colorValue = _useColorState2[0],
-    setColorValue = _useColorState2[1];
-  var alphaColor = useMemo$1(function () {
-    return colorValue.setA(1).toRgbString();
-  }, [colorValue]);
-
-  // ============================ Events ============================
-  var handleChange = function handleChange(data, type) {
-    if (!value) {
-      setColorValue(data);
-    }
-    onChange === null || onChange === void 0 || onChange(data, type);
-  };
-
-  // Convert
-  var getHueColor = function getHueColor(hue) {
-    return new Color(colorValue.setHue(hue));
-  };
-  var getAlphaColor = function getAlphaColor(alpha) {
-    return new Color(colorValue.setA(alpha / 100));
-  };
-
-  // Slider change
-  var onHueChange = function onHueChange(hue) {
-    handleChange(getHueColor(hue), {
-      type: 'hue',
-      value: hue
-    });
-  };
-  var onAlphaChange = function onAlphaChange(alpha) {
-    handleChange(getAlphaColor(alpha), {
-      type: 'alpha',
-      value: alpha
-    });
-  };
-
-  // Complete
-  var onHueChangeComplete = function onHueChangeComplete(hue) {
-    if (onChangeComplete) {
-      onChangeComplete(getHueColor(hue));
-    }
-  };
-  var onAlphaChangeComplete = function onAlphaChangeComplete(alpha) {
-    if (onChangeComplete) {
-      onChangeComplete(getAlphaColor(alpha));
-    }
-  };
-
-  // ============================ Render ============================
-  var mergeCls = classNames("".concat(prefixCls, "-panel"), className, _defineProperty({}, "".concat(prefixCls, "-panel-disabled"), disabled));
-  var sharedSliderProps = {
-    prefixCls: prefixCls,
-    disabled: disabled,
-    color: colorValue
-  };
-  var defaultPanel = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Picker, _extends$1({
-    onChange: handleChange
-  }, sharedSliderProps, {
-    onChangeComplete: onChangeComplete
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefixCls, "-slider-container")
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: classNames("".concat(prefixCls, "-slider-group"), _defineProperty({}, "".concat(prefixCls, "-slider-group-disabled-alpha"), disabledAlpha))
-  }, /*#__PURE__*/React__default.createElement(Slider, _extends$1({}, sharedSliderProps, {
-    type: "hue",
-    colors: HUE_COLORS,
-    min: 0,
-    max: 359,
-    value: colorValue.getHue(),
-    onChange: onHueChange,
-    onChangeComplete: onHueChangeComplete
-  })), !disabledAlpha && /*#__PURE__*/React__default.createElement(Slider, _extends$1({}, sharedSliderProps, {
-    type: "alpha",
-    colors: [{
-      percent: 0,
-      color: 'rgba(255, 0, 4, 0)'
-    }, {
-      percent: 100,
-      color: alphaColor
-    }],
-    min: 0,
-    max: 100,
-    value: colorValue.a * 100,
-    onChange: onAlphaChange,
-    onChangeComplete: onAlphaChangeComplete
-  }))), /*#__PURE__*/React__default.createElement(ColorBlock, {
-    color: colorValue.toRgbString(),
-    prefixCls: prefixCls
-  })));
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: mergeCls,
-    style: style,
-    ref: ref
-  }, typeof panelRender === 'function' ? panelRender(defaultPanel) : defaultPanel);
-});
-if (process.env.NODE_ENV !== 'production') {
-  ColorPicker.displayName = 'ColorPicker';
-}
-
-const es$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-  __proto__: null,
-  Color,
-  ColorBlock,
-  default: ColorPicker
-}, Symbol.toStringTag, { value: 'Module' }));
-
-const require$$3 = /*@__PURE__*/getAugmentedNamespace(es$1);
-
-var color = {};
-
-var classCallCheck = {exports: {}};
-
-var hasRequiredClassCallCheck;
-
-function requireClassCallCheck () {
-	if (hasRequiredClassCallCheck) return classCallCheck.exports;
-	hasRequiredClassCallCheck = 1;
-	(function (module) {
-		function _classCallCheck(a, n) {
-		  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
-		}
-		module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-	} (classCallCheck));
-	return classCallCheck.exports;
-}
-
-var createClass = {exports: {}};
-
-var hasRequiredCreateClass;
-
-function requireCreateClass () {
-	if (hasRequiredCreateClass) return createClass.exports;
-	hasRequiredCreateClass = 1;
-	(function (module) {
-		var toPropertyKey = /*@__PURE__*/ requireToPropertyKey();
-		function _defineProperties(e, r) {
-		  for (var t = 0; t < r.length; t++) {
-		    var o = r[t];
-		    o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, toPropertyKey(o.key), o);
-		  }
-		}
-		function _createClass(e, r, t) {
-		  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
-		    writable: false
-		  }), e;
-		}
-		module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-	} (createClass));
-	return createClass.exports;
-}
-
-var hasRequiredColor;
-
-function requireColor () {
-	if (hasRequiredColor) return color;
-	hasRequiredColor = 1;
-
-	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
-	Object.defineProperty(color, "__esModule", {
-	  value: true
-	});
-	color.toHexFormat = color.getHex = color.AggregationColor = void 0;
-	var _classCallCheck2 = _interopRequireDefault(/*@__PURE__*/ requireClassCallCheck());
-	var _createClass2 = _interopRequireDefault(/*@__PURE__*/ requireCreateClass());
-	var _colorPicker = require$$3;
-	const toHexFormat = (value, alpha) => (value === null || value === void 0 ? void 0 : value.replace(/[^\w/]/g, '').slice(0, alpha ? 8 : 6)) || '';
-	color.toHexFormat = toHexFormat;
-	const getHex = (value, alpha) => value ? toHexFormat(value, alpha) : '';
-	color.getHex = getHex;
-	color.AggregationColor = /*#__PURE__*/function () {
-	  function AggregationColor(color) {
-	    (0, _classCallCheck2.default)(this, AggregationColor);
-	    var _a;
-	    this.cleared = false;
-	    // Clone from another AggregationColor
-	    if (color instanceof AggregationColor) {
-	      this.metaColor = color.metaColor.clone();
-	      this.colors = (_a = color.colors) === null || _a === void 0 ? void 0 : _a.map(info => ({
-	        color: new AggregationColor(info.color),
-	        percent: info.percent
-	      }));
-	      this.cleared = color.cleared;
-	      return;
-	    }
-	    const isArray = Array.isArray(color);
-	    if (isArray && color.length) {
-	      this.colors = color.map(({
-	        color: c,
-	        percent
-	      }) => ({
-	        color: new AggregationColor(c),
-	        percent
-	      }));
-	      this.metaColor = new _colorPicker.Color(this.colors[0].color.metaColor);
-	    } else {
-	      this.metaColor = new _colorPicker.Color(isArray ? '' : color);
-	    }
-	    if (!color || isArray && !this.colors) {
-	      this.metaColor = this.metaColor.setA(0);
-	      this.cleared = true;
-	    }
-	  }
-	  return (0, _createClass2.default)(AggregationColor, [{
-	    key: "toHsb",
-	    value: function toHsb() {
-	      return this.metaColor.toHsb();
-	    }
-	  }, {
-	    key: "toHsbString",
-	    value: function toHsbString() {
-	      return this.metaColor.toHsbString();
-	    }
-	  }, {
-	    key: "toHex",
-	    value: function toHex() {
-	      return getHex(this.toHexString(), this.metaColor.a < 1);
-	    }
-	  }, {
-	    key: "toHexString",
-	    value: function toHexString() {
-	      return this.metaColor.toHexString();
-	    }
-	  }, {
-	    key: "toRgb",
-	    value: function toRgb() {
-	      return this.metaColor.toRgb();
-	    }
-	  }, {
-	    key: "toRgbString",
-	    value: function toRgbString() {
-	      return this.metaColor.toRgbString();
-	    }
-	  }, {
-	    key: "isGradient",
-	    value: function isGradient() {
-	      return !!this.colors && !this.cleared;
-	    }
-	  }, {
-	    key: "getColors",
-	    value: function getColors() {
-	      return this.colors || [{
-	        color: this,
-	        percent: 0
-	      }];
-	    }
-	  }, {
-	    key: "toCssString",
-	    value: function toCssString() {
-	      const {
-	        colors
-	      } = this;
-	      // CSS line-gradient
-	      if (colors) {
-	        const colorsStr = colors.map(c => `${c.color.toRgbString()} ${c.percent}%`).join(', ');
-	        return `linear-gradient(90deg, ${colorsStr})`;
-	      }
-	      return this.metaColor.toRgbString();
-	    }
-	  }, {
-	    key: "equals",
-	    value: function equals(color) {
-	      if (!color || this.isGradient() !== color.isGradient()) {
-	        return false;
-	      }
-	      if (!this.isGradient()) {
-	        return this.toHexString() === color.toHexString();
-	      }
-	      return this.colors.length === color.colors.length && this.colors.every((c, i) => {
-	        const target = color.colors[i];
-	        return c.percent === target.percent && c.color.equals(target.color);
-	      });
-	    }
-	  }]);
-	}();
-	return color;
-}
-
-var hasRequiredUtil$2;
-
-function requireUtil$2 () {
-	if (hasRequiredUtil$2) return util$1;
-	hasRequiredUtil$2 = 1;
-
-	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
-	Object.defineProperty(util$1, "__esModule", {
-	  value: true
-	});
-	util$1.getRoundNumber = util$1.getGradientPercentColor = util$1.getColorAlpha = util$1.generateColor = util$1.genAlphaColor = void 0;
-	var _toConsumableArray2 = _interopRequireDefault(/*@__PURE__*/ requireToConsumableArray());
-	var _colorPicker = require$$3;
-	var _color = /*@__PURE__*/ requireColor();
-	const generateColor = color => {
-	  if (color instanceof _color.AggregationColor) {
-	    return color;
-	  }
-	  return new _color.AggregationColor(color);
-	};
-	util$1.generateColor = generateColor;
-	const getRoundNumber = value => Math.round(Number(value || 0));
-	util$1.getRoundNumber = getRoundNumber;
-	const getColorAlpha = color => getRoundNumber(color.toHsb().a * 100);
-	/** Return the color whose `alpha` is 1 */
-	util$1.getColorAlpha = getColorAlpha;
-	const genAlphaColor = (color, alpha) => {
-	  const rgba = color.toRgb();
-	  // Color from hsb input may get `rgb` is (0/0/0) when `hsb.b` is 0
-	  // So if rgb is empty, we should get from hsb
-	  if (!rgba.r && !rgba.g && !rgba.b) {
-	    const hsba = color.toHsb();
-	    hsba.a = alpha || 1;
-	    return generateColor(hsba);
-	  }
-	  rgba.a = alpha || 1;
-	  return generateColor(rgba);
-	};
-	/**
-	 * Get percent position color. e.g. [10%-#fff, 20%-#000], 15% => #888
-	 */
-	util$1.genAlphaColor = genAlphaColor;
-	const getGradientPercentColor = (colors, percent) => {
-	  const filledColors = [{
-	    percent: 0,
-	    color: colors[0].color
-	  }].concat((0, _toConsumableArray2.default)(colors), [{
-	    percent: 100,
-	    color: colors[colors.length - 1].color
-	  }]);
-	  for (let i = 0; i < filledColors.length - 1; i += 1) {
-	    const startPtg = filledColors[i].percent;
-	    const endPtg = filledColors[i + 1].percent;
-	    const startColor = filledColors[i].color;
-	    const endColor = filledColors[i + 1].color;
-	    if (startPtg <= percent && percent <= endPtg) {
-	      const dist = endPtg - startPtg;
-	      if (dist === 0) {
-	        return startColor;
-	      }
-	      const ratio = (percent - startPtg) / dist * 100;
-	      const startRcColor = new _colorPicker.Color(startColor);
-	      const endRcColor = new _colorPicker.Color(endColor);
-	      return startRcColor.mix(endRcColor, ratio).toRgbString();
-	    }
-	  }
-	  // This will never reach
-	  /* istanbul ignore next */
-	  return '';
-	};
-	util$1.getGradientPercentColor = getGradientPercentColor;
-	return util$1;
-}
-
-var hasRequiredUtil$1;
-
-function requireUtil$1 () {
-	if (hasRequiredUtil$1) return util$2;
-	hasRequiredUtil$1 = 1;
-
-	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
-	Object.defineProperty(util$2, "__esModule", {
-	  value: true
-	});
-	util$2.parseColor = parseColor;
-	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
-	var _colors = /*@__PURE__*/ requireColors();
-	var _util = /*@__PURE__*/ requireUtil$2();
-	function parseColor(prefixCls, color) {
-	  const isInternalColor = (0, _colors.isPresetColor)(color);
-	  const className = (0, _classnames.default)({
-	    [`${prefixCls}-${color}`]: color && isInternalColor
-	  });
-	  const overlayStyle = {};
-	  const arrowStyle = {};
-	  const rgb = (0, _util.generateColor)(color).toRgb();
-	  const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
-	  const textColor = luminance < 0.5 ? '#FFF' : '#000';
-	  if (color && !isInternalColor) {
-	    overlayStyle.background = color;
-	    overlayStyle['--ant-tooltip-color'] = textColor;
-	    // @ts-ignore
-	    arrowStyle['--antd-arrow-background-color'] = color;
-	  }
-	  return {
-	    className,
-	    overlayStyle,
-	    arrowStyle
-	  };
-	}
-	return util$2;
-}
-
-var hasRequiredPurePanel$2;
-
-function requirePurePanel$2 () {
-	if (hasRequiredPurePanel$2) return PurePanel$2;
-	hasRequiredPurePanel$2 = 1;
-
-	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
-	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
-	Object.defineProperty(PurePanel$2, "__esModule", {
-	  value: true
-	});
-	PurePanel$2.default = void 0;
-	var React = _interopRequireWildcard(React__default);
-	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
-	var _rcTooltip = require$$4;
-	var _configProvider = /*@__PURE__*/ requireConfigProvider();
-	var _style = _interopRequireDefault(/*@__PURE__*/ requireStyle$5());
-	var _util = /*@__PURE__*/ requireUtil$1();
-	/** @private Internal Component. Do not use in your production. */
-	const PurePanel = props => {
-	  const {
-	    prefixCls: customizePrefixCls,
-	    className,
-	    placement = 'top',
-	    title,
-	    color,
-	    overlayInnerStyle
-	  } = props;
-	  const {
-	    getPrefixCls
-	  } = React.useContext(_configProvider.ConfigContext);
-	  const prefixCls = getPrefixCls('tooltip', customizePrefixCls);
-	  const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls);
-	  // Color
-	  const colorInfo = (0, _util.parseColor)(prefixCls, color);
-	  const arrowContentStyle = colorInfo.arrowStyle;
-	  const formattedOverlayInnerStyle = Object.assign(Object.assign({}, overlayInnerStyle), colorInfo.overlayStyle);
-	  const cls = (0, _classnames.default)(hashId, cssVarCls, prefixCls, `${prefixCls}-pure`, `${prefixCls}-placement-${placement}`, className, colorInfo.className);
-	  return wrapCSSVar(/*#__PURE__*/React.createElement("div", {
-	    className: cls,
-	    style: arrowContentStyle
-	  }, /*#__PURE__*/React.createElement("div", {
-	    className: `${prefixCls}-arrow`
-	  }), /*#__PURE__*/React.createElement(_rcTooltip.Popup, Object.assign({}, props, {
-	    className: hashId,
-	    prefixCls: prefixCls,
-	    overlayInnerStyle: formattedOverlayInnerStyle
-	  }), title)));
-	};
-	PurePanel$2.default = PurePanel;
-	return PurePanel$2;
-}
-
-var hasRequiredTooltip;
+var hasRequiredTooltip;
 
 function requireTooltip () {
 	if (hasRequiredTooltip) return tooltip;
@@ -13245,7 +12424,7 @@ function requireTooltip () {
 	var _internal = /*@__PURE__*/ requireInternal();
 	var _PurePanel = _interopRequireDefault(/*@__PURE__*/ requirePurePanel$2());
 	var _style = _interopRequireDefault(/*@__PURE__*/ requireStyle$5());
-	var _util = /*@__PURE__*/ requireUtil$1();
+	var _util = /*@__PURE__*/ requireUtil$2();
 	var __rest = function (s, e) {
 	  var t = {};
 	  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -13709,17 +12888,16 @@ function requirePopover () {
 	  value: true
 	});
 	popover.default = void 0;
-	var _react = _interopRequireWildcard(React__default);
-	var React = _react;
+	var React = _interopRequireWildcard(React__default);
 	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
 	var _useMergedState = _interopRequireDefault(/*@__PURE__*/ requireUseMergedState());
 	var _KeyCode = _interopRequireDefault(/*@__PURE__*/ requireKeyCode());
 	var _getRenderPropValue = /*@__PURE__*/ requireGetRenderPropValue();
 	var _motion = /*@__PURE__*/ requireMotion$2();
 	var _reactNode = /*@__PURE__*/ requireReactNode();
-	var _context = /*@__PURE__*/ requireContext$3();
 	var _tooltip = _interopRequireDefault(/*@__PURE__*/ requireTooltip());
 	var _PurePanel = _interopRequireWildcard(/*@__PURE__*/ requirePurePanel$1());
+	var _context = /*@__PURE__*/ requireContext$3();
 	var _style = _interopRequireDefault(/*@__PURE__*/ requireStyle$4());
 	var __rest = function (s, e) {
 	  var t = {};
@@ -13808,7 +12986,7 @@ function requirePopover () {
 	  }), (0, _reactNode.cloneElement)(children, {
 	    onKeyDown: e => {
 	      var _a, _b;
-	      if (/*#__PURE__*/(0, _react.isValidElement)(children)) {
+	      if (/*#__PURE__*/React.isValidElement(children)) {
 	        (_b = children === null || children === void 0 ? void 0 : (_a = children.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
 	      }
 	      onKeyDown(e);
@@ -14021,7 +13199,7 @@ function requireStyle$3 () {
 	    }
 	  };
 	};
-	style$3.default = (0, _internal.genComponentStyleHook)('Wave', genWaveStyle);
+	style$3.default = (0, _internal.genComponentStyleHook)('Wave', token => [genWaveStyle(token)]);
 	return style$3;
 }
 
@@ -14155,17 +13333,19 @@ function requireRegeneratorDefine () {
 		    i = 0;
 		  }
 		  module.exports = _regeneratorDefine = function regeneratorDefine(e, r, n, t) {
-		    function o(r, n) {
-		      _regeneratorDefine(e, r, function (e) {
-		        return this._invoke(r, n, e);
-		      });
-		    }
-		    r ? i ? i(e, r, {
+		    if (r) i ? i(e, r, {
 		      value: n,
 		      enumerable: !t,
 		      configurable: !t,
 		      writable: !t
-		    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+		    }) : e[r] = n;else {
+		      var o = function o(r, n) {
+		        _regeneratorDefine(e, r, function (e) {
+		          return this._invoke(r, n, e);
+		        });
+		      };
+		      o("next", 0), o("throw", 1), o("return", 2);
+		    }
 		  }, module.exports.__esModule = true, module.exports["default"] = module.exports, _regeneratorDefine(e, r, n, t);
 		}
 		module.exports = _regeneratorDefine, module.exports.__esModule = true, module.exports["default"] = module.exports; 
@@ -14237,1224 +13417,1974 @@ function requireRegenerator () {
 		            f = 1;
 		          }
 		        }
-		        return {
-		          value: t,
-		          done: y
-		        };
-		      };
-		    }(r, o, i), true), u;
-		  }
-		  var a = {};
-		  function Generator() {}
-		  function GeneratorFunction() {}
-		  function GeneratorFunctionPrototype() {}
-		  t = Object.getPrototypeOf;
-		  var c = [][n] ? t(t([][n]())) : (regeneratorDefine(t = {}, n, function () {
-		      return this;
-		    }), t),
-		    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
-		  function f(e) {
-		    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+		        return {
+		          value: t,
+		          done: y
+		        };
+		      };
+		    }(r, o, i), true), u;
+		  }
+		  var a = {};
+		  function Generator() {}
+		  function GeneratorFunction() {}
+		  function GeneratorFunctionPrototype() {}
+		  t = Object.getPrototypeOf;
+		  var c = [][n] ? t(t([][n]())) : (regeneratorDefine(t = {}, n, function () {
+		      return this;
+		    }), t),
+		    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+		  function f(e) {
+		    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+		  }
+		  return GeneratorFunction.prototype = GeneratorFunctionPrototype, regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), regeneratorDefine(u), regeneratorDefine(u, o, "Generator"), regeneratorDefine(u, n, function () {
+		    return this;
+		  }), regeneratorDefine(u, "toString", function () {
+		    return "[object Generator]";
+		  }), (module.exports = _regenerator = function _regenerator() {
+		    return {
+		      w: i,
+		      m: f
+		    };
+		  }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
+		}
+		module.exports = _regenerator, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (regenerator));
+	return regenerator.exports;
+}
+
+var regeneratorAsync = {exports: {}};
+
+var regeneratorAsyncGen = {exports: {}};
+
+var regeneratorAsyncIterator = {exports: {}};
+
+var hasRequiredRegeneratorAsyncIterator;
+
+function requireRegeneratorAsyncIterator () {
+	if (hasRequiredRegeneratorAsyncIterator) return regeneratorAsyncIterator.exports;
+	hasRequiredRegeneratorAsyncIterator = 1;
+	(function (module) {
+		var OverloadYield = /*@__PURE__*/ requireOverloadYield();
+		var regeneratorDefine = /*@__PURE__*/ requireRegeneratorDefine();
+		function AsyncIterator(t, e) {
+		  function n(r, o, i, f) {
+		    try {
+		      var c = t[r](o),
+		        u = c.value;
+		      return u instanceof OverloadYield ? e.resolve(u.v).then(function (t) {
+		        n("next", t, i, f);
+		      }, function (t) {
+		        n("throw", t, i, f);
+		      }) : e.resolve(u).then(function (t) {
+		        c.value = t, i(c);
+		      }, function (t) {
+		        return n("throw", t, i, f);
+		      });
+		    } catch (t) {
+		      f(t);
+		    }
+		  }
+		  var r;
+		  this.next || (regeneratorDefine(AsyncIterator.prototype), regeneratorDefine(AsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
+		    return this;
+		  })), regeneratorDefine(this, "_invoke", function (t, o, i) {
+		    function f() {
+		      return new e(function (e, r) {
+		        n(t, i, e, r);
+		      });
+		    }
+		    return r = r ? r.then(f, f) : f();
+		  }, true);
+		}
+		module.exports = AsyncIterator, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (regeneratorAsyncIterator));
+	return regeneratorAsyncIterator.exports;
+}
+
+var hasRequiredRegeneratorAsyncGen;
+
+function requireRegeneratorAsyncGen () {
+	if (hasRequiredRegeneratorAsyncGen) return regeneratorAsyncGen.exports;
+	hasRequiredRegeneratorAsyncGen = 1;
+	(function (module) {
+		var regenerator = /*@__PURE__*/ requireRegenerator();
+		var regeneratorAsyncIterator = /*@__PURE__*/ requireRegeneratorAsyncIterator();
+		function _regeneratorAsyncGen(r, e, t, o, n) {
+		  return new regeneratorAsyncIterator(regenerator().w(r, e, t, o), n || Promise);
+		}
+		module.exports = _regeneratorAsyncGen, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (regeneratorAsyncGen));
+	return regeneratorAsyncGen.exports;
+}
+
+var hasRequiredRegeneratorAsync;
+
+function requireRegeneratorAsync () {
+	if (hasRequiredRegeneratorAsync) return regeneratorAsync.exports;
+	hasRequiredRegeneratorAsync = 1;
+	(function (module) {
+		var regeneratorAsyncGen = /*@__PURE__*/ requireRegeneratorAsyncGen();
+		function _regeneratorAsync(n, e, r, t, o) {
+		  var a = regeneratorAsyncGen(n, e, r, t, o);
+		  return a.next().then(function (n) {
+		    return n.done ? n.value : a.next();
+		  });
+		}
+		module.exports = _regeneratorAsync, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (regeneratorAsync));
+	return regeneratorAsync.exports;
+}
+
+var regeneratorKeys = {exports: {}};
+
+var hasRequiredRegeneratorKeys;
+
+function requireRegeneratorKeys () {
+	if (hasRequiredRegeneratorKeys) return regeneratorKeys.exports;
+	hasRequiredRegeneratorKeys = 1;
+	(function (module) {
+		function _regeneratorKeys(e) {
+		  var n = Object(e),
+		    r = [];
+		  for (var t in n) r.unshift(t);
+		  return function e() {
+		    for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = false, e;
+		    return e.done = true, e;
+		  };
+		}
+		module.exports = _regeneratorKeys, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (regeneratorKeys));
+	return regeneratorKeys.exports;
+}
+
+var regeneratorValues = {exports: {}};
+
+var hasRequiredRegeneratorValues;
+
+function requireRegeneratorValues () {
+	if (hasRequiredRegeneratorValues) return regeneratorValues.exports;
+	hasRequiredRegeneratorValues = 1;
+	(function (module) {
+		var _typeof = /*@__PURE__*/ require_typeof()["default"];
+		function _regeneratorValues(e) {
+		  if (null != e) {
+		    var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
+		      r = 0;
+		    if (t) return t.call(e);
+		    if ("function" == typeof e.next) return e;
+		    if (!isNaN(e.length)) return {
+		      next: function next() {
+		        return e && r >= e.length && (e = void 0), {
+		          value: e && e[r++],
+		          done: !e
+		        };
+		      }
+		    };
+		  }
+		  throw new TypeError(_typeof(e) + " is not iterable");
+		}
+		module.exports = _regeneratorValues, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (regeneratorValues));
+	return regeneratorValues.exports;
+}
+
+var hasRequiredRegeneratorRuntime;
+
+function requireRegeneratorRuntime () {
+	if (hasRequiredRegeneratorRuntime) return regeneratorRuntime.exports;
+	hasRequiredRegeneratorRuntime = 1;
+	(function (module) {
+		var OverloadYield = /*@__PURE__*/ requireOverloadYield();
+		var regenerator = /*@__PURE__*/ requireRegenerator();
+		var regeneratorAsync = /*@__PURE__*/ requireRegeneratorAsync();
+		var regeneratorAsyncGen = /*@__PURE__*/ requireRegeneratorAsyncGen();
+		var regeneratorAsyncIterator = /*@__PURE__*/ requireRegeneratorAsyncIterator();
+		var regeneratorKeys = /*@__PURE__*/ requireRegeneratorKeys();
+		var regeneratorValues = /*@__PURE__*/ requireRegeneratorValues();
+		function _regeneratorRuntime() {
+
+		  var r = regenerator(),
+		    e = r.m(_regeneratorRuntime),
+		    t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
+		  function n(r) {
+		    var e = "function" == typeof r && r.constructor;
+		    return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
+		  }
+		  var o = {
+		    "throw": 1,
+		    "return": 2,
+		    "break": 3,
+		    "continue": 3
+		  };
+		  function a(r) {
+		    var e, t;
+		    return function (n) {
+		      e || (e = {
+		        stop: function stop() {
+		          return t(n.a, 2);
+		        },
+		        "catch": function _catch() {
+		          return n.v;
+		        },
+		        abrupt: function abrupt(r, e) {
+		          return t(n.a, o[r], e);
+		        },
+		        delegateYield: function delegateYield(r, o, a) {
+		          return e.resultName = o, t(n.d, regeneratorValues(r), a);
+		        },
+		        finish: function finish(r) {
+		          return t(n.f, r);
+		        }
+		      }, t = function t(r, _t, o) {
+		        n.p = e.prev, n.n = e.next;
+		        try {
+		          return r(_t, o);
+		        } finally {
+		          e.next = n.n;
+		        }
+		      }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
+		      try {
+		        return r.call(this, e);
+		      } finally {
+		        n.p = e.prev, n.n = e.next;
+		      }
+		    };
 		  }
-		  return GeneratorFunction.prototype = GeneratorFunctionPrototype, regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), regeneratorDefine(u), regeneratorDefine(u, o, "Generator"), regeneratorDefine(u, n, function () {
-		    return this;
-		  }), regeneratorDefine(u, "toString", function () {
-		    return "[object Generator]";
-		  }), (module.exports = _regenerator = function _regenerator() {
+		  return (module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
 		    return {
-		      w: i,
-		      m: f
+		      wrap: function wrap(e, t, n, o) {
+		        return r.w(a(e), t, n, o && o.reverse());
+		      },
+		      isGeneratorFunction: n,
+		      mark: r.m,
+		      awrap: function awrap(r, e) {
+		        return new OverloadYield(r, e);
+		      },
+		      AsyncIterator: regeneratorAsyncIterator,
+		      async: function async(r, e, t, o, u) {
+		        return (n(e) ? regeneratorAsyncGen : regeneratorAsync)(a(r), e, t, o, u);
+		      },
+		      keys: regeneratorKeys,
+		      values: regeneratorValues
 		    };
 		  }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
 		}
-		module.exports = _regenerator, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-	} (regenerator));
-	return regenerator.exports;
+		module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (regeneratorRuntime));
+	return regeneratorRuntime.exports;
 }
 
-var regeneratorAsync = {exports: {}};
-
-var regeneratorAsyncGen = {exports: {}};
-
-var regeneratorAsyncIterator = {exports: {}};
+var asyncToGenerator = {exports: {}};
 
-var hasRequiredRegeneratorAsyncIterator;
+var hasRequiredAsyncToGenerator;
 
-function requireRegeneratorAsyncIterator () {
-	if (hasRequiredRegeneratorAsyncIterator) return regeneratorAsyncIterator.exports;
-	hasRequiredRegeneratorAsyncIterator = 1;
+function requireAsyncToGenerator () {
+	if (hasRequiredAsyncToGenerator) return asyncToGenerator.exports;
+	hasRequiredAsyncToGenerator = 1;
 	(function (module) {
-		var OverloadYield = /*@__PURE__*/ requireOverloadYield();
-		var regeneratorDefine = /*@__PURE__*/ requireRegeneratorDefine();
-		function AsyncIterator(t, e) {
-		  function n(r, o, i, f) {
-		    try {
-		      var c = t[r](o),
-		        u = c.value;
-		      return u instanceof OverloadYield ? e.resolve(u.v).then(function (t) {
-		        n("next", t, i, f);
-		      }, function (t) {
-		        n("throw", t, i, f);
-		      }) : e.resolve(u).then(function (t) {
-		        c.value = t, i(c);
-		      }, function (t) {
-		        return n("throw", t, i, f);
-		      });
-		    } catch (t) {
-		      f(t);
-		    }
+		function asyncGeneratorStep(n, t, e, r, o, a, c) {
+		  try {
+		    var i = n[a](c),
+		      u = i.value;
+		  } catch (n) {
+		    return void e(n);
 		  }
-		  var r;
-		  this.next || (regeneratorDefine(AsyncIterator.prototype), regeneratorDefine(AsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
-		    return this;
-		  })), regeneratorDefine(this, "_invoke", function (t, o, i) {
-		    function f() {
-		      return new e(function (e, r) {
-		        n(t, i, e, r);
-		      });
-		    }
-		    return r = r ? r.then(f, f) : f();
-		  }, true);
+		  i.done ? t(u) : Promise.resolve(u).then(r, o);
 		}
-		module.exports = AsyncIterator, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-	} (regeneratorAsyncIterator));
-	return regeneratorAsyncIterator.exports;
+		function _asyncToGenerator(n) {
+		  return function () {
+		    var t = this,
+		      e = arguments;
+		    return new Promise(function (r, o) {
+		      var a = n.apply(t, e);
+		      function _next(n) {
+		        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+		      }
+		      function _throw(n) {
+		        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+		      }
+		      _next(void 0);
+		    });
+		  };
+		}
+		module.exports = _asyncToGenerator, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (asyncToGenerator));
+	return asyncToGenerator.exports;
+}
+
+var hasRequiredRender;
+
+function requireRender () {
+	if (hasRequiredRender) return render;
+	hasRequiredRender = 1;
+
+	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
+	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
+	Object.defineProperty(render, "__esModule", {
+	  value: true
+	});
+	render._r = _r;
+	render._u = _u;
+	render.render = render$1;
+	render.unmount = unmount;
+	var _regeneratorRuntime2 = _interopRequireDefault(/*@__PURE__*/ requireRegeneratorRuntime());
+	var _asyncToGenerator2 = _interopRequireDefault(/*@__PURE__*/ requireAsyncToGenerator());
+	var _typeof2 = _interopRequireDefault(/*@__PURE__*/ require_typeof());
+	var _objectSpread2 = _interopRequireDefault(/*@__PURE__*/ requireObjectSpread2());
+	var ReactDOM = _interopRequireWildcard(ReactDOM__default);
+	// Let compiler not to search module usage
+	var fullClone = (0, _objectSpread2.default)({}, ReactDOM);
+	var version = fullClone.version,
+	  reactRender = fullClone.render,
+	  unmountComponentAtNode = fullClone.unmountComponentAtNode;
+	var createRoot;
+	try {
+	  var mainVersion = Number((version || '').split('.')[0]);
+	  if (mainVersion >= 18) {
+	    createRoot = fullClone.createRoot;
+	  }
+	} catch (e) {
+	  // Do nothing;
+	}
+	function toggleWarning(skip) {
+	  var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+	  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && (0, _typeof2.default)(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === 'object') {
+	    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+	  }
+	}
+	var MARK = '__rc_react_root__';
+
+	// ========================== Render ==========================
+
+	function modernRender(node, container) {
+	  toggleWarning(true);
+	  var root = container[MARK] || createRoot(container);
+	  toggleWarning(false);
+	  root.render(node);
+	  container[MARK] = root;
+	}
+	function legacyRender(node, container) {
+	  reactRender === null || reactRender === void 0 || reactRender(node, container);
+	}
+
+	/** @private Test usage. Not work in prod */
+	function _r(node, container) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    return legacyRender(node, container);
+	  }
+	}
+	function render$1(node, container) {
+	  if (createRoot) {
+	    modernRender(node, container);
+	    return;
+	  }
+	  legacyRender(node, container);
+	}
+
+	// ========================= Unmount ==========================
+	function modernUnmount(_x) {
+	  return _modernUnmount.apply(this, arguments);
+	}
+	function _modernUnmount() {
+	  _modernUnmount = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(container) {
+	    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+	      while (1) switch (_context.prev = _context.next) {
+	        case 0:
+	          return _context.abrupt("return", Promise.resolve().then(function () {
+	            var _container$MARK;
+	            (_container$MARK = container[MARK]) === null || _container$MARK === void 0 || _container$MARK.unmount();
+	            delete container[MARK];
+	          }));
+	        case 1:
+	        case "end":
+	          return _context.stop();
+	      }
+	    }, _callee);
+	  }));
+	  return _modernUnmount.apply(this, arguments);
+	}
+	function legacyUnmount(container) {
+	  unmountComponentAtNode(container);
+	}
+
+	/** @private Test usage. Not work in prod */
+	function _u(container) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    return legacyUnmount(container);
+	  }
+	}
+	function unmount(_x2) {
+	  return _unmount.apply(this, arguments);
+	}
+	function _unmount() {
+	  _unmount = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(container) {
+	    return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+	      while (1) switch (_context2.prev = _context2.next) {
+	        case 0:
+	          if (!(createRoot !== undefined)) {
+	            _context2.next = 2;
+	            break;
+	          }
+	          return _context2.abrupt("return", modernUnmount(container));
+	        case 2:
+	          legacyUnmount(container);
+	        case 3:
+	        case "end":
+	          return _context2.stop();
+	      }
+	    }, _callee2);
+	  }));
+	  return _unmount.apply(this, arguments);
+	}
+	return render;
 }
 
-var hasRequiredRegeneratorAsyncGen;
-
-function requireRegeneratorAsyncGen () {
-	if (hasRequiredRegeneratorAsyncGen) return regeneratorAsyncGen.exports;
-	hasRequiredRegeneratorAsyncGen = 1;
-	(function (module) {
-		var regenerator = /*@__PURE__*/ requireRegenerator();
-		var regeneratorAsyncIterator = /*@__PURE__*/ requireRegeneratorAsyncIterator();
-		function _regeneratorAsyncGen(r, e, t, o, n) {
-		  return new regeneratorAsyncIterator(regenerator().w(r, e, t, o), n || Promise);
-		}
-		module.exports = _regeneratorAsyncGen, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-	} (regeneratorAsyncGen));
-	return regeneratorAsyncGen.exports;
-}
+var hasRequiredUnstableContext;
 
-var hasRequiredRegeneratorAsync;
+function requireUnstableContext () {
+	if (hasRequiredUnstableContext) return UnstableContext;
+	hasRequiredUnstableContext = 1;
 
-function requireRegeneratorAsync () {
-	if (hasRequiredRegeneratorAsync) return regeneratorAsync.exports;
-	hasRequiredRegeneratorAsync = 1;
-	(function (module) {
-		var regeneratorAsyncGen = /*@__PURE__*/ requireRegeneratorAsyncGen();
-		function _regeneratorAsync(n, e, r, t, o) {
-		  var a = regeneratorAsyncGen(n, e, r, t, o);
-		  return a.next().then(function (n) {
-		    return n.done ? n.value : a.next();
-		  });
-		}
-		module.exports = _regeneratorAsync, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-	} (regeneratorAsync));
-	return regeneratorAsync.exports;
+	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
+	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
+	Object.defineProperty(UnstableContext, "__esModule", {
+	  value: true
+	});
+	UnstableContext.unstableSetRender = unstableSetRender;
+	var React = _interopRequireWildcard(React__default);
+	var ReactDOM = _interopRequireWildcard(ReactDOM__default);
+	var _render = /*@__PURE__*/ requireRender();
+	var _warning = _interopRequireDefault(/*@__PURE__*/ requireWarning());
+	const defaultReactRender = (node, container) => {
+	  // TODO: Remove in v6
+	  // Warning for React 19
+	  if (process.env.NODE_ENV !== 'production') {
+	    const majorVersion = parseInt(React.version.split('.')[0], 10);
+	    const fullKeys = Object.keys(ReactDOM);
+	    process.env.NODE_ENV !== "production" ? (0, _warning.default)(majorVersion < 19 || fullKeys.includes('createRoot'), 'compatible', 'antd v5 support React is 16 ~ 18. see https://u.ant.design/v5-for-19 for compatible.') : void 0;
+	  }
+	  (0, _render.render)(node, container);
+	  return () => {
+	    return (0, _render.unmount)(container);
+	  };
+	};
+	let unstableRender = defaultReactRender;
+	/**
+	 * @deprecated Set React render function for compatible usage.
+	 * This is internal usage only compatible with React 19.
+	 * And will be removed in next major version.
+	 */
+	function unstableSetRender(render) {
+	  if (render) {
+	    unstableRender = render;
+	  }
+	  return unstableRender;
+	}
+	return UnstableContext;
 }
 
-var regeneratorKeys = {exports: {}};
+var util$1 = {};
 
-var hasRequiredRegeneratorKeys;
+var hasRequiredUtil$1;
 
-function requireRegeneratorKeys () {
-	if (hasRequiredRegeneratorKeys) return regeneratorKeys.exports;
-	hasRequiredRegeneratorKeys = 1;
-	(function (module) {
-		function _regeneratorKeys(e) {
-		  var n = Object(e),
-		    r = [];
-		  for (var t in n) r.unshift(t);
-		  return function e() {
-		    for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = false, e;
-		    return e.done = true, e;
-		  };
-		}
-		module.exports = _regeneratorKeys, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-	} (regeneratorKeys));
-	return regeneratorKeys.exports;
+function requireUtil$1 () {
+	if (hasRequiredUtil$1) return util$1;
+	hasRequiredUtil$1 = 1;
+
+	Object.defineProperty(util$1, "__esModule", {
+	  value: true
+	});
+	util$1.getTargetWaveColor = getTargetWaveColor;
+	util$1.isValidWaveColor = isValidWaveColor;
+	function isValidWaveColor(color) {
+	  return color && color !== '#fff' && color !== '#ffffff' && color !== 'rgb(255, 255, 255)' && color !== 'rgba(255, 255, 255, 1)' && !/rgba\((?:\d*, ){3}0\)/.test(color) &&
+	  // any transparent rgba color
+	  color !== 'transparent';
+	}
+	function getTargetWaveColor(node) {
+	  const {
+	    borderTopColor,
+	    borderColor,
+	    backgroundColor
+	  } = getComputedStyle(node);
+	  if (isValidWaveColor(borderTopColor)) {
+	    return borderTopColor;
+	  }
+	  if (isValidWaveColor(borderColor)) {
+	    return borderColor;
+	  }
+	  if (isValidWaveColor(backgroundColor)) {
+	    return backgroundColor;
+	  }
+	  return null;
+	}
+	return util$1;
 }
 
-var regeneratorValues = {exports: {}};
+var hasRequiredWaveEffect;
 
-var hasRequiredRegeneratorValues;
+function requireWaveEffect () {
+	if (hasRequiredWaveEffect) return WaveEffect;
+	hasRequiredWaveEffect = 1;
 
-function requireRegeneratorValues () {
-	if (hasRequiredRegeneratorValues) return regeneratorValues.exports;
-	hasRequiredRegeneratorValues = 1;
-	(function (module) {
-		var _typeof = /*@__PURE__*/ require_typeof()["default"];
-		function _regeneratorValues(e) {
-		  if (null != e) {
-		    var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
-		      r = 0;
-		    if (t) return t.call(e);
-		    if ("function" == typeof e.next) return e;
-		    if (!isNaN(e.length)) return {
-		      next: function next() {
-		        return e && r >= e.length && (e = void 0), {
-		          value: e && e[r++],
-		          done: !e
-		        };
-		      }
-		    };
-		  }
-		  throw new TypeError(_typeof(e) + " is not iterable");
-		}
-		module.exports = _regeneratorValues, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-	} (regeneratorValues));
-	return regeneratorValues.exports;
+	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
+	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
+	Object.defineProperty(WaveEffect, "__esModule", {
+	  value: true
+	});
+	WaveEffect.default = void 0;
+	var React = _interopRequireWildcard(React__default);
+	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
+	var _rcMotion = _interopRequireDefault(require$$5$1);
+	var _raf = _interopRequireDefault(/*@__PURE__*/ requireRaf());
+	var _ref = /*@__PURE__*/ requireRef();
+	var _UnstableContext = /*@__PURE__*/ requireUnstableContext();
+	var _interface = /*@__PURE__*/ require_interface();
+	var _util = /*@__PURE__*/ requireUtil$1();
+	function validateNum(value) {
+	  return Number.isNaN(value) ? 0 : value;
+	}
+	const WaveEffect$1 = props => {
+	  const {
+	    className,
+	    target,
+	    component,
+	    registerUnmount
+	  } = props;
+	  const divRef = React.useRef(null);
+	  // ====================== Refs ======================
+	  const unmountRef = React.useRef(null);
+	  React.useEffect(() => {
+	    unmountRef.current = registerUnmount();
+	  }, []);
+	  // ===================== Effect =====================
+	  const [color, setWaveColor] = React.useState(null);
+	  const [borderRadius, setBorderRadius] = React.useState([]);
+	  const [left, setLeft] = React.useState(0);
+	  const [top, setTop] = React.useState(0);
+	  const [width, setWidth] = React.useState(0);
+	  const [height, setHeight] = React.useState(0);
+	  const [enabled, setEnabled] = React.useState(false);
+	  const waveStyle = {
+	    left,
+	    top,
+	    width,
+	    height,
+	    borderRadius: borderRadius.map(radius => `${radius}px`).join(' ')
+	  };
+	  if (color) {
+	    waveStyle['--wave-color'] = color;
+	  }
+	  function syncPos() {
+	    const nodeStyle = getComputedStyle(target);
+	    // Get wave color from target
+	    setWaveColor((0, _util.getTargetWaveColor)(target));
+	    const isStatic = nodeStyle.position === 'static';
+	    // Rect
+	    const {
+	      borderLeftWidth,
+	      borderTopWidth
+	    } = nodeStyle;
+	    setLeft(isStatic ? target.offsetLeft : validateNum(-parseFloat(borderLeftWidth)));
+	    setTop(isStatic ? target.offsetTop : validateNum(-parseFloat(borderTopWidth)));
+	    setWidth(target.offsetWidth);
+	    setHeight(target.offsetHeight);
+	    // Get border radius
+	    const {
+	      borderTopLeftRadius,
+	      borderTopRightRadius,
+	      borderBottomLeftRadius,
+	      borderBottomRightRadius
+	    } = nodeStyle;
+	    setBorderRadius([borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map(radius => validateNum(parseFloat(radius))));
+	  }
+	  React.useEffect(() => {
+	    if (target) {
+	      // We need delay to check position here
+	      // since UI may change after click
+	      const id = (0, _raf.default)(() => {
+	        syncPos();
+	        setEnabled(true);
+	      });
+	      // Add resize observer to follow size
+	      let resizeObserver;
+	      if (typeof ResizeObserver !== 'undefined') {
+	        resizeObserver = new ResizeObserver(syncPos);
+	        resizeObserver.observe(target);
+	      }
+	      return () => {
+	        _raf.default.cancel(id);
+	        resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+	      };
+	    }
+	  }, []);
+	  if (!enabled) {
+	    return null;
+	  }
+	  const isSmallComponent = (component === 'Checkbox' || component === 'Radio') && (target === null || target === void 0 ? void 0 : target.classList.contains(_interface.TARGET_CLS));
+	  return /*#__PURE__*/React.createElement(_rcMotion.default, {
+	    visible: true,
+	    motionAppear: true,
+	    motionName: "wave-motion",
+	    motionDeadline: 5000,
+	    onAppearEnd: (_, event) => {
+	      var _a, _b;
+	      if (event.deadline || event.propertyName === 'opacity') {
+	        const holder = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+	        (_b = unmountRef.current) === null || _b === void 0 ? void 0 : _b.call(unmountRef).then(() => {
+	          holder === null || holder === void 0 ? void 0 : holder.remove();
+	        });
+	      }
+	      return false;
+	    }
+	  }, ({
+	    className: motionClassName
+	  }, ref) => (/*#__PURE__*/React.createElement("div", {
+	    ref: (0, _ref.composeRef)(divRef, ref),
+	    className: (0, _classnames.default)(className, motionClassName, {
+	      'wave-quick': isSmallComponent
+	    }),
+	    style: waveStyle
+	  })));
+	};
+	const showWaveEffect = (target, info) => {
+	  var _a;
+	  const {
+	    component
+	  } = info;
+	  // Skip for unchecked checkbox
+	  if (component === 'Checkbox' && !((_a = target.querySelector('input')) === null || _a === void 0 ? void 0 : _a.checked)) {
+	    return;
+	  }
+	  // Create holder
+	  const holder = document.createElement('div');
+	  holder.style.position = 'absolute';
+	  holder.style.left = '0px';
+	  holder.style.top = '0px';
+	  target === null || target === void 0 ? void 0 : target.insertBefore(holder, target === null || target === void 0 ? void 0 : target.firstChild);
+	  const reactRender = (0, _UnstableContext.unstableSetRender)();
+	  let unmountCallback = null;
+	  function registerUnmount() {
+	    return unmountCallback;
+	  }
+	  unmountCallback = reactRender(/*#__PURE__*/React.createElement(WaveEffect$1, Object.assign({}, info, {
+	    target: target,
+	    registerUnmount: registerUnmount
+	  })), holder);
+	};
+	WaveEffect.default = showWaveEffect;
+	return WaveEffect;
 }
 
-var hasRequiredRegeneratorRuntime;
+var hasRequiredUseWave;
 
-function requireRegeneratorRuntime () {
-	if (hasRequiredRegeneratorRuntime) return regeneratorRuntime.exports;
-	hasRequiredRegeneratorRuntime = 1;
-	(function (module) {
-		var OverloadYield = /*@__PURE__*/ requireOverloadYield();
-		var regenerator = /*@__PURE__*/ requireRegenerator();
-		var regeneratorAsync = /*@__PURE__*/ requireRegeneratorAsync();
-		var regeneratorAsyncGen = /*@__PURE__*/ requireRegeneratorAsyncGen();
-		var regeneratorAsyncIterator = /*@__PURE__*/ requireRegeneratorAsyncIterator();
-		var regeneratorKeys = /*@__PURE__*/ requireRegeneratorKeys();
-		var regeneratorValues = /*@__PURE__*/ requireRegeneratorValues();
-		function _regeneratorRuntime() {
+function requireUseWave () {
+	if (hasRequiredUseWave) return useWave;
+	hasRequiredUseWave = 1;
 
-		  var r = regenerator(),
-		    e = r.m(_regeneratorRuntime),
-		    t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
-		  function n(r) {
-		    var e = "function" == typeof r && r.constructor;
-		    return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
-		  }
-		  var o = {
-		    "throw": 1,
-		    "return": 2,
-		    "break": 3,
-		    "continue": 3
-		  };
-		  function a(r) {
-		    var e, t;
-		    return function (n) {
-		      e || (e = {
-		        stop: function stop() {
-		          return t(n.a, 2);
-		        },
-		        "catch": function _catch() {
-		          return n.v;
-		        },
-		        abrupt: function abrupt(r, e) {
-		          return t(n.a, o[r], e);
-		        },
-		        delegateYield: function delegateYield(r, o, a) {
-		          return e.resultName = o, t(n.d, regeneratorValues(r), a);
-		        },
-		        finish: function finish(r) {
-		          return t(n.f, r);
-		        }
-		      }, t = function t(r, _t, o) {
-		        n.p = e.prev, n.n = e.next;
-		        try {
-		          return r(_t, o);
-		        } finally {
-		          e.next = n.n;
-		        }
-		      }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
-		      try {
-		        return r.call(this, e);
-		      } finally {
-		        n.p = e.prev, n.n = e.next;
-		      }
-		    };
-		  }
-		  return (module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
-		    return {
-		      wrap: function wrap(e, t, n, o) {
-		        return r.w(a(e), t, n, o && o.reverse());
-		      },
-		      isGeneratorFunction: n,
-		      mark: r.m,
-		      awrap: function awrap(r, e) {
-		        return new OverloadYield(r, e);
-		      },
-		      AsyncIterator: regeneratorAsyncIterator,
-		      async: function async(r, e, t, o, u) {
-		        return (n(e) ? regeneratorAsyncGen : regeneratorAsync)(a(r), e, t, o, u);
-		      },
-		      keys: regeneratorKeys,
-		      values: regeneratorValues
-		    };
-		  }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
-		}
-		module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-	} (regeneratorRuntime));
-	return regeneratorRuntime.exports;
+	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
+	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
+	Object.defineProperty(useWave, "__esModule", {
+	  value: true
+	});
+	useWave.default = void 0;
+	var React = _interopRequireWildcard(React__default);
+	var _useEvent = _interopRequireDefault(/*@__PURE__*/ requireUseEvent());
+	var _raf = _interopRequireDefault(/*@__PURE__*/ requireRaf());
+	var _configProvider = /*@__PURE__*/ requireConfigProvider();
+	var _useToken = _interopRequireDefault(/*@__PURE__*/ requireUseToken());
+	var _interface = /*@__PURE__*/ require_interface();
+	var _WaveEffect = _interopRequireDefault(/*@__PURE__*/ requireWaveEffect());
+	const useWave$1 = (nodeRef, className, component) => {
+	  const {
+	    wave
+	  } = React.useContext(_configProvider.ConfigContext);
+	  const [, token, hashId] = (0, _useToken.default)();
+	  const showWave = (0, _useEvent.default)(event => {
+	    const node = nodeRef.current;
+	    if ((wave === null || wave === void 0 ? void 0 : wave.disabled) || !node) {
+	      return;
+	    }
+	    const targetNode = node.querySelector(`.${_interface.TARGET_CLS}`) || node;
+	    const {
+	      showEffect
+	    } = wave || {};
+	    // Customize wave effect
+	    (showEffect || _WaveEffect.default)(targetNode, {
+	      className,
+	      token,
+	      component,
+	      event,
+	      hashId
+	    });
+	  });
+	  const rafId = React.useRef(null);
+	  // Merge trigger event into one for each frame
+	  const showDebounceWave = event => {
+	    _raf.default.cancel(rafId.current);
+	    rafId.current = (0, _raf.default)(() => {
+	      showWave(event);
+	    });
+	  };
+	  return showDebounceWave;
+	};
+	useWave.default = useWave$1;
+	return useWave;
 }
 
-var asyncToGenerator = {exports: {}};
+var hasRequiredWave;
 
-var hasRequiredAsyncToGenerator;
+function requireWave () {
+	if (hasRequiredWave) return wave;
+	hasRequiredWave = 1;
 
-function requireAsyncToGenerator () {
-	if (hasRequiredAsyncToGenerator) return asyncToGenerator.exports;
-	hasRequiredAsyncToGenerator = 1;
-	(function (module) {
-		function asyncGeneratorStep(n, t, e, r, o, a, c) {
-		  try {
-		    var i = n[a](c),
-		      u = i.value;
-		  } catch (n) {
-		    return void e(n);
-		  }
-		  i.done ? t(u) : Promise.resolve(u).then(r, o);
-		}
-		function _asyncToGenerator(n) {
-		  return function () {
-		    var t = this,
-		      e = arguments;
-		    return new Promise(function (r, o) {
-		      var a = n.apply(t, e);
-		      function _next(n) {
-		        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
-		      }
-		      function _throw(n) {
-		        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
-		      }
-		      _next(void 0);
-		    });
-		  };
-		}
-		module.exports = _asyncToGenerator, module.exports.__esModule = true, module.exports["default"] = module.exports; 
-	} (asyncToGenerator));
-	return asyncToGenerator.exports;
+	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
+	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
+	Object.defineProperty(wave, "__esModule", {
+	  value: true
+	});
+	wave.default = void 0;
+	var _react = _interopRequireWildcard(React__default);
+	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
+	var _isVisible = _interopRequireDefault(/*@__PURE__*/ requireIsVisible());
+	var _ref = /*@__PURE__*/ requireRef();
+	var _configProvider = /*@__PURE__*/ requireConfigProvider();
+	var _reactNode = /*@__PURE__*/ requireReactNode();
+	var _style = _interopRequireDefault(/*@__PURE__*/ requireStyle$3());
+	var _useWave = _interopRequireDefault(/*@__PURE__*/ requireUseWave());
+	const Wave = props => {
+	  const {
+	    children,
+	    disabled,
+	    component
+	  } = props;
+	  const {
+	    getPrefixCls
+	  } = (0, _react.useContext)(_configProvider.ConfigContext);
+	  const containerRef = (0, _react.useRef)(null);
+	  // ============================== Style ===============================
+	  const prefixCls = getPrefixCls('wave');
+	  const [, hashId] = (0, _style.default)(prefixCls);
+	  // =============================== Wave ===============================
+	  const showWave = (0, _useWave.default)(containerRef, (0, _classnames.default)(prefixCls, hashId), component);
+	  // ============================== Effect ==============================
+	  _react.default.useEffect(() => {
+	    const node = containerRef.current;
+	    if (!node || node.nodeType !== 1 || disabled) {
+	      return;
+	    }
+	    // Click handler
+	    const onClick = e => {
+	      // Fix radio button click twice
+	      if (!(0, _isVisible.default)(e.target) ||
+	      // No need wave
+	      !node.getAttribute || node.getAttribute('disabled') || node.disabled || node.className.includes('disabled') || node.className.includes('-leave')) {
+	        return;
+	      }
+	      showWave(e);
+	    };
+	    // Bind events
+	    node.addEventListener('click', onClick, true);
+	    return () => {
+	      node.removeEventListener('click', onClick, true);
+	    };
+	  }, [disabled]);
+	  // ============================== Render ==============================
+	  if (! /*#__PURE__*/_react.default.isValidElement(children)) {
+	    return children !== null && children !== void 0 ? children : null;
+	  }
+	  const ref = (0, _ref.supportRef)(children) ? (0, _ref.composeRef)((0, _ref.getNodeRef)(children), containerRef) : containerRef;
+	  return (0, _reactNode.cloneElement)(children, {
+	    ref
+	  });
+	};
+	if (process.env.NODE_ENV !== 'production') {
+	  Wave.displayName = 'Wave';
+	}
+	wave.default = Wave;
+	return wave;
 }
 
-var hasRequiredRender;
+var buttonGroup = {};
 
-function requireRender () {
-	if (hasRequiredRender) return render;
-	hasRequiredRender = 1;
+var hasRequiredButtonGroup;
+
+function requireButtonGroup () {
+	if (hasRequiredButtonGroup) return buttonGroup;
+	hasRequiredButtonGroup = 1;
 
-	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
 	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
-	Object.defineProperty(render, "__esModule", {
+	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
+	Object.defineProperty(buttonGroup, "__esModule", {
 	  value: true
 	});
-	render._r = _r;
-	render._u = _u;
-	render.render = render$1;
-	render.unmount = unmount;
-	var _regeneratorRuntime2 = _interopRequireDefault(/*@__PURE__*/ requireRegeneratorRuntime());
-	var _asyncToGenerator2 = _interopRequireDefault(/*@__PURE__*/ requireAsyncToGenerator());
-	var _typeof2 = _interopRequireDefault(/*@__PURE__*/ require_typeof());
-	var _objectSpread2 = _interopRequireDefault(/*@__PURE__*/ requireObjectSpread2());
-	var ReactDOM = _interopRequireWildcard(ReactDOM__default);
-	// Let compiler not to search module usage
-	var fullClone = (0, _objectSpread2.default)({}, ReactDOM);
-	var version = fullClone.version,
-	  reactRender = fullClone.render,
-	  unmountComponentAtNode = fullClone.unmountComponentAtNode;
-	var createRoot;
-	try {
-	  var mainVersion = Number((version || '').split('.')[0]);
-	  if (mainVersion >= 18) {
-	    createRoot = fullClone.createRoot;
-	  }
-	} catch (e) {
-	  // Do nothing;
-	}
-	function toggleWarning(skip) {
-	  var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-	  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && (0, _typeof2.default)(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === 'object') {
-	    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
-	  }
-	}
-	var MARK = '__rc_react_root__';
-
-	// ========================== Render ==========================
-
-	function modernRender(node, container) {
-	  toggleWarning(true);
-	  var root = container[MARK] || createRoot(container);
-	  toggleWarning(false);
-	  root.render(node);
-	  container[MARK] = root;
-	}
-	function legacyRender(node, container) {
-	  reactRender === null || reactRender === void 0 || reactRender(node, container);
-	}
-
-	/** @private Test usage. Not work in prod */
-	function _r(node, container) {
-	  if (process.env.NODE_ENV !== 'production') {
-	    return legacyRender(node, container);
-	  }
-	}
-	function render$1(node, container) {
-	  if (createRoot) {
-	    modernRender(node, container);
-	    return;
+	buttonGroup.default = buttonGroup.GroupSizeContext = void 0;
+	var React = _interopRequireWildcard(React__default);
+	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
+	var _warning = /*@__PURE__*/ requireWarning();
+	var _configProvider = /*@__PURE__*/ requireConfigProvider();
+	var _internal = /*@__PURE__*/ requireInternal();
+	var __rest = function (s, e) {
+	  var t = {};
+	  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+	  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+	    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
 	  }
-	  legacyRender(node, container);
-	}
-
-	// ========================= Unmount ==========================
-	function modernUnmount(_x) {
-	  return _modernUnmount.apply(this, arguments);
-	}
-	function _modernUnmount() {
-	  _modernUnmount = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(container) {
-	    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-	      while (1) switch (_context.prev = _context.next) {
-	        case 0:
-	          return _context.abrupt("return", Promise.resolve().then(function () {
-	            var _container$MARK;
-	            (_container$MARK = container[MARK]) === null || _container$MARK === void 0 || _container$MARK.unmount();
-	            delete container[MARK];
-	          }));
-	        case 1:
-	        case "end":
-	          return _context.stop();
-	      }
-	    }, _callee);
-	  }));
-	  return _modernUnmount.apply(this, arguments);
-	}
-	function legacyUnmount(container) {
-	  unmountComponentAtNode(container);
-	}
-
-	/** @private Test usage. Not work in prod */
-	function _u(container) {
+	  return t;
+	};
+	const GroupSizeContext = buttonGroup.GroupSizeContext = /*#__PURE__*/React.createContext(undefined);
+	const ButtonGroup = props => {
+	  const {
+	    getPrefixCls,
+	    direction
+	  } = React.useContext(_configProvider.ConfigContext);
+	  const {
+	      prefixCls: customizePrefixCls,
+	      size,
+	      className
+	    } = props,
+	    others = __rest(props, ["prefixCls", "size", "className"]);
+	  const prefixCls = getPrefixCls('btn-group', customizePrefixCls);
+	  const [,, hashId] = (0, _internal.useToken)();
+	  const sizeCls = React.useMemo(() => {
+	    switch (size) {
+	      case 'large':
+	        return 'lg';
+	      case 'small':
+	        return 'sm';
+	      default:
+	        return '';
+	    }
+	  }, [size]);
 	  if (process.env.NODE_ENV !== 'production') {
-	    return legacyUnmount(container);
+	    const warning = (0, _warning.devUseWarning)('Button.Group');
+	    warning.deprecated(false, 'Button.Group', 'Space.Compact');
+	    process.env.NODE_ENV !== "production" ? warning(!size || ['large', 'small', 'middle'].includes(size), 'usage', 'Invalid prop `size`.') : void 0;
 	  }
-	}
-	function unmount(_x2) {
-	  return _unmount.apply(this, arguments);
-	}
-	function _unmount() {
-	  _unmount = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(container) {
-	    return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-	      while (1) switch (_context2.prev = _context2.next) {
-	        case 0:
-	          if (!(createRoot !== undefined)) {
-	            _context2.next = 2;
-	            break;
-	          }
-	          return _context2.abrupt("return", modernUnmount(container));
-	        case 2:
-	          legacyUnmount(container);
-	        case 3:
-	        case "end":
-	          return _context2.stop();
-	      }
-	    }, _callee2);
-	  }));
-	  return _unmount.apply(this, arguments);
-	}
-	return render;
+	  const classes = (0, _classnames.default)(prefixCls, {
+	    [`${prefixCls}-${sizeCls}`]: sizeCls,
+	    [`${prefixCls}-rtl`]: direction === 'rtl'
+	  }, className, hashId);
+	  return /*#__PURE__*/React.createElement(GroupSizeContext.Provider, {
+	    value: size
+	  }, /*#__PURE__*/React.createElement("div", Object.assign({}, others, {
+	    className: classes
+	  })));
+	};
+	buttonGroup.default = ButtonGroup;
+	return buttonGroup;
 }
 
-var hasRequiredUnstableContext;
+var buttonHelpers = {};
 
-function requireUnstableContext () {
-	if (hasRequiredUnstableContext) return UnstableContext;
-	hasRequiredUnstableContext = 1;
+var hasRequiredButtonHelpers;
+
+function requireButtonHelpers () {
+	if (hasRequiredButtonHelpers) return buttonHelpers;
+	hasRequiredButtonHelpers = 1;
 
 	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
-	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
-	Object.defineProperty(UnstableContext, "__esModule", {
+	Object.defineProperty(buttonHelpers, "__esModule", {
 	  value: true
 	});
-	UnstableContext.unstableSetRender = unstableSetRender;
-	var React = _interopRequireWildcard(React__default);
-	var ReactDOM = _interopRequireWildcard(ReactDOM__default);
-	var _render = /*@__PURE__*/ requireRender();
-	var _warning = _interopRequireDefault(/*@__PURE__*/ requireWarning());
-	const defaultReactRender = (node, container) => {
-	  // TODO: Remove in v6
-	  // Warning for React 19
-	  if (process.env.NODE_ENV !== 'production') {
-	    const majorVersion = parseInt(React.version.split('.')[0], 10);
-	    const fullKeys = Object.keys(ReactDOM);
-	    process.env.NODE_ENV !== "production" ? (0, _warning.default)(majorVersion < 19 || fullKeys.includes('createRoot'), 'compatible', 'antd v5 support React is 16 ~ 18. see https://u.ant.design/v5-for-19 for compatible.') : void 0;
+	buttonHelpers._ButtonVariantTypes = buttonHelpers._ButtonColorTypes = void 0;
+	buttonHelpers.convertLegacyProps = convertLegacyProps;
+	buttonHelpers.isString = isString;
+	buttonHelpers.isTwoCNChar = void 0;
+	buttonHelpers.isUnBorderedButtonVariant = isUnBorderedButtonVariant;
+	buttonHelpers.spaceChildren = spaceChildren;
+	var _toConsumableArray2 = _interopRequireDefault(/*@__PURE__*/ requireToConsumableArray());
+	var _react = _interopRequireDefault(React__default);
+	var _reactNode = /*@__PURE__*/ requireReactNode();
+	var _interface = /*@__PURE__*/ require_interface$1();
+	const rxTwoCNChar = /^[\u4E00-\u9FA5]{2}$/;
+	const isTwoCNChar = buttonHelpers.isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);
+	function convertLegacyProps(type) {
+	  if (type === 'danger') {
+	    return {
+	      danger: true
+	    };
+	  }
+	  return {
+	    type
+	  };
+	}
+	function isString(str) {
+	  return typeof str === 'string';
+	}
+	function isUnBorderedButtonVariant(type) {
+	  return type === 'text' || type === 'link';
+	}
+	function splitCNCharsBySpace(child, needInserted) {
+	  if (child === null || child === undefined) {
+	    return;
 	  }
-	  (0, _render.render)(node, container);
-	  return () => {
-	    return (0, _render.unmount)(container);
-	  };
-	};
-	let unstableRender = defaultReactRender;
-	/**
-	 * @deprecated Set React render function for compatible usage.
-	 * This is internal usage only compatible with React 19.
-	 * And will be removed in next major version.
-	 */
-	function unstableSetRender(render) {
-	  if (render) {
-	    unstableRender = render;
+	  const SPACE = needInserted ? ' ' : '';
+	  if (typeof child !== 'string' && typeof child !== 'number' && isString(child.type) && isTwoCNChar(child.props.children)) {
+	    return (0, _reactNode.cloneElement)(child, {
+	      children: child.props.children.split('').join(SPACE)
+	    });
 	  }
-	  return unstableRender;
+	  if (isString(child)) {
+	    return isTwoCNChar(child) ? /*#__PURE__*/_react.default.createElement("span", null, child.split('').join(SPACE)) : /*#__PURE__*/_react.default.createElement("span", null, child);
+	  }
+	  if ((0, _reactNode.isFragment)(child)) {
+	    return /*#__PURE__*/_react.default.createElement("span", null, child);
+	  }
+	  return child;
 	}
-	return UnstableContext;
+	function spaceChildren(children, needInserted) {
+	  let isPrevChildPure = false;
+	  const childList = [];
+	  _react.default.Children.forEach(children, child => {
+	    const type = typeof child;
+	    const isCurrentChildPure = type === 'string' || type === 'number';
+	    if (isPrevChildPure && isCurrentChildPure) {
+	      const lastIndex = childList.length - 1;
+	      const lastChild = childList[lastIndex];
+	      childList[lastIndex] = `${lastChild}${child}`;
+	    } else {
+	      childList.push(child);
+	    }
+	    isPrevChildPure = isCurrentChildPure;
+	  });
+	  return _react.default.Children.map(childList, child => splitCNCharsBySpace(child, needInserted));
+	}
+	buttonHelpers._ButtonVariantTypes = ['outlined', 'dashed', 'solid', 'filled', 'text', 'link'];
+	buttonHelpers._ButtonColorTypes = ['default', 'primary', 'danger'].concat((0, _toConsumableArray2.default)(_interface.PresetColors));
+	return buttonHelpers;
 }
 
-var util = {};
+var DefaultLoadingIcon = {};
 
-var hasRequiredUtil;
+var LoadingOutlined$2 = {exports: {}};
 
-function requireUtil () {
-	if (hasRequiredUtil) return util;
-	hasRequiredUtil = 1;
+var LoadingOutlined$1 = {};
 
-	Object.defineProperty(util, "__esModule", {
-	  value: true
-	});
-	util.getTargetWaveColor = getTargetWaveColor;
-	util.isValidWaveColor = isValidWaveColor;
-	function isValidWaveColor(color) {
-	  return color && color !== '#fff' && color !== '#ffffff' && color !== 'rgb(255, 255, 255)' && color !== 'rgba(255, 255, 255, 1)' && !/rgba\((?:\d*, ){3}0\)/.test(color) &&
-	  // any transparent rgba color
-	  color !== 'transparent' && color !== 'canvastext';
-	}
-	function getTargetWaveColor(node) {
-	  var _a;
-	  const {
-	    borderTopColor,
-	    borderColor,
-	    backgroundColor
-	  } = getComputedStyle(node);
-	  return (_a = [borderTopColor, borderColor, backgroundColor].find(isValidWaveColor)) !== null && _a !== void 0 ? _a : null;
-	}
-	return util;
+var LoadingOutlined = {};
+
+var hasRequiredLoadingOutlined$2;
+
+function requireLoadingOutlined$2 () {
+	if (hasRequiredLoadingOutlined$2) return LoadingOutlined;
+	hasRequiredLoadingOutlined$2 = 1;
+	// This icon file is generated automatically.
+	Object.defineProperty(LoadingOutlined, "__esModule", { value: true });
+	var LoadingOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "theme": "outlined" };
+	LoadingOutlined.default = LoadingOutlined$1;
+	return LoadingOutlined;
 }
 
-var hasRequiredWaveEffect;
+var hasRequiredLoadingOutlined$1;
 
-function requireWaveEffect () {
-	if (hasRequiredWaveEffect) return WaveEffect;
-	hasRequiredWaveEffect = 1;
+function requireLoadingOutlined$1 () {
+	if (hasRequiredLoadingOutlined$1) return LoadingOutlined$1;
+	hasRequiredLoadingOutlined$1 = 1;
 
-	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
 	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
-	Object.defineProperty(WaveEffect, "__esModule", {
+	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
+	Object.defineProperty(LoadingOutlined$1, "__esModule", {
 	  value: true
 	});
-	WaveEffect.default = void 0;
+	LoadingOutlined$1.default = void 0;
+	var _extends2 = _interopRequireDefault(/*@__PURE__*/ require_extends());
 	var React = _interopRequireWildcard(React__default);
-	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
-	var _rcMotion = _interopRequireDefault(require$$5$1);
-	var _raf = _interopRequireDefault(/*@__PURE__*/ requireRaf());
-	var _ref = /*@__PURE__*/ requireRef();
-	var _UnstableContext = /*@__PURE__*/ requireUnstableContext();
-	var _interface = /*@__PURE__*/ require_interface();
-	var _util = /*@__PURE__*/ requireUtil();
-	function validateNum(value) {
-	  return Number.isNaN(value) ? 0 : value;
-	}
-	const WaveEffect$1 = props => {
-	  const {
-	    className,
-	    target,
-	    component,
-	    registerUnmount
-	  } = props;
-	  const divRef = React.useRef(null);
-	  // ====================== Refs ======================
-	  const unmountRef = React.useRef(null);
-	  React.useEffect(() => {
-	    unmountRef.current = registerUnmount();
-	  }, []);
-	  // ===================== Effect =====================
-	  const [color, setWaveColor] = React.useState(null);
-	  const [borderRadius, setBorderRadius] = React.useState([]);
-	  const [left, setLeft] = React.useState(0);
-	  const [top, setTop] = React.useState(0);
-	  const [width, setWidth] = React.useState(0);
-	  const [height, setHeight] = React.useState(0);
-	  const [enabled, setEnabled] = React.useState(false);
-	  const waveStyle = {
-	    left,
-	    top,
-	    width,
-	    height,
-	    borderRadius: borderRadius.map(radius => `${radius}px`).join(' ')
-	  };
-	  if (color) {
-	    waveStyle['--wave-color'] = color;
-	  }
-	  function syncPos() {
-	    const nodeStyle = getComputedStyle(target);
-	    // Get wave color from target
-	    setWaveColor((0, _util.getTargetWaveColor)(target));
-	    const isStatic = nodeStyle.position === 'static';
-	    // Rect
-	    const {
-	      borderLeftWidth,
-	      borderTopWidth
-	    } = nodeStyle;
-	    setLeft(isStatic ? target.offsetLeft : validateNum(-parseFloat(borderLeftWidth)));
-	    setTop(isStatic ? target.offsetTop : validateNum(-parseFloat(borderTopWidth)));
-	    setWidth(target.offsetWidth);
-	    setHeight(target.offsetHeight);
-	    // Get border radius
-	    const {
-	      borderTopLeftRadius,
-	      borderTopRightRadius,
-	      borderBottomLeftRadius,
-	      borderBottomRightRadius
-	    } = nodeStyle;
-	    setBorderRadius([borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map(radius => validateNum(parseFloat(radius))));
-	  }
-	  React.useEffect(() => {
-	    if (target) {
-	      // We need delay to check position here
-	      // since UI may change after click
-	      const id = (0, _raf.default)(() => {
-	        syncPos();
-	        setEnabled(true);
-	      });
-	      // Add resize observer to follow size
-	      let resizeObserver;
-	      if (typeof ResizeObserver !== 'undefined') {
-	        resizeObserver = new ResizeObserver(syncPos);
-	        resizeObserver.observe(target);
-	      }
-	      return () => {
-	        _raf.default.cancel(id);
-	        resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
-	      };
-	    }
-	  }, []);
-	  if (!enabled) {
-	    return null;
-	  }
-	  const isSmallComponent = (component === 'Checkbox' || component === 'Radio') && (target === null || target === void 0 ? void 0 : target.classList.contains(_interface.TARGET_CLS));
-	  return /*#__PURE__*/React.createElement(_rcMotion.default, {
-	    visible: true,
-	    motionAppear: true,
-	    motionName: "wave-motion",
-	    motionDeadline: 5000,
-	    onAppearEnd: (_, event) => {
-	      var _a, _b;
-	      if (event.deadline || event.propertyName === 'opacity') {
-	        const holder = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
-	        (_b = unmountRef.current) === null || _b === void 0 ? void 0 : _b.call(unmountRef).then(() => {
-	          holder === null || holder === void 0 ? void 0 : holder.remove();
-	        });
-	      }
-	      return false;
-	    }
-	  }, ({
-	    className: motionClassName
-	  }, ref) => (/*#__PURE__*/React.createElement("div", {
-	    ref: (0, _ref.composeRef)(divRef, ref),
-	    className: (0, _classnames.default)(className, motionClassName, {
-	      'wave-quick': isSmallComponent
-	    }),
-	    style: waveStyle
-	  })));
+	var _LoadingOutlined = _interopRequireDefault(/*@__PURE__*/ requireLoadingOutlined$2());
+	var _AntdIcon = _interopRequireDefault(/*@__PURE__*/ requireAntdIcon());
+	// GENERATE BY ./scripts/generate.ts
+	// DON NOT EDIT IT MANUALLY
+
+	var LoadingOutlined = function LoadingOutlined(props, ref) {
+	  return /*#__PURE__*/React.createElement(_AntdIcon.default, (0, _extends2.default)({}, props, {
+	    ref: ref,
+	    icon: _LoadingOutlined.default
+	  }));
 	};
-	const showWaveEffect = (target, info) => {
-	  var _a;
+
+	/**![loading](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk4OCA1NDhjLTE5LjkgMC0zNi0xNi4xLTM2LTM2IDAtNTkuNC0xMS42LTExNy0zNC42LTE3MS4zYTQ0MC40NSA0NDAuNDUgMCAwMC05NC4zLTEzOS45IDQzNy43MSA0MzcuNzEgMCAwMC0xMzkuOS05NC4zQzYyOSA4My42IDU3MS40IDcyIDUxMiA3MmMtMTkuOSAwLTM2LTE2LjEtMzYtMzZzMTYuMS0zNiAzNi0zNmM2OS4xIDAgMTM2LjIgMTMuNSAxOTkuMyA0MC4zQzc3Mi4zIDY2IDgyNyAxMDMgODc0IDE1MGM0NyA0NyA4My45IDEwMS44IDEwOS43IDE2Mi43IDI2LjcgNjMuMSA0MC4yIDEzMC4yIDQwLjIgMTk5LjMuMSAxOS45LTE2IDM2LTM1LjkgMzZ6IiAvPjwvc3ZnPg==) */
+	var RefIcon = /*#__PURE__*/React.forwardRef(LoadingOutlined);
+	if (process.env.NODE_ENV !== 'production') {
+	  RefIcon.displayName = 'LoadingOutlined';
+	}
+	LoadingOutlined$1.default = RefIcon;
+	return LoadingOutlined$1;
+}
+
+var hasRequiredLoadingOutlined;
+
+function requireLoadingOutlined () {
+	if (hasRequiredLoadingOutlined) return LoadingOutlined$2.exports;
+	hasRequiredLoadingOutlined = 1;
+	(function (module, exports) {
+		Object.defineProperty(exports, "__esModule", {
+		  value: true
+		});
+		exports.default = void 0;
+
+		const _LoadingOutlined = _interopRequireDefault(/*@__PURE__*/ requireLoadingOutlined$1());
+
+		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+		const _default = _LoadingOutlined;
+		exports.default = _default;
+		module.exports = _default; 
+	} (LoadingOutlined$2, LoadingOutlined$2.exports));
+	return LoadingOutlined$2.exports;
+}
+
+var IconWrapper = {};
+
+var hasRequiredIconWrapper;
+
+function requireIconWrapper () {
+	if (hasRequiredIconWrapper) return IconWrapper;
+	hasRequiredIconWrapper = 1;
+
+	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
+	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
+	Object.defineProperty(IconWrapper, "__esModule", {
+	  value: true
+	});
+	IconWrapper.default = void 0;
+	var _react = _interopRequireWildcard(React__default);
+	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
+	const IconWrapper$1 = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
 	  const {
-	    component
-	  } = info;
-	  // Skip for unchecked checkbox
-	  if (component === 'Checkbox' && !((_a = target.querySelector('input')) === null || _a === void 0 ? void 0 : _a.checked)) {
-	    return;
-	  }
-	  // Create holder
-	  const holder = document.createElement('div');
-	  holder.style.position = 'absolute';
-	  holder.style.left = '0px';
-	  holder.style.top = '0px';
-	  target === null || target === void 0 ? void 0 : target.insertBefore(holder, target === null || target === void 0 ? void 0 : target.firstChild);
-	  const reactRender = (0, _UnstableContext.unstableSetRender)();
-	  let unmountCallback = null;
-	  function registerUnmount() {
-	    return unmountCallback;
-	  }
-	  unmountCallback = reactRender(/*#__PURE__*/React.createElement(WaveEffect$1, Object.assign({}, info, {
-	    target: target,
-	    registerUnmount: registerUnmount
-	  })), holder);
-	};
-	WaveEffect.default = showWaveEffect;
-	return WaveEffect;
+	    className,
+	    style,
+	    children,
+	    prefixCls
+	  } = props;
+	  const iconWrapperCls = (0, _classnames.default)(`${prefixCls}-icon`, className);
+	  return /*#__PURE__*/_react.default.createElement("span", {
+	    ref: ref,
+	    className: iconWrapperCls,
+	    style: style
+	  }, children);
+	});
+	IconWrapper.default = IconWrapper$1;
+	return IconWrapper;
 }
 
-var hasRequiredUseWave;
+var hasRequiredDefaultLoadingIcon;
 
-function requireUseWave () {
-	if (hasRequiredUseWave) return useWave;
-	hasRequiredUseWave = 1;
+function requireDefaultLoadingIcon () {
+	if (hasRequiredDefaultLoadingIcon) return DefaultLoadingIcon;
+	hasRequiredDefaultLoadingIcon = 1;
 
 	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
 	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
-	Object.defineProperty(useWave, "__esModule", {
+	Object.defineProperty(DefaultLoadingIcon, "__esModule", {
 	  value: true
 	});
-	useWave.default = void 0;
-	var React = _interopRequireWildcard(React__default);
-	var _useEvent = _interopRequireDefault(/*@__PURE__*/ requireUseEvent());
-	var _raf = _interopRequireDefault(/*@__PURE__*/ requireRaf());
-	var _configProvider = /*@__PURE__*/ requireConfigProvider();
-	var _useToken = _interopRequireDefault(/*@__PURE__*/ requireUseToken());
-	var _interface = /*@__PURE__*/ require_interface();
-	var _WaveEffect = _interopRequireDefault(/*@__PURE__*/ requireWaveEffect());
-	const useWave$1 = (nodeRef, className, component) => {
+	DefaultLoadingIcon.default = void 0;
+	var _react = _interopRequireWildcard(React__default);
+	var _LoadingOutlined = _interopRequireDefault(/*@__PURE__*/ requireLoadingOutlined());
+	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
+	var _rcMotion = _interopRequireDefault(require$$5$1);
+	var _IconWrapper = _interopRequireDefault(/*@__PURE__*/ requireIconWrapper());
+	const InnerLoadingIcon = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
 	  const {
-	    wave
-	  } = React.useContext(_configProvider.ConfigContext);
-	  const [, token, hashId] = (0, _useToken.default)();
-	  const showWave = (0, _useEvent.default)(event => {
-	    const node = nodeRef.current;
-	    if ((wave === null || wave === void 0 ? void 0 : wave.disabled) || !node) {
-	      return;
-	    }
-	    const targetNode = node.querySelector(`.${_interface.TARGET_CLS}`) || node;
-	    const {
-	      showEffect
-	    } = wave || {};
-	    // Customize wave effect
-	    (showEffect || _WaveEffect.default)(targetNode, {
-	      className,
-	      token,
-	      component,
-	      event,
-	      hashId
+	    prefixCls,
+	    className,
+	    style,
+	    iconClassName
+	  } = props;
+	  const mergedIconCls = (0, _classnames.default)(`${prefixCls}-loading-icon`, className);
+	  return /*#__PURE__*/_react.default.createElement(_IconWrapper.default, {
+	    prefixCls: prefixCls,
+	    className: mergedIconCls,
+	    style: style,
+	    ref: ref
+	  }, /*#__PURE__*/_react.default.createElement(_LoadingOutlined.default, {
+	    className: iconClassName
+	  }));
+	});
+	const getCollapsedWidth = () => ({
+	  width: 0,
+	  opacity: 0,
+	  transform: 'scale(0)'
+	});
+	const getRealWidth = node => ({
+	  width: node.scrollWidth,
+	  opacity: 1,
+	  transform: 'scale(1)'
+	});
+	const DefaultLoadingIcon$1 = props => {
+	  const {
+	    prefixCls,
+	    loading,
+	    existIcon,
+	    className,
+	    style,
+	    mount
+	  } = props;
+	  const visible = !!loading;
+	  if (existIcon) {
+	    return /*#__PURE__*/_react.default.createElement(InnerLoadingIcon, {
+	      prefixCls: prefixCls,
+	      className: className,
+	      style: style
 	    });
-	  });
-	  const rafId = React.useRef(null);
-	  // Merge trigger event into one for each frame
-	  const showDebounceWave = event => {
-	    _raf.default.cancel(rafId.current);
-	    rafId.current = (0, _raf.default)(() => {
-	      showWave(event);
+	  }
+	  return /*#__PURE__*/_react.default.createElement(_rcMotion.default, {
+	    visible: visible,
+	    // Used for minus flex gap style only
+	    motionName: `${prefixCls}-loading-icon-motion`,
+	    motionAppear: !mount,
+	    motionEnter: !mount,
+	    motionLeave: !mount,
+	    removeOnLeave: true,
+	    onAppearStart: getCollapsedWidth,
+	    onAppearActive: getRealWidth,
+	    onEnterStart: getCollapsedWidth,
+	    onEnterActive: getRealWidth,
+	    onLeaveStart: getRealWidth,
+	    onLeaveActive: getCollapsedWidth
+	  }, ({
+	    className: motionCls,
+	    style: motionStyle
+	  }, ref) => {
+	    const mergedStyle = Object.assign(Object.assign({}, style), motionStyle);
+	    return /*#__PURE__*/_react.default.createElement(InnerLoadingIcon, {
+	      prefixCls: prefixCls,
+	      className: (0, _classnames.default)(className, motionCls),
+	      style: mergedStyle,
+	      ref: ref
 	    });
+	  });
+	};
+	DefaultLoadingIcon.default = DefaultLoadingIcon$1;
+	return DefaultLoadingIcon;
+}
+
+var style$2 = {};
+
+var group = {};
+
+var hasRequiredGroup;
+
+function requireGroup () {
+	if (hasRequiredGroup) return group;
+	hasRequiredGroup = 1;
+
+	Object.defineProperty(group, "__esModule", {
+	  value: true
+	});
+	group.default = void 0;
+	const genButtonBorderStyle = (buttonTypeCls, borderColor) => ({
+	  // Border
+	  [`> span, > ${buttonTypeCls}`]: {
+	    '&:not(:last-child)': {
+	      [`&, & > ${buttonTypeCls}`]: {
+	        '&:not(:disabled)': {
+	          borderInlineEndColor: borderColor
+	        }
+	      }
+	    },
+	    '&:not(:first-child)': {
+	      [`&, & > ${buttonTypeCls}`]: {
+	        '&:not(:disabled)': {
+	          borderInlineStartColor: borderColor
+	        }
+	      }
+	    }
+	  }
+	});
+	const genGroupStyle = token => {
+	  const {
+	    componentCls,
+	    fontSize,
+	    lineWidth,
+	    groupBorderColor,
+	    colorErrorHover
+	  } = token;
+	  return {
+	    [`${componentCls}-group`]: [{
+	      position: 'relative',
+	      display: 'inline-flex',
+	      // Border
+	      [`> span, > ${componentCls}`]: {
+	        '&:not(:last-child)': {
+	          [`&, & > ${componentCls}`]: {
+	            borderStartEndRadius: 0,
+	            borderEndEndRadius: 0
+	          }
+	        },
+	        '&:not(:first-child)': {
+	          marginInlineStart: token.calc(lineWidth).mul(-1).equal(),
+	          [`&, & > ${componentCls}`]: {
+	            borderStartStartRadius: 0,
+	            borderEndStartRadius: 0
+	          }
+	        }
+	      },
+	      [componentCls]: {
+	        position: 'relative',
+	        zIndex: 1,
+	        '&:hover, &:focus, &:active': {
+	          zIndex: 2
+	        },
+	        '&[disabled]': {
+	          zIndex: 0
+	        }
+	      },
+	      [`${componentCls}-icon-only`]: {
+	        fontSize
+	      }
+	    },
+	    // Border Color
+	    genButtonBorderStyle(`${componentCls}-primary`, groupBorderColor), genButtonBorderStyle(`${componentCls}-danger`, colorErrorHover)]
 	  };
-	  return showDebounceWave;
 	};
-	useWave.default = useWave$1;
-	return useWave;
+	group.default = genGroupStyle;
+	return group;
 }
 
-var hasRequiredWave;
+var token = {};
 
-function requireWave () {
-	if (hasRequiredWave) return wave;
-	hasRequiredWave = 1;
+var color = {};
 
-	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
-	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
-	Object.defineProperty(wave, "__esModule", {
-	  value: true
-	});
-	wave.default = void 0;
-	var _react = _interopRequireWildcard(React__default);
-	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
-	var _isVisible = _interopRequireDefault(/*@__PURE__*/ requireIsVisible());
-	var _ref = /*@__PURE__*/ requireRef();
-	var _configProvider = /*@__PURE__*/ requireConfigProvider();
-	var _reactNode = /*@__PURE__*/ requireReactNode();
-	var _style = _interopRequireDefault(/*@__PURE__*/ requireStyle$3());
-	var _useWave = _interopRequireDefault(/*@__PURE__*/ requireUseWave());
-	const Wave = props => {
-	  const {
-	    children,
-	    disabled,
-	    component
-	  } = props;
-	  const {
-	    getPrefixCls
-	  } = (0, _react.useContext)(_configProvider.ConfigContext);
-	  const containerRef = (0, _react.useRef)(null);
-	  // ============================== Style ===============================
-	  const prefixCls = getPrefixCls('wave');
-	  const [, hashId] = (0, _style.default)(prefixCls);
-	  // =============================== Wave ===============================
-	  const showWave = (0, _useWave.default)(containerRef, (0, _classnames.default)(prefixCls, hashId), component);
-	  // ============================== Effect ==============================
-	  _react.default.useEffect(() => {
-	    const node = containerRef.current;
-	    if (!node || node.nodeType !== 1 || disabled) {
-	      return;
-	    }
-	    // Click handler
-	    const onClick = e => {
-	      // Fix radio button click twice
-	      if (!(0, _isVisible.default)(e.target) ||
-	      // No need wave
-	      !node.getAttribute || node.getAttribute('disabled') || node.disabled || node.className.includes('disabled') || node.className.includes('-leave')) {
-	        return;
-	      }
-	      showWave(e);
-	    };
-	    // Bind events
-	    node.addEventListener('click', onClick, true);
-	    return () => {
-	      node.removeEventListener('click', onClick, true);
-	    };
-	  }, [disabled]);
-	  // ============================== Render ==============================
-	  if (! /*#__PURE__*/_react.default.isValidElement(children)) {
-	    return children !== null && children !== void 0 ? children : null;
-	  }
-	  const ref = (0, _ref.supportRef)(children) ? (0, _ref.composeRef)((0, _ref.getNodeRef)(children), containerRef) : containerRef;
-	  return (0, _reactNode.cloneElement)(children, {
-	    ref
-	  });
-	};
-	if (process.env.NODE_ENV !== 'production') {
-	  Wave.displayName = 'Wave';
-	}
-	wave.default = Wave;
-	return wave;
-}
+var classCallCheck = {exports: {}};
 
-var buttonGroup = {};
+var hasRequiredClassCallCheck;
 
-var hasRequiredButtonGroup;
+function requireClassCallCheck () {
+	if (hasRequiredClassCallCheck) return classCallCheck.exports;
+	hasRequiredClassCallCheck = 1;
+	(function (module) {
+		function _classCallCheck(a, n) {
+		  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+		}
+		module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (classCallCheck));
+	return classCallCheck.exports;
+}
 
-function requireButtonGroup () {
-	if (hasRequiredButtonGroup) return buttonGroup;
-	hasRequiredButtonGroup = 1;
+var createClass = {exports: {}};
 
-	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
-	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
-	Object.defineProperty(buttonGroup, "__esModule", {
-	  value: true
-	});
-	buttonGroup.default = buttonGroup.GroupSizeContext = void 0;
-	var React = _interopRequireWildcard(React__default);
-	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
-	var _warning = /*@__PURE__*/ requireWarning();
-	var _configProvider = /*@__PURE__*/ requireConfigProvider();
-	var _internal = /*@__PURE__*/ requireInternal();
-	var __rest = function (s, e) {
-	  var t = {};
-	  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-	  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-	    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-	  }
-	  return t;
-	};
-	const GroupSizeContext = buttonGroup.GroupSizeContext = /*#__PURE__*/React.createContext(undefined);
-	const ButtonGroup = props => {
-	  const {
-	    getPrefixCls,
-	    direction
-	  } = React.useContext(_configProvider.ConfigContext);
-	  const {
-	      prefixCls: customizePrefixCls,
-	      size,
-	      className
-	    } = props,
-	    others = __rest(props, ["prefixCls", "size", "className"]);
-	  const prefixCls = getPrefixCls('btn-group', customizePrefixCls);
-	  const [,, hashId] = (0, _internal.useToken)();
-	  const sizeCls = React.useMemo(() => {
-	    switch (size) {
-	      case 'large':
-	        return 'lg';
-	      case 'small':
-	        return 'sm';
-	      default:
-	        return '';
-	    }
-	  }, [size]);
-	  if (process.env.NODE_ENV !== 'production') {
-	    const warning = (0, _warning.devUseWarning)('Button.Group');
-	    warning.deprecated(false, 'Button.Group', 'Space.Compact');
-	    process.env.NODE_ENV !== "production" ? warning(!size || ['large', 'small', 'middle'].includes(size), 'usage', 'Invalid prop `size`.') : void 0;
-	  }
-	  const classes = (0, _classnames.default)(prefixCls, {
-	    [`${prefixCls}-${sizeCls}`]: sizeCls,
-	    [`${prefixCls}-rtl`]: direction === 'rtl'
-	  }, className, hashId);
-	  return /*#__PURE__*/React.createElement(GroupSizeContext.Provider, {
-	    value: size
-	  }, /*#__PURE__*/React.createElement("div", Object.assign({}, others, {
-	    className: classes
-	  })));
-	};
-	buttonGroup.default = ButtonGroup;
-	return buttonGroup;
+var hasRequiredCreateClass;
+
+function requireCreateClass () {
+	if (hasRequiredCreateClass) return createClass.exports;
+	hasRequiredCreateClass = 1;
+	(function (module) {
+		var toPropertyKey = /*@__PURE__*/ requireToPropertyKey();
+		function _defineProperties(e, r) {
+		  for (var t = 0; t < r.length; t++) {
+		    var o = r[t];
+		    o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, toPropertyKey(o.key), o);
+		  }
+		}
+		function _createClass(e, r, t) {
+		  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+		    writable: false
+		  }), e;
+		}
+		module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (createClass));
+	return createClass.exports;
 }
 
-var buttonHelpers = {};
+var ColorPickerPrefixCls = 'rc-color-picker';
+var generateColor = function generateColor(color) {
+  if (color instanceof Color) {
+    return color;
+  }
+  return new Color(color);
+};
+var defaultColor = generateColor('#1677ff');
+var calculateColor = function calculateColor(props) {
+  var offset = props.offset,
+    targetRef = props.targetRef,
+    containerRef = props.containerRef,
+    color = props.color,
+    type = props.type;
+  var _containerRef$current = containerRef.current.getBoundingClientRect(),
+    width = _containerRef$current.width,
+    height = _containerRef$current.height;
+  var _targetRef$current$ge = targetRef.current.getBoundingClientRect(),
+    targetWidth = _targetRef$current$ge.width,
+    targetHeight = _targetRef$current$ge.height;
+  var centerOffsetX = targetWidth / 2;
+  var centerOffsetY = targetHeight / 2;
+  var saturation = (offset.x + centerOffsetX) / width;
+  var bright = 1 - (offset.y + centerOffsetY) / height;
+  var hsb = color.toHsb();
+  var alphaOffset = saturation;
+  var hueOffset = (offset.x + centerOffsetX) / width * 360;
+  if (type) {
+    switch (type) {
+      case 'hue':
+        return generateColor(_objectSpread2(_objectSpread2({}, hsb), {}, {
+          h: hueOffset <= 0 ? 0 : hueOffset
+        }));
+      case 'alpha':
+        return generateColor(_objectSpread2(_objectSpread2({}, hsb), {}, {
+          a: alphaOffset <= 0 ? 0 : alphaOffset
+        }));
+    }
+  }
+  return generateColor({
+    h: hsb.h,
+    s: saturation <= 0 ? 0 : saturation,
+    b: bright >= 1 ? 1 : bright,
+    a: hsb.a
+  });
+};
+var calcOffset = function calcOffset(color, type) {
+  var hsb = color.toHsb();
+  switch (type) {
+    case 'hue':
+      return {
+        x: hsb.h / 360 * 100,
+        y: 50
+      };
+    case 'alpha':
+      return {
+        x: color.a * 100,
+        y: 50
+      };
+
+    // Picker panel
+    default:
+      return {
+        x: hsb.s * 100,
+        y: (1 - hsb.b) * 100
+      };
+  }
+};
+
+var ColorBlock = function ColorBlock(_ref) {
+  var color = _ref.color,
+    prefixCls = _ref.prefixCls,
+    className = _ref.className,
+    style = _ref.style,
+    onClick = _ref.onClick;
+  var colorBlockCls = "".concat(prefixCls, "-color-block");
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames(colorBlockCls, className),
+    style: style,
+    onClick: onClick
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(colorBlockCls, "-inner"),
+    style: {
+      background: color
+    }
+  }));
+};
 
-var hasRequiredButtonHelpers;
+function getPosition(e) {
+  var obj = 'touches' in e ? e.touches[0] : e;
+  var scrollXOffset = document.documentElement.scrollLeft || document.body.scrollLeft || window.pageXOffset;
+  var scrollYOffset = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset;
+  return {
+    pageX: obj.pageX - scrollXOffset,
+    pageY: obj.pageY - scrollYOffset
+  };
+}
+function useColorDrag(props) {
+  var targetRef = props.targetRef,
+    containerRef = props.containerRef,
+    direction = props.direction,
+    onDragChange = props.onDragChange,
+    onDragChangeComplete = props.onDragChangeComplete,
+    calculate = props.calculate,
+    color = props.color,
+    disabledDrag = props.disabledDrag;
+  var _useState = useState$1({
+      x: 0,
+      y: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    offsetValue = _useState2[0],
+    setOffsetValue = _useState2[1];
+  var mouseMoveRef = useRef(null);
+  var mouseUpRef = useRef(null);
 
-function requireButtonHelpers () {
-	if (hasRequiredButtonHelpers) return buttonHelpers;
-	hasRequiredButtonHelpers = 1;
+  // Always get position from `color`
+  useEffect(function () {
+    setOffsetValue(calculate());
+  }, [color]);
+  useEffect(function () {
+    return function () {
+      document.removeEventListener('mousemove', mouseMoveRef.current);
+      document.removeEventListener('mouseup', mouseUpRef.current);
+      document.removeEventListener('touchmove', mouseMoveRef.current);
+      document.removeEventListener('touchend', mouseUpRef.current);
+      mouseMoveRef.current = null;
+      mouseUpRef.current = null;
+    };
+  }, []);
+  var updateOffset = function updateOffset(e) {
+    var _getPosition = getPosition(e),
+      pageX = _getPosition.pageX,
+      pageY = _getPosition.pageY;
+    var _containerRef$current = containerRef.current.getBoundingClientRect(),
+      rectX = _containerRef$current.x,
+      rectY = _containerRef$current.y,
+      width = _containerRef$current.width,
+      height = _containerRef$current.height;
+    var _targetRef$current$ge = targetRef.current.getBoundingClientRect(),
+      targetWidth = _targetRef$current$ge.width,
+      targetHeight = _targetRef$current$ge.height;
+    var centerOffsetX = targetWidth / 2;
+    var centerOffsetY = targetHeight / 2;
+    var offsetX = Math.max(0, Math.min(pageX - rectX, width)) - centerOffsetX;
+    var offsetY = Math.max(0, Math.min(pageY - rectY, height)) - centerOffsetY;
+    var calcOffset = {
+      x: offsetX,
+      y: direction === 'x' ? offsetValue.y : offsetY
+    };
 
-	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
-	Object.defineProperty(buttonHelpers, "__esModule", {
-	  value: true
-	});
-	buttonHelpers._ButtonVariantTypes = buttonHelpers._ButtonColorTypes = void 0;
-	buttonHelpers.convertLegacyProps = convertLegacyProps;
-	buttonHelpers.isString = isString;
-	buttonHelpers.isTwoCNChar = void 0;
-	buttonHelpers.isUnBorderedButtonVariant = isUnBorderedButtonVariant;
-	buttonHelpers.spaceChildren = spaceChildren;
-	var _toConsumableArray2 = _interopRequireDefault(/*@__PURE__*/ requireToConsumableArray());
-	var _react = _interopRequireDefault(React__default);
-	var _reactNode = /*@__PURE__*/ requireReactNode();
-	var _interface = /*@__PURE__*/ require_interface$1();
-	const rxTwoCNChar = /^[\u4E00-\u9FA5]{2}$/;
-	const isTwoCNChar = buttonHelpers.isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);
-	function convertLegacyProps(type) {
-	  if (type === 'danger') {
-	    return {
-	      danger: true
-	    };
-	  }
-	  return {
-	    type
-	  };
-	}
-	function isString(str) {
-	  return typeof str === 'string';
-	}
-	function isUnBorderedButtonVariant(type) {
-	  return type === 'text' || type === 'link';
-	}
-	function splitCNCharsBySpace(child, needInserted) {
-	  if (child === null || child === undefined) {
-	    return;
-	  }
-	  const SPACE = needInserted ? ' ' : '';
-	  if (typeof child !== 'string' && typeof child !== 'number' && isString(child.type) && isTwoCNChar(child.props.children)) {
-	    return (0, _reactNode.cloneElement)(child, {
-	      children: child.props.children.split('').join(SPACE)
-	    });
-	  }
-	  if (isString(child)) {
-	    return isTwoCNChar(child) ? /*#__PURE__*/_react.default.createElement("span", null, child.split('').join(SPACE)) : /*#__PURE__*/_react.default.createElement("span", null, child);
-	  }
-	  if ((0, _reactNode.isFragment)(child)) {
-	    return /*#__PURE__*/_react.default.createElement("span", null, child);
-	  }
-	  return child;
-	}
-	function spaceChildren(children, needInserted) {
-	  let isPrevChildPure = false;
-	  const childList = [];
-	  _react.default.Children.forEach(children, child => {
-	    const type = typeof child;
-	    const isCurrentChildPure = type === 'string' || type === 'number';
-	    if (isPrevChildPure && isCurrentChildPure) {
-	      const lastIndex = childList.length - 1;
-	      const lastChild = childList[lastIndex];
-	      childList[lastIndex] = `${lastChild}${child}`;
-	    } else {
-	      childList.push(child);
-	    }
-	    isPrevChildPure = isCurrentChildPure;
-	  });
-	  return _react.default.Children.map(childList, child => splitCNCharsBySpace(child, needInserted));
-	}
-	buttonHelpers._ButtonVariantTypes = ['outlined', 'dashed', 'solid', 'filled', 'text', 'link'];
-	buttonHelpers._ButtonColorTypes = ['default', 'primary', 'danger'].concat((0, _toConsumableArray2.default)(_interface.PresetColors));
-	return buttonHelpers;
+    // Exclusion of boundary cases
+    if (targetWidth === 0 && targetHeight === 0 || targetWidth !== targetHeight) {
+      return false;
+    }
+    onDragChange === null || onDragChange === void 0 || onDragChange(calcOffset);
+  };
+  var onDragMove = function onDragMove(e) {
+    e.preventDefault();
+    updateOffset(e);
+  };
+  var onDragStop = function onDragStop(e) {
+    e.preventDefault();
+    document.removeEventListener('mousemove', mouseMoveRef.current);
+    document.removeEventListener('mouseup', mouseUpRef.current);
+    document.removeEventListener('touchmove', mouseMoveRef.current);
+    document.removeEventListener('touchend', mouseUpRef.current);
+    mouseMoveRef.current = null;
+    mouseUpRef.current = null;
+    onDragChangeComplete === null || onDragChangeComplete === void 0 || onDragChangeComplete();
+  };
+  var onDragStart = function onDragStart(e) {
+    // https://github.com/ant-design/ant-design/issues/43529
+    document.removeEventListener('mousemove', mouseMoveRef.current);
+    document.removeEventListener('mouseup', mouseUpRef.current);
+    if (disabledDrag) {
+      return;
+    }
+    updateOffset(e);
+    document.addEventListener('mousemove', onDragMove);
+    document.addEventListener('mouseup', onDragStop);
+    document.addEventListener('touchmove', onDragMove);
+    document.addEventListener('touchend', onDragStop);
+    mouseMoveRef.current = onDragMove;
+    mouseUpRef.current = onDragStop;
+  };
+  return [offsetValue, onDragStart];
 }
 
-var DefaultLoadingIcon = {};
-
-var LoadingOutlined$2 = {exports: {}};
+var Handler = function Handler(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
+    color = _ref.color,
+    prefixCls = _ref.prefixCls;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames("".concat(prefixCls, "-handler"), _defineProperty({}, "".concat(prefixCls, "-handler-sm"), size === 'small')),
+    style: {
+      backgroundColor: color
+    }
+  });
+};
 
-var LoadingOutlined$1 = {};
+var Palette = function Palette(_ref) {
+  var children = _ref.children,
+    style = _ref.style,
+    prefixCls = _ref.prefixCls;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefixCls, "-palette"),
+    style: _objectSpread2({
+      position: 'relative'
+    }, style)
+  }, children);
+};
 
-var LoadingOutlined = {};
+var Transform = /*#__PURE__*/forwardRef(function (props, ref) {
+  var children = props.children,
+    x = props.x,
+    y = props.y;
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: ref,
+    style: {
+      position: 'absolute',
+      left: "".concat(x, "%"),
+      top: "".concat(y, "%"),
+      zIndex: 1,
+      transform: 'translate(-50%, -50%)'
+    }
+  }, children);
+});
 
-var hasRequiredLoadingOutlined$2;
+var Picker = function Picker(_ref) {
+  var color = _ref.color,
+    onChange = _ref.onChange,
+    prefixCls = _ref.prefixCls,
+    onChangeComplete = _ref.onChangeComplete,
+    disabled = _ref.disabled;
+  var pickerRef = useRef();
+  var transformRef = useRef();
+  var colorRef = useRef(color);
+  var onDragChange = useEvent$2(function (offsetValue) {
+    var calcColor = calculateColor({
+      offset: offsetValue,
+      targetRef: transformRef,
+      containerRef: pickerRef,
+      color: color
+    });
+    colorRef.current = calcColor;
+    onChange(calcColor);
+  });
+  var _useColorDrag = useColorDrag({
+      color: color,
+      containerRef: pickerRef,
+      targetRef: transformRef,
+      calculate: function calculate() {
+        return calcOffset(color);
+      },
+      onDragChange: onDragChange,
+      onDragChangeComplete: function onDragChangeComplete() {
+        return onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete(colorRef.current);
+      },
+      disabledDrag: disabled
+    }),
+    _useColorDrag2 = _slicedToArray(_useColorDrag, 2),
+    offset = _useColorDrag2[0],
+    dragStartHandle = _useColorDrag2[1];
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: pickerRef,
+    className: "".concat(prefixCls, "-select"),
+    onMouseDown: dragStartHandle,
+    onTouchStart: dragStartHandle
+  }, /*#__PURE__*/React__default.createElement(Palette, {
+    prefixCls: prefixCls
+  }, /*#__PURE__*/React__default.createElement(Transform, {
+    x: offset.x,
+    y: offset.y,
+    ref: transformRef
+  }, /*#__PURE__*/React__default.createElement(Handler, {
+    color: color.toRgbString(),
+    prefixCls: prefixCls
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefixCls, "-saturation"),
+    style: {
+      backgroundColor: "hsl(".concat(color.toHsb().h, ",100%, 50%)"),
+      backgroundImage: 'linear-gradient(0deg, #000, transparent),linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))'
+    }
+  })));
+};
 
-function requireLoadingOutlined$2 () {
-	if (hasRequiredLoadingOutlined$2) return LoadingOutlined;
-	hasRequiredLoadingOutlined$2 = 1;
-	// This icon file is generated automatically.
-	Object.defineProperty(LoadingOutlined, "__esModule", { value: true });
-	var LoadingOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "theme": "outlined" };
-	LoadingOutlined.default = LoadingOutlined$1;
-	return LoadingOutlined;
-}
+var useColorState = function useColorState(defaultValue, value) {
+  var _useMergedState = useMergedState$1(defaultValue, {
+      value: value
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    mergedValue = _useMergedState2[0],
+    setValue = _useMergedState2[1];
+  var color = useMemo$1(function () {
+    return generateColor(mergedValue);
+  }, [mergedValue]);
+  return [color, setValue];
+};
 
-var hasRequiredLoadingOutlined$1;
+var Gradient = function Gradient(_ref) {
+  var colors = _ref.colors,
+    children = _ref.children,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'to right' : _ref$direction,
+    type = _ref.type,
+    prefixCls = _ref.prefixCls;
+  var gradientColors = useMemo$1(function () {
+    return colors.map(function (color, idx) {
+      var result = generateColor(color);
+      if (type === 'alpha' && idx === colors.length - 1) {
+        result = new Color(result.setA(1));
+      }
+      return result.toRgbString();
+    }).join(',');
+  }, [colors, type]);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefixCls, "-gradient"),
+    style: {
+      position: 'absolute',
+      inset: 0,
+      background: "linear-gradient(".concat(direction, ", ").concat(gradientColors, ")")
+    }
+  }, children);
+};
 
-function requireLoadingOutlined$1 () {
-	if (hasRequiredLoadingOutlined$1) return LoadingOutlined$1;
-	hasRequiredLoadingOutlined$1 = 1;
+var Slider = function Slider(props) {
+  var prefixCls = props.prefixCls,
+    colors = props.colors,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    onChangeComplete = props.onChangeComplete,
+    color = props.color,
+    type = props.type;
+  var sliderRef = useRef();
+  var transformRef = useRef();
+  var colorRef = useRef(color);
+  var getValue = function getValue(c) {
+    return type === 'hue' ? c.getHue() : c.a * 100;
+  };
+  var onDragChange = useEvent$2(function (offsetValue) {
+    var calcColor = calculateColor({
+      offset: offsetValue,
+      targetRef: transformRef,
+      containerRef: sliderRef,
+      color: color,
+      type: type
+    });
+    colorRef.current = calcColor;
+    onChange(getValue(calcColor));
+  });
+  var _useColorDrag = useColorDrag({
+      color: color,
+      targetRef: transformRef,
+      containerRef: sliderRef,
+      calculate: function calculate() {
+        return calcOffset(color, type);
+      },
+      onDragChange: onDragChange,
+      onDragChangeComplete: function onDragChangeComplete() {
+        onChangeComplete(getValue(colorRef.current));
+      },
+      direction: 'x',
+      disabledDrag: disabled
+    }),
+    _useColorDrag2 = _slicedToArray(_useColorDrag, 2),
+    offset = _useColorDrag2[0],
+    dragStartHandle = _useColorDrag2[1];
+  var handleColor = React__default.useMemo(function () {
+    if (type === 'hue') {
+      var hsb = color.toHsb();
+      hsb.s = 1;
+      hsb.b = 1;
+      hsb.a = 1;
+      var lightColor = new Color(hsb);
+      return lightColor;
+    }
+    return color;
+  }, [color, type]);
 
-	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
-	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
-	Object.defineProperty(LoadingOutlined$1, "__esModule", {
-	  value: true
-	});
-	LoadingOutlined$1.default = void 0;
-	var _extends2 = _interopRequireDefault(/*@__PURE__*/ require_extends());
-	var React = _interopRequireWildcard(React__default);
-	var _LoadingOutlined = _interopRequireDefault(/*@__PURE__*/ requireLoadingOutlined$2());
-	var _AntdIcon = _interopRequireDefault(/*@__PURE__*/ requireAntdIcon());
-	// GENERATE BY ./scripts/generate.ts
-	// DON NOT EDIT IT MANUALLY
+  // ========================= Gradient =========================
+  var gradientList = React__default.useMemo(function () {
+    return colors.map(function (info) {
+      return "".concat(info.color, " ").concat(info.percent, "%");
+    });
+  }, [colors]);
 
-	var LoadingOutlined = function LoadingOutlined(props, ref) {
-	  return /*#__PURE__*/React.createElement(_AntdIcon.default, (0, _extends2.default)({}, props, {
-	    ref: ref,
-	    icon: _LoadingOutlined.default
-	  }));
-	};
+  // ========================== Render ==========================
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: sliderRef,
+    className: classNames("".concat(prefixCls, "-slider"), "".concat(prefixCls, "-slider-").concat(type)),
+    onMouseDown: dragStartHandle,
+    onTouchStart: dragStartHandle
+  }, /*#__PURE__*/React__default.createElement(Palette, {
+    prefixCls: prefixCls
+  }, /*#__PURE__*/React__default.createElement(Transform, {
+    x: offset.x,
+    y: offset.y,
+    ref: transformRef
+  }, /*#__PURE__*/React__default.createElement(Handler, {
+    size: "small",
+    color: handleColor.toHexString(),
+    prefixCls: prefixCls
+  })), /*#__PURE__*/React__default.createElement(Gradient, {
+    colors: gradientList,
+    type: type,
+    prefixCls: prefixCls
+  })));
+};
 
-	/**![loading](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk4OCA1NDhjLTE5LjkgMC0zNi0xNi4xLTM2LTM2IDAtNTkuNC0xMS42LTExNy0zNC42LTE3MS4zYTQ0MC40NSA0NDAuNDUgMCAwMC05NC4zLTEzOS45IDQzNy43MSA0MzcuNzEgMCAwMC0xMzkuOS05NC4zQzYyOSA4My42IDU3MS40IDcyIDUxMiA3MmMtMTkuOSAwLTM2LTE2LjEtMzYtMzZzMTYuMS0zNiAzNi0zNmM2OS4xIDAgMTM2LjIgMTMuNSAxOTkuMyA0MC4zQzc3Mi4zIDY2IDgyNyAxMDMgODc0IDE1MGM0NyA0NyA4My45IDEwMS44IDEwOS43IDE2Mi43IDI2LjcgNjMuMSA0MC4yIDEzMC4yIDQwLjIgMTk5LjMuMSAxOS45LTE2IDM2LTM1LjkgMzZ6IiAvPjwvc3ZnPg==) */
-	var RefIcon = /*#__PURE__*/React.forwardRef(LoadingOutlined);
-	if (process.env.NODE_ENV !== 'production') {
-	  RefIcon.displayName = 'LoadingOutlined';
-	}
-	LoadingOutlined$1.default = RefIcon;
-	return LoadingOutlined$1;
+function useComponent(components) {
+  return React.useMemo(function () {
+    var _ref = components || {},
+      slider = _ref.slider;
+    return [slider || Slider];
+  }, [components]);
 }
 
-var hasRequiredLoadingOutlined;
-
-function requireLoadingOutlined () {
-	if (hasRequiredLoadingOutlined) return LoadingOutlined$2.exports;
-	hasRequiredLoadingOutlined = 1;
-	(function (module, exports) {
-		Object.defineProperty(exports, "__esModule", {
-		  value: true
-		});
-		exports.default = void 0;
-
-		const _LoadingOutlined = _interopRequireDefault(/*@__PURE__*/ requireLoadingOutlined$1());
-
-		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-		const _default = _LoadingOutlined;
-		exports.default = _default;
-		module.exports = _default; 
-	} (LoadingOutlined$2, LoadingOutlined$2.exports));
-	return LoadingOutlined$2.exports;
-}
+var HUE_COLORS = [{
+  color: 'rgb(255, 0, 0)',
+  percent: 0
+}, {
+  color: 'rgb(255, 255, 0)',
+  percent: 17
+}, {
+  color: 'rgb(0, 255, 0)',
+  percent: 33
+}, {
+  color: 'rgb(0, 255, 255)',
+  percent: 50
+}, {
+  color: 'rgb(0, 0, 255)',
+  percent: 67
+}, {
+  color: 'rgb(255, 0, 255)',
+  percent: 83
+}, {
+  color: 'rgb(255, 0, 0)',
+  percent: 100
+}];
+var ColorPicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var value = props.value,
+    defaultValue = props.defaultValue,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? ColorPickerPrefixCls : _props$prefixCls,
+    onChange = props.onChange,
+    onChangeComplete = props.onChangeComplete,
+    className = props.className,
+    style = props.style,
+    panelRender = props.panelRender,
+    _props$disabledAlpha = props.disabledAlpha,
+    disabledAlpha = _props$disabledAlpha === void 0 ? false : _props$disabledAlpha,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    components = props.components;
 
-var IconWrapper = {};
+  // ========================== Components ==========================
+  var _useComponent = useComponent(components),
+    _useComponent2 = _slicedToArray(_useComponent, 1),
+    Slider = _useComponent2[0];
 
-var hasRequiredIconWrapper;
+  // ============================ Color =============================
+  var _useColorState = useColorState(defaultValue || defaultColor, value),
+    _useColorState2 = _slicedToArray(_useColorState, 2),
+    colorValue = _useColorState2[0],
+    setColorValue = _useColorState2[1];
+  var alphaColor = useMemo$1(function () {
+    return colorValue.setA(1).toRgbString();
+  }, [colorValue]);
 
-function requireIconWrapper () {
-	if (hasRequiredIconWrapper) return IconWrapper;
-	hasRequiredIconWrapper = 1;
+  // ============================ Events ============================
+  var handleChange = function handleChange(data, type) {
+    if (!value) {
+      setColorValue(data);
+    }
+    onChange === null || onChange === void 0 || onChange(data, type);
+  };
 
-	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
-	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
-	Object.defineProperty(IconWrapper, "__esModule", {
-	  value: true
-	});
-	IconWrapper.default = void 0;
-	var _react = _interopRequireWildcard(React__default);
-	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
-	const IconWrapper$1 = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-	  const {
-	    className,
-	    style,
-	    children,
-	    prefixCls
-	  } = props;
-	  const iconWrapperCls = (0, _classnames.default)(`${prefixCls}-icon`, className);
-	  return /*#__PURE__*/_react.default.createElement("span", {
-	    ref: ref,
-	    className: iconWrapperCls,
-	    style: style
-	  }, children);
-	});
-	IconWrapper.default = IconWrapper$1;
-	return IconWrapper;
-}
+  // Convert
+  var getHueColor = function getHueColor(hue) {
+    return new Color(colorValue.setHue(hue));
+  };
+  var getAlphaColor = function getAlphaColor(alpha) {
+    return new Color(colorValue.setA(alpha / 100));
+  };
 
-var hasRequiredDefaultLoadingIcon;
+  // Slider change
+  var onHueChange = function onHueChange(hue) {
+    handleChange(getHueColor(hue), {
+      type: 'hue',
+      value: hue
+    });
+  };
+  var onAlphaChange = function onAlphaChange(alpha) {
+    handleChange(getAlphaColor(alpha), {
+      type: 'alpha',
+      value: alpha
+    });
+  };
 
-function requireDefaultLoadingIcon () {
-	if (hasRequiredDefaultLoadingIcon) return DefaultLoadingIcon;
-	hasRequiredDefaultLoadingIcon = 1;
+  // Complete
+  var onHueChangeComplete = function onHueChangeComplete(hue) {
+    if (onChangeComplete) {
+      onChangeComplete(getHueColor(hue));
+    }
+  };
+  var onAlphaChangeComplete = function onAlphaChangeComplete(alpha) {
+    if (onChangeComplete) {
+      onChangeComplete(getAlphaColor(alpha));
+    }
+  };
 
-	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
-	var _interopRequireWildcard = /*@__PURE__*/ requireInteropRequireWildcard().default;
-	Object.defineProperty(DefaultLoadingIcon, "__esModule", {
-	  value: true
-	});
-	DefaultLoadingIcon.default = void 0;
-	var _react = _interopRequireWildcard(React__default);
-	var _LoadingOutlined = _interopRequireDefault(/*@__PURE__*/ requireLoadingOutlined());
-	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
-	var _rcMotion = _interopRequireDefault(require$$5$1);
-	var _IconWrapper = _interopRequireDefault(/*@__PURE__*/ requireIconWrapper());
-	const InnerLoadingIcon = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-	  const {
-	    prefixCls,
-	    className,
-	    style,
-	    iconClassName
-	  } = props;
-	  const mergedIconCls = (0, _classnames.default)(`${prefixCls}-loading-icon`, className);
-	  return /*#__PURE__*/_react.default.createElement(_IconWrapper.default, {
-	    prefixCls: prefixCls,
-	    className: mergedIconCls,
-	    style: style,
-	    ref: ref
-	  }, /*#__PURE__*/_react.default.createElement(_LoadingOutlined.default, {
-	    className: iconClassName
-	  }));
-	});
-	const getCollapsedWidth = () => ({
-	  width: 0,
-	  opacity: 0,
-	  transform: 'scale(0)'
-	});
-	const getRealWidth = node => ({
-	  width: node.scrollWidth,
-	  opacity: 1,
-	  transform: 'scale(1)'
-	});
-	const DefaultLoadingIcon$1 = props => {
-	  const {
-	    prefixCls,
-	    loading,
-	    existIcon,
-	    className,
-	    style,
-	    mount
-	  } = props;
-	  const visible = !!loading;
-	  if (existIcon) {
-	    return /*#__PURE__*/_react.default.createElement(InnerLoadingIcon, {
-	      prefixCls: prefixCls,
-	      className: className,
-	      style: style
-	    });
-	  }
-	  return /*#__PURE__*/_react.default.createElement(_rcMotion.default, {
-	    visible: visible,
-	    // Used for minus flex gap style only
-	    motionName: `${prefixCls}-loading-icon-motion`,
-	    motionAppear: !mount,
-	    motionEnter: !mount,
-	    motionLeave: !mount,
-	    removeOnLeave: true,
-	    onAppearStart: getCollapsedWidth,
-	    onAppearActive: getRealWidth,
-	    onEnterStart: getCollapsedWidth,
-	    onEnterActive: getRealWidth,
-	    onLeaveStart: getRealWidth,
-	    onLeaveActive: getCollapsedWidth
-	  }, ({
-	    className: motionCls,
-	    style: motionStyle
-	  }, ref) => {
-	    const mergedStyle = Object.assign(Object.assign({}, style), motionStyle);
-	    return /*#__PURE__*/_react.default.createElement(InnerLoadingIcon, {
-	      prefixCls: prefixCls,
-	      className: (0, _classnames.default)(className, motionCls),
-	      style: mergedStyle,
-	      ref: ref
-	    });
-	  });
-	};
-	DefaultLoadingIcon.default = DefaultLoadingIcon$1;
-	return DefaultLoadingIcon;
+  // ============================ Render ============================
+  var mergeCls = classNames("".concat(prefixCls, "-panel"), className, _defineProperty({}, "".concat(prefixCls, "-panel-disabled"), disabled));
+  var sharedSliderProps = {
+    prefixCls: prefixCls,
+    disabled: disabled,
+    color: colorValue
+  };
+  var defaultPanel = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Picker, _extends$1({
+    onChange: handleChange
+  }, sharedSliderProps, {
+    onChangeComplete: onChangeComplete
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefixCls, "-slider-container")
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: classNames("".concat(prefixCls, "-slider-group"), _defineProperty({}, "".concat(prefixCls, "-slider-group-disabled-alpha"), disabledAlpha))
+  }, /*#__PURE__*/React__default.createElement(Slider, _extends$1({}, sharedSliderProps, {
+    type: "hue",
+    colors: HUE_COLORS,
+    min: 0,
+    max: 359,
+    value: colorValue.getHue(),
+    onChange: onHueChange,
+    onChangeComplete: onHueChangeComplete
+  })), !disabledAlpha && /*#__PURE__*/React__default.createElement(Slider, _extends$1({}, sharedSliderProps, {
+    type: "alpha",
+    colors: [{
+      percent: 0,
+      color: 'rgba(255, 0, 4, 0)'
+    }, {
+      percent: 100,
+      color: alphaColor
+    }],
+    min: 0,
+    max: 100,
+    value: colorValue.a * 100,
+    onChange: onAlphaChange,
+    onChangeComplete: onAlphaChangeComplete
+  }))), /*#__PURE__*/React__default.createElement(ColorBlock, {
+    color: colorValue.toRgbString(),
+    prefixCls: prefixCls
+  })));
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: mergeCls,
+    style: style,
+    ref: ref
+  }, typeof panelRender === 'function' ? panelRender(defaultPanel) : defaultPanel);
+});
+if (process.env.NODE_ENV !== 'production') {
+  ColorPicker.displayName = 'ColorPicker';
 }
 
-var style$2 = {};
+const es$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  Color,
+  ColorBlock,
+  default: ColorPicker
+}, Symbol.toStringTag, { value: 'Module' }));
 
-var group = {};
+const require$$3 = /*@__PURE__*/getAugmentedNamespace(es$1);
 
-var hasRequiredGroup;
+var hasRequiredColor;
 
-function requireGroup () {
-	if (hasRequiredGroup) return group;
-	hasRequiredGroup = 1;
+function requireColor () {
+	if (hasRequiredColor) return color;
+	hasRequiredColor = 1;
 
-	Object.defineProperty(group, "__esModule", {
+	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
+	Object.defineProperty(color, "__esModule", {
 	  value: true
 	});
-	group.default = void 0;
-	const genButtonBorderStyle = (buttonTypeCls, borderColor) => ({
-	  // Border
-	  [`> span, > ${buttonTypeCls}`]: {
-	    '&:not(:last-child)': {
-	      [`&, & > ${buttonTypeCls}`]: {
-	        '&:not(:disabled)': {
-	          borderInlineEndColor: borderColor
-	        }
-	      }
-	    },
-	    '&:not(:first-child)': {
-	      [`&, & > ${buttonTypeCls}`]: {
-	        '&:not(:disabled)': {
-	          borderInlineStartColor: borderColor
-	        }
-	      }
+	color.toHexFormat = color.getHex = color.AggregationColor = void 0;
+	var _classCallCheck2 = _interopRequireDefault(/*@__PURE__*/ requireClassCallCheck());
+	var _createClass2 = _interopRequireDefault(/*@__PURE__*/ requireCreateClass());
+	var _colorPicker = require$$3;
+	const toHexFormat = (value, alpha) => (value === null || value === void 0 ? void 0 : value.replace(/[^\w/]/g, '').slice(0, alpha ? 8 : 6)) || '';
+	color.toHexFormat = toHexFormat;
+	const getHex = (value, alpha) => value ? toHexFormat(value, alpha) : '';
+	color.getHex = getHex;
+	color.AggregationColor = /*#__PURE__*/function () {
+	  function AggregationColor(color) {
+	    (0, _classCallCheck2.default)(this, AggregationColor);
+	    var _a;
+	    this.cleared = false;
+	    // Clone from another AggregationColor
+	    if (color instanceof AggregationColor) {
+	      this.metaColor = color.metaColor.clone();
+	      this.colors = (_a = color.colors) === null || _a === void 0 ? void 0 : _a.map(info => ({
+	        color: new AggregationColor(info.color),
+	        percent: info.percent
+	      }));
+	      this.cleared = color.cleared;
+	      return;
+	    }
+	    const isArray = Array.isArray(color);
+	    if (isArray && color.length) {
+	      this.colors = color.map(({
+	        color: c,
+	        percent
+	      }) => ({
+	        color: new AggregationColor(c),
+	        percent
+	      }));
+	      this.metaColor = new _colorPicker.Color(this.colors[0].color.metaColor);
+	    } else {
+	      this.metaColor = new _colorPicker.Color(isArray ? '' : color);
+	    }
+	    if (!color || isArray && !this.colors) {
+	      this.metaColor = this.metaColor.setA(0);
+	      this.cleared = true;
 	    }
 	  }
-	});
-	const genGroupStyle = token => {
-	  const {
-	    componentCls,
-	    fontSize,
-	    lineWidth,
-	    groupBorderColor,
-	    colorErrorHover
-	  } = token;
-	  return {
-	    [`${componentCls}-group`]: [{
-	      position: 'relative',
-	      display: 'inline-flex',
-	      // Border
-	      [`> span, > ${componentCls}`]: {
-	        '&:not(:last-child)': {
-	          [`&, & > ${componentCls}`]: {
-	            borderStartEndRadius: 0,
-	            borderEndEndRadius: 0
-	          }
-	        },
-	        '&:not(:first-child)': {
-	          marginInlineStart: token.calc(lineWidth).mul(-1).equal(),
-	          [`&, & > ${componentCls}`]: {
-	            borderStartStartRadius: 0,
-	            borderEndStartRadius: 0
-	          }
-	        }
-	      },
-	      [componentCls]: {
-	        position: 'relative',
-	        zIndex: 1,
-	        '&:hover, &:focus, &:active': {
-	          zIndex: 2
-	        },
-	        '&[disabled]': {
-	          zIndex: 0
-	        }
-	      },
-	      [`${componentCls}-icon-only`]: {
-	        fontSize
+	  return (0, _createClass2.default)(AggregationColor, [{
+	    key: "toHsb",
+	    value: function toHsb() {
+	      return this.metaColor.toHsb();
+	    }
+	  }, {
+	    key: "toHsbString",
+	    value: function toHsbString() {
+	      return this.metaColor.toHsbString();
+	    }
+	  }, {
+	    key: "toHex",
+	    value: function toHex() {
+	      return getHex(this.toHexString(), this.metaColor.a < 1);
+	    }
+	  }, {
+	    key: "toHexString",
+	    value: function toHexString() {
+	      return this.metaColor.toHexString();
+	    }
+	  }, {
+	    key: "toRgb",
+	    value: function toRgb() {
+	      return this.metaColor.toRgb();
+	    }
+	  }, {
+	    key: "toRgbString",
+	    value: function toRgbString() {
+	      return this.metaColor.toRgbString();
+	    }
+	  }, {
+	    key: "isGradient",
+	    value: function isGradient() {
+	      return !!this.colors && !this.cleared;
+	    }
+	  }, {
+	    key: "getColors",
+	    value: function getColors() {
+	      return this.colors || [{
+	        color: this,
+	        percent: 0
+	      }];
+	    }
+	  }, {
+	    key: "toCssString",
+	    value: function toCssString() {
+	      const {
+	        colors
+	      } = this;
+	      // CSS line-gradient
+	      if (colors) {
+	        const colorsStr = colors.map(c => `${c.color.toRgbString()} ${c.percent}%`).join(', ');
+	        return `linear-gradient(90deg, ${colorsStr})`;
 	      }
-	    },
-	    // Border Color
-	    genButtonBorderStyle(`${componentCls}-primary`, groupBorderColor), genButtonBorderStyle(`${componentCls}-danger`, colorErrorHover)]
-	  };
-	};
-	group.default = genGroupStyle;
-	return group;
+	      return this.metaColor.toRgbString();
+	    }
+	  }, {
+	    key: "equals",
+	    value: function equals(color) {
+	      if (!color || this.isGradient() !== color.isGradient()) {
+	        return false;
+	      }
+	      if (!this.isGradient()) {
+	        return this.toHexString() === color.toHexString();
+	      }
+	      return this.colors.length === color.colors.length && this.colors.every((c, i) => {
+	        const target = color.colors[i];
+	        return c.percent === target.percent && c.color.equals(target.color);
+	      });
+	    }
+	  }]);
+	}();
+	return color;
 }
 
-var token = {};
-
 var ColorPresets = {};
 
 var collapse = {};
@@ -16042,9 +15972,6 @@ function requireStyle$2 () {
 	          [`${componentCls}-header-text`]: {
 	            flex: 'none',
 	            cursor: 'pointer'
-	          },
-	          [`${componentCls}-expand-icon`]: {
-	            cursor: 'pointer'
 	          }
 	        },
 	        [`${componentCls}-collapsible-icon`]: {
@@ -16295,37 +16222,37 @@ function requireCollapse$1 () {
 	    return (0, _reactNode.cloneElement)(icon, () => {
 	      var _a;
 	      return {
-	        className: (0, _classnames.default)((_a = icon.props) === null || _a === void 0 ? void 0 : _a.className, `${prefixCls}-arrow`)
+	        className: (0, _classnames.default)((_a = icon === null || icon === void 0 ? void 0 : icon.props) === null || _a === void 0 ? void 0 : _a.className, `${prefixCls}-arrow`)
 	      };
 	    });
-	  }, [mergedExpandIcon, prefixCls, direction]);
+	  }, [mergedExpandIcon, prefixCls]);
 	  const collapseClassName = (0, _classnames.default)(`${prefixCls}-icon-position-${mergedExpandIconPosition}`, {
 	    [`${prefixCls}-borderless`]: !bordered,
 	    [`${prefixCls}-rtl`]: direction === 'rtl',
 	    [`${prefixCls}-ghost`]: !!ghost,
 	    [`${prefixCls}-${mergedSize}`]: mergedSize !== 'middle'
 	  }, contextClassName, className, rootClassName, hashId, cssVarCls);
-	  const openMotion = React.useMemo(() => Object.assign(Object.assign({}, (0, _motion.default)(rootPrefixCls)), {
+	  const openMotion = Object.assign(Object.assign({}, (0, _motion.default)(rootPrefixCls)), {
 	    motionAppear: false,
 	    leavedClassName: `${prefixCls}-content-hidden`
-	  }), [rootPrefixCls, prefixCls]);
+	  });
 	  const items = React.useMemo(() => {
-	    if (!children) {
-	      return null;
+	    if (children) {
+	      return (0, _toArray.default)(children).map((child, index) => {
+	        var _a, _b;
+	        const childProps = child.props;
+	        if (childProps === null || childProps === void 0 ? void 0 : childProps.disabled) {
+	          const key = (_a = child.key) !== null && _a !== void 0 ? _a : String(index);
+	          const mergedChildProps = Object.assign(Object.assign({}, (0, _omit.default)(child.props, ['disabled'])), {
+	            key,
+	            collapsible: (_b = childProps.collapsible) !== null && _b !== void 0 ? _b : 'disabled'
+	          });
+	          return (0, _reactNode.cloneElement)(child, mergedChildProps);
+	        }
+	        return child;
+	      });
 	    }
-	    return (0, _toArray.default)(children).map((child, index) => {
-	      var _a, _b;
-	      const childProps = child.props;
-	      if (childProps === null || childProps === void 0 ? void 0 : childProps.disabled) {
-	        const key = (_a = child.key) !== null && _a !== void 0 ? _a : String(index);
-	        const mergedChildProps = Object.assign(Object.assign({}, (0, _omit.default)(child.props, ['disabled'])), {
-	          key,
-	          collapsible: (_b = childProps.collapsible) !== null && _b !== void 0 ? _b : 'disabled'
-	        });
-	        return (0, _reactNode.cloneElement)(child, mergedChildProps);
-	      }
-	      return child;
-	    });
+	    return null;
 	  }, [children]);
 	  return wrapCSSVar(
 	  /*#__PURE__*/
@@ -16367,6 +16294,82 @@ function requireCollapse () {
 	return collapse;
 }
 
+var util = {};
+
+var hasRequiredUtil;
+
+function requireUtil () {
+	if (hasRequiredUtil) return util;
+	hasRequiredUtil = 1;
+
+	var _interopRequireDefault = /*@__PURE__*/ requireInteropRequireDefault().default;
+	Object.defineProperty(util, "__esModule", {
+	  value: true
+	});
+	util.getRoundNumber = util.getGradientPercentColor = util.getColorAlpha = util.generateColor = util.genAlphaColor = void 0;
+	var _toConsumableArray2 = _interopRequireDefault(/*@__PURE__*/ requireToConsumableArray());
+	var _colorPicker = require$$3;
+	var _color = /*@__PURE__*/ requireColor();
+	const generateColor = color => {
+	  if (color instanceof _color.AggregationColor) {
+	    return color;
+	  }
+	  return new _color.AggregationColor(color);
+	};
+	util.generateColor = generateColor;
+	const getRoundNumber = value => Math.round(Number(value || 0));
+	util.getRoundNumber = getRoundNumber;
+	const getColorAlpha = color => getRoundNumber(color.toHsb().a * 100);
+	/** Return the color whose `alpha` is 1 */
+	util.getColorAlpha = getColorAlpha;
+	const genAlphaColor = (color, alpha) => {
+	  const rgba = color.toRgb();
+	  // Color from hsb input may get `rgb` is (0/0/0) when `hsb.b` is 0
+	  // So if rgb is empty, we should get from hsb
+	  if (!rgba.r && !rgba.g && !rgba.b) {
+	    const hsba = color.toHsb();
+	    hsba.a = alpha || 1;
+	    return generateColor(hsba);
+	  }
+	  rgba.a = alpha || 1;
+	  return generateColor(rgba);
+	};
+	/**
+	 * Get percent position color. e.g. [10%-#fff, 20%-#000], 15% => #888
+	 */
+	util.genAlphaColor = genAlphaColor;
+	const getGradientPercentColor = (colors, percent) => {
+	  const filledColors = [{
+	    percent: 0,
+	    color: colors[0].color
+	  }].concat((0, _toConsumableArray2.default)(colors), [{
+	    percent: 100,
+	    color: colors[colors.length - 1].color
+	  }]);
+	  for (let i = 0; i < filledColors.length - 1; i += 1) {
+	    const startPtg = filledColors[i].percent;
+	    const endPtg = filledColors[i + 1].percent;
+	    const startColor = filledColors[i].color;
+	    const endColor = filledColors[i + 1].color;
+	    if (startPtg <= percent && percent <= endPtg) {
+	      const dist = endPtg - startPtg;
+	      if (dist === 0) {
+	        return startColor;
+	      }
+	      const ratio = (percent - startPtg) / dist * 100;
+	      const startRcColor = new _colorPicker.Color(startColor);
+	      const endRcColor = new _colorPicker.Color(endColor);
+	      return startRcColor.mix(endRcColor, ratio).toRgbString();
+	    }
+	  }
+	  // This will never reach
+	  /* istanbul ignore next */
+	  return '';
+	};
+	util.getGradientPercentColor = getGradientPercentColor;
+	return util;
+}
+
 var hasRequiredColorPresets;
 
 function requireColorPresets () {
@@ -16386,7 +16389,7 @@ function requireColorPresets () {
 	var _collapse = _interopRequireDefault(/*@__PURE__*/ requireCollapse());
 	var _locale = /*@__PURE__*/ requireLocale();
 	var _internal = /*@__PURE__*/ requireInternal();
-	var _util = /*@__PURE__*/ requireUtil$2();
+	var _util = /*@__PURE__*/ requireUtil();
 	const genPresetColor = list => list.map(value => {
 	  value.colors = value.colors.map(_util.generateColor);
 	  return value;
@@ -16518,7 +16521,6 @@ function requireToken () {
 	  }), {});
 	  return Object.assign(Object.assign({}, shadowColorTokens), {
 	    fontWeight: 400,
-	    iconGap: token.marginXS,
 	    defaultShadow: `0 ${token.controlOutlineWidth}px 0 ${token.controlTmpOutline}`,
 	    primaryShadow: `0 ${token.controlOutlineWidth}px 0 ${token.controlOutline}`,
 	    dangerShadow: `0 ${token.controlOutlineWidth}px 0 ${token.colorErrorOutline}`,
@@ -16592,7 +16594,7 @@ function requireStyle$1 () {
 	    opacityLoading,
 	    motionDurationSlow,
 	    motionEaseInOut,
-	    iconGap,
+	    marginXS,
 	    calc
 	  } = token;
 	  return {
@@ -16600,7 +16602,7 @@ function requireStyle$1 () {
 	      outline: 'none',
 	      position: 'relative',
 	      display: 'inline-flex',
-	      gap: iconGap,
+	      gap: token.marginXS,
 	      alignItems: 'center',
 	      justifyContent: 'center',
 	      fontWeight,
@@ -16652,7 +16654,7 @@ function requireStyle$1 () {
 	      [`&:not(${componentCls}-icon-end)`]: {
 	        [`${componentCls}-loading-icon-motion`]: {
 	          '&-appear-start, &-enter-start': {
-	            marginInlineEnd: calc(iconGap).mul(-1).equal()
+	            marginInlineEnd: calc(marginXS).mul(-1).equal()
 	          },
 	          '&-appear-active, &-enter-active': {
 	            marginInlineEnd: 0
@@ -16661,7 +16663,7 @@ function requireStyle$1 () {
 	            marginInlineEnd: 0
 	          },
 	          '&-leave-active': {
-	            marginInlineEnd: calc(iconGap).mul(-1).equal()
+	            marginInlineEnd: calc(marginXS).mul(-1).equal()
 	          }
 	        }
 	      },
@@ -16669,7 +16671,7 @@ function requireStyle$1 () {
 	        flexDirection: 'row-reverse',
 	        [`${componentCls}-loading-icon-motion`]: {
 	          '&-appear-start, &-enter-start': {
-	            marginInlineStart: calc(iconGap).mul(-1).equal()
+	            marginInlineStart: calc(marginXS).mul(-1).equal()
 	          },
 	          '&-appear-active, &-enter-active': {
 	            marginInlineStart: 0
@@ -16678,7 +16680,7 @@ function requireStyle$1 () {
 	            marginInlineStart: 0
 	          },
 	          '&-leave-active': {
-	            marginInlineStart: calc(iconGap).mul(-1).equal()
+	            marginInlineStart: calc(marginXS).mul(-1).equal()
 	          }
 	        }
 	      }
@@ -16801,10 +16803,8 @@ function requireStyle$1 () {
 	        borderColor: activeColor,
 	        background: token.colorBgContainer
 	      })), genDashedButtonStyle(token)), genFilledButtonStyle(token, lightColor, {
-	        color: darkColor,
 	        background: lightHoverColor
 	      }, {
-	        color: darkColor,
 	        background: lightBorderColor
 	      })), genTextLinkButtonStyle(token, darkColor, 'link', {
 	        color: hoverColor
@@ -16830,10 +16830,8 @@ function requireStyle$1 () {
 	  color: token.solidTextColor,
 	  background: token.colorBgSolidActive
 	})), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorFillTertiary, {
-	  color: token.defaultColor,
 	  background: token.colorFillSecondary
 	}, {
-	  color: token.defaultColor,
 	  background: token.colorFill
 	})), genGhostButtonStyle(token.componentCls, token.ghostBg, token.defaultGhostColor, token.defaultGhostBorderColor, token.colorTextDisabled, token.colorBorder)), genTextLinkButtonStyle(token, token.textTextColor, 'link', {
 	  color: token.colorLinkHover,
@@ -16853,10 +16851,8 @@ function requireStyle$1 () {
 	  borderColor: token.colorPrimaryActive,
 	  background: token.colorBgContainer
 	})), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorPrimaryBg, {
-	  color: token.colorPrimary,
 	  background: token.colorPrimaryBgHover
 	}, {
-	  color: token.colorPrimary,
 	  background: token.colorPrimaryBorder
 	})), genTextLinkButtonStyle(token, token.colorPrimaryText, 'text', {
 	  color: token.colorPrimaryTextHover,
@@ -16890,10 +16886,8 @@ function requireStyle$1 () {
 	  color: token.colorErrorActive,
 	  borderColor: token.colorErrorActive
 	})), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorErrorBg, {
-	  color: token.colorError,
 	  background: token.colorErrorBgFilledHover
 	}, {
-	  color: token.colorError,
 	  background: token.colorErrorBgActive
 	})), genTextLinkButtonStyle(token, token.colorError, 'text', {
 	  color: token.colorErrorHover,
@@ -17077,7 +17071,7 @@ function requireCompactItem () {
 	});
 	compactItem.genCompactItemStyle = genCompactItemStyle;
 	// handle border collapse
-	function compactItemBorder(token, parentCls, options, prefixCls) {
+	function compactItemBorder(token, parentCls, options) {
 	  const {
 	    focusElCls,
 	    focus,
@@ -17089,16 +17083,13 @@ function requireCompactItem () {
 	    [`&-item:not(${parentCls}-last-item)`]: {
 	      marginInlineEnd: token.calc(token.lineWidth).mul(-1).equal()
 	    },
-	    [`&-item:not(${prefixCls}-status-success)`]: {
-	      zIndex: 2
-	    },
 	    '&-item': Object.assign(Object.assign({
 	      [hoverEffects]: {
-	        zIndex: 3
+	        zIndex: 2
 	      }
 	    }, focusElCls ? {
 	      [`&${focusElCls}`]: {
-	        zIndex: 3
+	        zIndex: 2
 	      }
 	    } : {}), {
 	      [`&[disabled] ${childCombinator}`]: {
@@ -17139,7 +17130,7 @@ function requireCompactItem () {
 	  } = token;
 	  const compactCls = `${componentCls}-compact`;
 	  return {
-	    [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options, componentCls)), compactItemBorderRadius(componentCls, compactCls, options))
+	    [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options)), compactItemBorderRadius(componentCls, compactCls, options))
 	  };
 	}
 	return compactItem;
@@ -17157,18 +17148,15 @@ function requireCompactItemVertical () {
 	  value: true
 	});
 	compactItemVertical.genCompactItemVerticalStyle = genCompactItemVerticalStyle;
-	function compactItemVerticalBorder(token, parentCls, prefixCls) {
+	function compactItemVerticalBorder(token, parentCls) {
 	  return {
 	    // border collapse
 	    [`&-item:not(${parentCls}-last-item)`]: {
 	      marginBottom: token.calc(token.lineWidth).mul(-1).equal()
 	    },
-	    [`&-item:not(${prefixCls}-status-success)`]: {
-	      zIndex: 2
-	    },
 	    '&-item': {
 	      '&:hover,&:focus,&:active': {
-	        zIndex: 3
+	        zIndex: 2
 	      },
 	      '&[disabled]': {
 	        zIndex: 0
@@ -17198,7 +17186,7 @@ function requireCompactItemVertical () {
 	function genCompactItemVerticalStyle(token) {
 	  const compactCls = `${token.componentCls}-compact-vertical`;
 	  return {
-	    [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls, token.componentCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
+	    [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
 	  };
 	}
 	return compactItemVertical;
@@ -17269,7 +17257,6 @@ function requireButton$1 () {
 	var _classnames = _interopRequireDefault(/*@__PURE__*/ requireClassnames());
 	var _omit = _interopRequireDefault(/*@__PURE__*/ requireOmit());
 	var _ref = /*@__PURE__*/ requireRef();
-	var _useLayoutEffect = _interopRequireDefault(/*@__PURE__*/ requireUseLayoutEffect());
 	var _warning = /*@__PURE__*/ requireWarning();
 	var _wave = _interopRequireDefault(/*@__PURE__*/ requireWave());
 	var _context = /*@__PURE__*/ requireContext$3();
@@ -17321,7 +17308,7 @@ function requireButton$1 () {
 	      variant,
 	      type,
 	      danger = false,
-	      shape: customizeShape,
+	      shape = 'default',
 	      size: customizeSize,
 	      styles,
 	      disabled: customDisabled,
@@ -17346,7 +17333,6 @@ function requireButton$1 () {
 	  const {
 	    button
 	  } = _react.default.useContext(_context.ConfigContext);
-	  const shape = customizeShape || (button === null || button === void 0 ? void 0 : button.shape) || 'default';
 	  const [mergedColor, mergedVariant] = (0, _react.useMemo)(() => {
 	    // >>>>> Local
 	    // Color & Variant
@@ -17403,7 +17389,7 @@ function requireButton$1 () {
 	  // ========================= Effect =========================
 	  // Loading. Should use `useLayoutEffect` to avoid low perf multiple click issue.
 	  // https://github.com/ant-design/ant-design/issues/51325
-	  (0, _useLayoutEffect.default)(() => {
+	  (0, _react.useLayoutEffect)(() => {
 	    let delayTimer = null;
 	    if (loadingOrDelay.delay > 0) {
 	      delayTimer = setTimeout(() => {
@@ -23305,4 +23291,65 @@ const TableCategory = ({
   return tableContent;
 };
 
-export { ActionRowTable, Badge, BulkActions, Button, CATEGORY_LIST_ENUM, ConfirmModal, Heading, ID_TABLE_WRAPPER, ListStatusApproved, Modal, Popover, Table, TableCategory, Tooltip$1 as Tooltip, TypeActionRowTable, TypeBulkActions, TypeStatusTable, Typography };
+var dayjs_min$1 = {exports: {}};
+
+var dayjs_min = dayjs_min$1.exports;
+
+var hasRequiredDayjs_min;
+
+function requireDayjs_min () {
+	if (hasRequiredDayjs_min) return dayjs_min$1.exports;
+	hasRequiredDayjs_min = 1;
+	(function (module, exports) {
+		!function(t,e){module.exports=e();}(dayjs_min,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,true),this.parse(t),this.$x=this.$x||t.x||{},this[p]=true;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,false)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case "YY":return String(e.$y).slice(-2);case "YYYY":return b.s(e.$y,4,"0");case "M":return a+1;case "MM":return b.s(a+1,2,"0");case "MMM":return h(n.monthsShort,a,c,3);case "MMMM":return h(c,a);case "D":return e.$D;case "DD":return b.s(e.$D,2,"0");case "d":return String(e.$W);case "dd":return h(n.weekdaysMin,e.$W,o,2);case "ddd":return h(n.weekdaysShort,e.$W,o,3);case "dddd":return o[e.$W];case "H":return String(s);case "HH":return b.s(s,2,"0");case "h":return d(1);case "hh":return d(2);case "a":return $(s,u,true);case "A":return $(s,u,false);case "m":return String(u);case "mm":return b.s(u,2,"0");case "s":return String(e.$s);case "ss":return b.s(e.$s,2,"0");case "SSS":return b.s(e.$ms,3,"0");case "Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,true);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=true),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O})); 
+	} (dayjs_min$1));
+	return dayjs_min$1.exports;
+}
+
+var dayjs_minExports = /*@__PURE__*/ requireDayjs_min();
+const dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
+
+const Clock = (props) => {
+  const { className } = props;
+  useEffect(() => {
+    const updateTime = () => {
+      const now = dayjs();
+      document.documentElement.style.setProperty(
+        "--timer-day",
+        `'${now.format("DD")}'`
+      );
+      document.documentElement.style.setProperty(
+        "--timer-months",
+        `'${now.format("MM")}'`
+      );
+      document.documentElement.style.setProperty(
+        "--timer-year",
+        `'${now.format("YYYY")}'`
+      );
+      document.documentElement.style.setProperty(
+        "--timer-hours",
+        `'${now.format("H")}'`
+      );
+      document.documentElement.style.setProperty(
+        "--timer-minutes",
+        `'${now.format("mm")}'`
+      );
+      document.documentElement.style.setProperty(
+        "--timer-seconds",
+        `'${now.format("ss")}'`
+      );
+      requestAnimationFrame(updateTime);
+    };
+    updateTime();
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: twMerge("clock-container clock-container2", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-day", children: /* @__PURE__ */ jsx("span", { children: "/" }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-months", children: /* @__PURE__ */ jsx("span", { children: "/" }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-year !w-[85px]", children: /* @__PURE__ */ jsx("span", { children: " -- " }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-hours ", children: /* @__PURE__ */ jsx("span", { children: ":" }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-minutes ", children: /* @__PURE__ */ jsx("span", { children: ":" }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-seconds !w-[30px]" }) })
+  ] });
+};
+
+export { ActionRowTable, Badge, BulkActions, Button, CATEGORY_LIST_ENUM, Clock, ConfirmModal, Heading, ID_TABLE_WRAPPER, ListStatusApproved, Modal, Popover, Table, TableCategory, Tooltip$1 as Tooltip, TypeActionRowTable, TypeBulkActions, TypeStatusTable, Typography };