@scalant/components 2.0.2 → 2.0.3

package/dist/components.es.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,7 +29,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
 import React__default, { isValidElement, version as version$2, useContext, createContext, useRef, useLayoutEffect as useLayoutEffect$1, useEffect, forwardRef, useState, useMemo as useMemo$1, Children } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
@@ -545,7 +549,7 @@ function requireReactIs() {
 }
 var reactIsExports = requireReactIs();
 function useMemo(getValue2, condition, shouldUpdate) {
-  var cacheRef = React$1.useRef({});
+  var cacheRef = React.useRef({});
   if (!("value" in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
     cacheRef.current.value = getValue2();
     cacheRef.current.condition = condition;
@@ -1033,7 +1037,7 @@ function createCache() {
   }
   return new Entity(cssinjsInstanceId);
 }
-var StyleContext = /* @__PURE__ */ React$1.createContext({
+var StyleContext = /* @__PURE__ */ React.createContext({
   hashPriority: "low",
   cache: createCache(),
   defaultCache: true
@@ -1294,9 +1298,9 @@ var transformToken = function transformToken2(token2, themeKey, config) {
     scope: config === null || config === void 0 ? void 0 : config.scope
   })];
 };
-var useInternalLayoutEffect = process.env.NODE_ENV !== "test" && canUseDom() ? React$1.useLayoutEffect : React$1.useEffect;
+var useInternalLayoutEffect = process.env.NODE_ENV !== "test" && canUseDom() ? React.useLayoutEffect : React.useEffect;
 var useLayoutEffect = function useLayoutEffect2(callback, deps) {
-  var firstMountRef = React$1.useRef(true);
+  var firstMountRef = React.useRef(true);
   useInternalLayoutEffect(function() {
     return callback(firstMountRef.current);
   }, deps);
@@ -1314,10 +1318,10 @@ var useLayoutUpdateEffect = function useLayoutUpdateEffect2(callback, deps) {
     }
   }, deps);
 };
-var fullClone$2 = _objectSpread2({}, React$1);
+var fullClone$2 = _objectSpread2({}, React);
 var useInsertionEffect$1 = fullClone$2.useInsertionEffect;
 var useInsertionEffectPolyfill = function useInsertionEffectPolyfill2(renderEffect, effect, deps) {
-  React$1.useMemo(renderEffect, deps);
+  React.useMemo(renderEffect, deps);
   useLayoutEffect(function() {
     return effect(true);
   }, deps);
@@ -1328,7 +1332,7 @@ var useCompatibleInsertionEffect = useInsertionEffect$1 ? function(renderEffect,
     return effect();
   }, deps);
 } : useInsertionEffectPolyfill;
-var fullClone$1 = _objectSpread2({}, React$1);
+var fullClone$1 = _objectSpread2({}, React);
 var useInsertionEffect = fullClone$1.useInsertionEffect;
 var useCleanupRegister = function useCleanupRegister2(deps) {
   var effectCleanups = [];
@@ -1342,7 +1346,7 @@ var useCleanupRegister = function useCleanupRegister2(deps) {
     }
     effectCleanups.push(fn);
   }
-  React$1.useEffect(function() {
+  React.useEffect(function() {
     cleanupFlag = false;
     return function() {
       cleanupFlag = true;
@@ -1383,7 +1387,7 @@ if (process.env.NODE_ENV !== "production" && typeof module !== "undefined" && mo
   }
 }
 function useGlobalCache(prefix, keyPath, cacheFn, onCacheRemove, onCacheEffect) {
-  var _React$useContext = React$1.useContext(StyleContext), globalCache = _React$useContext.cache;
+  var _React$useContext = React.useContext(StyleContext), globalCache = _React$useContext.cache;
   var fullPath = [prefix].concat(_toConsumableArray(keyPath));
   var fullPathStr = pathKey(fullPath);
   var register = useEffectCleanupRegister([fullPathStr]);
@@ -1401,7 +1405,7 @@ function useGlobalCache(prefix, keyPath, cacheFn, onCacheRemove, onCacheEffect)
       return updater ? updater(data) : data;
     });
   };
-  React$1.useMemo(
+  React.useMemo(
     function() {
       buildCache();
     },
@@ -2163,7 +2167,7 @@ function Empty() {
 var STYLE_PREFIX = "style";
 function useStyleRegister(info, styleFn) {
   var token2 = info.token, path = info.path, hashId = info.hashId, layer = info.layer, nonce = info.nonce, clientOnly = info.clientOnly, _info$order = info.order, order = _info$order === void 0 ? 0 : _info$order;
-  var _React$useContext = React$1.useContext(StyleContext), autoClear = _React$useContext.autoClear, mock = _React$useContext.mock, defaultCache = _React$useContext.defaultCache, hashPriority = _React$useContext.hashPriority, container = _React$useContext.container, ssrInline = _React$useContext.ssrInline, transformers = _React$useContext.transformers, linters = _React$useContext.linters, cache = _React$useContext.cache, enableLayer = _React$useContext.layer;
+  var _React$useContext = React.useContext(StyleContext), autoClear = _React$useContext.autoClear, mock = _React$useContext.mock, defaultCache = _React$useContext.defaultCache, hashPriority = _React$useContext.hashPriority, container = _React$useContext.container, ssrInline = _React$useContext.ssrInline, transformers = _React$useContext.transformers, linters = _React$useContext.linters, cache = _React$useContext.cache, enableLayer = _React$useContext.layer;
   var tokenKey = token2._tokenKey;
   var fullPath = [tokenKey];
   if (enableLayer) {
@@ -2255,16 +2259,16 @@ function useStyleRegister(info, styleFn) {
   return function(node2) {
     var styleNode;
     if (!ssrInline || isMergedClientSide || !defaultCache) {
-      styleNode = /* @__PURE__ */ React$1.createElement(Empty, null);
+      styleNode = /* @__PURE__ */ React.createElement(Empty, null);
     } else {
       var _ref6;
-      styleNode = /* @__PURE__ */ React$1.createElement("style", _extends({}, (_ref6 = {}, _defineProperty(_ref6, ATTR_TOKEN, cachedTokenKey), _defineProperty(_ref6, ATTR_MARK, cachedStyleId), _ref6), {
+      styleNode = /* @__PURE__ */ React.createElement("style", _extends({}, (_ref6 = {}, _defineProperty(_ref6, ATTR_TOKEN, cachedTokenKey), _defineProperty(_ref6, ATTR_MARK, cachedStyleId), _ref6), {
         dangerouslySetInnerHTML: {
           __html: cachedStyleStr
         }
       }));
     }
-    return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, styleNode, node2);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, styleNode, node2);
   };
 }
 var extract$1 = function extract2(cache, effectStyles, options) {
@@ -2380,11 +2384,11 @@ if (process.env.NODE_ENV !== "production") {
     }
   };
 }
-const WarningContext = /* @__PURE__ */ React$1.createContext({});
+const WarningContext = /* @__PURE__ */ React.createContext({});
 const devUseWarning = process.env.NODE_ENV !== "production" ? (component) => {
   const {
     strict
-  } = React$1.useContext(WarningContext);
+  } = React.useContext(WarningContext);
   const typeWarning = (valid, type, message) => {
     if (!valid) {
       if (strict === false && type === "deprecated") {
@@ -3438,7 +3442,7 @@ const defaultGetPrefixCls = (suffixCls, customizePrefixCls) => {
   }
   return suffixCls ? `${defaultPrefixCls}-${suffixCls}` : defaultPrefixCls;
 };
-const ConfigContext = /* @__PURE__ */ React$1.createContext({
+const ConfigContext = /* @__PURE__ */ React.createContext({
   // We provide a default function for Context without provider
   getPrefixCls: defaultGetPrefixCls,
   iconPrefixCls: defaultIconPrefixCls
@@ -3448,7 +3452,7 @@ const {
 } = ConfigContext;
 const EMPTY_OBJECT = {};
 function useComponentConfig(propName) {
-  const context = React$1.useContext(ConfigContext);
+  const context = React.useContext(ConfigContext);
   const {
     getPrefixCls,
     direction,
@@ -3464,8 +3468,8 @@ function useComponentConfig(propName) {
     getPopupContainer
   });
 }
-const DisabledContext = /* @__PURE__ */ React$1.createContext(false);
-const SizeContext = /* @__PURE__ */ React$1.createContext(void 0);
+const DisabledContext = /* @__PURE__ */ React.createContext(false);
+const SizeContext = /* @__PURE__ */ React.createContext(void 0);
 var AbstractCalculator = /* @__PURE__ */ _createClass(function AbstractCalculator2() {
   _classCallCheck(this, AbstractCalculator2);
 });
@@ -3648,9 +3652,9 @@ var getCompVarPrefix = function getCompVarPrefix2(component, prefix) {
   return "".concat([prefix, component.replace(/([A-Z]+)([A-Z][a-z]+)/g, "$1-$2").replace(/([a-z])([A-Z])/g, "$1-$2")].filter(Boolean).join("-"));
 };
 function useEvent(callback) {
-  var fnRef = React$1.useRef();
+  var fnRef = React.useRef();
   fnRef.current = callback;
-  var memoFn = React$1.useCallback(function() {
+  var memoFn = React.useCallback(function() {
     var _fnRef$current;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -3660,9 +3664,9 @@ function useEvent(callback) {
   return memoFn;
 }
 function useSafeState(defaultValue) {
-  var destroyRef = React$1.useRef(false);
-  var _React$useState = React$1.useState(defaultValue), _React$useState2 = _slicedToArray(_React$useState, 2), value = _React$useState2[0], setValue = _React$useState2[1];
-  React$1.useEffect(function() {
+  var destroyRef = React.useRef(false);
+  var _React$useState = React.useState(defaultValue), _React$useState2 = _slicedToArray(_React$useState, 2), value = _React$useState2[0], setValue = _React$useState2[1];
+  React.useEffect(function() {
     destroyRef.current = false;
     return function() {
       destroyRef.current = true;
@@ -4536,7 +4540,7 @@ const {
   getCommonStyle: genCommonStyle,
   getCompUnitless: () => unitless
 });
-var Context = /* @__PURE__ */ React$1.createContext({});
+var Context = /* @__PURE__ */ React.createContext({});
 var DomWrapper = /* @__PURE__ */ function(_React$Component) {
   _inherits(DomWrapper2, _React$Component);
   var _super = _createSuper(DomWrapper2);
@@ -4551,12 +4555,12 @@ var DomWrapper = /* @__PURE__ */ function(_React$Component) {
     }
   }]);
   return DomWrapper2;
-}(React$1.Component);
+}(React.Component);
 function useSyncState(defaultValue) {
-  var _React$useReducer = React$1.useReducer(function(x) {
+  var _React$useReducer = React.useReducer(function(x) {
     return x + 1;
   }, 0), _React$useReducer2 = _slicedToArray(_React$useReducer, 2), forceUpdate = _React$useReducer2[1];
-  var currentValueRef = React$1.useRef(defaultValue);
+  var currentValueRef = React.useRef(defaultValue);
   var getValue2 = useEvent(function() {
     return currentValueRef.current;
   });
@@ -4658,7 +4662,7 @@ const useDomMotionEvents = function(onInternalMotionEnd) {
       cacheElementRef.current = element;
     }
   }
-  React$1.useEffect(function() {
+  React.useEffect(function() {
     return function() {
       removeMotionEvents(cacheElementRef.current);
     };
@@ -4667,7 +4671,7 @@ const useDomMotionEvents = function(onInternalMotionEnd) {
 };
 var useIsomorphicLayoutEffect = canUseDom() ? useLayoutEffect$1 : useEffect;
 const useNextFrame = function() {
-  var nextFrameRef = React$1.useRef(null);
+  var nextFrameRef = React.useRef(null);
   function cancelNextFrame() {
     wrapperRaf.cancel(nextFrameRef.current);
   }
@@ -4687,7 +4691,7 @@ const useNextFrame = function() {
     });
     nextFrameRef.current = nextFrameId;
   }
-  React$1.useEffect(function() {
+  React.useEffect(function() {
     return function() {
       cancelNextFrame();
     };
@@ -4730,7 +4734,7 @@ const useStepQueue = function(status, prepareOnly, callback) {
       }
     }
   }, [status, step]);
-  React$1.useEffect(function() {
+  React.useEffect(function() {
     return function() {
       cancelNextFrame();
     };
@@ -4788,7 +4792,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
         return {};
     }
   };
-  var eventHandlers = React$1.useMemo(function() {
+  var eventHandlers = React.useMemo(function() {
     return getEventHandlers(currentStatus);
   }, [currentStatus]);
   var _useStepQueue = useStepQueue(currentStatus, !supportMotion, function(newStep) {
@@ -4864,7 +4868,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
       clearTimeout(deadlineRef.current);
     };
   }, []);
-  var firstMountChangeRef = React$1.useRef(false);
+  var firstMountChangeRef = React.useRef(false);
   useEffect(function() {
     if (asyncVisible) {
       firstMountChangeRef.current = true;
@@ -4892,9 +4896,9 @@ function genCSSMotion(config) {
   function isSupportTransition(props, contextMotion) {
     return !!(props.motionName && transitionSupport && contextMotion !== false);
   }
-  var CSSMotion2 = /* @__PURE__ */ React$1.forwardRef(function(props, ref) {
+  var CSSMotion2 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var _props$visible = props.visible, visible = _props$visible === void 0 ? true : _props$visible, _props$removeOnLeave = props.removeOnLeave, removeOnLeave = _props$removeOnLeave === void 0 ? true : _props$removeOnLeave, forceRender = props.forceRender, children = props.children, motionName = props.motionName, leavedClassName = props.leavedClassName, eventProps = props.eventProps;
-    var _React$useContext = React$1.useContext(Context), contextMotion = _React$useContext.motion;
+    var _React$useContext = React.useContext(Context), contextMotion = _React$useContext.motion;
     var supportMotion = isSupportTransition(props, contextMotion);
     var nodeRef = useRef();
     var wrapperNodeRef = useRef();
@@ -4906,11 +4910,11 @@ function genCSSMotion(config) {
       }
     }
     var _useStatus = useStatus(supportMotion, visible, getDomElement, props), _useStatus2 = _slicedToArray(_useStatus, 4), status = _useStatus2[0], statusStep = _useStatus2[1], statusStyle = _useStatus2[2], mergedVisible = _useStatus2[3];
-    var renderedRef = React$1.useRef(mergedVisible);
+    var renderedRef = React.useRef(mergedVisible);
     if (mergedVisible) {
       renderedRef.current = true;
     }
-    var setNodeRef = React$1.useCallback(function(node2) {
+    var setNodeRef = React.useCallback(function(node2) {
       nodeRef.current = node2;
       fillRef(ref, node2);
     }, [ref]);
@@ -4951,15 +4955,15 @@ function genCSSMotion(config) {
         style: statusStyle
       }), setNodeRef);
     }
-    if (/* @__PURE__ */ React$1.isValidElement(motionChildren) && supportRef(motionChildren)) {
+    if (/* @__PURE__ */ React.isValidElement(motionChildren) && supportRef(motionChildren)) {
       var originNodeRef = getNodeRef(motionChildren);
       if (!originNodeRef) {
-        motionChildren = /* @__PURE__ */ React$1.cloneElement(motionChildren, {
+        motionChildren = /* @__PURE__ */ React.cloneElement(motionChildren, {
           ref: setNodeRef
         });
       }
     }
-    return /* @__PURE__ */ React$1.createElement(DomWrapper, {
+    return /* @__PURE__ */ React.createElement(DomWrapper, {
       ref: wrapperNodeRef
     }, motionChildren);
   });
@@ -5100,17 +5104,17 @@ function genCSSMotionList(transitionSupport) {
         var _this$props = this.props, component = _this$props.component, children = _this$props.children, _onVisibleChanged = _this$props.onVisibleChanged;
         _this$props.onAllRemoved;
         var restProps = _objectWithoutProperties(_this$props, _excluded$3);
-        var Component = component || React$1.Fragment;
+        var Component = component || React.Fragment;
         var motionProps = {};
         MOTION_PROP_NAMES.forEach(function(prop) {
           motionProps[prop] = restProps[prop];
           delete restProps[prop];
         });
         delete restProps.keys;
-        return /* @__PURE__ */ React$1.createElement(Component, restProps, keyEntities.map(function(_ref2, index) {
+        return /* @__PURE__ */ React.createElement(Component, restProps, keyEntities.map(function(_ref2, index) {
           var status = _ref2.status, eventProps = _objectWithoutProperties(_ref2, _excluded2$1);
           var visible = status === STATUS_ADD || status === STATUS_KEEP;
-          return /* @__PURE__ */ React$1.createElement(CSSMotion$1, _extends({}, motionProps, {
+          return /* @__PURE__ */ React.createElement(CSSMotion$1, _extends({}, motionProps, {
             key: eventProps.key,
             visible,
             eventProps,
@@ -5151,7 +5155,7 @@ function genCSSMotionList(transitionSupport) {
       }
     }]);
     return CSSMotionList2;
-  }(React$1.Component);
+  }(React.Component);
   _defineProperty(CSSMotionList, "defaultProps", {
     component: "div"
   });
@@ -5255,7 +5259,7 @@ function getTwoToneColors() {
 }
 var IconBase = function IconBase2(props) {
   var icon = props.icon, className = props.className, onClick = props.onClick, style2 = props.style, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, restProps = _objectWithoutProperties(props, _excluded$2);
-  var svgRef = React$1.useRef();
+  var svgRef = React.useRef();
   var colors = twoToneColorPalette;
   if (primaryColor) {
     colors = {
@@ -5306,9 +5310,9 @@ function getTwoToneColor() {
 }
 var _excluded$1 = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
 setTwoToneColor(blue.primary);
-var Icon = /* @__PURE__ */ React$1.forwardRef(function(props, ref) {
+var Icon = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var className = props.className, icon = props.icon, spin = props.spin, rotate = props.rotate, tabIndex = props.tabIndex, onClick = props.onClick, twoToneColor = props.twoToneColor, restProps = _objectWithoutProperties(props, _excluded$1);
-  var _React$useContext = React$1.useContext(IconContext), _React$useContext$pre = _React$useContext.prefixCls, prefixCls = _React$useContext$pre === void 0 ? "anticon" : _React$useContext$pre, rootClassName = _React$useContext.rootClassName;
+  var _React$useContext = React.useContext(IconContext), _React$useContext$pre = _React$useContext.prefixCls, prefixCls = _React$useContext$pre === void 0 ? "anticon" : _React$useContext$pre, rootClassName = _React$useContext.rootClassName;
   var classString = classNames(rootClassName, prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), "".concat(prefixCls, "-spin"), !!spin || icon.name === "loading"), className);
   var iconTabIndex = tabIndex;
   if (iconTabIndex === void 0 && onClick) {
@@ -5319,7 +5323,7 @@ var Icon = /* @__PURE__ */ React$1.forwardRef(function(props, ref) {
     transform: "rotate(".concat(rotate, "deg)")
   } : void 0;
   var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1];
-  return /* @__PURE__ */ React$1.createElement("span", _extends({
+  return /* @__PURE__ */ React.createElement("span", _extends({
     role: "img",
     "aria-label": icon.name
   }, restProps, {
@@ -5327,7 +5331,7 @@ var Icon = /* @__PURE__ */ React$1.forwardRef(function(props, ref) {
     tabIndex: iconTabIndex,
     onClick,
     className: classString
-  }), /* @__PURE__ */ React$1.createElement(IconBase, {
+  }), /* @__PURE__ */ React.createElement(IconBase, {
     icon,
     primaryColor,
     secondaryColor,
@@ -5351,12 +5355,12 @@ function cloneElement(element, props) {
 }
 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" };
 var LoadingOutlined = function LoadingOutlined2(props, ref) {
-  return /* @__PURE__ */ React$1.createElement(Icon, _extends({}, props, {
+  return /* @__PURE__ */ React.createElement(Icon, _extends({}, props, {
     ref,
     icon: LoadingOutlined$1
   }));
 };
-var RefIcon = /* @__PURE__ */ React$1.forwardRef(LoadingOutlined);
+var RefIcon = /* @__PURE__ */ React.forwardRef(LoadingOutlined);
 if (process.env.NODE_ENV !== "production") {
   RefIcon.displayName = "LoadingOutlined";
 }
@@ -5722,7 +5726,7 @@ function _unmount() {
 }
 const defaultReactRender = (node2, container) => {
   if (process.env.NODE_ENV !== "production") {
-    const majorVersion = parseInt(React$1.version.split(".")[0], 10);
+    const majorVersion = parseInt(React.version.split(".")[0], 10);
     const fullKeys = Object.keys(ReactDOM);
     process.env.NODE_ENV !== "production" ? warning$2(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;
   }
@@ -5828,18 +5832,18 @@ const WaveEffect = (props) => {
     component,
     registerUnmount
   } = props;
-  const divRef = React$1.useRef(null);
-  const unmountRef = React$1.useRef(null);
-  React$1.useEffect(() => {
+  const divRef = React.useRef(null);
+  const unmountRef = React.useRef(null);
+  React.useEffect(() => {
     unmountRef.current = registerUnmount();
   }, []);
-  const [color, setWaveColor] = React$1.useState(null);
-  const [borderRadius, setBorderRadius] = React$1.useState([]);
-  const [left, setLeft] = React$1.useState(0);
-  const [top, setTop] = React$1.useState(0);
-  const [width, setWidth] = React$1.useState(0);
-  const [height, setHeight] = React$1.useState(0);
-  const [enabled, setEnabled] = React$1.useState(false);
+  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,
@@ -5870,7 +5874,7 @@ const WaveEffect = (props) => {
     } = nodeStyle;
     setBorderRadius([borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius].map((radius) => validateNum(parseFloat(radius))));
   }
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (target) {
       const id = wrapperRaf(() => {
         syncPos();
@@ -5891,7 +5895,7 @@ const WaveEffect = (props) => {
     return null;
   }
   const isSmallComponent = (component === "Checkbox" || component === "Radio") && (target === null || target === void 0 ? void 0 : target.classList.contains(TARGET_CLS));
-  return /* @__PURE__ */ React$1.createElement(CSSMotion, {
+  return /* @__PURE__ */ React.createElement(CSSMotion, {
     visible: true,
     motionAppear: true,
     motionName: "wave-motion",
@@ -5910,7 +5914,7 @@ const WaveEffect = (props) => {
     let {
       className: motionClassName
     } = _ref;
-    return /* @__PURE__ */ React$1.createElement("div", {
+    return /* @__PURE__ */ React.createElement("div", {
       ref: composeRef(divRef, ref),
       className: classNames(className, motionClassName, {
         "wave-quick": isSmallComponent
@@ -5937,7 +5941,7 @@ const showWaveEffect = (target, info) => {
   function registerUnmount() {
     return unmountCallback;
   }
-  unmountCallback = reactRender2(/* @__PURE__ */ React$1.createElement(WaveEffect, Object.assign({}, info, {
+  unmountCallback = reactRender2(/* @__PURE__ */ React.createElement(WaveEffect, Object.assign({}, info, {
     target,
     registerUnmount
   })), holder);
@@ -5945,7 +5949,7 @@ const showWaveEffect = (target, info) => {
 const useWave = (nodeRef, className, component) => {
   const {
     wave
-  } = React$1.useContext(ConfigContext);
+  } = React.useContext(ConfigContext);
   const [, token2, hashId] = useToken();
   const showWave = useEvent((event) => {
     const node2 = nodeRef.current;
@@ -5964,7 +5968,7 @@ const useWave = (nodeRef, className, component) => {
       hashId
     });
   });
-  const rafId = React$1.useRef(null);
+  const rafId = React.useRef(null);
   const showDebounceWave = (event) => {
     wrapperRaf.cancel(rafId.current);
     rafId.current = wrapperRaf(() => {
@@ -6038,10 +6042,10 @@ const useSize = (customSize) => {
   }
   return t;
 });
-const SpaceCompactItemContext = /* @__PURE__ */ React$1.createContext(null);
+const SpaceCompactItemContext = /* @__PURE__ */ React.createContext(null);
 const useCompactItemContext = (prefixCls, direction) => {
-  const compactItemContext = React$1.useContext(SpaceCompactItemContext);
-  const compactItemClassnames = React$1.useMemo(() => {
+  const compactItemContext = React.useContext(SpaceCompactItemContext);
+  const compactItemClassnames = React.useMemo(() => {
     if (!compactItemContext) {
       return "";
     }
@@ -6071,12 +6075,12 @@ var __rest$1 = function(s, e) {
   }
   return t;
 };
-const GroupSizeContext = /* @__PURE__ */ React$1.createContext(void 0);
+const GroupSizeContext = /* @__PURE__ */ React.createContext(void 0);
 const ButtonGroup = (props) => {
   const {
     getPrefixCls,
     direction
-  } = React$1.useContext(ConfigContext);
+  } = React.useContext(ConfigContext);
   const {
     prefixCls: customizePrefixCls,
     size,
@@ -6084,7 +6088,7 @@ const ButtonGroup = (props) => {
   } = props, others = __rest$1(props, ["prefixCls", "size", "className"]);
   const prefixCls = getPrefixCls("btn-group", customizePrefixCls);
   const [, , hashId] = useToken();
-  const sizeCls = React$1.useMemo(() => {
+  const sizeCls = React.useMemo(() => {
     switch (size) {
       case "large":
         return "lg";
@@ -6103,9 +6107,9 @@ const ButtonGroup = (props) => {
     [`${prefixCls}-${sizeCls}`]: sizeCls,
     [`${prefixCls}-rtl`]: direction === "rtl"
   }, className, hashId);
-  return /* @__PURE__ */ React$1.createElement(GroupSizeContext.Provider, {
+  return /* @__PURE__ */ React.createElement(GroupSizeContext.Provider, {
     value: size
-  }, /* @__PURE__ */ React$1.createElement("div", Object.assign({}, others, {
+  }, /* @__PURE__ */ React.createElement("div", Object.assign({}, others, {
     className: classes
   })));
 };
@@ -6688,7 +6692,7 @@ var Slider = function Slider2(props) {
   })));
 };
 function useComponent(components) {
-  return React$1.useMemo(function() {
+  return React.useMemo(function() {
     var _ref = components || {}, slider = _ref.slider;
     return [slider || Slider];
   }, [components]);
@@ -7843,7 +7847,7 @@ if (process.env.NODE_ENV !== "production") {
 }
 const Button = (_a) => {
   var _b = _a, { children, onClick } = _b, props = __objRest(_b, ["children", "onClick"]);
-  return /* @__PURE__ */ React.createElement(Button$1, __spreadValues({ type: "primary", onClick }, props), children);
+  return /* @__PURE__ */ jsx(Button$1, __spreadProps(__spreadValues({ type: "primary", onClick }, props), { children }));
 };
 export {
   Button