@notificationapi/react 0.0.8 → 0.0.10

package/dist/assets/button.js

@@ -1,108 +1,112 @@
-import * as z from "react";
-import a, { forwardRef as So, useContext as D, useMemo as _o, useState as uo, Children as Fo, useEffect as go, createRef as Vo } from "react";
-import { a as ho, h as qo, c as $, b as Xo, j as Uo, f as Jo, m as L, k as M, g as Ko, u as I, l as Qo, n as Yo, D as Zo, o as ko } from "./colors.js";
-import { e as oe, f as ee, h as te, j as re, o as ne, W as le } from "./index3.js";
-var ie = function(o, e) {
+import * as j from "react";
+import a, { forwardRef as Co, useContext as _, useMemo as Fo, useState as mo, Children as Vo, useEffect as po, createRef as qo } from "react";
+import { a as yo, h as Xo, j as vo, c as O, b as Uo, k as Jo, f as Ko, m as L, l as M, g as Qo, u as I, n as Yo, o as Zo, D as ko, p as oe } from "./colors.js";
+import { e as ee, f as te, h as ne, j as re, o as ie, W as le } from "./index3.js";
+var ae = function(o, e) {
   var t = {};
-  for (var r in o)
-    Object.prototype.hasOwnProperty.call(o, r) && e.indexOf(r) < 0 && (t[r] = o[r]);
+  for (var n in o)
+    Object.prototype.hasOwnProperty.call(o, n) && e.indexOf(n) < 0 && (t[n] = o[n]);
   if (o != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, r = Object.getOwnPropertySymbols(o); n < r.length; n++)
-      e.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(o, r[n]) && (t[r[n]] = o[r[n]]);
+    for (var r = 0, n = Object.getOwnPropertySymbols(o); r < n.length; r++)
+      e.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(o, n[r]) && (t[n[r]] = o[n[r]]);
   return t;
 };
-const Co = /* @__PURE__ */ z.createContext(void 0), ae = (o) => {
+const $o = /* @__PURE__ */ j.createContext(void 0), ce = (o) => {
   const {
     getPrefixCls: e,
     direction: t
-  } = z.useContext(ho), {
-    prefixCls: r,
-    size: n,
-    className: l
-  } = o, i = ie(o, ["prefixCls", "size", "className"]), c = e("btn-group", r), [, , m] = qo();
-  let d = "";
-  switch (n) {
+  } = j.useContext(yo), {
+    prefixCls: n,
+    size: r,
+    className: i
+  } = o, l = ae(o, ["prefixCls", "size", "className"]), c = e("btn-group", n), [, , m] = Xo();
+  let u = "";
+  switch (r) {
     case "large":
-      d = "lg";
+      u = "lg";
       break;
     case "small":
-      d = "sm";
+      u = "sm";
       break;
   }
-  const b = $(c, {
-    [`${c}-${d}`]: d,
+  if (process.env.NODE_ENV !== "production") {
+    const f = vo("Button.Group");
+    process.env.NODE_ENV !== "production" && f(!r || ["large", "small", "middle"].includes(r), "usage", "Invalid prop `size`.");
+  }
+  const p = O(c, {
+    [`${c}-${u}`]: u,
     [`${c}-rtl`]: t === "rtl"
-  }, l, m);
-  return /* @__PURE__ */ z.createElement(Co.Provider, {
-    value: n
-  }, /* @__PURE__ */ z.createElement("div", Object.assign({}, i, {
-    className: b
+  }, i, m);
+  return /* @__PURE__ */ j.createElement($o.Provider, {
+    value: r
+  }, /* @__PURE__ */ j.createElement("div", Object.assign({}, l, {
+    className: p
   })));
-}, mo = /^[\u4e00-\u9fa5]{2}$/, q = mo.test.bind(mo);
-function Re(o) {
+}, bo = /^[\u4e00-\u9fa5]{2}$/, q = bo.test.bind(bo);
+function Ae(o) {
   return o === "danger" ? {
     danger: !0
   } : {
     type: o
   };
 }
-function bo(o) {
+function fo(o) {
   return typeof o == "string";
 }
-function _(o) {
+function z(o) {
   return o === "text" || o === "link";
 }
-function ce(o, e) {
+function se(o, e) {
   if (o == null)
     return;
   const t = e ? " " : "";
-  return typeof o != "string" && typeof o != "number" && bo(o.type) && q(o.props.children) ? Xo(o, {
+  return typeof o != "string" && typeof o != "number" && fo(o.type) && q(o.props.children) ? Uo(o, {
     children: o.props.children.split("").join(t)
-  }) : bo(o) ? q(o) ? /* @__PURE__ */ a.createElement("span", null, o.split("").join(t)) : /* @__PURE__ */ a.createElement("span", null, o) : Uo(o) ? /* @__PURE__ */ a.createElement("span", null, o) : o;
+  }) : fo(o) ? q(o) ? /* @__PURE__ */ a.createElement("span", null, o.split("").join(t)) : /* @__PURE__ */ a.createElement("span", null, o) : Jo(o) ? /* @__PURE__ */ a.createElement("span", null, o) : o;
 }
-function se(o, e) {
+function de(o, e) {
   let t = !1;
-  const r = [];
-  return a.Children.forEach(o, (n) => {
-    const l = typeof n, i = l === "string" || l === "number";
-    if (t && i) {
-      const c = r.length - 1, m = r[c];
-      r[c] = `${m}${n}`;
+  const n = [];
+  return a.Children.forEach(o, (r) => {
+    const i = typeof r, l = i === "string" || i === "number";
+    if (t && l) {
+      const c = n.length - 1, m = n[c];
+      n[c] = `${m}${r}`;
     } else
-      r.push(n);
-    t = i;
-  }), a.Children.map(r, (n) => ce(n, e));
+      n.push(r);
+    t = l;
+  }), a.Children.map(n, (r) => se(r, e));
 }
-const yo = /* @__PURE__ */ So((o, e) => {
+const Bo = /* @__PURE__ */ Co((o, e) => {
   const {
     className: t,
-    style: r,
-    children: n,
-    prefixCls: l
-  } = o, i = $(`${l}-icon`, t);
+    style: n,
+    children: r,
+    prefixCls: i
+  } = o, l = O(`${i}-icon`, t);
   return /* @__PURE__ */ a.createElement("span", {
     ref: e,
-    className: i,
-    style: r
-  }, n);
-}), po = /* @__PURE__ */ So((o, e) => {
+    className: l,
+    style: n
+  }, r);
+}), ho = /* @__PURE__ */ Co((o, e) => {
   const {
     prefixCls: t,
-    className: r,
-    style: n,
-    iconClassName: l,
-    iconPosition: i = "start"
-  } = o, c = $(r, {
-    [`${t}-loading-icon-end`]: i === "end",
-    [`${t}-loading-icon`]: i === "start"
+    className: n,
+    style: r,
+    iconClassName: i,
+    iconPosition: l = "start"
+  } = o, c = O(n, {
+    [`${t}-loading-icon-end`]: l === "end",
+    [`${t}-loading-icon`]: l === "start"
   });
-  return /* @__PURE__ */ a.createElement(yo, {
+  return /* @__PURE__ */ a.createElement(Bo, {
     prefixCls: t,
     className: c,
-    style: n,
+    style: r,
     ref: e
-  }, /* @__PURE__ */ a.createElement(oe, {
-    className: l
+  }, /* @__PURE__ */ a.createElement(ee, {
+    className: i
   }));
 }), F = () => ({
   width: 0,
@@ -112,21 +116,21 @@ const yo = /* @__PURE__ */ So((o, e) => {
   width: o.scrollWidth,
   opacity: 1,
   transform: "scale(1)"
-}), de = (o) => {
+}), ue = (o) => {
   const {
     prefixCls: e,
     loading: t,
-    existIcon: r,
-    className: n,
-    style: l,
-    iconPosition: i
+    existIcon: n,
+    className: r,
+    style: i,
+    iconPosition: l
   } = o, c = !!t;
-  return r ? /* @__PURE__ */ a.createElement(po, {
+  return n ? /* @__PURE__ */ a.createElement(ho, {
     prefixCls: e,
-    className: n,
-    style: l,
-    iconPosition: i
-  }) : /* @__PURE__ */ a.createElement(Jo, {
+    className: r,
+    style: i,
+    iconPosition: l
+  }) : /* @__PURE__ */ a.createElement(Ko, {
     visible: c,
     // We do not really use this motionName
     motionName: `${e}-loading-icon-motion`,
@@ -138,21 +142,21 @@ const yo = /* @__PURE__ */ So((o, e) => {
     onEnterActive: V,
     onLeaveStart: V,
     onLeaveActive: F
-  }, (m, d) => {
+  }, (m, u) => {
     let {
-      className: b,
-      style: S
+      className: p,
+      style: f
     } = m;
-    return /* @__PURE__ */ a.createElement(po, {
+    return /* @__PURE__ */ a.createElement(ho, {
       prefixCls: e,
-      className: n,
-      style: Object.assign(Object.assign({}, l), S),
-      ref: d,
-      iconClassName: b,
-      iconPosition: i
+      className: r,
+      style: Object.assign(Object.assign({}, i), f),
+      ref: u,
+      iconClassName: p,
+      iconPosition: l
     });
   });
-}, fo = (o, e) => ({
+}, So = (o, e) => ({
   // Border
   [`> span, > ${o}`]: {
     "&:not(:last-child)": {
@@ -170,13 +174,13 @@ const yo = /* @__PURE__ */ So((o, e) => {
       }
     }
   }
-}), ue = (o) => {
+}), ge = (o) => {
   const {
     componentCls: e,
     fontSize: t,
-    lineWidth: r,
-    groupBorderColor: n,
-    colorErrorHover: l
+    lineWidth: n,
+    groupBorderColor: r,
+    colorErrorHover: i
   } = o;
   return {
     [`${e}-group`]: [
@@ -192,7 +196,7 @@ const yo = /* @__PURE__ */ So((o, e) => {
             }
           },
           "&:not(:first-child)": {
-            marginInlineStart: o.calc(r).mul(-1).equal(),
+            marginInlineStart: o.calc(n).mul(-1).equal(),
             [`&, & > ${e}`]: {
               borderStartStartRadius: 0,
               borderEndStartRadius: 0
@@ -214,24 +218,24 @@ const yo = /* @__PURE__ */ So((o, e) => {
         }
       },
       // Border Color
-      fo(`${e}-primary`, n),
-      fo(`${e}-danger`, l)
+      So(`${e}-primary`, r),
+      So(`${e}-danger`, i)
     ]
   };
-}, vo = (o) => {
+}, Oo = (o) => {
   const {
     paddingInline: e,
     onlyIconSize: t,
-    paddingBlock: r
+    paddingBlock: n
   } = o;
   return L(o, {
     buttonPaddingHorizontal: e,
-    buttonPaddingVertical: r,
+    buttonPaddingVertical: n,
     buttonIconOnlyFontSize: t
   });
-}, $o = (o) => {
-  var e, t, r, n, l, i;
-  const c = (e = o.contentFontSize) !== null && e !== void 0 ? e : o.fontSize, m = (t = o.contentFontSizeSM) !== null && t !== void 0 ? t : o.fontSize, d = (r = o.contentFontSizeLG) !== null && r !== void 0 ? r : o.fontSizeLG, b = (n = o.contentLineHeight) !== null && n !== void 0 ? n : M(c), S = (l = o.contentLineHeightSM) !== null && l !== void 0 ? l : M(m), y = (i = o.contentLineHeightLG) !== null && i !== void 0 ? i : M(d);
+}, Eo = (o) => {
+  var e, t, n, r, i, l;
+  const c = (e = o.contentFontSize) !== null && e !== void 0 ? e : o.fontSize, m = (t = o.contentFontSizeSM) !== null && t !== void 0 ? t : o.fontSize, u = (n = o.contentFontSizeLG) !== null && n !== void 0 ? n : o.fontSizeLG, p = (r = o.contentLineHeight) !== null && r !== void 0 ? r : M(c), f = (i = o.contentLineHeightSM) !== null && i !== void 0 ? i : M(m), v = (l = o.contentLineHeightLG) !== null && l !== void 0 ? l : M(u);
   return {
     fontWeight: 400,
     defaultShadow: `0 ${o.controlOutlineWidth}px 0 ${o.controlTmpOutline}`,
@@ -264,26 +268,26 @@ const yo = /* @__PURE__ */ So((o, e) => {
     defaultActiveBorderColor: o.colorPrimaryActive,
     contentFontSize: c,
     contentFontSizeSM: m,
-    contentFontSizeLG: d,
-    contentLineHeight: b,
-    contentLineHeightSM: S,
-    contentLineHeightLG: y,
-    paddingBlock: Math.max((o.controlHeight - c * b) / 2 - o.lineWidth, 0),
-    paddingBlockSM: Math.max((o.controlHeightSM - m * S) / 2 - o.lineWidth, 0),
-    paddingBlockLG: Math.max((o.controlHeightLG - d * y) / 2 - o.lineWidth, 0)
+    contentFontSizeLG: u,
+    contentLineHeight: p,
+    contentLineHeightSM: f,
+    contentLineHeightLG: v,
+    paddingBlock: Math.max((o.controlHeight - c * p) / 2 - o.lineWidth, 0),
+    paddingBlockSM: Math.max((o.controlHeightSM - m * f) / 2 - o.lineWidth, 0),
+    paddingBlockLG: Math.max((o.controlHeightLG - u * v) / 2 - o.lineWidth, 0)
   };
-}, ge = (o) => {
+}, me = (o) => {
   const {
     componentCls: e,
     iconCls: t,
-    fontWeight: r
+    fontWeight: n
   } = o;
   return {
     [e]: {
       outline: "none",
       position: "relative",
       display: "inline-block",
-      fontWeight: r,
+      fontWeight: n,
       whiteSpace: "nowrap",
       textAlign: "center",
       backgroundImage: "none",
@@ -322,7 +326,7 @@ const yo = /* @__PURE__ */ So((o, e) => {
       "> a": {
         color: "currentColor"
       },
-      "&:not(:disabled)": Object.assign({}, Qo(o)),
+      "&:not(:disabled)": Object.assign({}, Yo(o)),
       [`&${e}-two-chinese-chars::first-letter`]: {
         letterSpacing: "0.34em"
       },
@@ -336,12 +340,12 @@ const yo = /* @__PURE__ */ So((o, e) => {
       }
     }
   };
-}, f = (o, e, t) => ({
+}, h = (o, e, t) => ({
   [`&:not(:disabled):not(${o}-disabled)`]: {
     "&:hover": e,
     "&:active": t
   }
-}), me = (o) => ({
+}), pe = (o) => ({
   minWidth: o.controlHeight,
   paddingInlineStart: 0,
   paddingInlineEnd: 0,
@@ -350,42 +354,42 @@ const yo = /* @__PURE__ */ So((o, e) => {
   borderRadius: o.controlHeight,
   paddingInlineStart: o.calc(o.controlHeight).div(2).equal(),
   paddingInlineEnd: o.calc(o.controlHeight).div(2).equal()
-}), pe = (o) => ({
+}), fe = (o) => ({
   cursor: "not-allowed",
   borderColor: o.borderColorDisabled,
   color: o.colorTextDisabled,
   background: o.colorBgContainerDisabled,
   boxShadow: "none"
-}), H = (o, e, t, r, n, l, i, c) => ({
+}), H = (o, e, t, n, r, i, l, c) => ({
   [`&${o}-background-ghost`]: Object.assign(Object.assign({
     color: t || void 0,
     background: e,
-    borderColor: r || void 0,
+    borderColor: n || void 0,
     boxShadow: "none"
-  }, f(o, Object.assign({
+  }, h(o, Object.assign({
     background: e
-  }, i), Object.assign({
+  }, l), Object.assign({
     background: e
   }, c))), {
     "&:disabled": {
       cursor: "not-allowed",
-      color: n || void 0,
-      borderColor: l || void 0
+      color: r || void 0,
+      borderColor: i || void 0
     }
   })
 }), X = (o) => ({
-  [`&:disabled, &${o.componentCls}-disabled`]: Object.assign({}, pe(o))
-}), Bo = (o) => Object.assign({}, X(o)), j = (o) => ({
+  [`&:disabled, &${o.componentCls}-disabled`]: Object.assign({}, fe(o))
+}), xo = (o) => Object.assign({}, X(o)), N = (o) => ({
   [`&:disabled, &${o.componentCls}-disabled`]: {
     cursor: "not-allowed",
     color: o.colorTextDisabled
   }
-}), Oo = (o) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Bo(o)), {
+}), Io = (o) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, xo(o)), {
   background: o.defaultBg,
   borderColor: o.defaultBorderColor,
   color: o.defaultColor,
   boxShadow: o.defaultShadow
-}), f(o.componentCls, {
+}), h(o.componentCls, {
   color: o.defaultHoverColor,
   borderColor: o.defaultHoverBorderColor,
   background: o.defaultHoverBg
@@ -397,18 +401,18 @@ const yo = /* @__PURE__ */ So((o, e) => {
   [`&${o.componentCls}-dangerous`]: Object.assign(Object.assign(Object.assign({
     color: o.colorError,
     borderColor: o.colorError
-  }, f(o.componentCls, {
+  }, h(o.componentCls, {
     color: o.colorErrorHover,
     borderColor: o.colorErrorBorderHover
   }, {
     color: o.colorErrorActive,
     borderColor: o.colorErrorActive
   })), H(o.componentCls, o.ghostBg, o.colorError, o.colorError, o.colorTextDisabled, o.colorBorder)), X(o))
-}), fe = (o) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Bo(o)), {
+}), he = (o) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, xo(o)), {
   color: o.primaryColor,
   background: o.colorPrimary,
   boxShadow: o.primaryShadow
-}), f(o.componentCls, {
+}), h(o.componentCls, {
   color: o.colorTextLightSolid,
   background: o.colorPrimaryHover
 }, {
@@ -425,7 +429,7 @@ const yo = /* @__PURE__ */ So((o, e) => {
     background: o.colorError,
     boxShadow: o.dangerShadow,
     color: o.dangerColor
-  }, f(o.componentCls, {
+  }, h(o.componentCls, {
     background: o.colorErrorHover
   }, {
     background: o.colorErrorActive
@@ -436,76 +440,76 @@ const yo = /* @__PURE__ */ So((o, e) => {
     color: o.colorErrorActive,
     borderColor: o.colorErrorActive
   })), X(o))
-}), Se = (o) => Object.assign(Object.assign({}, Oo(o)), {
+}), Se = (o) => Object.assign(Object.assign({}, Io(o)), {
   borderStyle: "dashed"
-}), he = (o) => Object.assign(Object.assign(Object.assign({
+}), Ce = (o) => Object.assign(Object.assign(Object.assign({
   color: o.colorLink
-}, f(o.componentCls, {
+}, h(o.componentCls, {
   color: o.colorLinkHover,
   background: o.linkHoverBg
 }, {
   color: o.colorLinkActive
-})), j(o)), {
+})), N(o)), {
   [`&${o.componentCls}-dangerous`]: Object.assign(Object.assign({
     color: o.colorError
-  }, f(o.componentCls, {
+  }, h(o.componentCls, {
     color: o.colorErrorHover
   }, {
     color: o.colorErrorActive
-  })), j(o))
-}), Ce = (o) => Object.assign(Object.assign(Object.assign({}, f(o.componentCls, {
+  })), N(o))
+}), ye = (o) => Object.assign(Object.assign(Object.assign({}, h(o.componentCls, {
   color: o.colorText,
   background: o.textHoverBg
 }, {
   color: o.colorText,
   background: o.colorBgTextActive
-})), j(o)), {
+})), N(o)), {
   [`&${o.componentCls}-dangerous`]: Object.assign(Object.assign({
     color: o.colorError
-  }, j(o)), f(o.componentCls, {
+  }, N(o)), h(o.componentCls, {
     color: o.colorErrorHover,
     background: o.colorErrorBg
   }, {
     color: o.colorErrorHover,
     background: o.colorErrorBgActive
   }))
-}), ye = (o) => {
+}), ve = (o) => {
   const {
     componentCls: e
   } = o;
   return {
-    [`${e}-default`]: Oo(o),
-    [`${e}-primary`]: fe(o),
+    [`${e}-default`]: Io(o),
+    [`${e}-primary`]: he(o),
     [`${e}-dashed`]: Se(o),
-    [`${e}-link`]: he(o),
-    [`${e}-text`]: Ce(o),
+    [`${e}-link`]: Ce(o),
+    [`${e}-text`]: ye(o),
     [`${e}-ghost`]: H(o.componentCls, o.ghostBg, o.colorBgContainer, o.colorBgContainer, o.colorTextDisabled, o.colorBorder)
   };
 }, U = function(o) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
   const {
     componentCls: t,
-    controlHeight: r,
-    fontSize: n,
-    lineHeight: l,
-    borderRadius: i,
+    controlHeight: n,
+    fontSize: r,
+    lineHeight: i,
+    borderRadius: l,
     buttonPaddingHorizontal: c,
     iconCls: m,
-    buttonPaddingVertical: d
-  } = o, b = `${t}-icon-only`;
+    buttonPaddingVertical: u
+  } = o, p = `${t}-icon-only`;
   return [
     {
       [`${e}`]: {
-        fontSize: n,
-        lineHeight: l,
-        height: r,
-        padding: `${I(d)} ${I(c)}`,
-        borderRadius: i,
-        [`&${b}`]: {
+        fontSize: r,
+        lineHeight: i,
+        height: n,
+        padding: `${I(u)} ${I(c)}`,
+        borderRadius: l,
+        [`&${p}`]: {
           display: "inline-flex",
           alignItems: "center",
           justifyContent: "center",
-          width: r,
+          width: n,
           paddingInlineStart: 0,
           paddingInlineEnd: 0,
           [`&${t}-round`]: {
@@ -527,19 +531,19 @@ const yo = /* @__PURE__ */ So((o, e) => {
     },
     // Shape - patch prefixCls again to override solid border radius style
     {
-      [`${t}${t}-circle${e}`]: me(o)
+      [`${t}${t}-circle${e}`]: pe(o)
     },
     {
       [`${t}${t}-round${e}`]: be(o)
     }
   ];
-}, ve = (o) => {
+}, $e = (o) => {
   const e = L(o, {
     fontSize: o.contentFontSize,
     lineHeight: o.contentLineHeight
   });
   return U(e, o.componentCls);
-}, $e = (o) => {
+}, Be = (o) => {
   const e = L(o, {
     controlHeight: o.controlHeightSM,
     fontSize: o.contentFontSizeSM,
@@ -551,7 +555,7 @@ const yo = /* @__PURE__ */ So((o, e) => {
     buttonIconOnlyFontSize: o.onlyIconSizeSM
   });
   return U(e, `${o.componentCls}-sm`);
-}, Be = (o) => {
+}, Oe = (o) => {
   const e = L(o, {
     controlHeight: o.controlHeightLG,
     fontSize: o.contentFontSizeLG,
@@ -562,7 +566,7 @@ const yo = /* @__PURE__ */ So((o, e) => {
     buttonIconOnlyFontSize: o.onlyIconSizeLG
   });
   return U(e, `${o.componentCls}-lg`);
-}, Oe = (o) => {
+}, Ee = (o) => {
   const {
     componentCls: e
   } = o;
@@ -573,23 +577,23 @@ const yo = /* @__PURE__ */ So((o, e) => {
       }
     }
   };
-}, xe = Ko("Button", (o) => {
-  const e = vo(o);
+}, xe = Qo("Button", (o) => {
+  const e = Oo(o);
   return [
     // Shared
-    ge(e),
+    me(e),
     // Size
-    ve(e),
     $e(e),
     Be(e),
-    // Block
     Oe(e),
+    // Block
+    Ee(e),
     // Group (type, ghost, danger, loading)
-    ye(e),
+    ve(e),
     // Button Group
-    ue(e)
+    ge(e)
   ];
-}, $o, {
+}, Eo, {
   unitless: {
     fontWeight: !0,
     contentLineHeight: !0,
@@ -597,7 +601,7 @@ const yo = /* @__PURE__ */ So((o, e) => {
     contentLineHeightLG: !0
   }
 });
-function Ee(o, e) {
+function Ie(o, e) {
   return {
     // border collapse
     [`&-item:not(${e}-last-item)`]: {
@@ -613,7 +617,7 @@ function Ee(o, e) {
     }
   };
 }
-function Ie(o, e) {
+function He(o, e) {
   return {
     [`&-item:not(${e}-first-item):not(${e}-last-item)`]: {
       borderRadius: 0
@@ -632,13 +636,13 @@ function Ie(o, e) {
     }
   };
 }
-function He(o) {
+function ze(o) {
   const e = `${o.componentCls}-compact-vertical`;
   return {
-    [e]: Object.assign(Object.assign({}, Ee(o, e)), Ie(o.componentCls, e))
+    [e]: Object.assign(Object.assign({}, Ie(o, e)), He(o.componentCls, e))
   };
 }
-const ze = (o) => {
+const je = (o) => {
   const {
     componentCls: e,
     calc: t
@@ -681,22 +685,22 @@ const ze = (o) => {
       }
     }
   };
-}, je = Yo(["Button", "compact"], (o) => {
-  const e = vo(o);
+}, Ne = Zo(["Button", "compact"], (o) => {
+  const e = Oo(o);
   return [
     // Space Compact
-    ee(e),
-    He(e),
-    ze(e)
+    te(e),
+    ze(e),
+    je(e)
   ];
-}, $o);
+}, Eo);
 var Le = function(o, e) {
   var t = {};
-  for (var r in o)
-    Object.prototype.hasOwnProperty.call(o, r) && e.indexOf(r) < 0 && (t[r] = o[r]);
+  for (var n in o)
+    Object.prototype.hasOwnProperty.call(o, n) && e.indexOf(n) < 0 && (t[n] = o[n]);
   if (o != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, r = Object.getOwnPropertySymbols(o); n < r.length; n++)
-      e.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(o, r[n]) && (t[r[n]] = o[r[n]]);
+    for (var r = 0, n = Object.getOwnPropertySymbols(o); r < n.length; r++)
+      e.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(o, n[r]) && (t[n[r]] = o[n[r]]);
   return t;
 };
 function Pe(o) {
@@ -713,120 +717,126 @@ function Pe(o) {
   };
 }
 const Te = /* @__PURE__ */ a.forwardRef((o, e) => {
-  var t, r, n;
+  var t, n, r;
   const {
-    loading: l = !1,
-    prefixCls: i,
+    loading: i = !1,
+    prefixCls: l,
     type: c,
     danger: m,
-    shape: d = "default",
-    size: b,
-    styles: S,
-    disabled: y,
-    className: Eo,
-    rootClassName: Io,
-    children: h,
-    icon: B,
+    shape: u = "default",
+    size: p,
+    styles: f,
+    disabled: v,
+    className: Ho,
+    rootClassName: zo,
+    children: S,
+    icon: C,
     iconPosition: P = "start",
-    ghost: Ho = !1,
-    block: zo = !1,
+    ghost: K = !1,
+    block: jo = !1,
     // React does not recognize the `htmlType` prop on a DOM element. Here we pick it out of `rest`.
-    htmlType: jo = "button",
+    htmlType: No = "button",
     classNames: T,
     style: Lo = {},
     autoInsertSpace: w
-  } = o, J = Le(o, ["loading", "prefixCls", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace"]), O = c || "default", {
+  } = o, Q = Le(o, ["loading", "prefixCls", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace"]), $ = c || "default", {
     getPrefixCls: Po,
-    direction: K,
-    button: u
-  } = D(ho), N = (t = w ?? (u == null ? void 0 : u.autoInsertSpace)) !== null && t !== void 0 ? t : !0, s = Po("btn", i), [Q, To, wo] = xe(s), No = D(Zo), x = y ?? No, Wo = D(Co), E = _o(() => Pe(l), [l]), [C, Y] = uo(E.loading), [W, Z] = uo(!1), v = ko(e, /* @__PURE__ */ Vo()), k = Fo.count(h) === 1 && !B && !_(O);
-  go(() => {
-    let g = null;
-    E.delay > 0 ? g = setTimeout(() => {
-      g = null, Y(!0);
-    }, E.delay) : Y(E.loading);
-    function p() {
-      g && (clearTimeout(g), g = null);
+    direction: Y,
+    button: g
+  } = _(yo), W = (t = w ?? (g == null ? void 0 : g.autoInsertSpace)) !== null && t !== void 0 ? t : !0, s = Po("btn", l), [Z, To, wo] = xe(s), Wo = _(ko), E = v ?? Wo, Do = _($o), x = Fo(() => Pe(i), [i]), [y, k] = mo(x.loading), [D, oo] = mo(!1), B = oe(e, /* @__PURE__ */ qo()), eo = Vo.count(S) === 1 && !C && !z($);
+  po(() => {
+    let d = null;
+    x.delay > 0 ? d = setTimeout(() => {
+      d = null, k(!0);
+    }, x.delay) : k(x.loading);
+    function b() {
+      d && (clearTimeout(d), d = null);
     }
-    return p;
-  }, [E]), go(() => {
-    if (!v || !v.current || !N)
+    return b;
+  }, [x]), po(() => {
+    if (!B || !B.current || !W)
       return;
-    const g = v.current.textContent;
-    k && q(g) ? W || Z(!0) : W && Z(!1);
-  }, [v]);
-  const oo = (g) => {
+    const d = B.current.textContent;
+    eo && q(d) ? D || oo(!0) : D && oo(!1);
+  }, [B]);
+  const to = (d) => {
     const {
-      onClick: p
+      onClick: b
     } = o;
-    if (C || x) {
-      g.preventDefault();
+    if (y || E) {
+      d.preventDefault();
       return;
     }
-    p == null || p(g);
-  }, {
-    compactSize: Ao,
-    compactItemClassnames: eo
-  } = te(s, K), Ro = {
+    b == null || b(d);
+  };
+  if (process.env.NODE_ENV !== "production") {
+    const d = vo("Button");
+    process.env.NODE_ENV !== "production" && d(!(typeof C == "string" && C.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${C}\` at https://ant.design/components/icon`), process.env.NODE_ENV !== "production" && d(!(K && z($)), "usage", "`link` or `text` button can't be a `ghost` button.");
+  }
+  const {
+    compactSize: Ro,
+    compactItemClassnames: no
+  } = ne(s, Y), Ao = {
     large: "lg",
     small: "sm",
     middle: void 0
-  }, to = re((g) => {
-    var p, G;
-    return (G = (p = b ?? Ao) !== null && p !== void 0 ? p : Wo) !== null && G !== void 0 ? G : g;
-  }), ro = to && Ro[to] || "", no = C ? "loading" : B, A = ne(J, ["navigate"]), lo = $(s, To, wo, {
-    [`${s}-${d}`]: d !== "default" && d,
-    [`${s}-${O}`]: O,
-    [`${s}-${ro}`]: ro,
-    [`${s}-icon-only`]: !h && h !== 0 && !!no,
-    [`${s}-background-ghost`]: Ho && !_(O),
-    [`${s}-loading`]: C,
-    [`${s}-two-chinese-chars`]: W && N && !C,
-    [`${s}-block`]: zo,
+  }, ro = re((d) => {
+    var b, G;
+    return (G = (b = p ?? Ro) !== null && b !== void 0 ? b : Do) !== null && G !== void 0 ? G : d;
+  }), io = ro && Ao[ro] || "", lo = y ? "loading" : C, R = ie(Q, ["navigate"]), ao = O(s, To, wo, {
+    [`${s}-${u}`]: u !== "default" && u,
+    [`${s}-${$}`]: $,
+    [`${s}-${io}`]: io,
+    [`${s}-icon-only`]: !S && S !== 0 && !!lo,
+    [`${s}-background-ghost`]: K && !z($),
+    [`${s}-loading`]: y,
+    [`${s}-two-chinese-chars`]: D && W && !y,
+    [`${s}-block`]: jo,
     [`${s}-dangerous`]: !!m,
-    [`${s}-rtl`]: K === "rtl"
-  }, eo, Eo, Io, u == null ? void 0 : u.className), io = Object.assign(Object.assign({}, u == null ? void 0 : u.style), Lo), Go = P === "end" && h && h !== 0 && no, Do = $(T == null ? void 0 : T.icon, (r = u == null ? void 0 : u.classNames) === null || r === void 0 ? void 0 : r.icon, {
+    [`${s}-rtl`]: Y === "rtl"
+  }, no, Ho, zo, g == null ? void 0 : g.className), co = Object.assign(Object.assign({}, g == null ? void 0 : g.style), Lo), Go = P === "end" && S && S !== 0 && lo, _o = O(T == null ? void 0 : T.icon, (n = g == null ? void 0 : g.classNames) === null || n === void 0 ? void 0 : n.icon, {
     [`${s}-icon-end`]: Go
-  }), Mo = Object.assign(Object.assign({}, (S == null ? void 0 : S.icon) || {}), ((n = u == null ? void 0 : u.styles) === null || n === void 0 ? void 0 : n.icon) || {}), ao = B && !C ? /* @__PURE__ */ a.createElement(yo, {
+  }), Mo = Object.assign(Object.assign({}, (f == null ? void 0 : f.icon) || {}), ((r = g == null ? void 0 : g.styles) === null || r === void 0 ? void 0 : r.icon) || {}), so = C && !y ? /* @__PURE__ */ a.createElement(Bo, {
     prefixCls: s,
-    className: Do,
+    className: _o,
     style: Mo
-  }, B) : /* @__PURE__ */ a.createElement(de, {
-    existIcon: !!B,
+  }, C) : /* @__PURE__ */ a.createElement(ue, {
+    existIcon: !!C,
     prefixCls: s,
-    loading: !!C,
+    loading: !!y,
     iconPosition: P
-  }), co = h || h === 0 ? se(h, k && N) : null, so = (g, p) => P === "start" ? /* @__PURE__ */ a.createElement(a.Fragment, null, g, p) : /* @__PURE__ */ a.createElement(a.Fragment, null, p, g);
-  if (A.href !== void 0)
-    return Q(/* @__PURE__ */ a.createElement("a", Object.assign({}, A, {
-      className: $(lo, {
-        [`${s}-disabled`]: x
+  }), uo = S || S === 0 ? de(S, eo && W) : null, go = (d, b) => P === "start" ? /* @__PURE__ */ a.createElement(a.Fragment, null, d, b) : /* @__PURE__ */ a.createElement(a.Fragment, null, b, d);
+  if (R.href !== void 0)
+    return Z(/* @__PURE__ */ a.createElement("a", Object.assign({}, R, {
+      className: O(ao, {
+        [`${s}-disabled`]: E
       }),
-      href: x ? void 0 : A.href,
-      style: io,
-      onClick: oo,
-      ref: v,
-      tabIndex: x ? -1 : 0
-    }), so(ao, co)));
-  let R = /* @__PURE__ */ a.createElement("button", Object.assign({}, J, {
-    type: jo,
-    className: lo,
-    style: io,
-    onClick: oo,
-    disabled: x,
-    ref: v
-  }), so(ao, co), !!eo && /* @__PURE__ */ a.createElement(je, {
+      href: E ? void 0 : R.href,
+      style: co,
+      onClick: to,
+      ref: B,
+      tabIndex: E ? -1 : 0
+    }), go(so, uo)));
+  let A = /* @__PURE__ */ a.createElement("button", Object.assign({}, Q, {
+    type: No,
+    className: ao,
+    style: co,
+    onClick: to,
+    disabled: E,
+    ref: B
+  }), go(so, uo), !!no && /* @__PURE__ */ a.createElement(Ne, {
     key: "compact",
     prefixCls: s
   }));
-  return _(O) || (R = /* @__PURE__ */ a.createElement(le, {
+  return z($) || (A = /* @__PURE__ */ a.createElement(le, {
     component: "Button",
-    disabled: !!C
-  }, R)), Q(R);
-}), xo = Te;
-xo.Group = ae;
-xo.__ANT_BUTTON = !0;
+    disabled: !!y
+  }, A)), Z(A);
+}), J = Te;
+J.Group = ce;
+J.__ANT_BUTTON = !0;
+process.env.NODE_ENV !== "production" && (J.displayName = "Button");
 export {
-  xo as B,
-  Re as c
+  J as B,
+  Ae as c
 };