@gobolt/genesis 0.1.2 → 0.1.3

package/dist/button-CYVlK7G0.js

@@ -0,0 +1,1430 @@
+import * as q from "react";
+import s, { forwardRef as te, useState as xe, useRef as j, useEffect as k, useMemo as ee, useContext as We, Children as yr } from "react";
+import { c as H, g as Ze, _ as w, F as Je, f as Sr, a as U, b as $e, e as be } from "./presets-CSXMiWyc.js";
+import { o as xr } from "./omit-B_u6A-HL.js";
+import { C as $r, c as Er, n as Br, p as Hr, v as Or, x as Rr, e as Qe, _ as Ke, a as ke, m as ne, X as he, f as oe, Y as Pr, g as jr, o as Ir, r as Nr, Z as wr, l as Tr, A as Dr } from "./CSSMotionList-DB0khM6h.js";
+import { d as er, D as Lr } from "./index-DCopujxC.js";
+import { W as Ar } from "./index-Br3D3cFM.js";
+import { u as zr } from "./useSize-Ct1guc-z.js";
+import { u as _r } from "./Compact-DFcWZrNo.js";
+import { c as Mr, i as Gr } from "./reactNode-sKPeiqPL.js";
+import { P as He } from "./presetColors-Cl8UP3Nw.js";
+import { R as Fr } from "./LoadingOutlined-DOi5EGOl.js";
+import { u as Vr } from "./useMergedState-D1-TbeEv.js";
+import { g as Wr } from "./compact-item-DH13cl8A.js";
+var Xr = function(e, r) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+    r.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (o[t[n]] = e[t[n]]);
+  return o;
+};
+const rr = /* @__PURE__ */ q.createContext(void 0), qr = (e) => {
+  const {
+    getPrefixCls: r,
+    direction: o
+  } = q.useContext($r), {
+    prefixCls: t,
+    size: n,
+    className: a
+  } = e, i = Xr(e, ["prefixCls", "size", "className"]), l = r("btn-group", t), [, , c] = Er(), u = q.useMemo(() => {
+    switch (n) {
+      case "large":
+        return "lg";
+      case "small":
+        return "sm";
+      default:
+        return "";
+    }
+  }, [n]);
+  if (process.env.NODE_ENV !== "production") {
+    const g = er("Button.Group");
+    g.deprecated(!1, "Button.Group", "Space.Compact"), process.env.NODE_ENV !== "production" && g(!n || ["large", "small", "middle"].includes(n), "usage", "Invalid prop `size`.");
+  }
+  const d = H(l, {
+    [`${l}-${u}`]: u,
+    [`${l}-rtl`]: o === "rtl"
+  }, a, c);
+  return /* @__PURE__ */ q.createElement(rr.Provider, {
+    value: n
+  }, /* @__PURE__ */ q.createElement("div", Object.assign({}, i, {
+    className: d
+  })));
+}, Xe = /^[\u4E00-\u9FA5]{2}$/, Ee = Xe.test.bind(Xe);
+function ot(e) {
+  return e === "danger" ? {
+    danger: !0
+  } : {
+    type: e
+  };
+}
+function qe(e) {
+  return typeof e == "string";
+}
+function re(e) {
+  return e === "text" || e === "link";
+}
+function Yr(e, r) {
+  if (e == null)
+    return;
+  const o = r ? " " : "";
+  return typeof e != "string" && typeof e != "number" && qe(e.type) && Ee(e.props.children) ? Mr(e, {
+    children: e.props.children.split("").join(o)
+  }) : qe(e) ? Ee(e) ? /* @__PURE__ */ s.createElement("span", null, e.split("").join(o)) : /* @__PURE__ */ s.createElement("span", null, e) : Gr(e) ? /* @__PURE__ */ s.createElement("span", null, e) : e;
+}
+function Ur(e, r) {
+  let o = !1;
+  const t = [];
+  return s.Children.forEach(e, (n) => {
+    const a = typeof n, i = a === "string" || a === "number";
+    if (o && i) {
+      const l = t.length - 1, c = t[l];
+      t[l] = `${c}${n}`;
+    } else
+      t.push(n);
+    o = i;
+  }), s.Children.map(t, (n) => Yr(n, r));
+}
+["default", "primary", "danger"].concat(Br(He));
+const Be = /* @__PURE__ */ te((e, r) => {
+  const {
+    className: o,
+    style: t,
+    children: n,
+    prefixCls: a
+  } = e, i = H(`${a}-icon`, o);
+  return /* @__PURE__ */ s.createElement("span", {
+    ref: r,
+    className: i,
+    style: t
+  }, n);
+}), Ye = /* @__PURE__ */ te((e, r) => {
+  const {
+    prefixCls: o,
+    className: t,
+    style: n,
+    iconClassName: a
+  } = e, i = H(`${o}-loading-icon`, t);
+  return /* @__PURE__ */ s.createElement(Be, {
+    prefixCls: o,
+    className: i,
+    style: n,
+    ref: r
+  }, /* @__PURE__ */ s.createElement(Fr, {
+    className: a
+  }));
+}), pe = () => ({
+  width: 0,
+  opacity: 0,
+  transform: "scale(0)"
+}), ye = (e) => ({
+  width: e.scrollWidth,
+  opacity: 1,
+  transform: "scale(1)"
+}), Zr = (e) => {
+  const {
+    prefixCls: r,
+    loading: o,
+    existIcon: t,
+    className: n,
+    style: a,
+    mount: i
+  } = e, l = !!o;
+  return t ? /* @__PURE__ */ s.createElement(Ye, {
+    prefixCls: r,
+    className: n,
+    style: a
+  }) : /* @__PURE__ */ s.createElement(Hr, {
+    visible: l,
+    // Used for minus flex gap style only
+    motionName: `${r}-loading-icon-motion`,
+    motionAppear: !i,
+    motionEnter: !i,
+    motionLeave: !i,
+    removeOnLeave: !0,
+    onAppearStart: pe,
+    onAppearActive: ye,
+    onEnterStart: pe,
+    onEnterActive: ye,
+    onLeaveStart: ye,
+    onLeaveActive: pe
+  }, (c, u) => {
+    let {
+      className: d,
+      style: g
+    } = c;
+    const h = Object.assign(Object.assign({}, a), g);
+    return /* @__PURE__ */ s.createElement(Ye, {
+      prefixCls: r,
+      className: H(n, d),
+      style: h,
+      ref: u
+    });
+  });
+}, Ue = (e, r) => ({
+  // Border
+  [`> span, > ${e}`]: {
+    "&:not(:last-child)": {
+      [`&, & > ${e}`]: {
+        "&:not(:disabled)": {
+          borderInlineEndColor: r
+        }
+      }
+    },
+    "&:not(:first-child)": {
+      [`&, & > ${e}`]: {
+        "&:not(:disabled)": {
+          borderInlineStartColor: r
+        }
+      }
+    }
+  }
+}), Jr = (e) => {
+  const {
+    componentCls: r,
+    fontSize: o,
+    lineWidth: t,
+    groupBorderColor: n,
+    colorErrorHover: a
+  } = e;
+  return {
+    [`${r}-group`]: [
+      {
+        position: "relative",
+        display: "inline-flex",
+        // Border
+        [`> span, > ${r}`]: {
+          "&:not(:last-child)": {
+            [`&, & > ${r}`]: {
+              borderStartEndRadius: 0,
+              borderEndEndRadius: 0
+            }
+          },
+          "&:not(:first-child)": {
+            marginInlineStart: e.calc(t).mul(-1).equal(),
+            [`&, & > ${r}`]: {
+              borderStartStartRadius: 0,
+              borderEndStartRadius: 0
+            }
+          }
+        },
+        [r]: {
+          position: "relative",
+          zIndex: 1,
+          "&:hover, &:focus, &:active": {
+            zIndex: 2
+          },
+          "&[disabled]": {
+            zIndex: 0
+          }
+        },
+        [`${r}-icon-only`]: {
+          fontSize: o
+        }
+      },
+      // Border Color
+      Ue(`${r}-primary`, n),
+      Ue(`${r}-danger`, a)
+    ]
+  };
+};
+var Qr = ["b"], Kr = ["v"], Se = function(r) {
+  return Math.round(Number(r || 0));
+}, kr = function(r) {
+  if (r instanceof Je)
+    return r;
+  if (r && Sr(r) === "object" && "h" in r && "b" in r) {
+    var o = r, t = o.b, n = Ze(o, Qr);
+    return w(w({}, n), {}, {
+      v: t
+    });
+  }
+  return typeof r == "string" && /hsb/.test(r) ? r.replace(/hsb/, "hsv") : r;
+}, T = /* @__PURE__ */ function(e) {
+  Or(o, e);
+  var r = Rr(o);
+  function o(t) {
+    return Qe(this, o), r.call(this, kr(t));
+  }
+  return Ke(o, [{
+    key: "toHsbString",
+    value: function() {
+      var n = this.toHsb(), a = Se(n.s * 100), i = Se(n.b * 100), l = Se(n.h), c = n.a, u = "hsb(".concat(l, ", ").concat(a, "%, ").concat(i, "%)"), d = "hsba(".concat(l, ", ").concat(a, "%, ").concat(i, "%, ").concat(c.toFixed(c === 0 ? 0 : 2), ")");
+      return c === 1 ? u : d;
+    }
+  }, {
+    key: "toHsb",
+    value: function() {
+      var n = this.toHsv(), a = n.v, i = Ze(n, Kr);
+      return w(w({}, i), {}, {
+        b: a,
+        a: this.a
+      });
+    }
+  }]), o;
+}(Je), eo = "rc-color-picker", Y = function(r) {
+  return r instanceof T ? r : new T(r);
+}, ro = Y("#1677ff"), or = function(r) {
+  var o = r.offset, t = r.targetRef, n = r.containerRef, a = r.color, i = r.type, l = n.current.getBoundingClientRect(), c = l.width, u = l.height, d = t.current.getBoundingClientRect(), g = d.width, h = d.height, f = g / 2, C = h / 2, x = (o.x + f) / c, v = 1 - (o.y + C) / u, b = a.toHsb(), O = x, E = (o.x + f) / c * 360;
+  if (i)
+    switch (i) {
+      case "hue":
+        return Y(w(w({}, b), {}, {
+          h: E <= 0 ? 0 : E
+        }));
+      case "alpha":
+        return Y(w(w({}, b), {}, {
+          a: O <= 0 ? 0 : O
+        }));
+    }
+  return Y({
+    h: b.h,
+    s: x <= 0 ? 0 : x,
+    b: v >= 1 ? 1 : v,
+    a: b.a
+  });
+}, tr = function(r, o) {
+  var t = r.toHsb();
+  switch (o) {
+    case "hue":
+      return {
+        x: t.h / 360 * 100,
+        y: 50
+      };
+    case "alpha":
+      return {
+        x: r.a * 100,
+        y: 50
+      };
+    // Picker panel
+    default:
+      return {
+        x: t.s * 100,
+        y: (1 - t.b) * 100
+      };
+  }
+}, oo = function(r) {
+  var o = r.color, t = r.prefixCls, n = r.className, a = r.style, i = r.onClick, l = "".concat(t, "-color-block");
+  return /* @__PURE__ */ s.createElement("div", {
+    className: H(l, n),
+    style: a,
+    onClick: i
+  }, /* @__PURE__ */ s.createElement("div", {
+    className: "".concat(l, "-inner"),
+    style: {
+      background: o
+    }
+  }));
+};
+function to(e) {
+  var r = "touches" in e ? e.touches[0] : e, o = document.documentElement.scrollLeft || document.body.scrollLeft || window.pageXOffset, t = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset;
+  return {
+    pageX: r.pageX - o,
+    pageY: r.pageY - t
+  };
+}
+function nr(e) {
+  var r = e.targetRef, o = e.containerRef, t = e.direction, n = e.onDragChange, a = e.onDragChangeComplete, i = e.calculate, l = e.color, c = e.disabledDrag, u = xe({
+    x: 0,
+    y: 0
+  }), d = U(u, 2), g = d[0], h = d[1], f = j(null), C = j(null);
+  k(function() {
+    h(i());
+  }, [l]), k(function() {
+    return function() {
+      document.removeEventListener("mousemove", f.current), document.removeEventListener("mouseup", C.current), document.removeEventListener("touchmove", f.current), document.removeEventListener("touchend", C.current), f.current = null, C.current = null;
+    };
+  }, []);
+  var x = function(m) {
+    var p = to(m), A = p.pageX, Z = p.pageY, B = o.current.getBoundingClientRect(), F = B.x, z = B.y, _ = B.width, V = B.height, R = r.current.getBoundingClientRect(), W = R.width, D = R.height, M = W / 2, G = D / 2, P = Math.max(0, Math.min(A - F, _)) - M, S = Math.max(0, Math.min(Z - z, V)) - G, J = {
+      x: P,
+      y: t === "x" ? g.y : S
+    };
+    if (W === 0 && D === 0 || W !== D)
+      return !1;
+    n == null || n(J);
+  }, v = function(m) {
+    m.preventDefault(), x(m);
+  }, b = function(m) {
+    m.preventDefault(), document.removeEventListener("mousemove", f.current), document.removeEventListener("mouseup", C.current), document.removeEventListener("touchmove", f.current), document.removeEventListener("touchend", C.current), f.current = null, C.current = null, a == null || a();
+  }, O = function(m) {
+    document.removeEventListener("mousemove", f.current), document.removeEventListener("mouseup", C.current), !c && (x(m), document.addEventListener("mousemove", v), document.addEventListener("mouseup", b), document.addEventListener("touchmove", v), document.addEventListener("touchend", b), f.current = v, C.current = b);
+  };
+  return [g, O];
+}
+var ar = function(r) {
+  var o = r.size, t = o === void 0 ? "default" : o, n = r.color, a = r.prefixCls;
+  return /* @__PURE__ */ s.createElement("div", {
+    className: H("".concat(a, "-handler"), $e({}, "".concat(a, "-handler-sm"), t === "small")),
+    style: {
+      backgroundColor: n
+    }
+  });
+}, lr = function(r) {
+  var o = r.children, t = r.style, n = r.prefixCls;
+  return /* @__PURE__ */ s.createElement("div", {
+    className: "".concat(n, "-palette"),
+    style: w({
+      position: "relative"
+    }, t)
+  }, o);
+}, ir = /* @__PURE__ */ te(function(e, r) {
+  var o = e.children, t = e.x, n = e.y;
+  return /* @__PURE__ */ s.createElement("div", {
+    ref: r,
+    style: {
+      position: "absolute",
+      left: "".concat(t, "%"),
+      top: "".concat(n, "%"),
+      zIndex: 1,
+      transform: "translate(-50%, -50%)"
+    }
+  }, o);
+}), no = function(r) {
+  var o = r.color, t = r.onChange, n = r.prefixCls, a = r.onChangeComplete, i = r.disabled, l = j(), c = j(), u = j(o), d = ke(function(x) {
+    var v = or({
+      offset: x,
+      targetRef: c,
+      containerRef: l,
+      color: o
+    });
+    u.current = v, t(v);
+  }), g = nr({
+    color: o,
+    containerRef: l,
+    targetRef: c,
+    calculate: function() {
+      return tr(o);
+    },
+    onDragChange: d,
+    onDragChangeComplete: function() {
+      return a == null ? void 0 : a(u.current);
+    },
+    disabledDrag: i
+  }), h = U(g, 2), f = h[0], C = h[1];
+  return /* @__PURE__ */ s.createElement("div", {
+    ref: l,
+    className: "".concat(n, "-select"),
+    onMouseDown: C,
+    onTouchStart: C
+  }, /* @__PURE__ */ s.createElement(lr, {
+    prefixCls: n
+  }, /* @__PURE__ */ s.createElement(ir, {
+    x: f.x,
+    y: f.y,
+    ref: c
+  }, /* @__PURE__ */ s.createElement(ar, {
+    color: o.toRgbString(),
+    prefixCls: n
+  })), /* @__PURE__ */ s.createElement("div", {
+    className: "".concat(n, "-saturation"),
+    style: {
+      backgroundColor: "hsl(".concat(o.toHsb().h, ",100%, 50%)"),
+      backgroundImage: "linear-gradient(0deg, #000, transparent),linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))"
+    }
+  })));
+}, ao = function(r, o) {
+  var t = Vr(r, {
+    value: o
+  }), n = U(t, 2), a = n[0], i = n[1], l = ee(function() {
+    return Y(a);
+  }, [a]);
+  return [l, i];
+}, lo = function(r) {
+  var o = r.colors, t = r.children, n = r.direction, a = n === void 0 ? "to right" : n, i = r.type, l = r.prefixCls, c = ee(function() {
+    return o.map(function(u, d) {
+      var g = Y(u);
+      return i === "alpha" && d === o.length - 1 && (g = new T(g.setA(1))), g.toRgbString();
+    }).join(",");
+  }, [o, i]);
+  return /* @__PURE__ */ s.createElement("div", {
+    className: "".concat(l, "-gradient"),
+    style: {
+      position: "absolute",
+      inset: 0,
+      background: "linear-gradient(".concat(a, ", ").concat(c, ")")
+    }
+  }, t);
+}, io = function(r) {
+  var o = r.prefixCls, t = r.colors, n = r.disabled, a = r.onChange, i = r.onChangeComplete, l = r.color, c = r.type, u = j(), d = j(), g = j(l), h = function(p) {
+    return c === "hue" ? p.getHue() : p.a * 100;
+  }, f = ke(function(m) {
+    var p = or({
+      offset: m,
+      targetRef: d,
+      containerRef: u,
+      color: l,
+      type: c
+    });
+    g.current = p, a(h(p));
+  }), C = nr({
+    color: l,
+    targetRef: d,
+    containerRef: u,
+    calculate: function() {
+      return tr(l, c);
+    },
+    onDragChange: f,
+    onDragChangeComplete: function() {
+      i(h(g.current));
+    },
+    direction: "x",
+    disabledDrag: n
+  }), x = U(C, 2), v = x[0], b = x[1], O = s.useMemo(function() {
+    if (c === "hue") {
+      var m = l.toHsb();
+      m.s = 1, m.b = 1, m.a = 1;
+      var p = new T(m);
+      return p;
+    }
+    return l;
+  }, [l, c]), E = s.useMemo(function() {
+    return t.map(function(m) {
+      return "".concat(m.color, " ").concat(m.percent, "%");
+    });
+  }, [t]);
+  return /* @__PURE__ */ s.createElement("div", {
+    ref: u,
+    className: H("".concat(o, "-slider"), "".concat(o, "-slider-").concat(c)),
+    onMouseDown: b,
+    onTouchStart: b
+  }, /* @__PURE__ */ s.createElement(lr, {
+    prefixCls: o
+  }, /* @__PURE__ */ s.createElement(ir, {
+    x: v.x,
+    y: v.y,
+    ref: d
+  }, /* @__PURE__ */ s.createElement(ar, {
+    size: "small",
+    color: O.toHexString(),
+    prefixCls: o
+  })), /* @__PURE__ */ s.createElement(lo, {
+    colors: E,
+    type: c,
+    prefixCls: o
+  })));
+};
+function co(e) {
+  return q.useMemo(function() {
+    var r = e || {}, o = r.slider;
+    return [o || io];
+  }, [e]);
+}
+var so = [{
+  color: "rgb(255, 0, 0)",
+  percent: 0
+}, {
+  color: "rgb(255, 255, 0)",
+  percent: 17
+}, {
+  color: "rgb(0, 255, 0)",
+  percent: 33
+}, {
+  color: "rgb(0, 255, 255)",
+  percent: 50
+}, {
+  color: "rgb(0, 0, 255)",
+  percent: 67
+}, {
+  color: "rgb(255, 0, 255)",
+  percent: 83
+}, {
+  color: "rgb(255, 0, 0)",
+  percent: 100
+}], uo = /* @__PURE__ */ te(function(e, r) {
+  var o = e.value, t = e.defaultValue, n = e.prefixCls, a = n === void 0 ? eo : n, i = e.onChange, l = e.onChangeComplete, c = e.className, u = e.style, d = e.panelRender, g = e.disabledAlpha, h = g === void 0 ? !1 : g, f = e.disabled, C = f === void 0 ? !1 : f, x = e.components, v = co(x), b = U(v, 1), O = b[0], E = ao(t || ro, o), m = U(E, 2), p = m[0], A = m[1], Z = ee(function() {
+    return p.setA(1).toRgbString();
+  }, [p]), B = function(S, J) {
+    o || A(S), i == null || i(S, J);
+  }, F = function(S) {
+    return new T(p.setHue(S));
+  }, z = function(S) {
+    return new T(p.setA(S / 100));
+  }, _ = function(S) {
+    B(F(S), {
+      type: "hue",
+      value: S
+    });
+  }, V = function(S) {
+    B(z(S), {
+      type: "alpha",
+      value: S
+    });
+  }, R = function(S) {
+    l && l(F(S));
+  }, W = function(S) {
+    l && l(z(S));
+  }, D = H("".concat(a, "-panel"), c, $e({}, "".concat(a, "-panel-disabled"), C)), M = {
+    prefixCls: a,
+    disabled: C,
+    color: p
+  }, G = /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(no, be({
+    onChange: B
+  }, M, {
+    onChangeComplete: l
+  })), /* @__PURE__ */ s.createElement("div", {
+    className: "".concat(a, "-slider-container")
+  }, /* @__PURE__ */ s.createElement("div", {
+    className: H("".concat(a, "-slider-group"), $e({}, "".concat(a, "-slider-group-disabled-alpha"), h))
+  }, /* @__PURE__ */ s.createElement(O, be({}, M, {
+    type: "hue",
+    colors: so,
+    min: 0,
+    max: 359,
+    value: p.getHue(),
+    onChange: _,
+    onChangeComplete: R
+  })), !h && /* @__PURE__ */ s.createElement(O, be({}, M, {
+    type: "alpha",
+    colors: [{
+      percent: 0,
+      color: "rgba(255, 0, 4, 0)"
+    }, {
+      percent: 100,
+      color: Z
+    }],
+    min: 0,
+    max: 100,
+    value: p.a * 100,
+    onChange: V,
+    onChangeComplete: W
+  }))), /* @__PURE__ */ s.createElement(oo, {
+    color: p.toRgbString(),
+    prefixCls: a
+  })));
+  return /* @__PURE__ */ s.createElement("div", {
+    className: D,
+    style: u,
+    ref: r
+  }, typeof d == "function" ? d(G) : G);
+});
+process.env.NODE_ENV !== "production" && (uo.displayName = "ColorPicker");
+const go = (e, r) => (e == null ? void 0 : e.replace(/[^\w/]/g, "").slice(0, r ? 8 : 6)) || "", mo = (e, r) => e ? go(e, r) : "";
+let fo = /* @__PURE__ */ function() {
+  function e(r) {
+    Qe(this, e);
+    var o;
+    if (this.cleared = !1, r instanceof e) {
+      this.metaColor = r.metaColor.clone(), this.colors = (o = r.colors) === null || o === void 0 ? void 0 : o.map((n) => ({
+        color: new e(n.color),
+        percent: n.percent
+      })), this.cleared = r.cleared;
+      return;
+    }
+    const t = Array.isArray(r);
+    t && r.length ? (this.colors = r.map((n) => {
+      let {
+        color: a,
+        percent: i
+      } = n;
+      return {
+        color: new e(a),
+        percent: i
+      };
+    }), this.metaColor = new T(this.colors[0].color.metaColor)) : this.metaColor = new T(t ? "" : r), (!r || t && !this.colors) && (this.metaColor = this.metaColor.setA(0), this.cleared = !0);
+  }
+  return Ke(e, [{
+    key: "toHsb",
+    value: function() {
+      return this.metaColor.toHsb();
+    }
+  }, {
+    key: "toHsbString",
+    value: function() {
+      return this.metaColor.toHsbString();
+    }
+  }, {
+    key: "toHex",
+    value: function() {
+      return mo(this.toHexString(), this.metaColor.a < 1);
+    }
+  }, {
+    key: "toHexString",
+    value: function() {
+      return this.metaColor.toHexString();
+    }
+  }, {
+    key: "toRgb",
+    value: function() {
+      return this.metaColor.toRgb();
+    }
+  }, {
+    key: "toRgbString",
+    value: function() {
+      return this.metaColor.toRgbString();
+    }
+  }, {
+    key: "isGradient",
+    value: function() {
+      return !!this.colors && !this.cleared;
+    }
+  }, {
+    key: "getColors",
+    value: function() {
+      return this.colors || [{
+        color: this,
+        percent: 0
+      }];
+    }
+  }, {
+    key: "toCssString",
+    value: function() {
+      const {
+        colors: o
+      } = this;
+      return o ? `linear-gradient(90deg, ${o.map((n) => `${n.color.toRgbString()} ${n.percent}%`).join(", ")})` : this.metaColor.toRgbString();
+    }
+  }, {
+    key: "equals",
+    value: function(o) {
+      return !o || this.isGradient() !== o.isGradient() ? !1 : this.isGradient() ? this.colors.length === o.colors.length && this.colors.every((t, n) => {
+        const a = o.colors[n];
+        return t.percent === a.percent && t.color.equals(a.color);
+      }) : this.toHexString() === o.toHexString();
+    }
+  }]);
+}();
+const vo = (e, r) => {
+  const {
+    r: o,
+    g: t,
+    b: n,
+    a
+  } = e.toRgb(), i = new T(e.toRgbString()).onBackground(r).toHsv();
+  return a <= 0.5 ? i.v > 0.5 : o * 0.299 + t * 0.587 + n * 0.114 > 192;
+}, cr = (e) => {
+  const {
+    paddingInline: r,
+    onlyIconSize: o
+  } = e;
+  return ne(e, {
+    buttonPaddingHorizontal: r,
+    buttonPaddingVertical: 0,
+    buttonIconOnlyFontSize: o
+  });
+}, sr = (e) => {
+  var r, o, t, n, a, i;
+  const l = (r = e.contentFontSize) !== null && r !== void 0 ? r : e.fontSize, c = (o = e.contentFontSizeSM) !== null && o !== void 0 ? o : e.fontSize, u = (t = e.contentFontSizeLG) !== null && t !== void 0 ? t : e.fontSizeLG, d = (n = e.contentLineHeight) !== null && n !== void 0 ? n : he(l), g = (a = e.contentLineHeightSM) !== null && a !== void 0 ? a : he(c), h = (i = e.contentLineHeightLG) !== null && i !== void 0 ? i : he(u), f = vo(new fo(e.colorBgSolid), "#fff") ? "#000" : "#fff", C = He.reduce((x, v) => Object.assign(Object.assign({}, x), {
+    [`${v}ShadowColor`]: `0 ${oe(e.controlOutlineWidth)} 0 ${Pr(e[`${v}1`], e.colorBgContainer)}`
+  }), {});
+  return Object.assign(Object.assign({}, C), {
+    fontWeight: 400,
+    defaultShadow: `0 ${e.controlOutlineWidth}px 0 ${e.controlTmpOutline}`,
+    primaryShadow: `0 ${e.controlOutlineWidth}px 0 ${e.controlOutline}`,
+    dangerShadow: `0 ${e.controlOutlineWidth}px 0 ${e.colorErrorOutline}`,
+    primaryColor: e.colorTextLightSolid,
+    dangerColor: e.colorTextLightSolid,
+    borderColorDisabled: e.colorBorder,
+    defaultGhostColor: e.colorBgContainer,
+    ghostBg: "transparent",
+    defaultGhostBorderColor: e.colorBgContainer,
+    paddingInline: e.paddingContentHorizontal - e.lineWidth,
+    paddingInlineLG: e.paddingContentHorizontal - e.lineWidth,
+    paddingInlineSM: 8 - e.lineWidth,
+    onlyIconSize: "inherit",
+    onlyIconSizeSM: "inherit",
+    onlyIconSizeLG: "inherit",
+    groupBorderColor: e.colorPrimaryHover,
+    linkHoverBg: "transparent",
+    textTextColor: e.colorText,
+    textTextHoverColor: e.colorText,
+    textTextActiveColor: e.colorText,
+    textHoverBg: e.colorFillTertiary,
+    defaultColor: e.colorText,
+    defaultBg: e.colorBgContainer,
+    defaultBorderColor: e.colorBorder,
+    defaultBorderColorDisabled: e.colorBorder,
+    defaultHoverBg: e.colorBgContainer,
+    defaultHoverColor: e.colorPrimaryHover,
+    defaultHoverBorderColor: e.colorPrimaryHover,
+    defaultActiveBg: e.colorBgContainer,
+    defaultActiveColor: e.colorPrimaryActive,
+    defaultActiveBorderColor: e.colorPrimaryActive,
+    solidTextColor: f,
+    contentFontSize: l,
+    contentFontSizeSM: c,
+    contentFontSizeLG: u,
+    contentLineHeight: d,
+    contentLineHeightSM: g,
+    contentLineHeightLG: h,
+    paddingBlock: Math.max((e.controlHeight - l * d) / 2 - e.lineWidth, 0),
+    paddingBlockSM: Math.max((e.controlHeightSM - c * g) / 2 - e.lineWidth, 0),
+    paddingBlockLG: Math.max((e.controlHeightLG - u * h) / 2 - e.lineWidth, 0)
+  });
+}, Co = (e) => {
+  const {
+    componentCls: r,
+    iconCls: o,
+    fontWeight: t,
+    opacityLoading: n,
+    motionDurationSlow: a,
+    motionEaseInOut: i,
+    marginXS: l,
+    calc: c
+  } = e;
+  return {
+    [r]: {
+      outline: "none",
+      position: "relative",
+      display: "inline-flex",
+      gap: e.marginXS,
+      alignItems: "center",
+      justifyContent: "center",
+      fontWeight: t,
+      whiteSpace: "nowrap",
+      textAlign: "center",
+      backgroundImage: "none",
+      background: "transparent",
+      border: `${oe(e.lineWidth)} ${e.lineType} transparent`,
+      cursor: "pointer",
+      transition: `all ${e.motionDurationMid} ${e.motionEaseInOut}`,
+      userSelect: "none",
+      touchAction: "manipulation",
+      color: e.colorText,
+      "&:disabled > *": {
+        pointerEvents: "none"
+      },
+      // https://github.com/ant-design/ant-design/issues/51380
+      [`${r}-icon > svg`]: Nr(),
+      "> a": {
+        color: "currentColor"
+      },
+      "&:not(:disabled)": Ir(e),
+      [`&${r}-two-chinese-chars::first-letter`]: {
+        letterSpacing: "0.34em"
+      },
+      [`&${r}-two-chinese-chars > *:not(${o})`]: {
+        marginInlineEnd: "-0.34em",
+        letterSpacing: "0.34em"
+      },
+      [`&${r}-icon-only`]: {
+        paddingInline: 0,
+        // make `btn-icon-only` not too narrow
+        [`&${r}-compact-item`]: {
+          flex: "none"
+        },
+        [`&${r}-round`]: {
+          width: "auto"
+        }
+      },
+      // Loading
+      [`&${r}-loading`]: {
+        opacity: n,
+        cursor: "default"
+      },
+      [`${r}-loading-icon`]: {
+        transition: ["width", "opacity", "margin"].map((u) => `${u} ${a} ${i}`).join(",")
+      },
+      // iconPosition
+      [`&:not(${r}-icon-end)`]: {
+        [`${r}-loading-icon-motion`]: {
+          "&-appear-start, &-enter-start": {
+            marginInlineEnd: c(l).mul(-1).equal()
+          },
+          "&-appear-active, &-enter-active": {
+            marginInlineEnd: 0
+          },
+          "&-leave-start": {
+            marginInlineEnd: 0
+          },
+          "&-leave-active": {
+            marginInlineEnd: c(l).mul(-1).equal()
+          }
+        }
+      },
+      "&-icon-end": {
+        flexDirection: "row-reverse",
+        [`${r}-loading-icon-motion`]: {
+          "&-appear-start, &-enter-start": {
+            marginInlineStart: c(l).mul(-1).equal()
+          },
+          "&-appear-active, &-enter-active": {
+            marginInlineStart: 0
+          },
+          "&-leave-start": {
+            marginInlineStart: 0
+          },
+          "&-leave-active": {
+            marginInlineStart: c(l).mul(-1).equal()
+          }
+        }
+      }
+    }
+  };
+}, ur = (e, r, o) => ({
+  [`&:not(:disabled):not(${e}-disabled)`]: {
+    "&:hover": r,
+    "&:active": o
+  }
+}), bo = (e) => ({
+  minWidth: e.controlHeight,
+  paddingInlineStart: 0,
+  paddingInlineEnd: 0,
+  borderRadius: "50%"
+}), ho = (e) => ({
+  borderRadius: e.controlHeight,
+  paddingInlineStart: e.calc(e.controlHeight).div(2).equal(),
+  paddingInlineEnd: e.calc(e.controlHeight).div(2).equal()
+}), po = (e) => ({
+  cursor: "not-allowed",
+  borderColor: e.borderColorDisabled,
+  color: e.colorTextDisabled,
+  background: e.colorBgContainerDisabled,
+  boxShadow: "none"
+}), ae = (e, r, o, t, n, a, i, l) => ({
+  [`&${e}-background-ghost`]: Object.assign(Object.assign({
+    color: o || void 0,
+    background: r,
+    borderColor: t || void 0,
+    boxShadow: "none"
+  }, ur(e, Object.assign({
+    background: r
+  }, i), Object.assign({
+    background: r
+  }, l))), {
+    "&:disabled": {
+      cursor: "not-allowed",
+      color: n || void 0,
+      borderColor: a || void 0
+    }
+  })
+}), yo = (e) => ({
+  [`&:disabled, &${e.componentCls}-disabled`]: Object.assign({}, po(e))
+}), So = (e) => ({
+  [`&:disabled, &${e.componentCls}-disabled`]: {
+    cursor: "not-allowed",
+    color: e.colorTextDisabled
+  }
+}), le = (e, r, o, t) => {
+  const a = t && ["link", "text"].includes(t) ? So : yo;
+  return Object.assign(Object.assign({}, a(e)), ur(e.componentCls, r, o));
+}, ie = (e, r, o, t, n) => ({
+  [`&${e.componentCls}-variant-solid`]: Object.assign({
+    color: r,
+    background: o
+  }, le(e, t, n))
+}), ce = (e, r, o, t, n) => ({
+  [`&${e.componentCls}-variant-outlined, &${e.componentCls}-variant-dashed`]: Object.assign({
+    borderColor: r,
+    background: o
+  }, le(e, t, n))
+}), se = (e) => ({
+  [`&${e.componentCls}-variant-dashed`]: {
+    borderStyle: "dashed"
+  }
+}), ue = (e, r, o, t) => ({
+  [`&${e.componentCls}-variant-filled`]: Object.assign({
+    boxShadow: "none",
+    background: r
+  }, le(e, o, t))
+}), I = (e, r, o, t, n) => ({
+  [`&${e.componentCls}-variant-${o}`]: Object.assign({
+    color: r,
+    boxShadow: "none"
+  }, le(e, t, n, o))
+}), xo = (e) => {
+  const {
+    componentCls: r
+  } = e;
+  return He.reduce((o, t) => {
+    const n = e[`${t}6`], a = e[`${t}1`], i = e[`${t}5`], l = e[`${t}2`], c = e[`${t}3`], u = e[`${t}7`];
+    return Object.assign(Object.assign({}, o), {
+      [`&${r}-color-${t}`]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+        color: n,
+        boxShadow: e[`${t}ShadowColor`]
+      }, ie(e, e.colorTextLightSolid, n, {
+        background: i
+      }, {
+        background: u
+      })), ce(e, n, e.colorBgContainer, {
+        color: i,
+        borderColor: i,
+        background: e.colorBgContainer
+      }, {
+        color: u,
+        borderColor: u,
+        background: e.colorBgContainer
+      })), se(e)), ue(e, a, {
+        background: l
+      }, {
+        background: c
+      })), I(e, n, "link", {
+        color: i
+      }, {
+        color: u
+      })), I(e, n, "text", {
+        color: i,
+        background: a
+      }, {
+        color: u,
+        background: c
+      }))
+    });
+  }, {});
+}, $o = (e) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+  color: e.defaultColor,
+  boxShadow: e.defaultShadow
+}, ie(e, e.solidTextColor, e.colorBgSolid, {
+  color: e.solidTextColor,
+  background: e.colorBgSolidHover
+}, {
+  color: e.solidTextColor,
+  background: e.colorBgSolidActive
+})), se(e)), ue(e, e.colorFillTertiary, {
+  background: e.colorFillSecondary
+}, {
+  background: e.colorFill
+})), ae(e.componentCls, e.ghostBg, e.defaultGhostColor, e.defaultGhostBorderColor, e.colorTextDisabled, e.colorBorder)), I(e, e.textTextColor, "link", {
+  color: e.colorLinkHover,
+  background: e.linkHoverBg
+}, {
+  color: e.colorLinkActive
+})), Eo = (e) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+  color: e.colorPrimary,
+  boxShadow: e.primaryShadow
+}, ce(e, e.colorPrimary, e.colorBgContainer, {
+  color: e.colorPrimaryTextHover,
+  borderColor: e.colorPrimaryHover,
+  background: e.colorBgContainer
+}, {
+  color: e.colorPrimaryTextActive,
+  borderColor: e.colorPrimaryActive,
+  background: e.colorBgContainer
+})), se(e)), ue(e, e.colorPrimaryBg, {
+  background: e.colorPrimaryBgHover
+}, {
+  background: e.colorPrimaryBorder
+})), I(e, e.colorPrimaryText, "text", {
+  color: e.colorPrimaryTextHover,
+  background: e.colorPrimaryBg
+}, {
+  color: e.colorPrimaryTextActive,
+  background: e.colorPrimaryBorder
+})), I(e, e.colorPrimaryText, "link", {
+  color: e.colorPrimaryTextHover,
+  background: e.linkHoverBg
+}, {
+  color: e.colorPrimaryTextActive
+})), ae(e.componentCls, e.ghostBg, e.colorPrimary, e.colorPrimary, e.colorTextDisabled, e.colorBorder, {
+  color: e.colorPrimaryHover,
+  borderColor: e.colorPrimaryHover
+}, {
+  color: e.colorPrimaryActive,
+  borderColor: e.colorPrimaryActive
+})), Bo = (e) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+  color: e.colorError,
+  boxShadow: e.dangerShadow
+}, ie(e, e.dangerColor, e.colorError, {
+  background: e.colorErrorHover
+}, {
+  background: e.colorErrorActive
+})), ce(e, e.colorError, e.colorBgContainer, {
+  color: e.colorErrorHover,
+  borderColor: e.colorErrorBorderHover
+}, {
+  color: e.colorErrorActive,
+  borderColor: e.colorErrorActive
+})), se(e)), ue(e, e.colorErrorBg, {
+  background: e.colorErrorBgFilledHover
+}, {
+  background: e.colorErrorBgActive
+})), I(e, e.colorError, "text", {
+  color: e.colorErrorHover,
+  background: e.colorErrorBg
+}, {
+  color: e.colorErrorHover,
+  background: e.colorErrorBgActive
+})), I(e, e.colorError, "link", {
+  color: e.colorErrorHover
+}, {
+  color: e.colorErrorActive
+})), ae(e.componentCls, e.ghostBg, e.colorError, e.colorError, e.colorTextDisabled, e.colorBorder, {
+  color: e.colorErrorHover,
+  borderColor: e.colorErrorHover
+}, {
+  color: e.colorErrorActive,
+  borderColor: e.colorErrorActive
+})), Ho = (e) => Object.assign(Object.assign({}, I(e, e.colorLink, "link", {
+  color: e.colorLinkHover
+}, {
+  color: e.colorLinkActive
+})), ae(e.componentCls, e.ghostBg, e.colorInfo, e.colorInfo, e.colorTextDisabled, e.colorBorder, {
+  color: e.colorInfoHover,
+  borderColor: e.colorInfoHover
+}, {
+  color: e.colorInfoActive,
+  borderColor: e.colorInfoActive
+})), Oo = (e) => {
+  const {
+    componentCls: r
+  } = e;
+  return Object.assign({
+    [`${r}-color-default`]: $o(e),
+    [`${r}-color-primary`]: Eo(e),
+    [`${r}-color-dangerous`]: Bo(e),
+    [`${r}-color-link`]: Ho(e)
+  }, xo(e));
+}, Ro = (e) => Object.assign(Object.assign(Object.assign(Object.assign({}, ce(e, e.defaultBorderColor, e.defaultBg, {
+  color: e.defaultHoverColor,
+  borderColor: e.defaultHoverBorderColor,
+  background: e.defaultHoverBg
+}, {
+  color: e.defaultActiveColor,
+  borderColor: e.defaultActiveBorderColor,
+  background: e.defaultActiveBg
+})), I(e, e.textTextColor, "text", {
+  color: e.textTextHoverColor,
+  background: e.textHoverBg
+}, {
+  color: e.textTextActiveColor,
+  background: e.colorBgTextActive
+})), ie(e, e.primaryColor, e.colorPrimary, {
+  background: e.colorPrimaryHover,
+  color: e.primaryColor
+}, {
+  background: e.colorPrimaryActive,
+  color: e.primaryColor
+})), I(e, e.colorLink, "link", {
+  color: e.colorLinkHover,
+  background: e.linkHoverBg
+}, {
+  color: e.colorLinkActive
+})), Oe = function(e) {
+  let r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+  const {
+    componentCls: o,
+    controlHeight: t,
+    fontSize: n,
+    borderRadius: a,
+    buttonPaddingHorizontal: i,
+    iconCls: l,
+    buttonPaddingVertical: c,
+    buttonIconOnlyFontSize: u
+  } = e;
+  return [
+    {
+      [r]: {
+        fontSize: n,
+        height: t,
+        padding: `${oe(c)} ${oe(i)}`,
+        borderRadius: a,
+        [`&${o}-icon-only`]: {
+          width: t,
+          [l]: {
+            fontSize: u
+          }
+        }
+      }
+    },
+    // Shape - patch prefixCls again to override solid border radius style
+    {
+      [`${o}${o}-circle${r}`]: bo(e)
+    },
+    {
+      [`${o}${o}-round${r}`]: ho(e)
+    }
+  ];
+}, Po = (e) => {
+  const r = ne(e, {
+    fontSize: e.contentFontSize
+  });
+  return Oe(r, e.componentCls);
+}, jo = (e) => {
+  const r = ne(e, {
+    controlHeight: e.controlHeightSM,
+    fontSize: e.contentFontSizeSM,
+    padding: e.paddingXS,
+    buttonPaddingHorizontal: e.paddingInlineSM,
+    buttonPaddingVertical: 0,
+    borderRadius: e.borderRadiusSM,
+    buttonIconOnlyFontSize: e.onlyIconSizeSM
+  });
+  return Oe(r, `${e.componentCls}-sm`);
+}, Io = (e) => {
+  const r = ne(e, {
+    controlHeight: e.controlHeightLG,
+    fontSize: e.contentFontSizeLG,
+    buttonPaddingHorizontal: e.paddingInlineLG,
+    buttonPaddingVertical: 0,
+    borderRadius: e.borderRadiusLG,
+    buttonIconOnlyFontSize: e.onlyIconSizeLG
+  });
+  return Oe(r, `${e.componentCls}-lg`);
+}, No = (e) => {
+  const {
+    componentCls: r
+  } = e;
+  return {
+    [r]: {
+      [`&${r}-block`]: {
+        width: "100%"
+      }
+    }
+  };
+}, wo = jr("Button", (e) => {
+  const r = cr(e);
+  return [
+    // Shared
+    Co(r),
+    // Size
+    Po(r),
+    jo(r),
+    Io(r),
+    // Block
+    No(r),
+    // Color
+    Oo(r),
+    // https://github.com/ant-design/ant-design/issues/50969
+    Ro(r),
+    // Button Group
+    Jr(r)
+  ];
+}, sr, {
+  unitless: {
+    fontWeight: !0,
+    contentLineHeight: !0,
+    contentLineHeightSM: !0,
+    contentLineHeightLG: !0
+  }
+});
+function To(e, r) {
+  return {
+    // border collapse
+    [`&-item:not(${r}-last-item)`]: {
+      marginBottom: e.calc(e.lineWidth).mul(-1).equal()
+    },
+    "&-item": {
+      "&:hover,&:focus,&:active": {
+        zIndex: 2
+      },
+      "&[disabled]": {
+        zIndex: 0
+      }
+    }
+  };
+}
+function Do(e, r) {
+  return {
+    [`&-item:not(${r}-first-item):not(${r}-last-item)`]: {
+      borderRadius: 0
+    },
+    [`&-item${r}-first-item:not(${r}-last-item)`]: {
+      [`&, &${e}-sm, &${e}-lg`]: {
+        borderEndEndRadius: 0,
+        borderEndStartRadius: 0
+      }
+    },
+    [`&-item${r}-last-item:not(${r}-first-item)`]: {
+      [`&, &${e}-sm, &${e}-lg`]: {
+        borderStartStartRadius: 0,
+        borderStartEndRadius: 0
+      }
+    }
+  };
+}
+function Lo(e) {
+  const r = `${e.componentCls}-compact-vertical`;
+  return {
+    [r]: Object.assign(Object.assign({}, To(e, r)), Do(e.componentCls, r))
+  };
+}
+const Ao = (e) => {
+  const {
+    componentCls: r,
+    colorPrimaryHover: o,
+    lineWidth: t,
+    calc: n
+  } = e, a = n(t).mul(-1).equal(), i = (l) => {
+    const c = `${r}-compact${l ? "-vertical" : ""}-item${r}-primary:not([disabled])`;
+    return {
+      [`${c} + ${c}::before`]: {
+        position: "absolute",
+        top: l ? a : 0,
+        insetInlineStart: l ? 0 : a,
+        backgroundColor: o,
+        content: '""',
+        width: l ? "100%" : t,
+        height: l ? t : "100%"
+      }
+    };
+  };
+  return Object.assign(Object.assign({}, i()), i(!0));
+}, zo = wr(["Button", "compact"], (e) => {
+  const r = cr(e);
+  return [
+    // Space Compact
+    Wr(r),
+    Lo(r),
+    Ao(r)
+  ];
+}, sr);
+var _o = function(e, r) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+    r.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (o[t[n]] = e[t[n]]);
+  return o;
+};
+function Mo(e) {
+  if (typeof e == "object" && e) {
+    let r = e == null ? void 0 : e.delay;
+    return r = !Number.isNaN(r) && typeof r == "number" ? r : 0, {
+      loading: r <= 0,
+      delay: r
+    };
+  }
+  return {
+    loading: !!e,
+    delay: 0
+  };
+}
+const Go = {
+  default: ["default", "outlined"],
+  primary: ["primary", "solid"],
+  dashed: ["default", "dashed"],
+  // `link` is not a real color but we should compatible with it
+  link: ["link", "link"],
+  text: ["default", "text"]
+}, Fo = /* @__PURE__ */ s.forwardRef((e, r) => {
+  var o, t;
+  const {
+    loading: n = !1,
+    prefixCls: a,
+    color: i,
+    variant: l,
+    type: c,
+    danger: u = !1,
+    shape: d = "default",
+    size: g,
+    styles: h,
+    disabled: f,
+    className: C,
+    rootClassName: x,
+    children: v,
+    icon: b,
+    iconPosition: O = "start",
+    ghost: E = !1,
+    block: m = !1,
+    // React does not recognize the `htmlType` prop on a DOM element. Here we pick it out of `rest`.
+    htmlType: p = "button",
+    classNames: A,
+    style: Z = {},
+    autoInsertSpace: B,
+    autoFocus: F
+  } = e, z = _o(e, ["loading", "prefixCls", "color", "variant", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace", "autoFocus"]), _ = c || "default", [V, R] = ee(() => {
+    if (i && l)
+      return [i, l];
+    const $ = Go[_] || [];
+    return u ? ["danger", $[1]] : $;
+  }, [c, i, l, u]), D = V === "danger" ? "dangerous" : V, {
+    getPrefixCls: M,
+    direction: G,
+    autoInsertSpace: P,
+    className: S,
+    style: J,
+    classNames: dr,
+    styles: gr
+  } = Tr("button"), de = (o = B ?? P) !== null && o !== void 0 ? o : !0, y = M("btn", a), [Pe, mr, fr] = wo(y), vr = We(Lr), X = f ?? vr, Cr = We(rr), Q = ee(() => Mo(n), [n]), [L, je] = xe(Q.loading), [ge, Ie] = xe(!1), K = j(null), Ne = Dr(r, K), we = yr.count(v) === 1 && !b && !re(R), me = j(!0);
+  s.useEffect(() => (me.current = !1, () => {
+    me.current = !0;
+  }), []), k(() => {
+    let $ = null;
+    Q.delay > 0 ? $ = setTimeout(() => {
+      $ = null, je(!0);
+    }, Q.delay) : je(Q.loading);
+    function N() {
+      $ && (clearTimeout($), $ = null);
+    }
+    return N;
+  }, [Q]), k(() => {
+    if (!K.current || !de)
+      return;
+    const $ = K.current.textContent || "";
+    we && Ee($) ? ge || Ie(!0) : ge && Ie(!1);
+  }), k(() => {
+    F && K.current && K.current.focus();
+  }, []);
+  const Te = s.useCallback(($) => {
+    var N;
+    if (L || X) {
+      $.preventDefault();
+      return;
+    }
+    (N = e.onClick) === null || N === void 0 || N.call(e, ("href" in e, $));
+  }, [e.onClick, L, X]);
+  if (process.env.NODE_ENV !== "production") {
+    const $ = er("Button");
+    process.env.NODE_ENV !== "production" && $(!(typeof b == "string" && b.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${b}\` at https://ant.design/components/icon`), process.env.NODE_ENV !== "production" && $(!(E && re(R)), "usage", "`link` or `text` button can't be a `ghost` button.");
+  }
+  const {
+    compactSize: br,
+    compactItemClassnames: De
+  } = _r(y, G), hr = {
+    large: "lg",
+    small: "sm",
+    middle: void 0
+  }, Le = zr(($) => {
+    var N, Ce;
+    return (Ce = (N = g ?? br) !== null && N !== void 0 ? N : Cr) !== null && Ce !== void 0 ? Ce : $;
+  }), Ae = Le && (t = hr[Le]) !== null && t !== void 0 ? t : "", pr = L ? "loading" : b, fe = xr(z, ["navigate"]), ze = H(y, mr, fr, {
+    [`${y}-${d}`]: d !== "default" && d,
+    // line(253 - 254): Compatible with versions earlier than 5.21.0
+    [`${y}-${_}`]: _,
+    [`${y}-dangerous`]: u,
+    [`${y}-color-${D}`]: D,
+    [`${y}-variant-${R}`]: R,
+    [`${y}-${Ae}`]: Ae,
+    [`${y}-icon-only`]: !v && v !== 0 && !!pr,
+    [`${y}-background-ghost`]: E && !re(R),
+    [`${y}-loading`]: L,
+    [`${y}-two-chinese-chars`]: ge && de && !L,
+    [`${y}-block`]: m,
+    [`${y}-rtl`]: G === "rtl",
+    [`${y}-icon-end`]: O === "end"
+  }, De, C, x, S), _e = Object.assign(Object.assign({}, J), Z), Me = H(A == null ? void 0 : A.icon, dr.icon), Ge = Object.assign(Object.assign({}, (h == null ? void 0 : h.icon) || {}), gr.icon || {}), Fe = b && !L ? /* @__PURE__ */ s.createElement(Be, {
+    prefixCls: y,
+    className: Me,
+    style: Ge
+  }, b) : n && typeof n == "object" && n.icon ? /* @__PURE__ */ s.createElement(Be, {
+    prefixCls: y,
+    className: Me,
+    style: Ge
+  }, n.icon) : /* @__PURE__ */ s.createElement(Zr, {
+    existIcon: !!b,
+    prefixCls: y,
+    loading: L,
+    mount: me.current
+  }), Ve = v || v === 0 ? Ur(v, we && de) : null;
+  if (fe.href !== void 0)
+    return Pe(/* @__PURE__ */ s.createElement("a", Object.assign({}, fe, {
+      className: H(ze, {
+        [`${y}-disabled`]: X
+      }),
+      href: X ? void 0 : fe.href,
+      style: _e,
+      onClick: Te,
+      ref: Ne,
+      tabIndex: X ? -1 : 0
+    }), Fe, Ve));
+  let ve = /* @__PURE__ */ s.createElement("button", Object.assign({}, z, {
+    type: p,
+    className: ze,
+    style: _e,
+    onClick: Te,
+    disabled: X,
+    ref: Ne
+  }), Fe, Ve, De && /* @__PURE__ */ s.createElement(zo, {
+    prefixCls: y
+  }));
+  return re(R) || (ve = /* @__PURE__ */ s.createElement(Ar, {
+    component: "Button",
+    disabled: L
+  }, ve)), Pe(ve);
+}), Re = Fo;
+Re.Group = qr;
+Re.__ANT_BUTTON = !0;
+process.env.NODE_ENV !== "production" && (Re.displayName = "Button");
+export {
+  Re as B,
+  ot as c
+};