@notificationapi/react 0.0.4 → 0.0.6

package/dist/assets/button.js

@@ -0,0 +1,832 @@
+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) {
+  var t = {};
+  for (var r in o)
+    Object.prototype.hasOwnProperty.call(o, r) && e.indexOf(r) < 0 && (t[r] = o[r]);
+  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]]);
+  return t;
+};
+const Co = /* @__PURE__ */ z.createContext(void 0), ae = (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) {
+    case "large":
+      d = "lg";
+      break;
+    case "small":
+      d = "sm";
+      break;
+  }
+  const b = $(c, {
+    [`${c}-${d}`]: d,
+    [`${c}-rtl`]: t === "rtl"
+  }, l, m);
+  return /* @__PURE__ */ z.createElement(Co.Provider, {
+    value: n
+  }, /* @__PURE__ */ z.createElement("div", Object.assign({}, i, {
+    className: b
+  })));
+}, mo = /^[\u4e00-\u9fa5]{2}$/, q = mo.test.bind(mo);
+function Re(o) {
+  return o === "danger" ? {
+    danger: !0
+  } : {
+    type: o
+  };
+}
+function bo(o) {
+  return typeof o == "string";
+}
+function _(o) {
+  return o === "text" || o === "link";
+}
+function ce(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, {
+    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;
+}
+function se(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}`;
+    } else
+      r.push(n);
+    t = i;
+  }), a.Children.map(r, (n) => ce(n, e));
+}
+const yo = /* @__PURE__ */ So((o, e) => {
+  const {
+    className: t,
+    style: r,
+    children: n,
+    prefixCls: l
+  } = o, i = $(`${l}-icon`, t);
+  return /* @__PURE__ */ a.createElement("span", {
+    ref: e,
+    className: i,
+    style: r
+  }, n);
+}), po = /* @__PURE__ */ So((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"
+  });
+  return /* @__PURE__ */ a.createElement(yo, {
+    prefixCls: t,
+    className: c,
+    style: n,
+    ref: e
+  }, /* @__PURE__ */ a.createElement(oe, {
+    className: l
+  }));
+}), F = () => ({
+  width: 0,
+  opacity: 0,
+  transform: "scale(0)"
+}), V = (o) => ({
+  width: o.scrollWidth,
+  opacity: 1,
+  transform: "scale(1)"
+}), de = (o) => {
+  const {
+    prefixCls: e,
+    loading: t,
+    existIcon: r,
+    className: n,
+    style: l,
+    iconPosition: i
+  } = o, c = !!t;
+  return r ? /* @__PURE__ */ a.createElement(po, {
+    prefixCls: e,
+    className: n,
+    style: l,
+    iconPosition: i
+  }) : /* @__PURE__ */ a.createElement(Jo, {
+    visible: c,
+    // We do not really use this motionName
+    motionName: `${e}-loading-icon-motion`,
+    motionLeave: c,
+    removeOnLeave: !0,
+    onAppearStart: F,
+    onAppearActive: V,
+    onEnterStart: F,
+    onEnterActive: V,
+    onLeaveStart: V,
+    onLeaveActive: F
+  }, (m, d) => {
+    let {
+      className: b,
+      style: S
+    } = m;
+    return /* @__PURE__ */ a.createElement(po, {
+      prefixCls: e,
+      className: n,
+      style: Object.assign(Object.assign({}, l), S),
+      ref: d,
+      iconClassName: b,
+      iconPosition: i
+    });
+  });
+}, fo = (o, e) => ({
+  // Border
+  [`> span, > ${o}`]: {
+    "&:not(:last-child)": {
+      [`&, & > ${o}`]: {
+        "&:not(:disabled)": {
+          borderInlineEndColor: e
+        }
+      }
+    },
+    "&:not(:first-child)": {
+      [`&, & > ${o}`]: {
+        "&:not(:disabled)": {
+          borderInlineStartColor: e
+        }
+      }
+    }
+  }
+}), ue = (o) => {
+  const {
+    componentCls: e,
+    fontSize: t,
+    lineWidth: r,
+    groupBorderColor: n,
+    colorErrorHover: l
+  } = o;
+  return {
+    [`${e}-group`]: [
+      {
+        position: "relative",
+        display: "inline-flex",
+        // Border
+        [`> span, > ${e}`]: {
+          "&:not(:last-child)": {
+            [`&, & > ${e}`]: {
+              borderStartEndRadius: 0,
+              borderEndEndRadius: 0
+            }
+          },
+          "&:not(:first-child)": {
+            marginInlineStart: o.calc(r).mul(-1).equal(),
+            [`&, & > ${e}`]: {
+              borderStartStartRadius: 0,
+              borderEndStartRadius: 0
+            }
+          }
+        },
+        [e]: {
+          position: "relative",
+          zIndex: 1,
+          "&:hover,\n          &:focus,\n          &:active": {
+            zIndex: 2
+          },
+          "&[disabled]": {
+            zIndex: 0
+          }
+        },
+        [`${e}-icon-only`]: {
+          fontSize: t
+        }
+      },
+      // Border Color
+      fo(`${e}-primary`, n),
+      fo(`${e}-danger`, l)
+    ]
+  };
+}, vo = (o) => {
+  const {
+    paddingInline: e,
+    onlyIconSize: t,
+    paddingBlock: r
+  } = o;
+  return L(o, {
+    buttonPaddingHorizontal: e,
+    buttonPaddingVertical: r,
+    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);
+  return {
+    fontWeight: 400,
+    defaultShadow: `0 ${o.controlOutlineWidth}px 0 ${o.controlTmpOutline}`,
+    primaryShadow: `0 ${o.controlOutlineWidth}px 0 ${o.controlOutline}`,
+    dangerShadow: `0 ${o.controlOutlineWidth}px 0 ${o.colorErrorOutline}`,
+    primaryColor: o.colorTextLightSolid,
+    dangerColor: o.colorTextLightSolid,
+    borderColorDisabled: o.colorBorder,
+    defaultGhostColor: o.colorBgContainer,
+    ghostBg: "transparent",
+    defaultGhostBorderColor: o.colorBgContainer,
+    paddingInline: o.paddingContentHorizontal - o.lineWidth,
+    paddingInlineLG: o.paddingContentHorizontal - o.lineWidth,
+    paddingInlineSM: 8 - o.lineWidth,
+    onlyIconSize: o.fontSizeLG,
+    onlyIconSizeSM: o.fontSizeLG - 2,
+    onlyIconSizeLG: o.fontSizeLG + 2,
+    groupBorderColor: o.colorPrimaryHover,
+    linkHoverBg: "transparent",
+    textHoverBg: o.colorBgTextHover,
+    defaultColor: o.colorText,
+    defaultBg: o.colorBgContainer,
+    defaultBorderColor: o.colorBorder,
+    defaultBorderColorDisabled: o.colorBorder,
+    defaultHoverBg: o.colorBgContainer,
+    defaultHoverColor: o.colorPrimaryHover,
+    defaultHoverBorderColor: o.colorPrimaryHover,
+    defaultActiveBg: o.colorBgContainer,
+    defaultActiveColor: o.colorPrimaryActive,
+    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)
+  };
+}, ge = (o) => {
+  const {
+    componentCls: e,
+    iconCls: t,
+    fontWeight: r
+  } = o;
+  return {
+    [e]: {
+      outline: "none",
+      position: "relative",
+      display: "inline-block",
+      fontWeight: r,
+      whiteSpace: "nowrap",
+      textAlign: "center",
+      backgroundImage: "none",
+      background: "transparent",
+      border: `${I(o.lineWidth)} ${o.lineType} transparent`,
+      cursor: "pointer",
+      transition: `all ${o.motionDurationMid} ${o.motionEaseInOut}`,
+      userSelect: "none",
+      touchAction: "manipulation",
+      color: o.colorText,
+      "&:disabled > *": {
+        pointerEvents: "none"
+      },
+      "> span": {
+        display: "inline-block"
+      },
+      [`${e}-icon`]: {
+        lineHeight: 0,
+        // iconPosition in end
+        "&-end": {
+          marginInlineStart: o.marginXS
+        }
+      },
+      // Leave a space between icon and text.
+      [`> ${t} + span, > span + ${t}`]: {
+        marginInlineStart: o.marginXS
+      },
+      [`&:not(${e}-icon-only) > ${e}-icon`]: {
+        [`&${e}-loading-icon, &:not(:last-child)`]: {
+          marginInlineEnd: o.marginXS
+        },
+        [`&${e}-loading-icon-end`]: {
+          marginInlineStart: o.marginXS
+        }
+      },
+      "> a": {
+        color: "currentColor"
+      },
+      "&:not(:disabled)": Object.assign({}, Qo(o)),
+      [`&${e}-two-chinese-chars::first-letter`]: {
+        letterSpacing: "0.34em"
+      },
+      [`&${e}-two-chinese-chars > *:not(${t})`]: {
+        marginInlineEnd: "-0.34em",
+        letterSpacing: "0.34em"
+      },
+      // make `btn-icon-only` not too narrow
+      [`&-icon-only${e}-compact-item`]: {
+        flex: "none"
+      }
+    }
+  };
+}, f = (o, e, t) => ({
+  [`&:not(:disabled):not(${o}-disabled)`]: {
+    "&:hover": e,
+    "&:active": t
+  }
+}), me = (o) => ({
+  minWidth: o.controlHeight,
+  paddingInlineStart: 0,
+  paddingInlineEnd: 0,
+  borderRadius: "50%"
+}), be = (o) => ({
+  borderRadius: o.controlHeight,
+  paddingInlineStart: o.calc(o.controlHeight).div(2).equal(),
+  paddingInlineEnd: o.calc(o.controlHeight).div(2).equal()
+}), pe = (o) => ({
+  cursor: "not-allowed",
+  borderColor: o.borderColorDisabled,
+  color: o.colorTextDisabled,
+  background: o.colorBgContainerDisabled,
+  boxShadow: "none"
+}), H = (o, e, t, r, n, l, i, c) => ({
+  [`&${o}-background-ghost`]: Object.assign(Object.assign({
+    color: t || void 0,
+    background: e,
+    borderColor: r || void 0,
+    boxShadow: "none"
+  }, f(o, Object.assign({
+    background: e
+  }, i), Object.assign({
+    background: e
+  }, c))), {
+    "&:disabled": {
+      cursor: "not-allowed",
+      color: n || void 0,
+      borderColor: l || void 0
+    }
+  })
+}), X = (o) => ({
+  [`&:disabled, &${o.componentCls}-disabled`]: Object.assign({}, pe(o))
+}), Bo = (o) => Object.assign({}, X(o)), j = (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)), {
+  background: o.defaultBg,
+  borderColor: o.defaultBorderColor,
+  color: o.defaultColor,
+  boxShadow: o.defaultShadow
+}), f(o.componentCls, {
+  color: o.defaultHoverColor,
+  borderColor: o.defaultHoverBorderColor,
+  background: o.defaultHoverBg
+}, {
+  color: o.defaultActiveColor,
+  borderColor: o.defaultActiveBorderColor,
+  background: o.defaultActiveBg
+})), H(o.componentCls, o.ghostBg, o.defaultGhostColor, o.defaultGhostBorderColor, o.colorTextDisabled, o.colorBorder)), {
+  [`&${o.componentCls}-dangerous`]: Object.assign(Object.assign(Object.assign({
+    color: o.colorError,
+    borderColor: o.colorError
+  }, f(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)), {
+  color: o.primaryColor,
+  background: o.colorPrimary,
+  boxShadow: o.primaryShadow
+}), f(o.componentCls, {
+  color: o.colorTextLightSolid,
+  background: o.colorPrimaryHover
+}, {
+  color: o.colorTextLightSolid,
+  background: o.colorPrimaryActive
+})), H(o.componentCls, o.ghostBg, o.colorPrimary, o.colorPrimary, o.colorTextDisabled, o.colorBorder, {
+  color: o.colorPrimaryHover,
+  borderColor: o.colorPrimaryHover
+}, {
+  color: o.colorPrimaryActive,
+  borderColor: o.colorPrimaryActive
+})), {
+  [`&${o.componentCls}-dangerous`]: Object.assign(Object.assign(Object.assign({
+    background: o.colorError,
+    boxShadow: o.dangerShadow,
+    color: o.dangerColor
+  }, f(o.componentCls, {
+    background: o.colorErrorHover
+  }, {
+    background: o.colorErrorActive
+  })), H(o.componentCls, o.ghostBg, o.colorError, o.colorError, o.colorTextDisabled, o.colorBorder, {
+    color: o.colorErrorHover,
+    borderColor: o.colorErrorHover
+  }, {
+    color: o.colorErrorActive,
+    borderColor: o.colorErrorActive
+  })), X(o))
+}), Se = (o) => Object.assign(Object.assign({}, Oo(o)), {
+  borderStyle: "dashed"
+}), he = (o) => Object.assign(Object.assign(Object.assign({
+  color: o.colorLink
+}, f(o.componentCls, {
+  color: o.colorLinkHover,
+  background: o.linkHoverBg
+}, {
+  color: o.colorLinkActive
+})), j(o)), {
+  [`&${o.componentCls}-dangerous`]: Object.assign(Object.assign({
+    color: o.colorError
+  }, f(o.componentCls, {
+    color: o.colorErrorHover
+  }, {
+    color: o.colorErrorActive
+  })), j(o))
+}), Ce = (o) => Object.assign(Object.assign(Object.assign({}, f(o.componentCls, {
+  color: o.colorText,
+  background: o.textHoverBg
+}, {
+  color: o.colorText,
+  background: o.colorBgTextActive
+})), j(o)), {
+  [`&${o.componentCls}-dangerous`]: Object.assign(Object.assign({
+    color: o.colorError
+  }, j(o)), f(o.componentCls, {
+    color: o.colorErrorHover,
+    background: o.colorErrorBg
+  }, {
+    color: o.colorErrorHover,
+    background: o.colorErrorBgActive
+  }))
+}), ye = (o) => {
+  const {
+    componentCls: e
+  } = o;
+  return {
+    [`${e}-default`]: Oo(o),
+    [`${e}-primary`]: fe(o),
+    [`${e}-dashed`]: Se(o),
+    [`${e}-link`]: he(o),
+    [`${e}-text`]: Ce(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,
+    buttonPaddingHorizontal: c,
+    iconCls: m,
+    buttonPaddingVertical: d
+  } = o, b = `${t}-icon-only`;
+  return [
+    {
+      [`${e}`]: {
+        fontSize: n,
+        lineHeight: l,
+        height: r,
+        padding: `${I(d)} ${I(c)}`,
+        borderRadius: i,
+        [`&${b}`]: {
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          width: r,
+          paddingInlineStart: 0,
+          paddingInlineEnd: 0,
+          [`&${t}-round`]: {
+            width: "auto"
+          },
+          [m]: {
+            fontSize: o.buttonIconOnlyFontSize
+          }
+        },
+        // Loading
+        [`&${t}-loading`]: {
+          opacity: o.opacityLoading,
+          cursor: "default"
+        },
+        [`${t}-loading-icon`]: {
+          transition: `width ${o.motionDurationSlow} ${o.motionEaseInOut}, opacity ${o.motionDurationSlow} ${o.motionEaseInOut}`
+        }
+      }
+    },
+    // Shape - patch prefixCls again to override solid border radius style
+    {
+      [`${t}${t}-circle${e}`]: me(o)
+    },
+    {
+      [`${t}${t}-round${e}`]: be(o)
+    }
+  ];
+}, ve = (o) => {
+  const e = L(o, {
+    fontSize: o.contentFontSize,
+    lineHeight: o.contentLineHeight
+  });
+  return U(e, o.componentCls);
+}, $e = (o) => {
+  const e = L(o, {
+    controlHeight: o.controlHeightSM,
+    fontSize: o.contentFontSizeSM,
+    lineHeight: o.contentLineHeightSM,
+    padding: o.paddingXS,
+    buttonPaddingHorizontal: o.paddingInlineSM,
+    buttonPaddingVertical: o.paddingBlockSM,
+    borderRadius: o.borderRadiusSM,
+    buttonIconOnlyFontSize: o.onlyIconSizeSM
+  });
+  return U(e, `${o.componentCls}-sm`);
+}, Be = (o) => {
+  const e = L(o, {
+    controlHeight: o.controlHeightLG,
+    fontSize: o.contentFontSizeLG,
+    lineHeight: o.contentLineHeightLG,
+    buttonPaddingHorizontal: o.paddingInlineLG,
+    buttonPaddingVertical: o.paddingBlockLG,
+    borderRadius: o.borderRadiusLG,
+    buttonIconOnlyFontSize: o.onlyIconSizeLG
+  });
+  return U(e, `${o.componentCls}-lg`);
+}, Oe = (o) => {
+  const {
+    componentCls: e
+  } = o;
+  return {
+    [e]: {
+      [`&${e}-block`]: {
+        width: "100%"
+      }
+    }
+  };
+}, xe = Ko("Button", (o) => {
+  const e = vo(o);
+  return [
+    // Shared
+    ge(e),
+    // Size
+    ve(e),
+    $e(e),
+    Be(e),
+    // Block
+    Oe(e),
+    // Group (type, ghost, danger, loading)
+    ye(e),
+    // Button Group
+    ue(e)
+  ];
+}, $o, {
+  unitless: {
+    fontWeight: !0,
+    contentLineHeight: !0,
+    contentLineHeightSM: !0,
+    contentLineHeightLG: !0
+  }
+});
+function Ee(o, e) {
+  return {
+    // border collapse
+    [`&-item:not(${e}-last-item)`]: {
+      marginBottom: o.calc(o.lineWidth).mul(-1).equal()
+    },
+    "&-item": {
+      "&:hover,&:focus,&:active": {
+        zIndex: 2
+      },
+      "&[disabled]": {
+        zIndex: 0
+      }
+    }
+  };
+}
+function Ie(o, e) {
+  return {
+    [`&-item:not(${e}-first-item):not(${e}-last-item)`]: {
+      borderRadius: 0
+    },
+    [`&-item${e}-first-item:not(${e}-last-item)`]: {
+      [`&, &${o}-sm, &${o}-lg`]: {
+        borderEndEndRadius: 0,
+        borderEndStartRadius: 0
+      }
+    },
+    [`&-item${e}-last-item:not(${e}-first-item)`]: {
+      [`&, &${o}-sm, &${o}-lg`]: {
+        borderStartStartRadius: 0,
+        borderStartEndRadius: 0
+      }
+    }
+  };
+}
+function He(o) {
+  const e = `${o.componentCls}-compact-vertical`;
+  return {
+    [e]: Object.assign(Object.assign({}, Ee(o, e)), Ie(o.componentCls, e))
+  };
+}
+const ze = (o) => {
+  const {
+    componentCls: e,
+    calc: t
+  } = o;
+  return {
+    [e]: {
+      // Special styles for Primary Button
+      [`&-compact-item${e}-primary`]: {
+        [`&:not([disabled]) + ${e}-compact-item${e}-primary:not([disabled])`]: {
+          position: "relative",
+          "&:before": {
+            position: "absolute",
+            top: t(o.lineWidth).mul(-1).equal(),
+            insetInlineStart: t(o.lineWidth).mul(-1).equal(),
+            display: "inline-block",
+            width: o.lineWidth,
+            height: `calc(100% + ${I(o.lineWidth)} * 2)`,
+            backgroundColor: o.colorPrimaryHover,
+            content: '""'
+          }
+        }
+      },
+      // Special styles for Primary Button
+      "&-compact-vertical-item": {
+        [`&${e}-primary`]: {
+          [`&:not([disabled]) + ${e}-compact-vertical-item${e}-primary:not([disabled])`]: {
+            position: "relative",
+            "&:before": {
+              position: "absolute",
+              top: t(o.lineWidth).mul(-1).equal(),
+              insetInlineStart: t(o.lineWidth).mul(-1).equal(),
+              display: "inline-block",
+              width: `calc(100% + ${I(o.lineWidth)} * 2)`,
+              height: o.lineWidth,
+              backgroundColor: o.colorPrimaryHover,
+              content: '""'
+            }
+          }
+        }
+      }
+    }
+  };
+}, je = Yo(["Button", "compact"], (o) => {
+  const e = vo(o);
+  return [
+    // Space Compact
+    ee(e),
+    He(e),
+    ze(e)
+  ];
+}, $o);
+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]);
+  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]]);
+  return t;
+};
+function Pe(o) {
+  if (typeof o == "object" && o) {
+    let e = o == null ? void 0 : o.delay;
+    return e = !Number.isNaN(e) && typeof e == "number" ? e : 0, {
+      loading: e <= 0,
+      delay: e
+    };
+  }
+  return {
+    loading: !!o,
+    delay: 0
+  };
+}
+const Te = /* @__PURE__ */ a.forwardRef((o, e) => {
+  var t, r, n;
+  const {
+    loading: l = !1,
+    prefixCls: i,
+    type: c,
+    danger: m,
+    shape: d = "default",
+    size: b,
+    styles: S,
+    disabled: y,
+    className: Eo,
+    rootClassName: Io,
+    children: h,
+    icon: B,
+    iconPosition: P = "start",
+    ghost: Ho = !1,
+    block: zo = !1,
+    // React does not recognize the `htmlType` prop on a DOM element. Here we pick it out of `rest`.
+    htmlType: jo = "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", {
+    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);
+    }
+    return p;
+  }, [E]), go(() => {
+    if (!v || !v.current || !N)
+      return;
+    const g = v.current.textContent;
+    k && q(g) ? W || Z(!0) : W && Z(!1);
+  }, [v]);
+  const oo = (g) => {
+    const {
+      onClick: p
+    } = o;
+    if (C || x) {
+      g.preventDefault();
+      return;
+    }
+    p == null || p(g);
+  }, {
+    compactSize: Ao,
+    compactItemClassnames: eo
+  } = te(s, K), Ro = {
+    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,
+    [`${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}-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, {
+    prefixCls: s,
+    className: Do,
+    style: Mo
+  }, B) : /* @__PURE__ */ a.createElement(de, {
+    existIcon: !!B,
+    prefixCls: s,
+    loading: !!C,
+    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
+      }),
+      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, {
+    key: "compact",
+    prefixCls: s
+  }));
+  return _(O) || (R = /* @__PURE__ */ a.createElement(le, {
+    component: "Button",
+    disabled: !!C
+  }, R)), Q(R);
+}), xo = Te;
+xo.Group = ae;
+xo.__ANT_BUTTON = !0;
+export {
+  xo as B,
+  Re as c
+};