@gobolt/genesis 0.3.11 → 0.3.12

package/dist/node_modules/antd/es/avatar/Avatar.cjs

@@ -39,24 +39,7 @@ var __rest = function(s, e) {
   }
   return t;
 };
-const Avatar = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
-  const {
-    prefixCls: customizePrefixCls,
-    shape,
-    size: customSize,
-    src,
-    srcSet,
-    icon,
-    className,
-    rootClassName,
-    style,
-    alt,
-    draggable,
-    children,
-    crossOrigin,
-    gap = 4,
-    onError
-  } = props, others = __rest(props, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "style", "alt", "draggable", "children", "crossOrigin", "gap", "onError"]);
+const InternalAvatar = (props, ref$1) => {
   const [scale, setScale] = React__namespace.useState(1);
   const [mounted, setMounted] = React__namespace.useState(false);
   const [isImgExist, setIsImgExist] = React__namespace.useState(true);
@@ -75,6 +58,9 @@ const Avatar = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
     const childrenWidth = avatarChildrenRef.current.offsetWidth;
     const nodeWidth = avatarNodeRef.current.offsetWidth;
     if (childrenWidth !== 0 && nodeWidth !== 0) {
+      const {
+        gap = 4
+      } = props;
       if (gap * 2 < nodeWidth) {
         setScale(nodeWidth - gap * 2 < childrenWidth ? (nodeWidth - gap * 2) / childrenWidth : 1);
       }
@@ -86,14 +72,31 @@ const Avatar = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
   React__namespace.useEffect(() => {
     setIsImgExist(true);
     setScale(1);
-  }, [src]);
-  React__namespace.useEffect(setScaleParam, [gap]);
+  }, [props.src]);
+  React__namespace.useEffect(setScaleParam, [props.gap]);
   const handleImgLoadError = () => {
+    const {
+      onError
+    } = props;
     const errorFlag = onError === null || onError === void 0 ? void 0 : onError();
     if (errorFlag !== false) {
       setIsImgExist(false);
     }
   };
+  const {
+    prefixCls: customizePrefixCls,
+    shape,
+    size: customSize,
+    src,
+    srcSet,
+    icon,
+    className,
+    rootClassName,
+    alt,
+    draggable,
+    children,
+    crossOrigin
+  } = props, others = __rest(props, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]);
   const size = useSize((ctxSize) => {
     var _a, _b;
     return (_b = (_a = customSize !== null && customSize !== void 0 ? customSize : avatarCtx === null || avatarCtx === void 0 ? void 0 : avatarCtx.size) !== null && _a !== void 0 ? _a : ctxSize) !== null && _b !== void 0 ? _b : "default";
@@ -171,12 +174,15 @@ const Avatar = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
       ref: avatarChildrenRef
     }, children);
   }
+  delete others.onError;
+  delete others.gap;
   return wrapCSSVar(/* @__PURE__ */ React__namespace.createElement("span", Object.assign({}, others, {
-    style: Object.assign(Object.assign(Object.assign(Object.assign({}, sizeStyle), responsiveSizeStyle), avatar === null || avatar === void 0 ? void 0 : avatar.style), style),
+    style: Object.assign(Object.assign(Object.assign(Object.assign({}, sizeStyle), responsiveSizeStyle), avatar === null || avatar === void 0 ? void 0 : avatar.style), others.style),
     className: classString,
     ref: avatarNodeMergedRef
   }), childrenToRender));
-});
+};
+const Avatar = /* @__PURE__ */ React__namespace.forwardRef(InternalAvatar);
 if (process.env.NODE_ENV !== "production") {
   Avatar.displayName = "Avatar";
 }

package/dist/node_modules/antd/es/avatar/Avatar.js

@@ -19,24 +19,7 @@ var __rest = function(s, e) {
   }
   return t;
 };
-const Avatar = /* @__PURE__ */ React.forwardRef((props, ref) => {
-  const {
-    prefixCls: customizePrefixCls,
-    shape,
-    size: customSize,
-    src,
-    srcSet,
-    icon,
-    className,
-    rootClassName,
-    style,
-    alt,
-    draggable,
-    children,
-    crossOrigin,
-    gap = 4,
-    onError
-  } = props, others = __rest(props, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "style", "alt", "draggable", "children", "crossOrigin", "gap", "onError"]);
+const InternalAvatar = (props, ref) => {
   const [scale, setScale] = React.useState(1);
   const [mounted, setMounted] = React.useState(false);
   const [isImgExist, setIsImgExist] = React.useState(true);
@@ -55,6 +38,9 @@ const Avatar = /* @__PURE__ */ React.forwardRef((props, ref) => {
     const childrenWidth = avatarChildrenRef.current.offsetWidth;
     const nodeWidth = avatarNodeRef.current.offsetWidth;
     if (childrenWidth !== 0 && nodeWidth !== 0) {
+      const {
+        gap = 4
+      } = props;
       if (gap * 2 < nodeWidth) {
         setScale(nodeWidth - gap * 2 < childrenWidth ? (nodeWidth - gap * 2) / childrenWidth : 1);
       }
@@ -66,14 +52,31 @@ const Avatar = /* @__PURE__ */ React.forwardRef((props, ref) => {
   React.useEffect(() => {
     setIsImgExist(true);
     setScale(1);
-  }, [src]);
-  React.useEffect(setScaleParam, [gap]);
+  }, [props.src]);
+  React.useEffect(setScaleParam, [props.gap]);
   const handleImgLoadError = () => {
+    const {
+      onError
+    } = props;
     const errorFlag = onError === null || onError === void 0 ? void 0 : onError();
     if (errorFlag !== false) {
       setIsImgExist(false);
     }
   };
+  const {
+    prefixCls: customizePrefixCls,
+    shape,
+    size: customSize,
+    src,
+    srcSet,
+    icon,
+    className,
+    rootClassName,
+    alt,
+    draggable,
+    children,
+    crossOrigin
+  } = props, others = __rest(props, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]);
   const size = useSize((ctxSize) => {
     var _a, _b;
     return (_b = (_a = customSize !== null && customSize !== void 0 ? customSize : avatarCtx === null || avatarCtx === void 0 ? void 0 : avatarCtx.size) !== null && _a !== void 0 ? _a : ctxSize) !== null && _b !== void 0 ? _b : "default";
@@ -151,12 +154,15 @@ const Avatar = /* @__PURE__ */ React.forwardRef((props, ref) => {
       ref: avatarChildrenRef
     }, children);
   }
+  delete others.onError;
+  delete others.gap;
   return wrapCSSVar(/* @__PURE__ */ React.createElement("span", Object.assign({}, others, {
-    style: Object.assign(Object.assign(Object.assign(Object.assign({}, sizeStyle), responsiveSizeStyle), avatar === null || avatar === void 0 ? void 0 : avatar.style), style),
+    style: Object.assign(Object.assign(Object.assign(Object.assign({}, sizeStyle), responsiveSizeStyle), avatar === null || avatar === void 0 ? void 0 : avatar.style), others.style),
     className: classString,
     ref: avatarNodeMergedRef
   }), childrenToRender));
-});
+};
+const Avatar = /* @__PURE__ */ React.forwardRef(InternalAvatar);
 if (process.env.NODE_ENV !== "production") {
   Avatar.displayName = "Avatar";
 }

package/dist/node_modules/antd/es/avatar/AvatarGroup.cjs

@@ -65,7 +65,8 @@ const AvatarGroup = (props) => {
   } = props;
   if (process.env.NODE_ENV !== "production") {
     const warning$1 = warning.devUseWarning("Avatar.Group");
-    [["maxCount", "max={{ count: number }}"], ["maxStyle", "max={{ style: CSSProperties }}"], ["maxPopoverPlacement", "max={{ popover: PopoverProps }}"], ["maxPopoverTrigger", "max={{ popover: PopoverProps }}"]].forEach(([deprecatedName, newName]) => {
+    [["maxCount", "max={{ count: number }}"], ["maxStyle", "max={{ style: CSSProperties }}"], ["maxPopoverPlacement", "max={{ popover: PopoverProps }}"], ["maxPopoverTrigger", "max={{ popover: PopoverProps }}"]].forEach((_ref) => {
+      let [deprecatedName, newName] = _ref;
       warning$1.deprecated(!(deprecatedName in props), deprecatedName, newName);
     });
   }
@@ -99,7 +100,7 @@ const AvatarGroup = (props) => {
     });
     childrenShow.push(/* @__PURE__ */ React__namespace.createElement(index$2, Object.assign({
       key: "avatar-popover-key",
-      destroyOnHidden: true
+      destroyTooltipOnHide: true
     }, mergeProps), /* @__PURE__ */ React__namespace.createElement(Avatar, {
       style: mergeStyle
     }, `+${numOfChildren - mergeCount}`)));

package/dist/node_modules/antd/es/avatar/AvatarGroup.js

@@ -45,7 +45,8 @@ const AvatarGroup = (props) => {
   } = props;
   if (process.env.NODE_ENV !== "production") {
     const warning = devUseWarning("Avatar.Group");
-    [["maxCount", "max={{ count: number }}"], ["maxStyle", "max={{ style: CSSProperties }}"], ["maxPopoverPlacement", "max={{ popover: PopoverProps }}"], ["maxPopoverTrigger", "max={{ popover: PopoverProps }}"]].forEach(([deprecatedName, newName]) => {
+    [["maxCount", "max={{ count: number }}"], ["maxStyle", "max={{ style: CSSProperties }}"], ["maxPopoverPlacement", "max={{ popover: PopoverProps }}"], ["maxPopoverTrigger", "max={{ popover: PopoverProps }}"]].forEach((_ref) => {
+      let [deprecatedName, newName] = _ref;
       warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
     });
   }
@@ -79,7 +80,7 @@ const AvatarGroup = (props) => {
     });
     childrenShow.push(/* @__PURE__ */ React.createElement(Popover, Object.assign({
       key: "avatar-popover-key",
-      destroyOnHidden: true
+      destroyTooltipOnHide: true
     }, mergeProps), /* @__PURE__ */ React.createElement(Avatar, {
       style: mergeStyle
     }, `+${numOfChildren - mergeCount}`)));

package/dist/node_modules/antd/es/avatar/style/index.cjs

@@ -31,25 +31,21 @@ const genBaseStyle = (token) => {
     textFontSize,
     textFontSizeLG,
     textFontSizeSM,
-    iconFontSize,
-    iconFontSizeLG,
-    iconFontSizeSM,
     borderRadius,
     borderRadiusLG,
     borderRadiusSM,
     lineWidth,
     lineType
   } = token;
-  const avatarSizeStyle = (size, fontSize, iconFontSize2, radius) => ({
+  const avatarSizeStyle = (size, fontSize, radius) => ({
     width: size,
     height: size,
     borderRadius: "50%",
-    fontSize,
     [`&${componentCls}-square`]: {
       borderRadius: radius
     },
     [`&${componentCls}-icon`]: {
-      fontSize: iconFontSize2,
+      fontSize,
       [`> ${iconCls}`]: {
         margin: 0
       }
@@ -74,9 +70,9 @@ const genBaseStyle = (token) => {
       [`${antCls}-image-img`]: {
         display: "block"
       }
-    }), avatarSizeStyle(containerSize, textFontSize, iconFontSize, borderRadius)), {
-      "&-lg": Object.assign({}, avatarSizeStyle(containerSizeLG, textFontSizeLG, iconFontSizeLG, borderRadiusLG)),
-      "&-sm": Object.assign({}, avatarSizeStyle(containerSizeSM, textFontSizeSM, iconFontSizeSM, borderRadiusSM)),
+    }), avatarSizeStyle(containerSize, textFontSize, borderRadius)), {
+      "&-lg": Object.assign({}, avatarSizeStyle(containerSizeLG, textFontSizeLG, borderRadiusLG)),
+      "&-sm": Object.assign({}, avatarSizeStyle(containerSizeSM, textFontSizeSM, borderRadiusSM)),
       "> img": {
         display: "block",
         width: "100%",
@@ -127,12 +123,9 @@ const prepareComponentToken = (token) => {
     containerSize: controlHeight,
     containerSizeLG: controlHeightLG,
     containerSizeSM: controlHeightSM,
-    textFontSize: fontSize,
-    textFontSizeLG: fontSize,
+    textFontSize: Math.round((fontSizeLG + fontSizeXL) / 2),
+    textFontSizeLG: fontSizeHeading3,
     textFontSizeSM: fontSize,
-    iconFontSize: Math.round((fontSizeLG + fontSizeXL) / 2),
-    iconFontSizeLG: fontSizeHeading3,
-    iconFontSizeSM: fontSize,
     groupSpace: marginXXS,
     groupOverlapping: -marginXS,
     groupBorderColor: colorBorderBg

package/dist/node_modules/antd/es/avatar/style/index.js

@@ -29,25 +29,21 @@ const genBaseStyle = (token) => {
     textFontSize,
     textFontSizeLG,
     textFontSizeSM,
-    iconFontSize,
-    iconFontSizeLG,
-    iconFontSizeSM,
     borderRadius,
     borderRadiusLG,
     borderRadiusSM,
     lineWidth,
     lineType
   } = token;
-  const avatarSizeStyle = (size, fontSize, iconFontSize2, radius) => ({
+  const avatarSizeStyle = (size, fontSize, radius) => ({
     width: size,
     height: size,
     borderRadius: "50%",
-    fontSize,
     [`&${componentCls}-square`]: {
       borderRadius: radius
     },
     [`&${componentCls}-icon`]: {
-      fontSize: iconFontSize2,
+      fontSize,
       [`> ${iconCls}`]: {
         margin: 0
       }
@@ -72,9 +68,9 @@ const genBaseStyle = (token) => {
       [`${antCls}-image-img`]: {
         display: "block"
       }
-    }), avatarSizeStyle(containerSize, textFontSize, iconFontSize, borderRadius)), {
-      "&-lg": Object.assign({}, avatarSizeStyle(containerSizeLG, textFontSizeLG, iconFontSizeLG, borderRadiusLG)),
-      "&-sm": Object.assign({}, avatarSizeStyle(containerSizeSM, textFontSizeSM, iconFontSizeSM, borderRadiusSM)),
+    }), avatarSizeStyle(containerSize, textFontSize, borderRadius)), {
+      "&-lg": Object.assign({}, avatarSizeStyle(containerSizeLG, textFontSizeLG, borderRadiusLG)),
+      "&-sm": Object.assign({}, avatarSizeStyle(containerSizeSM, textFontSizeSM, borderRadiusSM)),
       "> img": {
         display: "block",
         width: "100%",
@@ -125,12 +121,9 @@ const prepareComponentToken = (token) => {
     containerSize: controlHeight,
     containerSizeLG: controlHeightLG,
     containerSizeSM: controlHeightSM,
-    textFontSize: fontSize,
-    textFontSizeLG: fontSize,
+    textFontSize: Math.round((fontSizeLG + fontSizeXL) / 2),
+    textFontSizeLG: fontSizeHeading3,
     textFontSizeSM: fontSize,
-    iconFontSize: Math.round((fontSizeLG + fontSizeXL) / 2),
-    iconFontSizeLG: fontSizeHeading3,
-    iconFontSizeSM: fontSize,
     groupSpace: marginXXS,
     groupOverlapping: -marginXS,
     groupBorderColor: colorBorderBg

package/dist/node_modules/antd/es/breadcrumb/BreadcrumbSeparator.cjs

@@ -21,9 +21,10 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const BreadcrumbSeparator = ({
-  children
-}) => {
+const BreadcrumbSeparator = (_ref) => {
+  let {
+    children
+  } = _ref;
   const {
     getPrefixCls
   } = React__namespace.useContext(context.ConfigContext);

package/dist/node_modules/antd/es/breadcrumb/BreadcrumbSeparator.js

@@ -1,9 +1,10 @@
 import * as React from "react";
 import "../config-provider/index.js";
 import { ConfigContext } from "../config-provider/context.js";
-const BreadcrumbSeparator = ({
-  children
-}) => {
+const BreadcrumbSeparator = (_ref) => {
+  let {
+    children
+  } = _ref;
   const {
     getPrefixCls
   } = React.useContext(ConfigContext);

package/dist/node_modules/antd/es/button/DefaultLoadingIcon.cjs

@@ -63,10 +63,11 @@ const DefaultLoadingIcon = (props) => {
     onEnterActive: getRealWidth,
     onLeaveStart: getRealWidth,
     onLeaveActive: getCollapsedWidth
-  }, ({
-    className: motionCls,
-    style: motionStyle
-  }, ref) => {
+  }, (_ref, ref) => {
+    let {
+      className: motionCls,
+      style: motionStyle
+    } = _ref;
     const mergedStyle = Object.assign(Object.assign({}, style), motionStyle);
     return /* @__PURE__ */ React.createElement(InnerLoadingIcon, {
       prefixCls,

package/dist/node_modules/antd/es/button/DefaultLoadingIcon.js

@@ -62,10 +62,11 @@ const DefaultLoadingIcon = (props) => {
     onEnterActive: getRealWidth,
     onLeaveStart: getRealWidth,
     onLeaveActive: getCollapsedWidth
-  }, ({
-    className: motionCls,
-    style: motionStyle
-  }, ref) => {
+  }, (_ref, ref) => {
+    let {
+      className: motionCls,
+      style: motionStyle
+    } = _ref;
     const mergedStyle = Object.assign(Object.assign({}, style), motionStyle);
     return /* @__PURE__ */ React__default.createElement(InnerLoadingIcon, {
       prefixCls,

package/dist/node_modules/antd/es/button/button.cjs

@@ -3,7 +3,6 @@ var React = require("react");
 var index$1 = require("../../../../_virtual/index.cjs");
 var omit = require("../../../rc-util/es/omit.cjs");
 var ref = require("../../../rc-util/es/ref.cjs");
-var useLayoutEffect = require("../../../rc-util/es/hooks/useLayoutEffect.cjs");
 var warning = require("../_util/warning.cjs");
 var index$2 = require("../_util/wave/index.cjs");
 var context = require("../config-provider/context.cjs");
@@ -55,7 +54,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React.forwardRef((props, ref$1)
     variant,
     type,
     danger = false,
-    shape: customizeShape,
+    shape = "default",
     size: customizeSize,
     styles,
     disabled: customDisabled,
@@ -74,26 +73,16 @@ const InternalCompoundedButton = /* @__PURE__ */ React.forwardRef((props, ref$1)
     autoFocus
   } = props, rest = __rest(props, ["loading", "prefixCls", "color", "variant", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace", "autoFocus"]);
   const mergedType = type || "default";
-  const {
-    button
-  } = React.useContext(context.ConfigContext);
-  const shape = customizeShape || (button === null || button === void 0 ? void 0 : button.shape) || "default";
   const [mergedColor, mergedVariant] = React.useMemo(() => {
     if (color && variant) {
       return [color, variant];
     }
-    if (type || danger) {
-      const colorVariantPair = ButtonTypeMap[mergedType] || [];
-      if (danger) {
-        return ["danger", colorVariantPair[1]];
-      }
-      return colorVariantPair;
-    }
-    if ((button === null || button === void 0 ? void 0 : button.color) && (button === null || button === void 0 ? void 0 : button.variant)) {
-      return [button.color, button.variant];
+    const colorVariantPair = ButtonTypeMap[mergedType] || [];
+    if (danger) {
+      return ["danger", colorVariantPair[1]];
     }
-    return ["default", "outlined"];
-  }, [type, color, variant, danger, button === null || button === void 0 ? void 0 : button.variant, button === null || button === void 0 ? void 0 : button.color]);
+    return colorVariantPair;
+  }, [type, color, variant, danger]);
   const isDanger = mergedColor === "danger";
   const mergedColorText = isDanger ? "dangerous" : mergedColor;
   const {
@@ -124,7 +113,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React.forwardRef((props, ref$1)
       isMountRef.current = true;
     };
   }, []);
-  useLayoutEffect.default(() => {
+  React.useEffect(() => {
     let delayTimer = null;
     if (loadingOrDelay.delay > 0) {
       delayTimer = setTimeout(() => {
@@ -141,7 +130,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React.forwardRef((props, ref$1)
       }
     }
     return cleanupTimer;
-  }, [loadingOrDelay.delay, loadingOrDelay.loading]);
+  }, [loadingOrDelay]);
   React.useEffect(() => {
     if (!buttonRef.current || !mergedInsertSpace) {
       return;
@@ -191,7 +180,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React.forwardRef((props, ref$1)
   const linkButtonRestProps = omit(rest, ["navigate"]);
   const classes = index$1(prefixCls, hashId, cssVarCls, {
     [`${prefixCls}-${shape}`]: shape !== "default" && shape,
-    // Compatible with versions earlier than 5.21.0
+    // line(253 - 254): Compatible with versions earlier than 5.21.0
     [`${prefixCls}-${mergedType}`]: mergedType,
     [`${prefixCls}-dangerous`]: danger,
     [`${prefixCls}-color-${mergedColorText}`]: mergedColorText,

package/dist/node_modules/antd/es/button/button.js

@@ -2,10 +2,9 @@ import React__default, { useMemo, useContext, useState, useRef, Children, useEff
 import classNames from "../../../../_virtual/index.js";
 import omit from "../../../rc-util/es/omit.js";
 import { useComposeRef } from "../../../rc-util/es/ref.js";
-import useLayoutEffect from "../../../rc-util/es/hooks/useLayoutEffect.js";
 import { devUseWarning } from "../_util/warning.js";
 import Wave from "../_util/wave/index.js";
-import { ConfigContext, useComponentConfig } from "../config-provider/context.js";
+import { useComponentConfig } from "../config-provider/context.js";
 import DisabledContext from "../config-provider/DisabledContext.js";
 import useSize from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
@@ -54,7 +53,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React__default.forwardRef((prop
     variant,
     type,
     danger = false,
-    shape: customizeShape,
+    shape = "default",
     size: customizeSize,
     styles,
     disabled: customDisabled,
@@ -73,26 +72,16 @@ const InternalCompoundedButton = /* @__PURE__ */ React__default.forwardRef((prop
     autoFocus
   } = props, rest = __rest(props, ["loading", "prefixCls", "color", "variant", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace", "autoFocus"]);
   const mergedType = type || "default";
-  const {
-    button
-  } = React__default.useContext(ConfigContext);
-  const shape = customizeShape || (button === null || button === void 0 ? void 0 : button.shape) || "default";
   const [mergedColor, mergedVariant] = useMemo(() => {
     if (color && variant) {
       return [color, variant];
     }
-    if (type || danger) {
-      const colorVariantPair = ButtonTypeMap[mergedType] || [];
-      if (danger) {
-        return ["danger", colorVariantPair[1]];
-      }
-      return colorVariantPair;
-    }
-    if ((button === null || button === void 0 ? void 0 : button.color) && (button === null || button === void 0 ? void 0 : button.variant)) {
-      return [button.color, button.variant];
+    const colorVariantPair = ButtonTypeMap[mergedType] || [];
+    if (danger) {
+      return ["danger", colorVariantPair[1]];
     }
-    return ["default", "outlined"];
-  }, [type, color, variant, danger, button === null || button === void 0 ? void 0 : button.variant, button === null || button === void 0 ? void 0 : button.color]);
+    return colorVariantPair;
+  }, [type, color, variant, danger]);
   const isDanger = mergedColor === "danger";
   const mergedColorText = isDanger ? "dangerous" : mergedColor;
   const {
@@ -123,7 +112,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React__default.forwardRef((prop
       isMountRef.current = true;
     };
   }, []);
-  useLayoutEffect(() => {
+  useEffect(() => {
     let delayTimer = null;
     if (loadingOrDelay.delay > 0) {
       delayTimer = setTimeout(() => {
@@ -140,7 +129,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React__default.forwardRef((prop
       }
     }
     return cleanupTimer;
-  }, [loadingOrDelay.delay, loadingOrDelay.loading]);
+  }, [loadingOrDelay]);
   useEffect(() => {
     if (!buttonRef.current || !mergedInsertSpace) {
       return;
@@ -190,7 +179,7 @@ const InternalCompoundedButton = /* @__PURE__ */ React__default.forwardRef((prop
   const linkButtonRestProps = omit(rest, ["navigate"]);
   const classes = classNames(prefixCls, hashId, cssVarCls, {
     [`${prefixCls}-${shape}`]: shape !== "default" && shape,
-    // Compatible with versions earlier than 5.21.0
+    // line(253 - 254): Compatible with versions earlier than 5.21.0
     [`${prefixCls}-${mergedType}`]: mergedType,
     [`${prefixCls}-dangerous`]: danger,
     [`${prefixCls}-color-${mergedColorText}`]: mergedColorText,

package/dist/node_modules/antd/es/button/style/index.cjs

@@ -28,7 +28,7 @@ const genSharedButtonStyle = (token2) => {
     opacityLoading,
     motionDurationSlow,
     motionEaseInOut,
-    iconGap,
+    marginXS,
     calc
   } = token2;
   return {
@@ -36,7 +36,7 @@ const genSharedButtonStyle = (token2) => {
       outline: "none",
       position: "relative",
       display: "inline-flex",
-      gap: iconGap,
+      gap: token2.marginXS,
       alignItems: "center",
       justifyContent: "center",
       fontWeight,
@@ -88,7 +88,7 @@ const genSharedButtonStyle = (token2) => {
       [`&: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
@@ -97,7 +97,7 @@ const genSharedButtonStyle = (token2) => {
             marginInlineEnd: 0
           },
           "&-leave-active": {
-            marginInlineEnd: calc(iconGap).mul(-1).equal()
+            marginInlineEnd: calc(marginXS).mul(-1).equal()
           }
         }
       },
@@ -105,7 +105,7 @@ const genSharedButtonStyle = (token2) => {
         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
@@ -114,7 +114,7 @@ const genSharedButtonStyle = (token2) => {
             marginInlineStart: 0
           },
           "&-leave-active": {
-            marginInlineStart: calc(iconGap).mul(-1).equal()
+            marginInlineStart: calc(marginXS).mul(-1).equal()
           }
         }
       }
@@ -234,10 +234,8 @@ const genPresetColorStyle = (token2) => {
         borderColor: activeColor,
         background: token2.colorBgContainer
       })), genDashedButtonStyle(token2)), genFilledButtonStyle(token2, lightColor, {
-        color: darkColor,
         background: lightHoverColor
       }, {
-        color: darkColor,
         background: lightBorderColor
       })), genTextLinkButtonStyle(token2, darkColor, "link", {
         color: hoverColor
@@ -263,10 +261,8 @@ const genDefaultButtonStyle = (token2) => Object.assign(Object.assign(Object.ass
   color: token2.solidTextColor,
   background: token2.colorBgSolidActive
 })), genDashedButtonStyle(token2)), genFilledButtonStyle(token2, token2.colorFillTertiary, {
-  color: token2.defaultColor,
   background: token2.colorFillSecondary
 }, {
-  color: token2.defaultColor,
   background: token2.colorFill
 })), genGhostButtonStyle(token2.componentCls, token2.ghostBg, token2.defaultGhostColor, token2.defaultGhostBorderColor, token2.colorTextDisabled, token2.colorBorder)), genTextLinkButtonStyle(token2, token2.textTextColor, "link", {
   color: token2.colorLinkHover,
@@ -286,10 +282,8 @@ const genPrimaryButtonStyle = (token2) => Object.assign(Object.assign(Object.ass
   borderColor: token2.colorPrimaryActive,
   background: token2.colorBgContainer
 })), genDashedButtonStyle(token2)), genFilledButtonStyle(token2, token2.colorPrimaryBg, {
-  color: token2.colorPrimary,
   background: token2.colorPrimaryBgHover
 }, {
-  color: token2.colorPrimary,
   background: token2.colorPrimaryBorder
 })), genTextLinkButtonStyle(token2, token2.colorPrimaryText, "text", {
   color: token2.colorPrimaryTextHover,
@@ -323,10 +317,8 @@ const genDangerousStyle = (token2) => Object.assign(Object.assign(Object.assign(
   color: token2.colorErrorActive,
   borderColor: token2.colorErrorActive
 })), genDashedButtonStyle(token2)), genFilledButtonStyle(token2, token2.colorErrorBg, {
-  color: token2.colorError,
   background: token2.colorErrorBgFilledHover
 }, {
-  color: token2.colorError,
   background: token2.colorErrorBgActive
 })), genTextLinkButtonStyle(token2, token2.colorError, "text", {
   color: token2.colorErrorHover,
@@ -393,7 +385,8 @@ const genCompatibleButtonStyle = (token2) => Object.assign(Object.assign(Object.
 }, {
   color: token2.colorLinkActive
 }));
-const genButtonStyle = (token2, prefixCls = "") => {
+const genButtonStyle = function(token2) {
+  let prefixCls = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
   const {
     componentCls,
     controlHeight,