@amateescu/portal-ui-components 0.0.25 → 0.0.26-beta1

package/dist/PurePanel-DOohzuQB.js

@@ -0,0 +1,2212 @@
+import * as m from "react";
+import c, { useContext as _e, useRef as D, forwardRef as me, useState as je, useEffect as te, useMemo as oe, Children as kt } from "react";
+import { I as eo, U as We, v as Ge, e as M, Z as pt, $ as le, h as vt, Y as to, a0 as oo, a1 as ro, w as ce, q as bt, c as N, a2 as Ct, a as re, k as Fe, a3 as no, a4 as ao, a5 as io, g as ht, m as ne, E as yt, x as so, l as lo, a6 as co, a7 as uo, a8 as St, a9 as xt, p as Et, aa as Ot, _ as J, i as Te, s as $t, H as mo, K as T, ab as Re, u as ue, ac as go, B as fo, ad as po, T as vo, b as bo, ae as Co, n as ho, o as yo, af as So, C as xo } from "./context-DcMzUd6b.js";
+import { R as It } from "./index-Bb1SSZdZ.js";
+import { a as se } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
+const Ve = ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
+function Eo(e) {
+  return e && /* @__PURE__ */ c.isValidElement(e) && e.type === c.Fragment;
+}
+const Oo = (e, t, o) => /* @__PURE__ */ c.isValidElement(e) ? /* @__PURE__ */ c.cloneElement(e, typeof o == "function" ? o(e.props || {}) : o) : t;
+function Rt(e, t) {
+  return Oo(e, e, t);
+}
+var $o = { icon: { tag: "svg", attrs: { viewBox: "0 0 1024 1024", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, name: "loading", theme: "outlined" }, Io = function(t, o) {
+  return /* @__PURE__ */ m.createElement(eo, se({}, t, {
+    ref: o,
+    icon: $o
+  }));
+}, wt = /* @__PURE__ */ m.forwardRef(Io);
+process.env.NODE_ENV !== "production" && (wt.displayName = "LoadingOutlined");
+const Bt = /* @__PURE__ */ c.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Bt.displayName = "zIndexContext");
+const V = 100, Ro = 10, wo = V * Ro, Bo = wo + V, Nt = {
+  Modal: V,
+  Drawer: V,
+  Popover: V,
+  Popconfirm: V,
+  Tooltip: V,
+  Tour: V,
+  FloatButton: V
+}, No = {
+  SelectLike: 50,
+  Dropdown: 50,
+  DatePicker: 50,
+  Menu: 50,
+  ImagePreview: 1
+};
+function Ho(e) {
+  return e in Nt;
+}
+const yn = (e, t) => {
+  const [, o] = We(), r = c.useContext(Bt), n = Ho(e);
+  let a;
+  if (t !== void 0)
+    a = [t, t];
+  else {
+    let i = r ?? 0;
+    n ? i += // Use preset token zIndex by default but not stack when has parent container
+    (r ? 0 : o.zIndexPopupBase) + // Container offset
+    Nt[e] : i += No[e], a = [r === void 0 ? t : i, i];
+  }
+  if (process.env.NODE_ENV !== "production") {
+    const i = Ge(e), s = o.zIndexPopupBase + Bo, l = a[0] || 0;
+    process.env.NODE_ENV !== "production" && i(t !== void 0 || l <= s, "usage", "`zIndex` is over design token `zIndexPopupBase` too much. It may cause unexpected override.");
+  }
+  return a;
+};
+var ae = M({}, It), zo = ae.version, we = ae.render, Po = ae.unmountComponentAtNode, ge;
+try {
+  var _o = Number((zo || "").split(".")[0]);
+  _o >= 18 && (ge = ae.createRoot);
+} catch {
+}
+function lt(e) {
+  var t = ae.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  t && vt(t) === "object" && (t.usingClientEntryPoint = e);
+}
+var de = "__rc_react_root__";
+function jo(e, t) {
+  lt(!0);
+  var o = t[de] || ge(t);
+  lt(!1), o.render(e), t[de] = o;
+}
+function To(e, t) {
+  we == null || we(e, t);
+}
+function Do(e, t) {
+  if (ge) {
+    jo(e, t);
+    return;
+  }
+  To(e, t);
+}
+function Lo(e) {
+  return De.apply(this, arguments);
+}
+function De() {
+  return De = pt(/* @__PURE__ */ le().mark(function e(t) {
+    return le().wrap(function(r) {
+      for (; ; ) switch (r.prev = r.next) {
+        case 0:
+          return r.abrupt("return", Promise.resolve().then(function() {
+            var n;
+            (n = t[de]) === null || n === void 0 || n.unmount(), delete t[de];
+          }));
+        case 1:
+        case "end":
+          return r.stop();
+      }
+    }, e);
+  })), De.apply(this, arguments);
+}
+function Ao(e) {
+  Po(e);
+}
+function Mo(e) {
+  return Le.apply(this, arguments);
+}
+function Le() {
+  return Le = pt(/* @__PURE__ */ le().mark(function e(t) {
+    return le().wrap(function(r) {
+      for (; ; ) switch (r.prev = r.next) {
+        case 0:
+          if (ge === void 0) {
+            r.next = 2;
+            break;
+          }
+          return r.abrupt("return", Lo(t));
+        case 2:
+          Ao(t);
+        case 3:
+        case "end":
+          return r.stop();
+      }
+    }, e);
+  })), Le.apply(this, arguments);
+}
+const Wo = (e, t) => {
+  if (process.env.NODE_ENV !== "production") {
+    const o = parseInt(m.version.split(".")[0], 10), r = Object.keys(It);
+    process.env.NODE_ENV !== "production" && to(o < 19 || r.includes("createRoot"), "compatible", "antd v5 support React is 16 ~ 18. see https://u.ant.design/v5-for-19 for compatible.");
+  }
+  return Do(e, t), () => Mo(t);
+};
+let Go = Wo;
+function Fo() {
+  return Go;
+}
+const Vo = (e) => {
+  const {
+    componentCls: t,
+    colorPrimary: o
+  } = e;
+  return {
+    [t]: {
+      position: "absolute",
+      background: "transparent",
+      pointerEvents: "none",
+      boxSizing: "border-box",
+      color: `var(--wave-color, ${o})`,
+      boxShadow: "0 0 0 0 currentcolor",
+      opacity: 0.2,
+      // =================== Motion ===================
+      "&.wave-motion-appear": {
+        transition: [`box-shadow 0.4s ${e.motionEaseOutCirc}`, `opacity 2s ${e.motionEaseOutCirc}`].join(","),
+        "&-active": {
+          boxShadow: "0 0 0 6px currentcolor",
+          opacity: 0
+        },
+        "&.wave-quick": {
+          transition: [`box-shadow ${e.motionDurationSlow} ${e.motionEaseInOut}`, `opacity ${e.motionDurationSlow} ${e.motionEaseInOut}`].join(",")
+        }
+      }
+    }
+  };
+}, Uo = oo("Wave", (e) => [Vo(e)]), Ht = `${ro}-wave-target`;
+function Be(e) {
+  return e && e !== "#fff" && e !== "#ffffff" && e !== "rgb(255, 255, 255)" && e !== "rgba(255, 255, 255, 1)" && !/rgba\((?:\d*, ){3}0\)/.test(e) && // any transparent rgba color
+  e !== "transparent";
+}
+function qo(e) {
+  const {
+    borderTopColor: t,
+    borderColor: o,
+    backgroundColor: r
+  } = getComputedStyle(e);
+  return Be(t) ? t : Be(o) ? o : Be(r) ? r : null;
+}
+function Ne(e) {
+  return Number.isNaN(e) ? 0 : e;
+}
+const Xo = (e) => {
+  const {
+    className: t,
+    target: o,
+    component: r,
+    registerUnmount: n
+  } = e, a = m.useRef(null), i = m.useRef(null);
+  m.useEffect(() => {
+    i.current = n();
+  }, []);
+  const [s, l] = m.useState(null), [u, d] = m.useState([]), [g, p] = m.useState(0), [C, h] = m.useState(0), [x, f] = m.useState(0), [b, w] = m.useState(0), [E, v] = m.useState(!1), y = {
+    left: g,
+    top: C,
+    width: x,
+    height: b,
+    borderRadius: u.map((S) => `${S}px`).join(" ")
+  };
+  s && (y["--wave-color"] = s);
+  function B() {
+    const S = getComputedStyle(o);
+    l(qo(o));
+    const $ = S.position === "static", {
+      borderLeftWidth: H,
+      borderTopWidth: z
+    } = S;
+    p($ ? o.offsetLeft : Ne(-parseFloat(H))), h($ ? o.offsetTop : Ne(-parseFloat(z))), f(o.offsetWidth), w(o.offsetHeight);
+    const {
+      borderTopLeftRadius: j,
+      borderTopRightRadius: P,
+      borderBottomLeftRadius: q,
+      borderBottomRightRadius: L
+    } = S;
+    d([j, P, L, q].map((G) => Ne(parseFloat(G))));
+  }
+  if (m.useEffect(() => {
+    if (o) {
+      const S = ce(() => {
+        B(), v(!0);
+      });
+      let $;
+      return typeof ResizeObserver < "u" && ($ = new ResizeObserver(B), $.observe(o)), () => {
+        ce.cancel(S), $ == null || $.disconnect();
+      };
+    }
+  }, []), !E)
+    return null;
+  const _ = (r === "Checkbox" || r === "Radio") && (o == null ? void 0 : o.classList.contains(Ht));
+  return /* @__PURE__ */ m.createElement(bt, {
+    visible: !0,
+    motionAppear: !0,
+    motionName: "wave-motion",
+    motionDeadline: 5e3,
+    onAppearEnd: (S, $) => {
+      var H, z;
+      if ($.deadline || $.propertyName === "opacity") {
+        const j = (H = a.current) === null || H === void 0 ? void 0 : H.parentElement;
+        (z = i.current) === null || z === void 0 || z.call(i).then(() => {
+          j == null || j.remove();
+        });
+      }
+      return !1;
+    }
+  }, (S, $) => {
+    let {
+      className: H
+    } = S;
+    return /* @__PURE__ */ m.createElement("div", {
+      ref: Ct(a, $),
+      className: N(t, H, {
+        "wave-quick": _
+      }),
+      style: y
+    });
+  });
+}, Zo = (e, t) => {
+  var o;
+  const {
+    component: r
+  } = t;
+  if (r === "Checkbox" && !(!((o = e.querySelector("input")) === null || o === void 0) && o.checked))
+    return;
+  const n = document.createElement("div");
+  n.style.position = "absolute", n.style.left = "0px", n.style.top = "0px", e == null || e.insertBefore(n, e == null ? void 0 : e.firstChild);
+  const a = Fo();
+  let i = null;
+  function s() {
+    return i;
+  }
+  i = a(/* @__PURE__ */ m.createElement(Xo, Object.assign({}, t, {
+    target: e,
+    registerUnmount: s
+  })), n);
+}, Yo = (e, t, o) => {
+  const {
+    wave: r
+  } = m.useContext(re), [, n, a] = We(), i = Fe((u) => {
+    const d = e.current;
+    if (r != null && r.disabled || !d)
+      return;
+    const g = d.querySelector(`.${Ht}`) || d, {
+      showEffect: p
+    } = r || {};
+    (p || Zo)(g, {
+      className: t,
+      token: n,
+      component: o,
+      event: u,
+      hashId: a
+    });
+  }), s = m.useRef(null);
+  return (u) => {
+    ce.cancel(s.current), s.current = ce(() => {
+      i(u);
+    });
+  };
+}, zt = (e) => {
+  const {
+    children: t,
+    disabled: o,
+    component: r
+  } = e, {
+    getPrefixCls: n
+  } = _e(re), a = D(null), i = n("wave"), [, s] = Uo(i), l = Yo(a, N(i, s), r);
+  if (c.useEffect(() => {
+    const d = a.current;
+    if (!d || d.nodeType !== 1 || o)
+      return;
+    const g = (p) => {
+      !io(p.target) || // No need wave
+      !d.getAttribute || d.getAttribute("disabled") || d.disabled || d.className.includes("disabled") || d.className.includes("-leave") || l(p);
+    };
+    return d.addEventListener("click", g, !0), () => {
+      d.removeEventListener("click", g, !0);
+    };
+  }, [o]), !/* @__PURE__ */ c.isValidElement(t))
+    return t ?? null;
+  const u = no(t) ? Ct(ao(t), a) : a;
+  return Rt(t, {
+    ref: u
+  });
+};
+process.env.NODE_ENV !== "production" && (zt.displayName = "Wave");
+const Ko = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    [t]: {
+      "&-block": {
+        display: "flex",
+        width: "100%"
+      },
+      "&-vertical": {
+        flexDirection: "column"
+      }
+    }
+  };
+}, Jo = (e) => {
+  const {
+    componentCls: t,
+    antCls: o
+  } = e;
+  return {
+    [t]: {
+      display: "inline-flex",
+      "&-rtl": {
+        direction: "rtl"
+      },
+      "&-vertical": {
+        flexDirection: "column"
+      },
+      "&-align": {
+        flexDirection: "column",
+        "&-center": {
+          alignItems: "center"
+        },
+        "&-start": {
+          alignItems: "flex-start"
+        },
+        "&-end": {
+          alignItems: "flex-end"
+        },
+        "&-baseline": {
+          alignItems: "baseline"
+        }
+      },
+      [`${t}-item:empty`]: {
+        display: "none"
+      },
+      // https://github.com/ant-design/ant-design/issues/47875
+      [`${t}-item > ${o}-badge-not-a-wrapper:only-child`]: {
+        display: "block"
+      }
+    }
+  };
+}, Qo = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    [t]: {
+      "&-gap-row-small": {
+        rowGap: e.spaceGapSmallSize
+      },
+      "&-gap-row-middle": {
+        rowGap: e.spaceGapMiddleSize
+      },
+      "&-gap-row-large": {
+        rowGap: e.spaceGapLargeSize
+      },
+      "&-gap-col-small": {
+        columnGap: e.spaceGapSmallSize
+      },
+      "&-gap-col-middle": {
+        columnGap: e.spaceGapMiddleSize
+      },
+      "&-gap-col-large": {
+        columnGap: e.spaceGapLargeSize
+      }
+    }
+  };
+}, ko = ht("Space", (e) => {
+  const t = ne(e, {
+    spaceGapSmallSize: e.paddingXS,
+    spaceGapMiddleSize: e.padding,
+    spaceGapLargeSize: e.paddingLG
+  });
+  return [Jo(t), Qo(t), Ko(t)];
+}, () => ({}), {
+  // Space component don't apply extra font style
+  // https://github.com/ant-design/ant-design/issues/40315
+  resetStyle: !1
+});
+var Pt = function(e, t) {
+  var o = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (o[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, r = Object.getOwnPropertySymbols(e); n < r.length; n++)
+    t.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[n]) && (o[r[n]] = e[r[n]]);
+  return o;
+};
+const fe = /* @__PURE__ */ m.createContext(null), er = (e, t) => {
+  const o = m.useContext(fe), r = m.useMemo(() => {
+    if (!o)
+      return "";
+    const {
+      compactDirection: n,
+      isFirstItem: a,
+      isLastItem: i
+    } = o, s = n === "vertical" ? "-vertical-" : "-";
+    return N(`${e}-compact${s}item`, {
+      [`${e}-compact${s}first-item`]: a,
+      [`${e}-compact${s}last-item`]: i,
+      [`${e}-compact${s}item-rtl`]: t === "rtl"
+    });
+  }, [e, t, o]);
+  return {
+    compactSize: o == null ? void 0 : o.compactSize,
+    compactDirection: o == null ? void 0 : o.compactDirection,
+    compactItemClassnames: r
+  };
+}, tr = (e) => {
+  const {
+    children: t
+  } = e;
+  return /* @__PURE__ */ m.createElement(fe.Provider, {
+    value: null
+  }, t);
+}, or = (e) => {
+  const {
+    children: t
+  } = e, o = Pt(e, ["children"]);
+  return /* @__PURE__ */ m.createElement(fe.Provider, {
+    value: m.useMemo(() => o, [o])
+  }, t);
+}, Sn = (e) => {
+  const {
+    getPrefixCls: t,
+    direction: o
+  } = m.useContext(re), {
+    size: r,
+    direction: n,
+    block: a,
+    prefixCls: i,
+    className: s,
+    rootClassName: l,
+    children: u
+  } = e, d = Pt(e, ["size", "direction", "block", "prefixCls", "className", "rootClassName", "children"]), g = yt((E) => r ?? E), p = t("space-compact", i), [C, h] = ko(p), x = N(p, h, {
+    [`${p}-rtl`]: o === "rtl",
+    [`${p}-block`]: a,
+    [`${p}-vertical`]: n === "vertical"
+  }, s, l), f = m.useContext(fe), b = so(u), w = m.useMemo(() => b.map((E, v) => {
+    const y = (E == null ? void 0 : E.key) || `${p}-item-${v}`;
+    return /* @__PURE__ */ m.createElement(or, {
+      key: y,
+      compactSize: g,
+      compactDirection: n,
+      isFirstItem: v === 0 && (!f || (f == null ? void 0 : f.isFirstItem)),
+      isLastItem: v === b.length - 1 && (!f || (f == null ? void 0 : f.isLastItem))
+    }, E);
+  }), [r, b, f]);
+  return b.length === 0 ? null : C(/* @__PURE__ */ m.createElement("div", Object.assign({
+    className: x
+  }, d), w));
+};
+var rr = function(e, t) {
+  var o = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (o[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, r = Object.getOwnPropertySymbols(e); n < r.length; n++)
+    t.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[n]) && (o[r[n]] = e[r[n]]);
+  return o;
+};
+const _t = /* @__PURE__ */ m.createContext(void 0), nr = (e) => {
+  const {
+    getPrefixCls: t,
+    direction: o
+  } = m.useContext(re), {
+    prefixCls: r,
+    size: n,
+    className: a
+  } = e, i = rr(e, ["prefixCls", "size", "className"]), s = t("btn-group", r), [, , l] = We(), u = m.useMemo(() => {
+    switch (n) {
+      case "large":
+        return "lg";
+      case "small":
+        return "sm";
+      default:
+        return "";
+    }
+  }, [n]);
+  if (process.env.NODE_ENV !== "production") {
+    const g = Ge("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 = N(s, {
+    [`${s}-${u}`]: u,
+    [`${s}-rtl`]: o === "rtl"
+  }, a, l);
+  return /* @__PURE__ */ m.createElement(_t.Provider, {
+    value: n
+  }, /* @__PURE__ */ m.createElement("div", Object.assign({}, i, {
+    className: d
+  })));
+}, ct = /^[\u4E00-\u9FA5]{2}$/, Ae = ct.test.bind(ct);
+function xn(e) {
+  return e === "danger" ? {
+    danger: !0
+  } : {
+    type: e
+  };
+}
+function ut(e) {
+  return typeof e == "string";
+}
+function ie(e) {
+  return e === "text" || e === "link";
+}
+function ar(e, t) {
+  if (e == null)
+    return;
+  const o = t ? " " : "";
+  return typeof e != "string" && typeof e != "number" && ut(e.type) && Ae(e.props.children) ? Rt(e, {
+    children: e.props.children.split("").join(o)
+  }) : ut(e) ? Ae(e) ? /* @__PURE__ */ c.createElement("span", null, e.split("").join(o)) : /* @__PURE__ */ c.createElement("span", null, e) : Eo(e) ? /* @__PURE__ */ c.createElement("span", null, e) : e;
+}
+function ir(e, t) {
+  let o = !1;
+  const r = [];
+  return c.Children.forEach(e, (n) => {
+    const a = typeof n, i = a === "string" || a === "number";
+    if (o && i) {
+      const s = r.length - 1, l = r[s];
+      r[s] = `${l}${n}`;
+    } else
+      r.push(n);
+    o = i;
+  }), c.Children.map(r, (n) => ar(n, t));
+}
+["default", "primary", "danger"].concat(lo(Ve));
+const Me = /* @__PURE__ */ me((e, t) => {
+  const {
+    className: o,
+    style: r,
+    children: n,
+    prefixCls: a
+  } = e, i = N(`${a}-icon`, o);
+  return /* @__PURE__ */ c.createElement("span", {
+    ref: t,
+    className: i,
+    style: r
+  }, n);
+}), dt = /* @__PURE__ */ me((e, t) => {
+  const {
+    prefixCls: o,
+    className: r,
+    style: n,
+    iconClassName: a
+  } = e, i = N(`${o}-loading-icon`, r);
+  return /* @__PURE__ */ c.createElement(Me, {
+    prefixCls: o,
+    className: i,
+    style: n,
+    ref: t
+  }, /* @__PURE__ */ c.createElement(wt, {
+    className: a
+  }));
+}), He = () => ({
+  width: 0,
+  opacity: 0,
+  transform: "scale(0)"
+}), ze = (e) => ({
+  width: e.scrollWidth,
+  opacity: 1,
+  transform: "scale(1)"
+}), sr = (e) => {
+  const {
+    prefixCls: t,
+    loading: o,
+    existIcon: r,
+    className: n,
+    style: a,
+    mount: i
+  } = e, s = !!o;
+  return r ? /* @__PURE__ */ c.createElement(dt, {
+    prefixCls: t,
+    className: n,
+    style: a
+  }) : /* @__PURE__ */ c.createElement(bt, {
+    visible: s,
+    // Used for minus flex gap style only
+    motionName: `${t}-loading-icon-motion`,
+    motionAppear: !i,
+    motionEnter: !i,
+    motionLeave: !i,
+    removeOnLeave: !0,
+    onAppearStart: He,
+    onAppearActive: ze,
+    onEnterStart: He,
+    onEnterActive: ze,
+    onLeaveStart: ze,
+    onLeaveActive: He
+  }, (l, u) => {
+    let {
+      className: d,
+      style: g
+    } = l;
+    const p = Object.assign(Object.assign({}, a), g);
+    return /* @__PURE__ */ c.createElement(dt, {
+      prefixCls: t,
+      className: N(n, d),
+      style: p,
+      ref: u
+    });
+  });
+}, mt = (e, t) => ({
+  // Border
+  [`> span, > ${e}`]: {
+    "&:not(:last-child)": {
+      [`&, & > ${e}`]: {
+        "&:not(:disabled)": {
+          borderInlineEndColor: t
+        }
+      }
+    },
+    "&:not(:first-child)": {
+      [`&, & > ${e}`]: {
+        "&:not(:disabled)": {
+          borderInlineStartColor: t
+        }
+      }
+    }
+  }
+}), lr = (e) => {
+  const {
+    componentCls: t,
+    fontSize: o,
+    lineWidth: r,
+    groupBorderColor: n,
+    colorErrorHover: a
+  } = e;
+  return {
+    [`${t}-group`]: [
+      {
+        position: "relative",
+        display: "inline-flex",
+        // Border
+        [`> span, > ${t}`]: {
+          "&:not(:last-child)": {
+            [`&, & > ${t}`]: {
+              borderStartEndRadius: 0,
+              borderEndEndRadius: 0
+            }
+          },
+          "&:not(:first-child)": {
+            marginInlineStart: e.calc(r).mul(-1).equal(),
+            [`&, & > ${t}`]: {
+              borderStartStartRadius: 0,
+              borderEndStartRadius: 0
+            }
+          }
+        },
+        [t]: {
+          position: "relative",
+          zIndex: 1,
+          "&:hover, &:focus, &:active": {
+            zIndex: 2
+          },
+          "&[disabled]": {
+            zIndex: 0
+          }
+        },
+        [`${t}-icon-only`]: {
+          fontSize: o
+        }
+      },
+      // Border Color
+      mt(`${t}-primary`, n),
+      mt(`${t}-danger`, a)
+    ]
+  };
+};
+var cr = ["b"], ur = ["v"], Pe = function(t) {
+  return Math.round(Number(t || 0));
+}, dr = function(t) {
+  if (t instanceof Ot)
+    return t;
+  if (t && vt(t) === "object" && "h" in t && "b" in t) {
+    var o = t, r = o.b, n = Et(o, cr);
+    return M(M({}, n), {}, {
+      v: r
+    });
+  }
+  return typeof t == "string" && /hsb/.test(t) ? t.replace(/hsb/, "hsv") : t;
+}, U = /* @__PURE__ */ function(e) {
+  co(o, e);
+  var t = uo(o);
+  function o(r) {
+    return St(this, o), t.call(this, dr(r));
+  }
+  return xt(o, [{
+    key: "toHsbString",
+    value: function() {
+      var n = this.toHsb(), a = Pe(n.s * 100), i = Pe(n.b * 100), s = Pe(n.h), l = n.a, u = "hsb(".concat(s, ", ").concat(a, "%, ").concat(i, "%)"), d = "hsba(".concat(s, ", ").concat(a, "%, ").concat(i, "%, ").concat(l.toFixed(l === 0 ? 0 : 2), ")");
+      return l === 1 ? u : d;
+    }
+  }, {
+    key: "toHsb",
+    value: function() {
+      var n = this.toHsv(), a = n.v, i = Et(n, ur);
+      return M(M({}, i), {}, {
+        b: a,
+        a: this.a
+      });
+    }
+  }]), o;
+}(Ot), mr = "rc-color-picker", K = function(t) {
+  return t instanceof U ? t : new U(t);
+}, gr = K("#1677ff"), jt = function(t) {
+  var o = t.offset, r = t.targetRef, n = t.containerRef, a = t.color, i = t.type, s = n.current.getBoundingClientRect(), l = s.width, u = s.height, d = r.current.getBoundingClientRect(), g = d.width, p = d.height, C = g / 2, h = p / 2, x = (o.x + C) / l, f = 1 - (o.y + h) / u, b = a.toHsb(), w = x, E = (o.x + C) / l * 360;
+  if (i)
+    switch (i) {
+      case "hue":
+        return K(M(M({}, b), {}, {
+          h: E <= 0 ? 0 : E
+        }));
+      case "alpha":
+        return K(M(M({}, b), {}, {
+          a: w <= 0 ? 0 : w
+        }));
+    }
+  return K({
+    h: b.h,
+    s: x <= 0 ? 0 : x,
+    b: f >= 1 ? 1 : f,
+    a: b.a
+  });
+}, Tt = function(t, o) {
+  var r = t.toHsb();
+  switch (o) {
+    case "hue":
+      return {
+        x: r.h / 360 * 100,
+        y: 50
+      };
+    case "alpha":
+      return {
+        x: t.a * 100,
+        y: 50
+      };
+    default:
+      return {
+        x: r.s * 100,
+        y: (1 - r.b) * 100
+      };
+  }
+}, fr = function(t) {
+  var o = t.color, r = t.prefixCls, n = t.className, a = t.style, i = t.onClick, s = "".concat(r, "-color-block");
+  return /* @__PURE__ */ c.createElement("div", {
+    className: N(s, n),
+    style: a,
+    onClick: i
+  }, /* @__PURE__ */ c.createElement("div", {
+    className: "".concat(s, "-inner"),
+    style: {
+      background: o
+    }
+  }));
+};
+function pr(e) {
+  var t = "touches" in e ? e.touches[0] : e, o = document.documentElement.scrollLeft || document.body.scrollLeft || window.pageXOffset, r = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset;
+  return {
+    pageX: t.pageX - o,
+    pageY: t.pageY - r
+  };
+}
+function Dt(e) {
+  var t = e.targetRef, o = e.containerRef, r = e.direction, n = e.onDragChange, a = e.onDragChangeComplete, i = e.calculate, s = e.color, l = e.disabledDrag, u = je({
+    x: 0,
+    y: 0
+  }), d = J(u, 2), g = d[0], p = d[1], C = D(null), h = D(null);
+  te(function() {
+    p(i());
+  }, [s]), te(function() {
+    return function() {
+      document.removeEventListener("mousemove", C.current), document.removeEventListener("mouseup", h.current), document.removeEventListener("touchmove", C.current), document.removeEventListener("touchend", h.current), C.current = null, h.current = null;
+    };
+  }, []);
+  var x = function(v) {
+    var y = pr(v), B = y.pageX, _ = y.pageY, S = o.current.getBoundingClientRect(), $ = S.x, H = S.y, z = S.width, j = S.height, P = t.current.getBoundingClientRect(), q = P.width, L = P.height, G = q / 2, Z = L / 2, A = Math.max(0, Math.min(B - $, z)) - G, I = Math.max(0, Math.min(_ - H, j)) - Z, Q = {
+      x: A,
+      y: r === "x" ? g.y : I
+    };
+    if (q === 0 && L === 0 || q !== L)
+      return !1;
+    n == null || n(Q);
+  }, f = function(v) {
+    v.preventDefault(), x(v);
+  }, b = function(v) {
+    v.preventDefault(), document.removeEventListener("mousemove", C.current), document.removeEventListener("mouseup", h.current), document.removeEventListener("touchmove", C.current), document.removeEventListener("touchend", h.current), C.current = null, h.current = null, a == null || a();
+  }, w = function(v) {
+    document.removeEventListener("mousemove", C.current), document.removeEventListener("mouseup", h.current), !l && (x(v), document.addEventListener("mousemove", f), document.addEventListener("mouseup", b), document.addEventListener("touchmove", f), document.addEventListener("touchend", b), C.current = f, h.current = b);
+  };
+  return [g, w];
+}
+var Lt = function(t) {
+  var o = t.size, r = o === void 0 ? "default" : o, n = t.color, a = t.prefixCls;
+  return /* @__PURE__ */ c.createElement("div", {
+    className: N("".concat(a, "-handler"), Te({}, "".concat(a, "-handler-sm"), r === "small")),
+    style: {
+      backgroundColor: n
+    }
+  });
+}, At = function(t) {
+  var o = t.children, r = t.style, n = t.prefixCls;
+  return /* @__PURE__ */ c.createElement("div", {
+    className: "".concat(n, "-palette"),
+    style: M({
+      position: "relative"
+    }, r)
+  }, o);
+}, Mt = /* @__PURE__ */ me(function(e, t) {
+  var o = e.children, r = e.x, n = e.y;
+  return /* @__PURE__ */ c.createElement("div", {
+    ref: t,
+    style: {
+      position: "absolute",
+      left: "".concat(r, "%"),
+      top: "".concat(n, "%"),
+      zIndex: 1,
+      transform: "translate(-50%, -50%)"
+    }
+  }, o);
+}), vr = function(t) {
+  var o = t.color, r = t.onChange, n = t.prefixCls, a = t.onChangeComplete, i = t.disabled, s = D(), l = D(), u = D(o), d = Fe(function(x) {
+    var f = jt({
+      offset: x,
+      targetRef: l,
+      containerRef: s,
+      color: o
+    });
+    u.current = f, r(f);
+  }), g = Dt({
+    color: o,
+    containerRef: s,
+    targetRef: l,
+    calculate: function() {
+      return Tt(o);
+    },
+    onDragChange: d,
+    onDragChangeComplete: function() {
+      return a == null ? void 0 : a(u.current);
+    },
+    disabledDrag: i
+  }), p = J(g, 2), C = p[0], h = p[1];
+  return /* @__PURE__ */ c.createElement("div", {
+    ref: s,
+    className: "".concat(n, "-select"),
+    onMouseDown: h,
+    onTouchStart: h
+  }, /* @__PURE__ */ c.createElement(At, {
+    prefixCls: n
+  }, /* @__PURE__ */ c.createElement(Mt, {
+    x: C.x,
+    y: C.y,
+    ref: l
+  }, /* @__PURE__ */ c.createElement(Lt, {
+    color: o.toRgbString(),
+    prefixCls: n
+  })), /* @__PURE__ */ c.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))"
+    }
+  })));
+}, br = function(t, o) {
+  var r = $t(t, {
+    value: o
+  }), n = J(r, 2), a = n[0], i = n[1], s = oe(function() {
+    return K(a);
+  }, [a]);
+  return [s, i];
+}, Cr = function(t) {
+  var o = t.colors, r = t.children, n = t.direction, a = n === void 0 ? "to right" : n, i = t.type, s = t.prefixCls, l = oe(function() {
+    return o.map(function(u, d) {
+      var g = K(u);
+      return i === "alpha" && d === o.length - 1 && (g = new U(g.setA(1))), g.toRgbString();
+    }).join(",");
+  }, [o, i]);
+  return /* @__PURE__ */ c.createElement("div", {
+    className: "".concat(s, "-gradient"),
+    style: {
+      position: "absolute",
+      inset: 0,
+      background: "linear-gradient(".concat(a, ", ").concat(l, ")")
+    }
+  }, r);
+}, hr = function(t) {
+  var o = t.prefixCls, r = t.colors, n = t.disabled, a = t.onChange, i = t.onChangeComplete, s = t.color, l = t.type, u = D(), d = D(), g = D(s), p = function(y) {
+    return l === "hue" ? y.getHue() : y.a * 100;
+  }, C = Fe(function(v) {
+    var y = jt({
+      offset: v,
+      targetRef: d,
+      containerRef: u,
+      color: s,
+      type: l
+    });
+    g.current = y, a(p(y));
+  }), h = Dt({
+    color: s,
+    targetRef: d,
+    containerRef: u,
+    calculate: function() {
+      return Tt(s, l);
+    },
+    onDragChange: C,
+    onDragChangeComplete: function() {
+      i(p(g.current));
+    },
+    direction: "x",
+    disabledDrag: n
+  }), x = J(h, 2), f = x[0], b = x[1], w = c.useMemo(function() {
+    if (l === "hue") {
+      var v = s.toHsb();
+      v.s = 1, v.b = 1, v.a = 1;
+      var y = new U(v);
+      return y;
+    }
+    return s;
+  }, [s, l]), E = c.useMemo(function() {
+    return r.map(function(v) {
+      return "".concat(v.color, " ").concat(v.percent, "%");
+    });
+  }, [r]);
+  return /* @__PURE__ */ c.createElement("div", {
+    ref: u,
+    className: N("".concat(o, "-slider"), "".concat(o, "-slider-").concat(l)),
+    onMouseDown: b,
+    onTouchStart: b
+  }, /* @__PURE__ */ c.createElement(At, {
+    prefixCls: o
+  }, /* @__PURE__ */ c.createElement(Mt, {
+    x: f.x,
+    y: f.y,
+    ref: d
+  }, /* @__PURE__ */ c.createElement(Lt, {
+    size: "small",
+    color: w.toHexString(),
+    prefixCls: o
+  })), /* @__PURE__ */ c.createElement(Cr, {
+    colors: E,
+    type: l,
+    prefixCls: o
+  })));
+};
+function yr(e) {
+  return m.useMemo(function() {
+    var t = e || {}, o = t.slider;
+    return [o || hr];
+  }, [e]);
+}
+var Sr = [{
+  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
+}], xr = /* @__PURE__ */ me(function(e, t) {
+  var o = e.value, r = e.defaultValue, n = e.prefixCls, a = n === void 0 ? mr : n, i = e.onChange, s = e.onChangeComplete, l = e.className, u = e.style, d = e.panelRender, g = e.disabledAlpha, p = g === void 0 ? !1 : g, C = e.disabled, h = C === void 0 ? !1 : C, x = e.components, f = yr(x), b = J(f, 1), w = b[0], E = br(r || gr, o), v = J(E, 2), y = v[0], B = v[1], _ = oe(function() {
+    return y.setA(1).toRgbString();
+  }, [y]), S = function(I, Q) {
+    o || B(I), i == null || i(I, Q);
+  }, $ = function(I) {
+    return new U(y.setHue(I));
+  }, H = function(I) {
+    return new U(y.setA(I / 100));
+  }, z = function(I) {
+    S($(I), {
+      type: "hue",
+      value: I
+    });
+  }, j = function(I) {
+    S(H(I), {
+      type: "alpha",
+      value: I
+    });
+  }, P = function(I) {
+    s && s($(I));
+  }, q = function(I) {
+    s && s(H(I));
+  }, L = N("".concat(a, "-panel"), l, Te({}, "".concat(a, "-panel-disabled"), h)), G = {
+    prefixCls: a,
+    disabled: h,
+    color: y
+  }, Z = /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement(vr, se({
+    onChange: S
+  }, G, {
+    onChangeComplete: s
+  })), /* @__PURE__ */ c.createElement("div", {
+    className: "".concat(a, "-slider-container")
+  }, /* @__PURE__ */ c.createElement("div", {
+    className: N("".concat(a, "-slider-group"), Te({}, "".concat(a, "-slider-group-disabled-alpha"), p))
+  }, /* @__PURE__ */ c.createElement(w, se({}, G, {
+    type: "hue",
+    colors: Sr,
+    min: 0,
+    max: 359,
+    value: y.getHue(),
+    onChange: z,
+    onChangeComplete: P
+  })), !p && /* @__PURE__ */ c.createElement(w, se({}, G, {
+    type: "alpha",
+    colors: [{
+      percent: 0,
+      color: "rgba(255, 0, 4, 0)"
+    }, {
+      percent: 100,
+      color: _
+    }],
+    min: 0,
+    max: 100,
+    value: y.a * 100,
+    onChange: j,
+    onChangeComplete: q
+  }))), /* @__PURE__ */ c.createElement(fr, {
+    color: y.toRgbString(),
+    prefixCls: a
+  })));
+  return /* @__PURE__ */ c.createElement("div", {
+    className: L,
+    style: u,
+    ref: t
+  }, typeof d == "function" ? d(Z) : Z);
+});
+process.env.NODE_ENV !== "production" && (xr.displayName = "ColorPicker");
+const Er = (e, t) => (e == null ? void 0 : e.replace(/[^\w/]/g, "").slice(0, t ? 8 : 6)) || "", Or = (e, t) => e ? Er(e, t) : "";
+let $r = /* @__PURE__ */ function() {
+  function e(t) {
+    St(this, e);
+    var o;
+    if (this.cleared = !1, t instanceof e) {
+      this.metaColor = t.metaColor.clone(), this.colors = (o = t.colors) === null || o === void 0 ? void 0 : o.map((n) => ({
+        color: new e(n.color),
+        percent: n.percent
+      })), this.cleared = t.cleared;
+      return;
+    }
+    const r = Array.isArray(t);
+    r && t.length ? (this.colors = t.map((n) => {
+      let {
+        color: a,
+        percent: i
+      } = n;
+      return {
+        color: new e(a),
+        percent: i
+      };
+    }), this.metaColor = new U(this.colors[0].color.metaColor)) : this.metaColor = new U(r ? "" : t), (!t || r && !this.colors) && (this.metaColor = this.metaColor.setA(0), this.cleared = !0);
+  }
+  return xt(e, [{
+    key: "toHsb",
+    value: function() {
+      return this.metaColor.toHsb();
+    }
+  }, {
+    key: "toHsbString",
+    value: function() {
+      return this.metaColor.toHsbString();
+    }
+  }, {
+    key: "toHex",
+    value: function() {
+      return Or(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((r, n) => {
+        const a = o.colors[n];
+        return r.percent === a.percent && r.color.equals(a.color);
+      }) : this.toHexString() === o.toHexString();
+    }
+  }]);
+}();
+const Ir = new T("antZoomIn", {
+  "0%": {
+    transform: "scale(0.2)",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scale(1)",
+    opacity: 1
+  }
+}), Rr = new T("antZoomOut", {
+  "0%": {
+    transform: "scale(1)"
+  },
+  "100%": {
+    transform: "scale(0.2)",
+    opacity: 0
+  }
+}), gt = new T("antZoomBigIn", {
+  "0%": {
+    transform: "scale(0.8)",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scale(1)",
+    opacity: 1
+  }
+}), ft = new T("antZoomBigOut", {
+  "0%": {
+    transform: "scale(1)"
+  },
+  "100%": {
+    transform: "scale(0.8)",
+    opacity: 0
+  }
+}), wr = new T("antZoomUpIn", {
+  "0%": {
+    transform: "scale(0.8)",
+    transformOrigin: "50% 0%",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scale(1)",
+    transformOrigin: "50% 0%"
+  }
+}), Br = new T("antZoomUpOut", {
+  "0%": {
+    transform: "scale(1)",
+    transformOrigin: "50% 0%"
+  },
+  "100%": {
+    transform: "scale(0.8)",
+    transformOrigin: "50% 0%",
+    opacity: 0
+  }
+}), Nr = new T("antZoomLeftIn", {
+  "0%": {
+    transform: "scale(0.8)",
+    transformOrigin: "0% 50%",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scale(1)",
+    transformOrigin: "0% 50%"
+  }
+}), Hr = new T("antZoomLeftOut", {
+  "0%": {
+    transform: "scale(1)",
+    transformOrigin: "0% 50%"
+  },
+  "100%": {
+    transform: "scale(0.8)",
+    transformOrigin: "0% 50%",
+    opacity: 0
+  }
+}), zr = new T("antZoomRightIn", {
+  "0%": {
+    transform: "scale(0.8)",
+    transformOrigin: "100% 50%",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scale(1)",
+    transformOrigin: "100% 50%"
+  }
+}), Pr = new T("antZoomRightOut", {
+  "0%": {
+    transform: "scale(1)",
+    transformOrigin: "100% 50%"
+  },
+  "100%": {
+    transform: "scale(0.8)",
+    transformOrigin: "100% 50%",
+    opacity: 0
+  }
+}), _r = new T("antZoomDownIn", {
+  "0%": {
+    transform: "scale(0.8)",
+    transformOrigin: "50% 100%",
+    opacity: 0
+  },
+  "100%": {
+    transform: "scale(1)",
+    transformOrigin: "50% 100%"
+  }
+}), jr = new T("antZoomDownOut", {
+  "0%": {
+    transform: "scale(1)",
+    transformOrigin: "50% 100%"
+  },
+  "100%": {
+    transform: "scale(0.8)",
+    transformOrigin: "50% 100%",
+    opacity: 0
+  }
+}), Tr = {
+  zoom: {
+    inKeyframes: Ir,
+    outKeyframes: Rr
+  },
+  "zoom-big": {
+    inKeyframes: gt,
+    outKeyframes: ft
+  },
+  "zoom-big-fast": {
+    inKeyframes: gt,
+    outKeyframes: ft
+  },
+  "zoom-left": {
+    inKeyframes: Nr,
+    outKeyframes: Hr
+  },
+  "zoom-right": {
+    inKeyframes: zr,
+    outKeyframes: Pr
+  },
+  "zoom-up": {
+    inKeyframes: wr,
+    outKeyframes: Br
+  },
+  "zoom-down": {
+    inKeyframes: _r,
+    outKeyframes: jr
+  }
+}, En = (e, t) => {
+  const {
+    antCls: o
+  } = e, r = `${o}-${t}`, {
+    inKeyframes: n,
+    outKeyframes: a
+  } = Tr[t];
+  return [mo(r, n, a, t === "zoom-big-fast" ? e.motionDurationFast : e.motionDurationMid), {
+    [`
+        ${r}-enter,
+        ${r}-appear
+      `]: {
+      transform: "scale(0)",
+      opacity: 0,
+      animationTimingFunction: e.motionEaseOutCirc,
+      "&-prepare": {
+        transform: "none"
+      }
+    },
+    [`${r}-leave`]: {
+      animationTimingFunction: e.motionEaseInOutCirc
+    }
+  }];
+}, Dr = (e, t) => {
+  const {
+    r: o,
+    g: r,
+    b: n,
+    a
+  } = e.toRgb(), i = new U(e.toRgbString()).onBackground(t).toHsv();
+  return a <= 0.5 ? i.v > 0.5 : o * 0.299 + r * 0.587 + n * 0.114 > 192;
+}, Wt = (e) => {
+  const {
+    paddingInline: t,
+    onlyIconSize: o
+  } = e;
+  return ne(e, {
+    buttonPaddingHorizontal: t,
+    buttonPaddingVertical: 0,
+    buttonIconOnlyFontSize: o
+  });
+}, Gt = (e) => {
+  var t, o, r, n, a, i;
+  const s = (t = e.contentFontSize) !== null && t !== void 0 ? t : e.fontSize, l = (o = e.contentFontSizeSM) !== null && o !== void 0 ? o : e.fontSize, u = (r = e.contentFontSizeLG) !== null && r !== void 0 ? r : e.fontSizeLG, d = (n = e.contentLineHeight) !== null && n !== void 0 ? n : Re(s), g = (a = e.contentLineHeightSM) !== null && a !== void 0 ? a : Re(l), p = (i = e.contentLineHeightLG) !== null && i !== void 0 ? i : Re(u), C = Dr(new $r(e.colorBgSolid), "#fff") ? "#000" : "#fff", h = Ve.reduce((x, f) => Object.assign(Object.assign({}, x), {
+    [`${f}ShadowColor`]: `0 ${ue(e.controlOutlineWidth)} 0 ${go(e[`${f}1`], e.colorBgContainer)}`
+  }), {});
+  return Object.assign(Object.assign({}, h), {
+    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: C,
+    contentFontSize: s,
+    contentFontSizeSM: l,
+    contentFontSizeLG: u,
+    contentLineHeight: d,
+    contentLineHeightSM: g,
+    contentLineHeightLG: p,
+    paddingBlock: Math.max((e.controlHeight - s * d) / 2 - e.lineWidth, 0),
+    paddingBlockSM: Math.max((e.controlHeightSM - l * g) / 2 - e.lineWidth, 0),
+    paddingBlockLG: Math.max((e.controlHeightLG - u * p) / 2 - e.lineWidth, 0)
+  });
+}, Lr = (e) => {
+  const {
+    componentCls: t,
+    iconCls: o,
+    fontWeight: r,
+    opacityLoading: n,
+    motionDurationSlow: a,
+    motionEaseInOut: i,
+    marginXS: s,
+    calc: l
+  } = e;
+  return {
+    [t]: {
+      outline: "none",
+      position: "relative",
+      display: "inline-flex",
+      gap: e.marginXS,
+      alignItems: "center",
+      justifyContent: "center",
+      fontWeight: r,
+      whiteSpace: "nowrap",
+      textAlign: "center",
+      backgroundImage: "none",
+      background: "transparent",
+      border: `${ue(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
+      [`${t}-icon > svg`]: po(),
+      "> a": {
+        color: "currentColor"
+      },
+      "&:not(:disabled)": fo(e),
+      [`&${t}-two-chinese-chars::first-letter`]: {
+        letterSpacing: "0.34em"
+      },
+      [`&${t}-two-chinese-chars > *:not(${o})`]: {
+        marginInlineEnd: "-0.34em",
+        letterSpacing: "0.34em"
+      },
+      [`&${t}-icon-only`]: {
+        paddingInline: 0,
+        // make `btn-icon-only` not too narrow
+        [`&${t}-compact-item`]: {
+          flex: "none"
+        },
+        [`&${t}-round`]: {
+          width: "auto"
+        }
+      },
+      // Loading
+      [`&${t}-loading`]: {
+        opacity: n,
+        cursor: "default"
+      },
+      [`${t}-loading-icon`]: {
+        transition: ["width", "opacity", "margin"].map((u) => `${u} ${a} ${i}`).join(",")
+      },
+      // iconPosition
+      [`&:not(${t}-icon-end)`]: {
+        [`${t}-loading-icon-motion`]: {
+          "&-appear-start, &-enter-start": {
+            marginInlineEnd: l(s).mul(-1).equal()
+          },
+          "&-appear-active, &-enter-active": {
+            marginInlineEnd: 0
+          },
+          "&-leave-start": {
+            marginInlineEnd: 0
+          },
+          "&-leave-active": {
+            marginInlineEnd: l(s).mul(-1).equal()
+          }
+        }
+      },
+      "&-icon-end": {
+        flexDirection: "row-reverse",
+        [`${t}-loading-icon-motion`]: {
+          "&-appear-start, &-enter-start": {
+            marginInlineStart: l(s).mul(-1).equal()
+          },
+          "&-appear-active, &-enter-active": {
+            marginInlineStart: 0
+          },
+          "&-leave-start": {
+            marginInlineStart: 0
+          },
+          "&-leave-active": {
+            marginInlineStart: l(s).mul(-1).equal()
+          }
+        }
+      }
+    }
+  };
+}, Ft = (e, t, o) => ({
+  [`&:not(:disabled):not(${e}-disabled)`]: {
+    "&:hover": t,
+    "&:active": o
+  }
+}), Ar = (e) => ({
+  minWidth: e.controlHeight,
+  paddingInlineStart: 0,
+  paddingInlineEnd: 0,
+  borderRadius: "50%"
+}), Mr = (e) => ({
+  borderRadius: e.controlHeight,
+  paddingInlineStart: e.calc(e.controlHeight).div(2).equal(),
+  paddingInlineEnd: e.calc(e.controlHeight).div(2).equal()
+}), Wr = (e) => ({
+  cursor: "not-allowed",
+  borderColor: e.borderColorDisabled,
+  color: e.colorTextDisabled,
+  background: e.colorBgContainerDisabled,
+  boxShadow: "none"
+}), pe = (e, t, o, r, n, a, i, s) => ({
+  [`&${e}-background-ghost`]: Object.assign(Object.assign({
+    color: o || void 0,
+    background: t,
+    borderColor: r || void 0,
+    boxShadow: "none"
+  }, Ft(e, Object.assign({
+    background: t
+  }, i), Object.assign({
+    background: t
+  }, s))), {
+    "&:disabled": {
+      cursor: "not-allowed",
+      color: n || void 0,
+      borderColor: a || void 0
+    }
+  })
+}), Gr = (e) => ({
+  [`&:disabled, &${e.componentCls}-disabled`]: Object.assign({}, Wr(e))
+}), Fr = (e) => ({
+  [`&:disabled, &${e.componentCls}-disabled`]: {
+    cursor: "not-allowed",
+    color: e.colorTextDisabled
+  }
+}), ve = (e, t, o, r) => {
+  const a = r && ["link", "text"].includes(r) ? Fr : Gr;
+  return Object.assign(Object.assign({}, a(e)), Ft(e.componentCls, t, o));
+}, be = (e, t, o, r, n) => ({
+  [`&${e.componentCls}-variant-solid`]: Object.assign({
+    color: t,
+    background: o
+  }, ve(e, r, n))
+}), Ce = (e, t, o, r, n) => ({
+  [`&${e.componentCls}-variant-outlined, &${e.componentCls}-variant-dashed`]: Object.assign({
+    borderColor: t,
+    background: o
+  }, ve(e, r, n))
+}), he = (e) => ({
+  [`&${e.componentCls}-variant-dashed`]: {
+    borderStyle: "dashed"
+  }
+}), ye = (e, t, o, r) => ({
+  [`&${e.componentCls}-variant-filled`]: Object.assign({
+    boxShadow: "none",
+    background: t
+  }, ve(e, o, r))
+}), W = (e, t, o, r, n) => ({
+  [`&${e.componentCls}-variant-${o}`]: Object.assign({
+    color: t,
+    boxShadow: "none"
+  }, ve(e, r, n, o))
+}), Vr = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return Ve.reduce((o, r) => {
+    const n = e[`${r}6`], a = e[`${r}1`], i = e[`${r}5`], s = e[`${r}2`], l = e[`${r}3`], u = e[`${r}7`];
+    return Object.assign(Object.assign({}, o), {
+      [`&${t}-color-${r}`]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+        color: n,
+        boxShadow: e[`${r}ShadowColor`]
+      }, be(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
+      })), he(e)), ye(e, a, {
+        background: s
+      }, {
+        background: l
+      })), W(e, n, "link", {
+        color: i
+      }, {
+        color: u
+      })), W(e, n, "text", {
+        color: i,
+        background: a
+      }, {
+        color: u,
+        background: l
+      }))
+    });
+  }, {});
+}, Ur = (e) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+  color: e.defaultColor,
+  boxShadow: e.defaultShadow
+}, be(e, e.solidTextColor, e.colorBgSolid, {
+  color: e.solidTextColor,
+  background: e.colorBgSolidHover
+}, {
+  color: e.solidTextColor,
+  background: e.colorBgSolidActive
+})), he(e)), ye(e, e.colorFillTertiary, {
+  background: e.colorFillSecondary
+}, {
+  background: e.colorFill
+})), pe(e.componentCls, e.ghostBg, e.defaultGhostColor, e.defaultGhostBorderColor, e.colorTextDisabled, e.colorBorder)), W(e, e.textTextColor, "link", {
+  color: e.colorLinkHover,
+  background: e.linkHoverBg
+}, {
+  color: e.colorLinkActive
+})), qr = (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
+})), he(e)), ye(e, e.colorPrimaryBg, {
+  background: e.colorPrimaryBgHover
+}, {
+  background: e.colorPrimaryBorder
+})), W(e, e.colorPrimaryText, "text", {
+  color: e.colorPrimaryTextHover,
+  background: e.colorPrimaryBg
+}, {
+  color: e.colorPrimaryTextActive,
+  background: e.colorPrimaryBorder
+})), W(e, e.colorPrimaryText, "link", {
+  color: e.colorPrimaryTextHover,
+  background: e.linkHoverBg
+}, {
+  color: e.colorPrimaryTextActive
+})), pe(e.componentCls, e.ghostBg, e.colorPrimary, e.colorPrimary, e.colorTextDisabled, e.colorBorder, {
+  color: e.colorPrimaryHover,
+  borderColor: e.colorPrimaryHover
+}, {
+  color: e.colorPrimaryActive,
+  borderColor: e.colorPrimaryActive
+})), Xr = (e) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+  color: e.colorError,
+  boxShadow: e.dangerShadow
+}, be(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
+})), he(e)), ye(e, e.colorErrorBg, {
+  background: e.colorErrorBgFilledHover
+}, {
+  background: e.colorErrorBgActive
+})), W(e, e.colorError, "text", {
+  color: e.colorErrorHover,
+  background: e.colorErrorBg
+}, {
+  color: e.colorErrorHover,
+  background: e.colorErrorBgActive
+})), W(e, e.colorError, "link", {
+  color: e.colorErrorHover
+}, {
+  color: e.colorErrorActive
+})), pe(e.componentCls, e.ghostBg, e.colorError, e.colorError, e.colorTextDisabled, e.colorBorder, {
+  color: e.colorErrorHover,
+  borderColor: e.colorErrorHover
+}, {
+  color: e.colorErrorActive,
+  borderColor: e.colorErrorActive
+})), Zr = (e) => Object.assign(Object.assign({}, W(e, e.colorLink, "link", {
+  color: e.colorLinkHover
+}, {
+  color: e.colorLinkActive
+})), pe(e.componentCls, e.ghostBg, e.colorInfo, e.colorInfo, e.colorTextDisabled, e.colorBorder, {
+  color: e.colorInfoHover,
+  borderColor: e.colorInfoHover
+}, {
+  color: e.colorInfoActive,
+  borderColor: e.colorInfoActive
+})), Yr = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return Object.assign({
+    [`${t}-color-default`]: Ur(e),
+    [`${t}-color-primary`]: qr(e),
+    [`${t}-color-dangerous`]: Xr(e),
+    [`${t}-color-link`]: Zr(e)
+  }, Vr(e));
+}, Kr = (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
+})), W(e, e.textTextColor, "text", {
+  color: e.textTextHoverColor,
+  background: e.textHoverBg
+}, {
+  color: e.textTextActiveColor,
+  background: e.colorBgTextActive
+})), be(e, e.primaryColor, e.colorPrimary, {
+  background: e.colorPrimaryHover,
+  color: e.primaryColor
+}, {
+  background: e.colorPrimaryActive,
+  color: e.primaryColor
+})), W(e, e.colorLink, "link", {
+  color: e.colorLinkHover,
+  background: e.linkHoverBg
+}, {
+  color: e.colorLinkActive
+})), Ue = function(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+  const {
+    componentCls: o,
+    controlHeight: r,
+    fontSize: n,
+    borderRadius: a,
+    buttonPaddingHorizontal: i,
+    iconCls: s,
+    buttonPaddingVertical: l,
+    buttonIconOnlyFontSize: u
+  } = e;
+  return [
+    {
+      [t]: {
+        fontSize: n,
+        height: r,
+        padding: `${ue(l)} ${ue(i)}`,
+        borderRadius: a,
+        [`&${o}-icon-only`]: {
+          width: r,
+          [s]: {
+            fontSize: u
+          }
+        }
+      }
+    },
+    // Shape - patch prefixCls again to override solid border radius style
+    {
+      [`${o}${o}-circle${t}`]: Ar(e)
+    },
+    {
+      [`${o}${o}-round${t}`]: Mr(e)
+    }
+  ];
+}, Jr = (e) => {
+  const t = ne(e, {
+    fontSize: e.contentFontSize
+  });
+  return Ue(t, e.componentCls);
+}, Qr = (e) => {
+  const t = ne(e, {
+    controlHeight: e.controlHeightSM,
+    fontSize: e.contentFontSizeSM,
+    padding: e.paddingXS,
+    buttonPaddingHorizontal: e.paddingInlineSM,
+    buttonPaddingVertical: 0,
+    borderRadius: e.borderRadiusSM,
+    buttonIconOnlyFontSize: e.onlyIconSizeSM
+  });
+  return Ue(t, `${e.componentCls}-sm`);
+}, kr = (e) => {
+  const t = ne(e, {
+    controlHeight: e.controlHeightLG,
+    fontSize: e.contentFontSizeLG,
+    buttonPaddingHorizontal: e.paddingInlineLG,
+    buttonPaddingVertical: 0,
+    borderRadius: e.borderRadiusLG,
+    buttonIconOnlyFontSize: e.onlyIconSizeLG
+  });
+  return Ue(t, `${e.componentCls}-lg`);
+}, en = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    [t]: {
+      [`&${t}-block`]: {
+        width: "100%"
+      }
+    }
+  };
+}, tn = ht("Button", (e) => {
+  const t = Wt(e);
+  return [
+    // Shared
+    Lr(t),
+    // Size
+    Jr(t),
+    Qr(t),
+    kr(t),
+    // Block
+    en(t),
+    // Color
+    Yr(t),
+    // https://github.com/ant-design/ant-design/issues/50969
+    Kr(t),
+    // Button Group
+    lr(t)
+  ];
+}, Gt, {
+  unitless: {
+    fontWeight: !0,
+    contentLineHeight: !0,
+    contentLineHeightSM: !0,
+    contentLineHeightLG: !0
+  }
+});
+function on(e, t, o) {
+  const {
+    focusElCls: r,
+    focus: n,
+    borderElCls: a
+  } = o, i = a ? "> *" : "", s = ["hover", n ? "focus" : null, "active"].filter(Boolean).map((l) => `&:${l} ${i}`).join(",");
+  return {
+    [`&-item:not(${t}-last-item)`]: {
+      marginInlineEnd: e.calc(e.lineWidth).mul(-1).equal()
+    },
+    "&-item": Object.assign(Object.assign({
+      [s]: {
+        zIndex: 2
+      }
+    }, r ? {
+      [`&${r}`]: {
+        zIndex: 2
+      }
+    } : {}), {
+      [`&[disabled] ${i}`]: {
+        zIndex: 0
+      }
+    })
+  };
+}
+function rn(e, t, o) {
+  const {
+    borderElCls: r
+  } = o, n = r ? `> ${r}` : "";
+  return {
+    [`&-item:not(${t}-first-item):not(${t}-last-item) ${n}`]: {
+      borderRadius: 0
+    },
+    [`&-item:not(${t}-last-item)${t}-first-item`]: {
+      [`& ${n}, &${e}-sm ${n}, &${e}-lg ${n}`]: {
+        borderStartEndRadius: 0,
+        borderEndEndRadius: 0
+      }
+    },
+    [`&-item:not(${t}-first-item)${t}-last-item`]: {
+      [`& ${n}, &${e}-sm ${n}, &${e}-lg ${n}`]: {
+        borderStartStartRadius: 0,
+        borderEndStartRadius: 0
+      }
+    }
+  };
+}
+function nn(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+    focus: !0
+  };
+  const {
+    componentCls: o
+  } = e, r = `${o}-compact`;
+  return {
+    [r]: Object.assign(Object.assign({}, on(e, r, t)), rn(o, r, t))
+  };
+}
+function an(e, t) {
+  return {
+    // border collapse
+    [`&-item:not(${t}-last-item)`]: {
+      marginBottom: e.calc(e.lineWidth).mul(-1).equal()
+    },
+    "&-item": {
+      "&:hover,&:focus,&:active": {
+        zIndex: 2
+      },
+      "&[disabled]": {
+        zIndex: 0
+      }
+    }
+  };
+}
+function sn(e, t) {
+  return {
+    [`&-item:not(${t}-first-item):not(${t}-last-item)`]: {
+      borderRadius: 0
+    },
+    [`&-item${t}-first-item:not(${t}-last-item)`]: {
+      [`&, &${e}-sm, &${e}-lg`]: {
+        borderEndEndRadius: 0,
+        borderEndStartRadius: 0
+      }
+    },
+    [`&-item${t}-last-item:not(${t}-first-item)`]: {
+      [`&, &${e}-sm, &${e}-lg`]: {
+        borderStartStartRadius: 0,
+        borderStartEndRadius: 0
+      }
+    }
+  };
+}
+function ln(e) {
+  const t = `${e.componentCls}-compact-vertical`;
+  return {
+    [t]: Object.assign(Object.assign({}, an(e, t)), sn(e.componentCls, t))
+  };
+}
+const cn = (e) => {
+  const {
+    componentCls: t,
+    colorPrimaryHover: o,
+    lineWidth: r,
+    calc: n
+  } = e, a = n(r).mul(-1).equal(), i = (s) => {
+    const l = `${t}-compact${s ? "-vertical" : ""}-item${t}-primary:not([disabled])`;
+    return {
+      [`${l} + ${l}::before`]: {
+        position: "absolute",
+        top: s ? a : 0,
+        insetInlineStart: s ? 0 : a,
+        backgroundColor: o,
+        content: '""',
+        width: s ? "100%" : r,
+        height: s ? r : "100%"
+      }
+    };
+  };
+  return Object.assign(Object.assign({}, i()), i(!0));
+}, un = vo(["Button", "compact"], (e) => {
+  const t = Wt(e);
+  return [
+    // Space Compact
+    nn(t),
+    ln(t),
+    cn(t)
+  ];
+}, Gt);
+var dn = function(e, t) {
+  var o = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (o[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, r = Object.getOwnPropertySymbols(e); n < r.length; n++)
+    t.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[n]) && (o[r[n]] = e[r[n]]);
+  return o;
+};
+function mn(e) {
+  if (typeof e == "object" && e) {
+    let t = e == null ? void 0 : e.delay;
+    return t = !Number.isNaN(t) && typeof t == "number" ? t : 0, {
+      loading: t <= 0,
+      delay: t
+    };
+  }
+  return {
+    loading: !!e,
+    delay: 0
+  };
+}
+const gn = {
+  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"]
+}, fn = /* @__PURE__ */ c.forwardRef((e, t) => {
+  var o, r;
+  const {
+    loading: n = !1,
+    prefixCls: a,
+    color: i,
+    variant: s,
+    type: l,
+    danger: u = !1,
+    shape: d = "default",
+    size: g,
+    styles: p,
+    disabled: C,
+    className: h,
+    rootClassName: x,
+    children: f,
+    icon: b,
+    iconPosition: w = "start",
+    ghost: E = !1,
+    block: v = !1,
+    // React does not recognize the `htmlType` prop on a DOM element. Here we pick it out of `rest`.
+    htmlType: y = "button",
+    classNames: B,
+    style: _ = {},
+    autoInsertSpace: S,
+    autoFocus: $
+  } = e, H = dn(e, ["loading", "prefixCls", "color", "variant", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace", "autoFocus"]), z = l || "default", [j, P] = oe(() => {
+    if (i && s)
+      return [i, s];
+    const R = gn[z] || [];
+    return u ? ["danger", R[1]] : R;
+  }, [l, i, s, u]), L = j === "danger" ? "dangerous" : j, {
+    getPrefixCls: G,
+    direction: Z,
+    autoInsertSpace: A,
+    className: I,
+    style: Q,
+    classNames: Vt,
+    styles: Ut
+  } = bo("button"), Se = (o = S ?? A) !== null && o !== void 0 ? o : !0, O = G("btn", a), [Xe, qt, Xt] = tn(O), Zt = _e(Co), Y = C ?? Zt, Yt = _e(_t), k = oe(() => mn(n), [n]), [X, Ze] = je(k.loading), [xe, Ye] = je(!1), ee = D(null), Ke = ho(t, ee), Je = kt.count(f) === 1 && !b && !ie(P), Ee = D(!0);
+  c.useEffect(() => (Ee.current = !1, () => {
+    Ee.current = !0;
+  }), []), te(() => {
+    let R = null;
+    k.delay > 0 ? R = setTimeout(() => {
+      R = null, Ze(!0);
+    }, k.delay) : Ze(k.loading);
+    function F() {
+      R && (clearTimeout(R), R = null);
+    }
+    return F;
+  }, [k]), te(() => {
+    if (!ee.current || !Se)
+      return;
+    const R = ee.current.textContent || "";
+    Je && Ae(R) ? xe || Ye(!0) : xe && Ye(!1);
+  }), te(() => {
+    $ && ee.current && ee.current.focus();
+  }, []);
+  const Qe = c.useCallback((R) => {
+    var F;
+    if (X || Y) {
+      R.preventDefault();
+      return;
+    }
+    (F = e.onClick) === null || F === void 0 || F.call(e, ("href" in e, R));
+  }, [e.onClick, X, Y]);
+  if (process.env.NODE_ENV !== "production") {
+    const R = Ge("Button");
+    process.env.NODE_ENV !== "production" && R(!(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" && R(!(E && ie(P)), "usage", "`link` or `text` button can't be a `ghost` button.");
+  }
+  const {
+    compactSize: Kt,
+    compactItemClassnames: ke
+  } = er(O, Z), Jt = {
+    large: "lg",
+    small: "sm",
+    middle: void 0
+  }, et = yt((R) => {
+    var F, Ie;
+    return (Ie = (F = g ?? Kt) !== null && F !== void 0 ? F : Yt) !== null && Ie !== void 0 ? Ie : R;
+  }), tt = et && (r = Jt[et]) !== null && r !== void 0 ? r : "", Qt = X ? "loading" : b, Oe = yo(H, ["navigate"]), ot = N(O, qt, Xt, {
+    [`${O}-${d}`]: d !== "default" && d,
+    // line(253 - 254): Compatible with versions earlier than 5.21.0
+    [`${O}-${z}`]: z,
+    [`${O}-dangerous`]: u,
+    [`${O}-color-${L}`]: L,
+    [`${O}-variant-${P}`]: P,
+    [`${O}-${tt}`]: tt,
+    [`${O}-icon-only`]: !f && f !== 0 && !!Qt,
+    [`${O}-background-ghost`]: E && !ie(P),
+    [`${O}-loading`]: X,
+    [`${O}-two-chinese-chars`]: xe && Se && !X,
+    [`${O}-block`]: v,
+    [`${O}-rtl`]: Z === "rtl",
+    [`${O}-icon-end`]: w === "end"
+  }, ke, h, x, I), rt = Object.assign(Object.assign({}, Q), _), nt = N(B == null ? void 0 : B.icon, Vt.icon), at = Object.assign(Object.assign({}, (p == null ? void 0 : p.icon) || {}), Ut.icon || {}), it = b && !X ? /* @__PURE__ */ c.createElement(Me, {
+    prefixCls: O,
+    className: nt,
+    style: at
+  }, b) : n && typeof n == "object" && n.icon ? /* @__PURE__ */ c.createElement(Me, {
+    prefixCls: O,
+    className: nt,
+    style: at
+  }, n.icon) : /* @__PURE__ */ c.createElement(sr, {
+    existIcon: !!b,
+    prefixCls: O,
+    loading: X,
+    mount: Ee.current
+  }), st = f || f === 0 ? ir(f, Je && Se) : null;
+  if (Oe.href !== void 0)
+    return Xe(/* @__PURE__ */ c.createElement("a", Object.assign({}, Oe, {
+      className: N(ot, {
+        [`${O}-disabled`]: Y
+      }),
+      href: Y ? void 0 : Oe.href,
+      style: rt,
+      onClick: Qe,
+      ref: Ke,
+      tabIndex: Y ? -1 : 0
+    }), it, st));
+  let $e = /* @__PURE__ */ c.createElement("button", Object.assign({}, H, {
+    type: y,
+    className: ot,
+    style: rt,
+    onClick: Qe,
+    disabled: Y,
+    ref: Ke
+  }), it, st, ke && /* @__PURE__ */ c.createElement(un, {
+    prefixCls: O
+  }));
+  return ie(P) || ($e = /* @__PURE__ */ c.createElement(zt, {
+    component: "Button",
+    disabled: X
+  }, $e)), Xe($e);
+}), qe = fn;
+qe.Group = nr;
+qe.__ANT_BUTTON = !0;
+process.env.NODE_ENV !== "production" && (qe.displayName = "Button");
+const On = (e) => {
+  const {
+    space: t,
+    form: o,
+    children: r
+  } = e;
+  if (r == null)
+    return null;
+  let n = r;
+  return o && (n = /* @__PURE__ */ c.createElement(So, {
+    override: !0,
+    status: !0
+  }, n)), t && (n = /* @__PURE__ */ c.createElement(tr, null, n)), n;
+};
+function pn(e) {
+  return (t) => /* @__PURE__ */ m.createElement(xo, {
+    theme: {
+      token: {
+        motion: !1,
+        zIndexPopupBase: 0
+      }
+    }
+  }, /* @__PURE__ */ m.createElement(e, Object.assign({}, t)));
+}
+const $n = (e, t, o, r, n) => pn((i) => {
+  const {
+    prefixCls: s,
+    style: l
+  } = i, u = m.useRef(null), [d, g] = m.useState(0), [p, C] = m.useState(0), [h, x] = $t(!1, {
+    value: i.open
+  }), {
+    getPrefixCls: f
+  } = m.useContext(re), b = f(r, s);
+  m.useEffect(() => {
+    if (x(!0), typeof ResizeObserver < "u") {
+      const v = new ResizeObserver((B) => {
+        const _ = B[0].target;
+        g(_.offsetHeight + 8), C(_.offsetWidth);
+      }), y = setInterval(() => {
+        var B;
+        const _ = n ? `.${n(b)}` : `.${b}-dropdown`, S = (B = u.current) === null || B === void 0 ? void 0 : B.querySelector(_);
+        S && (clearInterval(y), v.observe(S));
+      }, 10);
+      return () => {
+        clearInterval(y), v.disconnect();
+      };
+    }
+  }, []);
+  let w = Object.assign(Object.assign({}, i), {
+    style: Object.assign(Object.assign({}, l), {
+      margin: 0
+    }),
+    open: h,
+    visible: h,
+    getPopupContainer: () => u.current
+  });
+  Object.assign(w, {
+    [t]: {
+      overflow: {
+        adjustX: !1,
+        adjustY: !1
+      }
+    }
+  });
+  const E = {
+    paddingBottom: d,
+    position: "relative",
+    minWidth: p
+  };
+  return /* @__PURE__ */ m.createElement("div", {
+    ref: u,
+    style: E
+  }, /* @__PURE__ */ m.createElement(e, Object.assign({}, w)));
+});
+export {
+  qe as B,
+  On as C,
+  Ve as P,
+  wo as a,
+  Eo as b,
+  xn as c,
+  Rt as d,
+  $n as e,
+  ko as f,
+  Fo as g,
+  Sn as h,
+  En as i,
+  er as j,
+  yn as u,
+  pn as w,
+  Bt as z
+};