fis-component 0.0.11 → 0.0.13

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var React$1 = require('react');
 var ReactDOM = require('react-dom');
 
 function _interopNamespaceDefault(e) {
@@ -21,11 +20,11 @@ function _interopNamespaceDefault(e) {
     return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React$1);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
 const MyComponent = () => {
-    return jsxRuntime.jsx("div", { children: "Hello from my React component!" });
+    return React.createElement("div", null, "Hello from my React component!");
 };
 
 function getDefaultExportFromCjs (x) {
@@ -538,7 +537,7 @@ function findDOMNode(node) {
   if (domNode) {
     return domNode;
   }
-  if (node instanceof React.Component) {
+  if (node instanceof React$1.Component) {
     var _ReactDOM$findDOMNode;
     return (_ReactDOM$findDOMNode = ReactDOM.findDOMNode) === null || _ReactDOM$findDOMNode === void 0 ? void 0 : _ReactDOM$findDOMNode.call(ReactDOM, node);
   }
@@ -595,7 +594,7 @@ var supportRef = function supportRef(nodeOrComponent) {
   return true;
 };
 function isReactElement(node) {
-  return /*#__PURE__*/React.isValidElement(node) && !reactIsExports.isFragment(node);
+  return /*#__PURE__*/React$1.isValidElement(node) && !reactIsExports.isFragment(node);
 }
 
 /**
@@ -603,7 +602,7 @@ function isReactElement(node) {
  * But a property from `props.ref`.
  * To check if `props.ref` exist or fallback to `ref`.
  */
-Number(React.version.split('.')[0]) >= 19 ?
+Number(React$1.version.split('.')[0]) >= 19 ?
 // >= React 19
 function (node) {
   if (isReactElement(node)) {
@@ -1784,7 +1783,7 @@ var TOKEN_PREFIX = 'token';
  */
 function useCacheToken(theme, tokens) {
   var option = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var _useContext = React.useContext(StyleContext$1),
+  var _useContext = React$1.useContext(StyleContext$1),
     instanceId = _useContext.cache.instanceId,
     container = _useContext.container;
   var _option$salt = option.salt,
@@ -2957,7 +2956,7 @@ var useCSSVarRegister = function useCSSVarRegister(config, fn) {
     token = config.token,
     _config$scope = config.scope,
     scope = _config$scope === void 0 ? '' : _config$scope;
-  var _useContext = React.useContext(StyleContext$1),
+  var _useContext = React$1.useContext(StyleContext$1),
     instanceId = _useContext.cache.instanceId,
     container = _useContext.container;
   var tokenKey = token._tokenKey;
@@ -3089,7 +3088,7 @@ function noSplit(list) {
   borderEndEndRadius: ['borderBottomRightRadius']
 });
 
-var IconContext = /*#__PURE__*/React.createContext({});
+var IconContext = /*#__PURE__*/React$1.createContext({});
 var Context$1 = IconContext;
 
 function _toArray(r) {
@@ -3247,7 +3246,7 @@ var warning$2 = warning$1;
 // ZombieJ: We export single file here since
 // ConfigProvider use this which will make loop deps
 // to import whole `rc-field-form`
-var ValidateMessagesContext = /*#__PURE__*/React.createContext(undefined);
+var ValidateMessagesContext = /*#__PURE__*/React$1.createContext(undefined);
 
 var locale$3 = {
   // Options
@@ -3485,7 +3484,7 @@ function changeConfirmLocale(newLocale) {
   Object.assign({}, defaultLocale.Modal);
 }
 
-const LocaleContext = /*#__PURE__*/React.createContext(undefined);
+const LocaleContext = /*#__PURE__*/React$1.createContext(undefined);
 var LocaleContext$1 = LocaleContext;
 
 const ANT_MARK = 'internalMark';
@@ -5259,7 +5258,7 @@ const defaultConfig = {
   },
   hashed: true
 };
-const DesignTokenContext = /*#__PURE__*/React.createContext(defaultConfig);
+const DesignTokenContext = /*#__PURE__*/React$1.createContext(defaultConfig);
 
 const defaultPrefixCls = 'ant';
 const defaultIconPrefixCls = 'anticon';
@@ -5375,8 +5374,8 @@ const SizeContextProvider = _ref => {
 var SizeContext$1 = SizeContext;
 
 function useConfig() {
-  const componentDisabled = React.useContext(DisabledContext$1);
-  const componentSize = React.useContext(SizeContext$1);
+  const componentDisabled = React$1.useContext(DisabledContext$1);
+  const componentSize = React$1.useContext(SizeContext$1);
   return {
     componentDisabled,
     componentSize
@@ -5828,7 +5827,7 @@ var uniqueMap = new ArrayKeyMap();
  * Like `useMemo`, but this hook result will be shared across all instances.
  */
 function useUniqueMemo(memoFn, deps) {
-  return React.useMemo(function () {
+  return React$1.useMemo(function () {
     var cachedValue = uniqueMap.get(deps);
     if (cachedValue) {
       return cachedValue;
@@ -5927,7 +5926,7 @@ function genStyleUtils(config) {
       var _useToken2 = useToken(),
         cssVar = _useToken2.cssVar;
       return [function (node) {
-        return injectStyle && cssVar ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CSSVarRegister, {
+        return injectStyle && cssVar ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(CSSVarRegister, {
           rootCls: rootCls,
           cssVar: cssVar,
           component: component
@@ -6379,7 +6378,7 @@ function useToken() {
     theme,
     override,
     cssVar
-  } = React.useContext(DesignTokenContext);
+  } = React$1.useContext(DesignTokenContext);
   const salt = `${version$1}-${hashed || ''}`;
   const mergedTheme = theme || defaultTheme;
   const [token, hashId, realToken] = useCacheToken(mergedTheme, [seedToken$1, rootDesignToken], {
@@ -6514,7 +6513,7 @@ const {
     const {
       getPrefixCls,
       iconPrefixCls
-    } = React.useContext(ConfigContext);
+    } = React$1.useContext(ConfigContext);
     const rootPrefixCls = getPrefixCls();
     return {
       rootPrefixCls,
@@ -6535,7 +6534,7 @@ const {
     const {
       csp,
       iconPrefixCls
-    } = React.useContext(ConfigContext);
+    } = React$1.useContext(ConfigContext);
     // Generate style for icons
     useStyle$2(iconPrefixCls, csp);
     return csp !== null && csp !== void 0 ? csp : {};
@@ -6728,7 +6727,7 @@ function getTransitionName(transitionName, transitionType) {
 }
 
 var useDomMotionEvents = (function (onInternalMotionEnd) {
-  var cacheElementRef = React.useRef();
+  var cacheElementRef = React$1.useRef();
 
   // Remove events
   function removeMotionEvents(element) {
@@ -6762,7 +6761,7 @@ var useDomMotionEvents = (function (onInternalMotionEnd) {
 });
 
 // It's safe to use `useLayoutEffect` but the warning is annoying
-var useIsomorphicLayoutEffect = canUseDom() ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect = canUseDom() ? React$1.useLayoutEffect : React$1.useEffect;
 
 var useNextFrame = (function () {
   var nextFrameRef = React__namespace.useRef(null);
@@ -6886,8 +6885,8 @@ function useStatus(supportMotion, visible, getElement, _ref) {
     style = _useState4[0],
     setStyle = _useState4[1];
   var currentStatus = getStatus();
-  var mountedRef = React.useRef(false);
-  var deadlineRef = React.useRef(null);
+  var mountedRef = React$1.useRef(false);
+  var deadlineRef = React$1.useRef(null);
 
   // =========================== Dom Node ===========================
   function getDomElement() {
@@ -6895,7 +6894,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
   }
 
   // ========================== Motion End ==========================
-  var activeRef = React.useRef(false);
+  var activeRef = React$1.useRef(false);
 
   /**
    * Clean up status & style
@@ -7032,7 +7031,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
 
   // ============================ Effect ============================
   // Reset when motion changed
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     if (
     // Cancel appear
     currentStatus === STATUS_APPEAR && !motionAppear ||
@@ -7043,7 +7042,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
       setStatus(STATUS_NONE);
     }
   }, [motionAppear, motionEnter, motionLeave]);
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     return function () {
       mountedRef.current = false;
       clearTimeout(deadlineRef.current);
@@ -7052,7 +7051,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
 
   // Trigger `onVisibleChanged`
   var firstMountChangeRef = React__namespace.useRef(false);
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     // [visible & motion not end] => [!visible & motion end] still need trigger onVisibleChanged
     if (asyncVisible) {
       firstMountChangeRef.current = true;
@@ -7103,9 +7102,9 @@ function genCSSMotion(config) {
     var supportMotion = isSupportTransition(props, contextMotion);
 
     // Ref to the react node, it may be a HTMLElement
-    var nodeRef = React.useRef();
+    var nodeRef = React$1.useRef();
     // Ref to the dom wrapper in case ref can not pass to HTMLElement
-    var wrapperNodeRef = React.useRef();
+    var wrapperNodeRef = React$1.useRef();
     function getDomElement() {
       try {
         // Here we're avoiding call for findDOMNode since it's deprecated
@@ -7857,13 +7856,13 @@ function normalizeAttrs() {
 }
 function generate(node, key, rootProps) {
   if (!rootProps) {
-    return /*#__PURE__*/React.createElement(node.tag, _objectSpread2({
+    return /*#__PURE__*/React$1.createElement(node.tag, _objectSpread2({
       key: key
     }, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {
       return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
     }));
   }
-  return /*#__PURE__*/React.createElement(node.tag, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/React$1.createElement(node.tag, _objectSpread2(_objectSpread2({
     key: key
   }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {
     return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
@@ -7881,14 +7880,14 @@ function normalizeTwoToneColors(twoToneColor) {
 }
 var iconStyles = "\n.anticon {\n  display: inline-flex;\n  align-items: center;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
 var useInsertStyles = function useInsertStyles(eleRef) {
-  var _useContext = React.useContext(Context$1),
+  var _useContext = React$1.useContext(Context$1),
     csp = _useContext.csp,
     prefixCls = _useContext.prefixCls;
   var mergedStyleStr = iconStyles;
   if (prefixCls) {
     mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls);
   }
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     var ele = eleRef.current;
     var shadowRoot = getShadowRoot(ele);
     updateCSS(mergedStyleStr, '@ant-design-icons', {
@@ -8032,13 +8031,13 @@ Icon.setTwoToneColor = setTwoToneColor;
 var AntdIcon = Icon;
 
 function isFragment(child) {
-  return child && /*#__PURE__*/React.isValidElement(child) && child.type === React.Fragment;
+  return child && /*#__PURE__*/React$1.isValidElement(child) && child.type === React$1.Fragment;
 }
 const replaceElement = (element, replacement, props) => {
-  if (! /*#__PURE__*/React.isValidElement(element)) {
+  if (! /*#__PURE__*/React$1.isValidElement(element)) {
     return replacement;
   }
-  return /*#__PURE__*/React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
+  return /*#__PURE__*/React$1.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
 };
 function cloneElement(element, props) {
   return replaceElement(element, element, props);
@@ -8739,15 +8738,15 @@ const Wave = props => {
   } = props;
   const {
     getPrefixCls
-  } = React.useContext(ConfigContext);
-  const containerRef = React.useRef(null);
+  } = React$1.useContext(ConfigContext);
+  const containerRef = React$1.useRef(null);
   // ============================== Style ===============================
   const prefixCls = getPrefixCls('wave');
   const [, hashId] = useStyle$1(prefixCls);
   // =============================== Wave ===============================
   const showWave = useWave$1(containerRef, classNames(prefixCls, hashId), component);
   // ============================== Effect ==============================
-  React.useEffect(() => {
+  React$1.useEffect(() => {
     const node = containerRef.current;
     if (!node || node.nodeType !== 1 || disabled) {
       return;
@@ -8769,7 +8768,7 @@ const Wave = props => {
     };
   }, [disabled]);
   // ============================== Render ==============================
-  if (! /*#__PURE__*/React.isValidElement(children)) {
+  if (! /*#__PURE__*/React$1.isValidElement(children)) {
     return children !== null && children !== void 0 ? children : null;
   }
   const ref = supportRef(children) ? composeRef(children.ref, containerRef) : containerRef;
@@ -8783,8 +8782,8 @@ if (process.env.NODE_ENV !== 'production') {
 var Wave$1 = Wave;
 
 const useSize = customSize => {
-  const size = React.useContext(SizeContext$1);
-  const mergedSize = React.useMemo(() => {
+  const size = React$1.useContext(SizeContext$1);
+  const mergedSize = React$1.useMemo(() => {
     if (!customSize) {
       return size;
     }
@@ -8901,17 +8900,17 @@ function splitCNCharsBySpace(child, needInserted) {
     });
   }
   if (isString(child)) {
-    return isTwoCNChar(child) ? /*#__PURE__*/React.createElement("span", null, child.split('').join(SPACE)) : /*#__PURE__*/React.createElement("span", null, child);
+    return isTwoCNChar(child) ? /*#__PURE__*/React$1.createElement("span", null, child.split('').join(SPACE)) : /*#__PURE__*/React$1.createElement("span", null, child);
   }
   if (isFragment(child)) {
-    return /*#__PURE__*/React.createElement("span", null, child);
+    return /*#__PURE__*/React$1.createElement("span", null, child);
   }
   return child;
 }
 function spaceChildren(children, needInserted) {
   let isPrevChildPure = false;
   const childList = [];
-  React.Children.forEach(children, child => {
+  React$1.Children.forEach(children, child => {
     const type = typeof child;
     const isCurrentChildPure = type === 'string' || type === 'number';
     if (isPrevChildPure && isCurrentChildPure) {
@@ -8923,10 +8922,10 @@ function spaceChildren(children, needInserted) {
     }
     isPrevChildPure = isCurrentChildPure;
   });
-  return React.Children.map(childList, child => splitCNCharsBySpace(child, needInserted));
+  return React$1.Children.map(childList, child => splitCNCharsBySpace(child, needInserted));
 }
 
-const IconWrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
+const IconWrapper = /*#__PURE__*/React$1.forwardRef((props, ref) => {
   const {
     className,
     style,
@@ -8934,7 +8933,7 @@ const IconWrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
     prefixCls
   } = props;
   const iconWrapperCls = classNames(`${prefixCls}-icon`, className);
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React$1.createElement("span", {
     ref: ref,
     className: iconWrapperCls,
     style: style
@@ -8942,7 +8941,7 @@ const IconWrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
 });
 var IconWrapper$1 = IconWrapper;
 
-const InnerLoadingIcon = /*#__PURE__*/React.forwardRef((props, ref) => {
+const InnerLoadingIcon = /*#__PURE__*/React$1.forwardRef((props, ref) => {
   const {
     prefixCls,
     className,
@@ -8950,12 +8949,12 @@ const InnerLoadingIcon = /*#__PURE__*/React.forwardRef((props, ref) => {
     iconClassName
   } = props;
   const mergedIconCls = classNames(`${prefixCls}-loading-icon`, className);
-  return /*#__PURE__*/React.createElement(IconWrapper$1, {
+  return /*#__PURE__*/React$1.createElement(IconWrapper$1, {
     prefixCls: prefixCls,
     className: mergedIconCls,
     style: style,
     ref: ref
-  }, /*#__PURE__*/React.createElement(LoadingOutlined$1, {
+  }, /*#__PURE__*/React$1.createElement(LoadingOutlined$1, {
     className: iconClassName
   }));
 });
@@ -8979,13 +8978,13 @@ const LoadingIcon = props => {
   } = props;
   const visible = !!loading;
   if (existIcon) {
-    return /*#__PURE__*/React.createElement(InnerLoadingIcon, {
+    return /*#__PURE__*/React$1.createElement(InnerLoadingIcon, {
       prefixCls: prefixCls,
       className: className,
       style: style
     });
   }
-  return /*#__PURE__*/React.createElement(CSSMotion, {
+  return /*#__PURE__*/React$1.createElement(CSSMotion, {
     visible: visible,
     // We do not really use this motionName
     motionName: `${prefixCls}-loading-icon-motion`,
@@ -9002,7 +9001,7 @@ const LoadingIcon = props => {
       className: motionCls,
       style: motionStyle
     } = _ref;
-    return /*#__PURE__*/React.createElement(InnerLoadingIcon, {
+    return /*#__PURE__*/React$1.createElement(InnerLoadingIcon, {
       prefixCls: prefixCls,
       className: className,
       style: Object.assign(Object.assign({}, style), motionStyle),
@@ -9663,7 +9662,7 @@ function getLoadingConfig(loading) {
     delay: 0
   };
 }
-const InternalCompoundedButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+const InternalCompoundedButton = /*#__PURE__*/React$1.forwardRef((props, ref) => {
   var _a, _b, _c;
   const {
       loading = false,
@@ -9695,20 +9694,20 @@ const InternalCompoundedButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     getPrefixCls,
     direction,
     button
-  } = React.useContext(ConfigContext);
+  } = React$1.useContext(ConfigContext);
   const mergedInsertSpace = (_a = autoInsertSpace !== null && autoInsertSpace !== void 0 ? autoInsertSpace : button === null || button === void 0 ? void 0 : button.autoInsertSpace) !== null && _a !== void 0 ? _a : true;
   const prefixCls = getPrefixCls('btn', customizePrefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
-  const disabled = React.useContext(DisabledContext$1);
+  const disabled = React$1.useContext(DisabledContext$1);
   const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
-  const groupSize = React.useContext(GroupSizeContext);
-  const loadingOrDelay = React.useMemo(() => getLoadingConfig(loading), [loading]);
-  const [innerLoading, setLoading] = React.useState(loadingOrDelay.loading);
-  const [hasTwoCNChar, setHasTwoCNChar] = React.useState(false);
-  const internalRef = /*#__PURE__*/React.createRef();
+  const groupSize = React$1.useContext(GroupSizeContext);
+  const loadingOrDelay = React$1.useMemo(() => getLoadingConfig(loading), [loading]);
+  const [innerLoading, setLoading] = React$1.useState(loadingOrDelay.loading);
+  const [hasTwoCNChar, setHasTwoCNChar] = React$1.useState(false);
+  const internalRef = /*#__PURE__*/React$1.createRef();
   const buttonRef = composeRef(ref, internalRef);
-  const needInserted = React.Children.count(children) === 1 && !icon && !isUnBorderedButtonType(mergedType);
-  React.useEffect(() => {
+  const needInserted = React$1.Children.count(children) === 1 && !icon && !isUnBorderedButtonType(mergedType);
+  React$1.useEffect(() => {
     let delayTimer = null;
     if (loadingOrDelay.delay > 0) {
       delayTimer = setTimeout(() => {
@@ -9726,7 +9725,7 @@ const InternalCompoundedButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
     return cleanupTimer;
   }, [loadingOrDelay]);
-  React.useEffect(() => {
+  React$1.useEffect(() => {
     // FIXME: for HOC usage like <FormatMessage />
     if (!buttonRef || !buttonRef.current || !mergedInsertSpace) {
       return;
@@ -9788,18 +9787,18 @@ const InternalCompoundedButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   const fullStyle = Object.assign(Object.assign({}, button === null || button === void 0 ? void 0 : button.style), customStyle);
   const iconClasses = classNames(customClassNames === null || customClassNames === void 0 ? void 0 : customClassNames.icon, (_b = button === null || button === void 0 ? void 0 : button.classNames) === null || _b === void 0 ? void 0 : _b.icon);
   const iconStyle = Object.assign(Object.assign({}, (styles === null || styles === void 0 ? void 0 : styles.icon) || {}), ((_c = button === null || button === void 0 ? void 0 : button.styles) === null || _c === void 0 ? void 0 : _c.icon) || {});
-  const iconNode = icon && !innerLoading ? (/*#__PURE__*/React.createElement(IconWrapper$1, {
+  const iconNode = icon && !innerLoading ? (/*#__PURE__*/React$1.createElement(IconWrapper$1, {
     prefixCls: prefixCls,
     className: iconClasses,
     style: iconStyle
-  }, icon)) : (/*#__PURE__*/React.createElement(LoadingIcon$1, {
+  }, icon)) : (/*#__PURE__*/React$1.createElement(LoadingIcon$1, {
     existIcon: !!icon,
     prefixCls: prefixCls,
     loading: innerLoading
   }));
   const kids = children || children === 0 ? spaceChildren(children, needInserted && mergedInsertSpace) : null;
   if (linkButtonRestProps.href !== undefined) {
-    return wrapCSSVar(/*#__PURE__*/React.createElement("a", Object.assign({}, linkButtonRestProps, {
+    return wrapCSSVar(/*#__PURE__*/React$1.createElement("a", Object.assign({}, linkButtonRestProps, {
       className: classNames(classes, {
         [`${prefixCls}-disabled`]: mergedDisabled
       }),
@@ -9810,19 +9809,19 @@ const InternalCompoundedButton = /*#__PURE__*/React.forwardRef((props, ref) => {
       tabIndex: mergedDisabled ? -1 : 0
     }), iconNode, kids));
   }
-  let buttonNode = /*#__PURE__*/React.createElement("button", Object.assign({}, rest, {
+  let buttonNode = /*#__PURE__*/React$1.createElement("button", Object.assign({}, rest, {
     type: htmlType,
     className: classes,
     style: fullStyle,
     onClick: handleClick,
     disabled: mergedDisabled,
     ref: buttonRef
-  }), iconNode, kids, !!compactItemClassnames && /*#__PURE__*/React.createElement(CompactCmp, {
+  }), iconNode, kids, !!compactItemClassnames && /*#__PURE__*/React$1.createElement(CompactCmp, {
     key: "compact",
     prefixCls: prefixCls
   }));
   if (!isUnBorderedButtonType(mergedType)) {
-    buttonNode = /*#__PURE__*/React.createElement(Wave$1, {
+    buttonNode = /*#__PURE__*/React$1.createElement(Wave$1, {
       component: "Button",
       disabled: innerLoading
     }, buttonNode);
@@ -9838,7 +9837,7 @@ if (process.env.NODE_ENV !== 'production') {
 var Button$1 = Button;
 
 const FisButton = () => {
-    return jsxRuntime.jsx(Button$1, { children: "Hello from my React component!" });
+    return React.createElement(Button$1, null, "Hello from my React component!");
 };
 
 exports.FisButton = FisButton;