@gobolt/genesis 0.0.7

package/dist/button-BNV2qdrP.js

@@ -0,0 +1,1392 @@
+import * as K from "react";
+import s, { forwardRef as oe, useState as xe, useRef as j, useEffect as k, useMemo as ee, useContext as be, Children as pr } from "react";
+import { C as Ue, N as yr, A as Qe, c as N, H as Sr, M as xr, o as Er, p as $r, q as Je, r as Ze, d as Ke, a as I, Q as ke, b as Br, e as X, h as Ee, k as er, _ as he, n as ne, R as ve, m as Hr, z as te, T as Or, U as Rr, W as Nr, F as Pr, v as jr } from "./index-BWys7dkb.js";
+import { u as wr, o as Ir } from "./isVisible-CNQjrJPN.js";
+import { W as Dr } from "./index-C7kFNqp2.js";
+import { R as Tr, b as zr, a as Lr } from "./Compact-CJBo3f0u.js";
+import { c as Ar, i as _r } from "./reactNode-sKPeiqPL.js";
+import { P as rr } from "./presetColors-Cl8UP3Nw.js";
+import { g as Mr } from "./compact-item-DH13cl8A.js";
+var Gr = function(e, r) {
+  var t = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, o = Object.getOwnPropertySymbols(e); n < o.length; n++)
+    r.indexOf(o[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[n]) && (t[o[n]] = e[o[n]]);
+  return t;
+};
+const tr = /* @__PURE__ */ K.createContext(void 0), Fr = (e) => {
+  const {
+    getPrefixCls: r,
+    direction: t
+  } = K.useContext(Ue), {
+    prefixCls: o,
+    size: n,
+    className: a
+  } = e, l = Gr(e, ["prefixCls", "size", "className"]), i = r("btn-group", o), [, , c] = yr();
+  let u = "";
+  switch (n) {
+    case "large":
+      u = "lg";
+      break;
+    case "small":
+      u = "sm";
+      break;
+  }
+  if (process.env.NODE_ENV !== "production") {
+    const g = Qe("Button.Group");
+    process.env.NODE_ENV !== "production" && g(!n || ["large", "small", "middle"].includes(n), "usage", "Invalid prop `size`.");
+  }
+  const d = N(i, {
+    [`${i}-${u}`]: u,
+    [`${i}-rtl`]: t === "rtl"
+  }, a, c);
+  return /* @__PURE__ */ K.createElement(tr.Provider, {
+    value: n
+  }, /* @__PURE__ */ K.createElement("div", Object.assign({}, l, {
+    className: d
+  })));
+}, We = /^[\u4E00-\u9FA5]{2}$/, $e = We.test.bind(We);
+function qe(e) {
+  return typeof e == "string";
+}
+function re(e) {
+  return e === "text" || e === "link";
+}
+function Vr(e, r) {
+  if (e == null)
+    return;
+  const t = r ? " " : "";
+  return typeof e != "string" && typeof e != "number" && qe(e.type) && $e(e.props.children) ? Ar(e, {
+    children: e.props.children.split("").join(t)
+  }) : qe(e) ? $e(e) ? /* @__PURE__ */ s.createElement("span", null, e.split("").join(t)) : /* @__PURE__ */ s.createElement("span", null, e) : _r(e) ? /* @__PURE__ */ s.createElement("span", null, e) : e;
+}
+function Wr(e, r) {
+  let t = !1;
+  const o = [];
+  return s.Children.forEach(e, (n) => {
+    const a = typeof n, l = a === "string" || a === "number";
+    if (t && l) {
+      const i = o.length - 1, c = o[i];
+      o[i] = `${c}${n}`;
+    } else
+      o.push(n);
+    t = l;
+  }), s.Children.map(o, (n) => Vr(n, r));
+}
+["default", "primary", "danger"].concat(Sr(rr));
+const Be = /* @__PURE__ */ oe((e, r) => {
+  const {
+    className: t,
+    style: o,
+    children: n,
+    prefixCls: a
+  } = e, l = N(`${a}-icon`, t);
+  return /* @__PURE__ */ s.createElement("span", {
+    ref: r,
+    className: l,
+    style: o
+  }, n);
+}), Xe = /* @__PURE__ */ oe((e, r) => {
+  const {
+    prefixCls: t,
+    className: o,
+    style: n,
+    iconClassName: a
+  } = e, l = N(`${t}-loading-icon`, o);
+  return /* @__PURE__ */ s.createElement(Be, {
+    prefixCls: t,
+    className: l,
+    style: n,
+    ref: r
+  }, /* @__PURE__ */ s.createElement(Tr, {
+    className: a
+  }));
+}), pe = () => ({
+  width: 0,
+  opacity: 0,
+  transform: "scale(0)"
+}), ye = (e) => ({
+  width: e.scrollWidth,
+  opacity: 1,
+  transform: "scale(1)"
+}), qr = (e) => {
+  const {
+    prefixCls: r,
+    loading: t,
+    existIcon: o,
+    className: n,
+    style: a,
+    mount: l
+  } = e, i = !!t;
+  return o ? /* @__PURE__ */ s.createElement(Xe, {
+    prefixCls: r,
+    className: n,
+    style: a
+  }) : /* @__PURE__ */ s.createElement(xr, {
+    visible: i,
+    // Used for minus flex gap style only
+    motionName: `${r}-loading-icon-motion`,
+    motionAppear: !l,
+    motionEnter: !l,
+    motionLeave: !l,
+    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(Xe, {
+      prefixCls: r,
+      className: N(n, d),
+      style: h,
+      ref: u
+    });
+  });
+}, Ye = (e, r) => ({
+  // Border
+  [`> span, > ${e}`]: {
+    "&:not(:last-child)": {
+      [`&, & > ${e}`]: {
+        "&:not(:disabled)": {
+          borderInlineEndColor: r
+        }
+      }
+    },
+    "&:not(:first-child)": {
+      [`&, & > ${e}`]: {
+        "&:not(:disabled)": {
+          borderInlineStartColor: r
+        }
+      }
+    }
+  }
+}), Xr = (e) => {
+  const {
+    componentCls: r,
+    fontSize: t,
+    lineWidth: o,
+    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(o).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: t
+        }
+      },
+      // Border Color
+      Ye(`${r}-primary`, n),
+      Ye(`${r}-danger`, a)
+    ]
+  };
+};
+var Yr = ["b"], Ur = ["v"], Se = function(r) {
+  return Math.round(Number(r || 0));
+}, Qr = function(r) {
+  if (r instanceof ke)
+    return r;
+  if (r && Br(r) === "object" && "h" in r && "b" in r) {
+    var t = r, o = t.b, n = Ke(t, Yr);
+    return I(I({}, n), {}, {
+      v: o
+    });
+  }
+  return typeof r == "string" && /hsb/.test(r) ? r.replace(/hsb/, "hsv") : r;
+}, D = /* @__PURE__ */ function(e) {
+  Er(t, e);
+  var r = $r(t);
+  function t(o) {
+    return Je(this, t), r.call(this, Qr(o));
+  }
+  return Ze(t, [{
+    key: "toHsbString",
+    value: function() {
+      var n = this.toHsb(), a = Se(n.s * 100), l = Se(n.b * 100), i = Se(n.h), c = n.a, u = "hsb(".concat(i, ", ").concat(a, "%, ").concat(l, "%)"), d = "hsba(".concat(i, ", ").concat(a, "%, ").concat(l, "%, ").concat(c.toFixed(c === 0 ? 0 : 2), ")");
+      return c === 1 ? u : d;
+    }
+  }, {
+    key: "toHsb",
+    value: function() {
+      var n = this.toHsv(), a = n.v, l = Ke(n, Ur);
+      return I(I({}, l), {}, {
+        b: a,
+        a: this.a
+      });
+    }
+  }]), t;
+}(ke), Jr = "rc-color-picker", q = function(r) {
+  return r instanceof D ? r : new D(r);
+}, Zr = q("#1677ff"), or = function(r) {
+  var t = r.offset, o = r.targetRef, n = r.containerRef, a = r.color, l = r.type, i = n.current.getBoundingClientRect(), c = i.width, u = i.height, d = o.current.getBoundingClientRect(), g = d.width, h = d.height, m = g / 2, C = h / 2, y = (t.x + m) / c, $ = 1 - (t.y + C) / u, H = a.toHsb(), B = y, S = (t.x + m) / c * 360;
+  if (l)
+    switch (l) {
+      case "hue":
+        return q(I(I({}, H), {}, {
+          h: S <= 0 ? 0 : S
+        }));
+      case "alpha":
+        return q(I(I({}, H), {}, {
+          a: B <= 0 ? 0 : B
+        }));
+    }
+  return q({
+    h: H.h,
+    s: y <= 0 ? 0 : y,
+    b: $ >= 1 ? 1 : $,
+    a: H.a
+  });
+}, nr = function(r, t) {
+  var o = r.toHsb();
+  switch (t) {
+    case "hue":
+      return {
+        x: o.h / 360 * 100,
+        y: 50
+      };
+    case "alpha":
+      return {
+        x: r.a * 100,
+        y: 50
+      };
+    default:
+      return {
+        x: o.s * 100,
+        y: (1 - o.b) * 100
+      };
+  }
+}, Kr = function(r) {
+  var t = r.color, o = r.prefixCls, n = r.className, a = r.style, l = r.onClick, i = "".concat(o, "-color-block");
+  return /* @__PURE__ */ s.createElement("div", {
+    className: N(i, n),
+    style: a,
+    onClick: l
+  }, /* @__PURE__ */ s.createElement("div", {
+    className: "".concat(i, "-inner"),
+    style: {
+      background: t
+    }
+  }));
+};
+function kr(e) {
+  var r = "touches" in e ? e.touches[0] : e, t = document.documentElement.scrollLeft || document.body.scrollLeft || window.pageXOffset, o = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset;
+  return {
+    pageX: r.pageX - t,
+    pageY: r.pageY - o
+  };
+}
+function ar(e) {
+  var r = e.targetRef, t = e.containerRef, o = e.direction, n = e.onDragChange, a = e.onDragChangeComplete, l = e.calculate, i = e.color, c = e.disabledDrag, u = xe({
+    x: 0,
+    y: 0
+  }), d = X(u, 2), g = d[0], h = d[1], m = j(null), C = j(null);
+  k(function() {
+    h(l());
+  }, [i]), k(function() {
+    return function() {
+      document.removeEventListener("mousemove", m.current), document.removeEventListener("mouseup", C.current), document.removeEventListener("touchmove", m.current), document.removeEventListener("touchend", C.current), m.current = null, C.current = null;
+    };
+  }, []);
+  var y = function(f) {
+    var b = kr(f), Y = b.pageX, U = b.pageY, O = t.current.getBoundingClientRect(), G = O.x, T = O.y, Q = O.width, F = O.height, z = r.current.getBoundingClientRect(), L = z.width, R = z.height, V = L / 2, M = R / 2, P = Math.max(0, Math.min(Y - G, Q)) - V, v = Math.max(0, Math.min(U - T, F)) - M, x = {
+      x: P,
+      y: o === "x" ? g.y : v
+    };
+    if (L === 0 && R === 0 || L !== R)
+      return !1;
+    n == null || n(x);
+  }, $ = function(f) {
+    f.preventDefault(), y(f);
+  }, H = function(f) {
+    f.preventDefault(), document.removeEventListener("mousemove", m.current), document.removeEventListener("mouseup", C.current), document.removeEventListener("touchmove", m.current), document.removeEventListener("touchend", C.current), m.current = null, C.current = null, a == null || a();
+  }, B = function(f) {
+    document.removeEventListener("mousemove", m.current), document.removeEventListener("mouseup", C.current), !c && (y(f), document.addEventListener("mousemove", $), document.addEventListener("mouseup", H), document.addEventListener("touchmove", $), document.addEventListener("touchend", H), m.current = $, C.current = H);
+  };
+  return [g, B];
+}
+var lr = function(r) {
+  var t = r.size, o = t === void 0 ? "default" : t, n = r.color, a = r.prefixCls;
+  return /* @__PURE__ */ s.createElement("div", {
+    className: N("".concat(a, "-handler"), Ee({}, "".concat(a, "-handler-sm"), o === "small")),
+    style: {
+      backgroundColor: n
+    }
+  });
+}, ir = function(r) {
+  var t = r.children, o = r.style, n = r.prefixCls;
+  return /* @__PURE__ */ s.createElement("div", {
+    className: "".concat(n, "-palette"),
+    style: I({
+      position: "relative"
+    }, o)
+  }, t);
+}, cr = /* @__PURE__ */ oe(function(e, r) {
+  var t = e.children, o = e.x, n = e.y;
+  return /* @__PURE__ */ s.createElement("div", {
+    ref: r,
+    style: {
+      position: "absolute",
+      left: "".concat(o, "%"),
+      top: "".concat(n, "%"),
+      zIndex: 1,
+      transform: "translate(-50%, -50%)"
+    }
+  }, t);
+}), et = function(r) {
+  var t = r.color, o = r.onChange, n = r.prefixCls, a = r.onChangeComplete, l = r.disabled, i = j(), c = j(), u = j(t), d = er(function(y) {
+    var $ = or({
+      offset: y,
+      targetRef: c,
+      containerRef: i,
+      color: t
+    });
+    u.current = $, o($);
+  }), g = ar({
+    color: t,
+    containerRef: i,
+    targetRef: c,
+    calculate: function() {
+      return nr(t);
+    },
+    onDragChange: d,
+    onDragChangeComplete: function() {
+      return a == null ? void 0 : a(u.current);
+    },
+    disabledDrag: l
+  }), h = X(g, 2), m = h[0], C = h[1];
+  return /* @__PURE__ */ s.createElement("div", {
+    ref: i,
+    className: "".concat(n, "-select"),
+    onMouseDown: C,
+    onTouchStart: C
+  }, /* @__PURE__ */ s.createElement(ir, {
+    prefixCls: n
+  }, /* @__PURE__ */ s.createElement(cr, {
+    x: m.x,
+    y: m.y,
+    ref: c
+  }, /* @__PURE__ */ s.createElement(lr, {
+    color: t.toRgbString(),
+    prefixCls: n
+  })), /* @__PURE__ */ s.createElement("div", {
+    className: "".concat(n, "-saturation"),
+    style: {
+      backgroundColor: "hsl(".concat(t.toHsb().h, ",100%, 50%)"),
+      backgroundImage: "linear-gradient(0deg, #000, transparent),linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))"
+    }
+  })));
+}, rt = function(r, t) {
+  var o = wr(r, {
+    value: t
+  }), n = X(o, 2), a = n[0], l = n[1], i = ee(function() {
+    return q(a);
+  }, [a]);
+  return [i, l];
+}, tt = function(r) {
+  var t = r.colors, o = r.children, n = r.direction, a = n === void 0 ? "to right" : n, l = r.type, i = r.prefixCls, c = ee(function() {
+    return t.map(function(u, d) {
+      var g = q(u);
+      return l === "alpha" && d === t.length - 1 && (g = new D(g.setA(1))), g.toRgbString();
+    }).join(",");
+  }, [t, l]);
+  return /* @__PURE__ */ s.createElement("div", {
+    className: "".concat(i, "-gradient"),
+    style: {
+      position: "absolute",
+      inset: 0,
+      background: "linear-gradient(".concat(a, ", ").concat(c, ")")
+    }
+  }, o);
+}, ot = function(r) {
+  var t = r.prefixCls, o = r.colors, n = r.disabled, a = r.onChange, l = r.onChangeComplete, i = r.color, c = r.type, u = j(), d = j(), g = j(i), h = function(b) {
+    return c === "hue" ? b.getHue() : b.a * 100;
+  }, m = er(function(f) {
+    var b = or({
+      offset: f,
+      targetRef: d,
+      containerRef: u,
+      color: i,
+      type: c
+    });
+    g.current = b, a(h(b));
+  }), C = ar({
+    color: i,
+    targetRef: d,
+    containerRef: u,
+    calculate: function() {
+      return nr(i, c);
+    },
+    onDragChange: m,
+    onDragChangeComplete: function() {
+      l(h(g.current));
+    },
+    direction: "x",
+    disabledDrag: n
+  }), y = X(C, 2), $ = y[0], H = y[1], B = s.useMemo(function() {
+    if (c === "hue") {
+      var f = i.toHsb();
+      f.s = 1, f.b = 1, f.a = 1;
+      var b = new D(f);
+      return b;
+    }
+    return i;
+  }, [i, c]), S = s.useMemo(function() {
+    return o.map(function(f) {
+      return "".concat(f.color, " ").concat(f.percent, "%");
+    });
+  }, [o]);
+  return /* @__PURE__ */ s.createElement("div", {
+    ref: u,
+    className: N("".concat(t, "-slider"), "".concat(t, "-slider-").concat(c)),
+    onMouseDown: H,
+    onTouchStart: H
+  }, /* @__PURE__ */ s.createElement(ir, {
+    prefixCls: t
+  }, /* @__PURE__ */ s.createElement(cr, {
+    x: $.x,
+    y: $.y,
+    ref: d
+  }, /* @__PURE__ */ s.createElement(lr, {
+    size: "small",
+    color: B.toHexString(),
+    prefixCls: t
+  })), /* @__PURE__ */ s.createElement(tt, {
+    colors: S,
+    type: c,
+    prefixCls: t
+  })));
+};
+function nt(e) {
+  return K.useMemo(function() {
+    var r = e || {}, t = r.slider;
+    return [t || ot];
+  }, [e]);
+}
+var at = [{
+  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
+}], lt = /* @__PURE__ */ oe(function(e, r) {
+  var t = e.value, o = e.defaultValue, n = e.prefixCls, a = n === void 0 ? Jr : n, l = e.onChange, i = e.onChangeComplete, c = e.className, u = e.style, d = e.panelRender, g = e.disabledAlpha, h = g === void 0 ? !1 : g, m = e.disabled, C = m === void 0 ? !1 : m, y = e.components, $ = nt(y), H = X($, 1), B = H[0], S = rt(o || Zr, t), f = X(S, 2), b = f[0], Y = f[1], U = ee(function() {
+    return b.setA(1).toRgbString();
+  }, [b]), O = function(v, x) {
+    t || Y(v), l == null || l(v, x);
+  }, G = function(v) {
+    return new D(b.setHue(v));
+  }, T = function(v) {
+    return new D(b.setA(v / 100));
+  }, Q = function(v) {
+    O(G(v), {
+      type: "hue",
+      value: v
+    });
+  }, F = function(v) {
+    O(T(v), {
+      type: "alpha",
+      value: v
+    });
+  }, z = function(v) {
+    i && i(G(v));
+  }, L = function(v) {
+    i && i(T(v));
+  }, R = N("".concat(a, "-panel"), c, Ee({}, "".concat(a, "-panel-disabled"), C)), V = {
+    prefixCls: a,
+    disabled: C,
+    color: b
+  }, M = /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(et, he({
+    onChange: O
+  }, V, {
+    onChangeComplete: i
+  })), /* @__PURE__ */ s.createElement("div", {
+    className: "".concat(a, "-slider-container")
+  }, /* @__PURE__ */ s.createElement("div", {
+    className: N("".concat(a, "-slider-group"), Ee({}, "".concat(a, "-slider-group-disabled-alpha"), h))
+  }, /* @__PURE__ */ s.createElement(B, he({}, V, {
+    type: "hue",
+    colors: at,
+    min: 0,
+    max: 359,
+    value: b.getHue(),
+    onChange: Q,
+    onChangeComplete: z
+  })), !h && /* @__PURE__ */ s.createElement(B, he({}, V, {
+    type: "alpha",
+    colors: [{
+      percent: 0,
+      color: "rgba(255, 0, 4, 0)"
+    }, {
+      percent: 100,
+      color: U
+    }],
+    min: 0,
+    max: 100,
+    value: b.a * 100,
+    onChange: F,
+    onChangeComplete: L
+  }))), /* @__PURE__ */ s.createElement(Kr, {
+    color: b.toRgbString(),
+    prefixCls: a
+  })));
+  return /* @__PURE__ */ s.createElement("div", {
+    className: R,
+    style: u,
+    ref: r
+  }, typeof d == "function" ? d(M) : M);
+});
+process.env.NODE_ENV !== "production" && (lt.displayName = "ColorPicker");
+const it = (e, r) => (e == null ? void 0 : e.replace(/[^\w/]/g, "").slice(0, r ? 8 : 6)) || "", ct = (e, r) => e ? it(e, r) : "";
+let st = /* @__PURE__ */ function() {
+  function e(r) {
+    Je(this, e);
+    var t;
+    if (this.cleared = !1, r instanceof e) {
+      this.metaColor = r.metaColor.clone(), this.colors = (t = r.colors) === null || t === void 0 ? void 0 : t.map((n) => ({
+        color: new e(n.color),
+        percent: n.percent
+      })), this.cleared = r.cleared;
+      return;
+    }
+    const o = Array.isArray(r);
+    o && r.length ? (this.colors = r.map((n) => {
+      let {
+        color: a,
+        percent: l
+      } = n;
+      return {
+        color: new e(a),
+        percent: l
+      };
+    }), this.metaColor = new D(this.colors[0].color.metaColor)) : this.metaColor = new D(o ? "" : r), (!r || o && !this.colors) && (this.metaColor = this.metaColor.setA(0), this.cleared = !0);
+  }
+  return Ze(e, [{
+    key: "toHsb",
+    value: function() {
+      return this.metaColor.toHsb();
+    }
+  }, {
+    key: "toHsbString",
+    value: function() {
+      return this.metaColor.toHsbString();
+    }
+  }, {
+    key: "toHex",
+    value: function() {
+      return ct(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: t
+      } = this;
+      return t ? `linear-gradient(90deg, ${t.map((n) => `${n.color.toRgbString()} ${n.percent}%`).join(", ")})` : this.metaColor.toRgbString();
+    }
+  }, {
+    key: "equals",
+    value: function(t) {
+      return !t || this.isGradient() !== t.isGradient() ? !1 : this.isGradient() ? this.colors.length === t.colors.length && this.colors.every((o, n) => {
+        const a = t.colors[n];
+        return o.percent === a.percent && o.color.equals(a.color);
+      }) : this.toHexString() === t.toHexString();
+    }
+  }]);
+}();
+const ut = (e, r) => {
+  const {
+    r: t,
+    g: o,
+    b: n,
+    a
+  } = e.toRgb(), l = new D(e.toRgbString()).onBackground(r).toHsv();
+  return a <= 0.5 ? l.v > 0.5 : t * 0.299 + o * 0.587 + n * 0.114 > 192;
+}, sr = (e) => {
+  const {
+    paddingInline: r,
+    onlyIconSize: t
+  } = e;
+  return ne(e, {
+    buttonPaddingHorizontal: r,
+    buttonPaddingVertical: 0,
+    buttonIconOnlyFontSize: t
+  });
+}, ur = (e) => {
+  var r, t, o, n, a, l;
+  const i = (r = e.contentFontSize) !== null && r !== void 0 ? r : e.fontSize, c = (t = e.contentFontSizeSM) !== null && t !== void 0 ? t : e.fontSize, u = (o = e.contentFontSizeLG) !== null && o !== void 0 ? o : e.fontSizeLG, d = (n = e.contentLineHeight) !== null && n !== void 0 ? n : ve(i), g = (a = e.contentLineHeightSM) !== null && a !== void 0 ? a : ve(c), h = (l = e.contentLineHeightLG) !== null && l !== void 0 ? l : ve(u), m = ut(new st(e.colorBgSolid), "#fff") ? "#000" : "#fff";
+  return {
+    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: m,
+    contentFontSize: i,
+    contentFontSizeSM: c,
+    contentFontSizeLG: u,
+    contentLineHeight: d,
+    contentLineHeightSM: g,
+    contentLineHeightLG: h,
+    paddingBlock: Math.max((e.controlHeight - i * 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)
+  };
+}, dt = (e) => {
+  const {
+    componentCls: r,
+    iconCls: t,
+    fontWeight: o,
+    opacityLoading: n,
+    motionDurationSlow: a,
+    motionEaseInOut: l,
+    marginXS: i,
+    calc: c
+  } = e;
+  return {
+    [r]: {
+      outline: "none",
+      position: "relative",
+      display: "inline-flex",
+      gap: e.marginXS,
+      alignItems: "center",
+      justifyContent: "center",
+      fontWeight: o,
+      whiteSpace: "nowrap",
+      textAlign: "center",
+      backgroundImage: "none",
+      background: "transparent",
+      border: `${te(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`]: Or(),
+      "> a": {
+        color: "currentColor"
+      },
+      "&:not(:disabled)": Rr(e),
+      [`&${r}-two-chinese-chars::first-letter`]: {
+        letterSpacing: "0.34em"
+      },
+      [`&${r}-two-chinese-chars > *:not(${t})`]: {
+        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} ${l}`).join(",")
+      },
+      // iconPosition
+      [`&:not(${r}-icon-end)`]: {
+        [`${r}-loading-icon-motion`]: {
+          "&-appear-start, &-enter-start": {
+            marginInlineEnd: c(i).mul(-1).equal()
+          },
+          "&-appear-active, &-enter-active": {
+            marginInlineEnd: 0
+          },
+          "&-leave-start": {
+            marginInlineEnd: 0
+          },
+          "&-leave-active": {
+            marginInlineEnd: c(i).mul(-1).equal()
+          }
+        }
+      },
+      "&-icon-end": {
+        flexDirection: "row-reverse",
+        [`${r}-loading-icon-motion`]: {
+          "&-appear-start, &-enter-start": {
+            marginInlineStart: c(i).mul(-1).equal()
+          },
+          "&-appear-active, &-enter-active": {
+            marginInlineStart: 0
+          },
+          "&-leave-start": {
+            marginInlineStart: 0
+          },
+          "&-leave-active": {
+            marginInlineStart: c(i).mul(-1).equal()
+          }
+        }
+      }
+    }
+  };
+}, dr = (e, r, t) => ({
+  [`&:not(:disabled):not(${e}-disabled)`]: {
+    "&:hover": r,
+    "&:active": t
+  }
+}), gt = (e) => ({
+  minWidth: e.controlHeight,
+  paddingInlineStart: 0,
+  paddingInlineEnd: 0,
+  borderRadius: "50%"
+}), ft = (e) => ({
+  borderRadius: e.controlHeight,
+  paddingInlineStart: e.calc(e.controlHeight).div(2).equal(),
+  paddingInlineEnd: e.calc(e.controlHeight).div(2).equal()
+}), mt = (e) => ({
+  cursor: "not-allowed",
+  borderColor: e.borderColorDisabled,
+  color: e.colorTextDisabled,
+  background: e.colorBgContainerDisabled,
+  boxShadow: "none"
+}), He = (e, r, t, o, n, a, l, i) => ({
+  [`&${e}-background-ghost`]: Object.assign(Object.assign({
+    color: t || void 0,
+    background: r,
+    borderColor: o || void 0,
+    boxShadow: "none"
+  }, dr(e, Object.assign({
+    background: r
+  }, l), Object.assign({
+    background: r
+  }, i))), {
+    "&:disabled": {
+      cursor: "not-allowed",
+      color: n || void 0,
+      borderColor: a || void 0
+    }
+  })
+}), Ct = (e) => ({
+  [`&:disabled, &${e.componentCls}-disabled`]: Object.assign({}, mt(e))
+}), bt = (e) => ({
+  [`&:disabled, &${e.componentCls}-disabled`]: {
+    cursor: "not-allowed",
+    color: e.colorTextDisabled
+  }
+}), ae = (e, r, t, o) => {
+  const a = o && ["link", "text"].includes(o) ? bt : Ct;
+  return Object.assign(Object.assign({}, a(e)), dr(e.componentCls, r, t));
+}, le = (e, r, t, o, n) => ({
+  [`&${e.componentCls}-variant-solid`]: Object.assign({
+    color: r,
+    background: t
+  }, ae(e, o, n))
+}), ie = (e, r, t, o, n) => ({
+  [`&${e.componentCls}-variant-outlined, &${e.componentCls}-variant-dashed`]: Object.assign({
+    borderColor: r,
+    background: t
+  }, ae(e, o, n))
+}), ce = (e) => ({
+  [`&${e.componentCls}-variant-dashed`]: {
+    borderStyle: "dashed"
+  }
+}), se = (e, r, t, o) => ({
+  [`&${e.componentCls}-variant-filled`]: Object.assign({
+    boxShadow: "none",
+    background: r
+  }, ae(e, t, o))
+}), _ = (e, r, t, o, n) => ({
+  [`&${e.componentCls}-variant-${t}`]: Object.assign({
+    color: r,
+    boxShadow: "none"
+  }, ae(e, o, n, t))
+}), ht = (e) => {
+  const {
+    componentCls: r
+  } = e;
+  return rr.reduce((t, o) => {
+    const n = e[`${o}6`], a = e[`${o}1`], l = e[`${o}5`], i = e[`${o}2`], c = e[`${o}3`], u = e[`${o}7`], d = `0 ${te(e.controlOutlineWidth)} 0 ${e[`${o}1`]}`;
+    return Object.assign(Object.assign({}, t), {
+      [`&${r}-color-${o}`]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+        color: n,
+        boxShadow: d
+      }, le(e, e.colorTextLightSolid, n, {
+        background: l
+      }, {
+        background: u
+      })), ie(e, n, e.colorBgContainer, {
+        color: l,
+        borderColor: l,
+        background: e.colorBgContainer
+      }, {
+        color: u,
+        borderColor: u,
+        background: e.colorBgContainer
+      })), ce(e)), se(e, a, {
+        background: i
+      }, {
+        background: c
+      })), _(e, n, "link", {
+        color: l
+      }, {
+        color: u
+      })), _(e, n, "text", {
+        color: l,
+        background: a
+      }, {
+        color: u,
+        background: c
+      }))
+    });
+  }, {});
+}, vt = (e) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+  color: e.defaultColor,
+  boxShadow: e.defaultShadow
+}, le(e, e.solidTextColor, e.colorBgSolid, {
+  color: e.solidTextColor,
+  background: e.colorBgSolidHover
+}, {
+  color: e.solidTextColor,
+  background: e.colorBgSolidActive
+})), ce(e)), se(e, e.colorFillTertiary, {
+  background: e.colorFillSecondary
+}, {
+  background: e.colorFill
+})), _(e, e.textTextColor, "link", {
+  color: e.colorLinkHover,
+  background: e.linkHoverBg
+}, {
+  color: e.colorLinkActive
+})), He(e.componentCls, e.ghostBg, e.defaultGhostColor, e.defaultGhostBorderColor, e.colorTextDisabled, e.colorBorder)), pt = (e) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+  color: e.colorPrimary,
+  boxShadow: e.primaryShadow
+}, ie(e, e.colorPrimary, e.colorBgContainer, {
+  color: e.colorPrimaryTextHover,
+  borderColor: e.colorPrimaryHover,
+  background: e.colorBgContainer
+}, {
+  color: e.colorPrimaryTextActive,
+  borderColor: e.colorPrimaryActive,
+  background: e.colorBgContainer
+})), ce(e)), se(e, e.colorPrimaryBg, {
+  background: e.colorPrimaryBgHover
+}, {
+  background: e.colorPrimaryBorder
+})), _(e, e.colorLink, "text", {
+  color: e.colorPrimaryTextHover,
+  background: e.colorPrimaryBg
+}, {
+  color: e.colorPrimaryTextActive,
+  background: e.colorPrimaryBorder
+})), He(e.componentCls, e.ghostBg, e.colorPrimary, e.colorPrimary, e.colorTextDisabled, e.colorBorder, {
+  color: e.colorPrimaryHover,
+  borderColor: e.colorPrimaryHover
+}, {
+  color: e.colorPrimaryActive,
+  borderColor: e.colorPrimaryActive
+})), yt = (e) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+  color: e.colorError,
+  boxShadow: e.dangerShadow
+}, le(e, e.dangerColor, e.colorError, {
+  background: e.colorErrorHover
+}, {
+  background: e.colorErrorActive
+})), ie(e, e.colorError, e.colorBgContainer, {
+  color: e.colorErrorHover,
+  borderColor: e.colorErrorBorderHover
+}, {
+  color: e.colorErrorActive,
+  borderColor: e.colorErrorActive
+})), ce(e)), se(e, e.colorErrorBg, {
+  background: e.colorErrorBgFilledHover
+}, {
+  background: e.colorErrorBgActive
+})), _(e, e.colorError, "text", {
+  color: e.colorErrorHover,
+  background: e.colorErrorBg
+}, {
+  color: e.colorErrorHover,
+  background: e.colorErrorBgActive
+})), _(e, e.colorError, "link", {
+  color: e.colorErrorHover
+}, {
+  color: e.colorErrorActive
+})), He(e.componentCls, e.ghostBg, e.colorError, e.colorError, e.colorTextDisabled, e.colorBorder, {
+  color: e.colorErrorHover,
+  borderColor: e.colorErrorHover
+}, {
+  color: e.colorErrorActive,
+  borderColor: e.colorErrorActive
+})), St = (e) => {
+  const {
+    componentCls: r
+  } = e;
+  return Object.assign({
+    [`${r}-color-default`]: vt(e),
+    [`${r}-color-primary`]: pt(e),
+    [`${r}-color-dangerous`]: yt(e)
+  }, ht(e));
+}, xt = (e) => Object.assign(Object.assign(Object.assign(Object.assign({}, ie(e, e.defaultBorderColor, e.defaultBg, {
+  color: e.defaultHoverColor,
+  borderColor: e.defaultHoverBorderColor,
+  background: e.defaultHoverBg
+}, {
+  color: e.defaultActiveColor,
+  borderColor: e.defaultActiveBorderColor,
+  background: e.defaultActiveBg
+})), _(e, e.textTextColor, "text", {
+  color: e.textTextHoverColor,
+  background: e.textHoverBg
+}, {
+  color: e.textTextActiveColor,
+  background: e.colorBgTextActive
+})), le(e, e.primaryColor, e.colorPrimary, {
+  background: e.colorPrimaryHover,
+  color: e.primaryColor
+}, {
+  background: e.colorPrimaryActive,
+  color: e.primaryColor
+})), _(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: t,
+    controlHeight: o,
+    fontSize: n,
+    borderRadius: a,
+    buttonPaddingHorizontal: l,
+    iconCls: i,
+    buttonPaddingVertical: c,
+    buttonIconOnlyFontSize: u
+  } = e;
+  return [
+    {
+      [r]: {
+        fontSize: n,
+        height: o,
+        padding: `${te(c)} ${te(l)}`,
+        borderRadius: a,
+        [`&${t}-icon-only`]: {
+          width: o,
+          [i]: {
+            fontSize: u
+          }
+        }
+      }
+    },
+    // Shape - patch prefixCls again to override solid border radius style
+    {
+      [`${t}${t}-circle${r}`]: gt(e)
+    },
+    {
+      [`${t}${t}-round${r}`]: ft(e)
+    }
+  ];
+}, Et = (e) => {
+  const r = ne(e, {
+    fontSize: e.contentFontSize
+  });
+  return Oe(r, e.componentCls);
+}, $t = (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`);
+}, Bt = (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`);
+}, Ht = (e) => {
+  const {
+    componentCls: r
+  } = e;
+  return {
+    [r]: {
+      [`&${r}-block`]: {
+        width: "100%"
+      }
+    }
+  };
+}, Ot = Hr("Button", (e) => {
+  const r = sr(e);
+  return [
+    // Shared
+    dt(r),
+    // Size
+    Et(r),
+    $t(r),
+    Bt(r),
+    // Block
+    Ht(r),
+    // Color
+    St(r),
+    // https://github.com/ant-design/ant-design/issues/50969
+    xt(r),
+    // Button Group
+    Xr(r)
+  ];
+}, ur, {
+  unitless: {
+    fontWeight: !0,
+    contentLineHeight: !0,
+    contentLineHeightSM: !0,
+    contentLineHeightLG: !0
+  }
+});
+function Rt(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 Nt(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 Pt(e) {
+  const r = `${e.componentCls}-compact-vertical`;
+  return {
+    [r]: Object.assign(Object.assign({}, Rt(e, r)), Nt(e.componentCls, r))
+  };
+}
+const jt = (e) => {
+  const {
+    componentCls: r,
+    colorPrimaryHover: t,
+    lineWidth: o,
+    calc: n
+  } = e, a = n(o).mul(-1).equal(), l = (i) => ({
+    [`${r}-compact${i ? "-vertical" : ""}-item${r}-primary:not([disabled])`]: {
+      "& + &::before": {
+        position: "absolute",
+        top: i ? a : 0,
+        insetInlineStart: i ? 0 : a,
+        backgroundColor: t,
+        content: '""',
+        width: i ? "100%" : o,
+        height: i ? o : "100%"
+      }
+    }
+  });
+  return Object.assign(Object.assign({}, l()), l(!0));
+}, wt = Nr(["Button", "compact"], (e) => {
+  const r = sr(e);
+  return [
+    // Space Compact
+    Mr(r),
+    Pt(r),
+    jt(r)
+  ];
+}, ur);
+var It = function(e, r) {
+  var t = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, o = Object.getOwnPropertySymbols(e); n < o.length; n++)
+    r.indexOf(o[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[n]) && (t[o[n]] = e[o[n]]);
+  return t;
+};
+function Dt(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 Tt = {
+  default: ["default", "outlined"],
+  primary: ["primary", "solid"],
+  dashed: ["default", "dashed"],
+  link: ["primary", "link"],
+  text: ["default", "text"]
+}, zt = /* @__PURE__ */ s.forwardRef((e, r) => {
+  var t, o, n, a;
+  const {
+    loading: l = !1,
+    prefixCls: i,
+    color: c,
+    variant: u,
+    type: d,
+    danger: g = !1,
+    shape: h = "default",
+    size: m,
+    styles: C,
+    disabled: y,
+    className: $,
+    rootClassName: H,
+    children: B,
+    icon: S,
+    iconPosition: f = "start",
+    ghost: b = !1,
+    block: Y = !1,
+    // React does not recognize the `htmlType` prop on a DOM element. Here we pick it out of `rest`.
+    htmlType: U = "button",
+    classNames: O,
+    style: G = {},
+    autoInsertSpace: T,
+    autoFocus: Q
+  } = e, F = It(e, ["loading", "prefixCls", "color", "variant", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace", "autoFocus"]), z = d || "default", [L, R] = ee(() => {
+    if (c && u)
+      return [c, u];
+    const E = Tt[z] || [];
+    return g ? ["danger", E[1]] : E;
+  }, [d, c, u, g]), M = L === "danger" ? "dangerous" : L, {
+    getPrefixCls: P,
+    direction: v,
+    button: x
+  } = be(Ue), ue = (t = T ?? (x == null ? void 0 : x.autoInsertSpace)) !== null && t !== void 0 ? t : !0, p = P("btn", i), [Ne, gr, fr] = Ot(p), mr = be(Pr), W = y ?? mr, Cr = be(tr), J = ee(() => Dt(l), [l]), [A, Pe] = xe(J.loading), [de, je] = xe(!1), Z = j(null), we = jr(r, Z), Ie = pr.count(B) === 1 && !S && !re(R), ge = j(!0);
+  s.useEffect(() => (ge.current = !1, () => {
+    ge.current = !0;
+  }), []), k(() => {
+    let E = null;
+    J.delay > 0 ? E = setTimeout(() => {
+      E = null, Pe(!0);
+    }, J.delay) : Pe(J.loading);
+    function w() {
+      E && (clearTimeout(E), E = null);
+    }
+    return w;
+  }, [J]), k(() => {
+    if (!Z.current || !ue)
+      return;
+    const E = Z.current.textContent || "";
+    Ie && $e(E) ? de || je(!0) : de && je(!1);
+  }), k(() => {
+    Q && Z.current && Z.current.focus();
+  }, []);
+  const De = s.useCallback((E) => {
+    var w;
+    if (A || W) {
+      E.preventDefault();
+      return;
+    }
+    (w = e.onClick) === null || w === void 0 || w.call(e, E);
+  }, [e.onClick, A, W]);
+  if (process.env.NODE_ENV !== "production") {
+    const E = Qe("Button");
+    process.env.NODE_ENV !== "production" && E(!(typeof S == "string" && S.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${S}\` at https://ant.design/components/icon`), process.env.NODE_ENV !== "production" && E(!(b && re(R)), "usage", "`link` or `text` button can't be a `ghost` button.");
+  }
+  const {
+    compactSize: br,
+    compactItemClassnames: Te
+  } = zr(p, v), hr = {
+    large: "lg",
+    small: "sm",
+    middle: void 0
+  }, ze = Lr((E) => {
+    var w, Ce;
+    return (Ce = (w = m ?? br) !== null && w !== void 0 ? w : Cr) !== null && Ce !== void 0 ? Ce : E;
+  }), Le = ze && (o = hr[ze]) !== null && o !== void 0 ? o : "", vr = A ? "loading" : S, fe = Ir(F, ["navigate"]), Ae = N(p, gr, fr, {
+    [`${p}-${h}`]: h !== "default" && h,
+    // line(253 - 254): Compatible with versions earlier than 5.21.0
+    [`${p}-${z}`]: z,
+    [`${p}-dangerous`]: g,
+    [`${p}-color-${M}`]: M,
+    [`${p}-variant-${R}`]: R,
+    [`${p}-${Le}`]: Le,
+    [`${p}-icon-only`]: !B && B !== 0 && !!vr,
+    [`${p}-background-ghost`]: b && !re(R),
+    [`${p}-loading`]: A,
+    [`${p}-two-chinese-chars`]: de && ue && !A,
+    [`${p}-block`]: Y,
+    [`${p}-rtl`]: v === "rtl",
+    [`${p}-icon-end`]: f === "end"
+  }, Te, $, H, x == null ? void 0 : x.className), _e = Object.assign(Object.assign({}, x == null ? void 0 : x.style), G), Me = N(O == null ? void 0 : O.icon, (n = x == null ? void 0 : x.classNames) === null || n === void 0 ? void 0 : n.icon), Ge = Object.assign(Object.assign({}, (C == null ? void 0 : C.icon) || {}), ((a = x == null ? void 0 : x.styles) === null || a === void 0 ? void 0 : a.icon) || {}), Fe = S && !A ? /* @__PURE__ */ s.createElement(Be, {
+    prefixCls: p,
+    className: Me,
+    style: Ge
+  }, S) : typeof l == "object" && l.icon ? /* @__PURE__ */ s.createElement(Be, {
+    prefixCls: p,
+    className: Me,
+    style: Ge
+  }, l.icon) : /* @__PURE__ */ s.createElement(qr, {
+    existIcon: !!S,
+    prefixCls: p,
+    loading: A,
+    mount: ge.current
+  }), Ve = B || B === 0 ? Wr(B, Ie && ue) : null;
+  if (fe.href !== void 0)
+    return Ne(/* @__PURE__ */ s.createElement("a", Object.assign({}, fe, {
+      className: N(Ae, {
+        [`${p}-disabled`]: W
+      }),
+      href: W ? void 0 : fe.href,
+      style: _e,
+      onClick: De,
+      ref: we,
+      tabIndex: W ? -1 : 0
+    }), Fe, Ve));
+  let me = /* @__PURE__ */ s.createElement("button", Object.assign({}, F, {
+    type: U,
+    className: Ae,
+    style: _e,
+    onClick: De,
+    disabled: W,
+    ref: we
+  }), Fe, Ve, Te && /* @__PURE__ */ s.createElement(wt, {
+    prefixCls: p
+  }));
+  return re(R) || (me = /* @__PURE__ */ s.createElement(Dr, {
+    component: "Button",
+    disabled: A
+  }, me)), Ne(me);
+}), Re = zt;
+Re.Group = Fr;
+Re.__ANT_BUTTON = !0;
+process.env.NODE_ENV !== "production" && (Re.displayName = "Button");
+export {
+  Re as B
+};