@amateescu/portal-ui-components 0.0.33 → 0.0.35-beta0

package/dist/{PurePanel-CykVuv66.js → PurePanel-DvQTygSo.js}

@@ -1,26 +1,26 @@
 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-4ttylmIf.js";
+import c, { useContext as _e, useRef as L, forwardRef as me, useState as je, useEffect as le, useMemo as oe, Children as eo, useLayoutEffect as to } from "react";
+import { I as oo, U as We, v as Ge, e as M, Z as pt, $ as se, h as vt, Y as ro, a0 as no, a1 as ao, w as ce, q as bt, c as H, a2 as Ct, a as k, k as Fe, a3 as io, a4 as lo, a5 as so, g as ht, m as re, E as yt, x as co, l as uo, a6 as mo, a7 as go, a8 as St, a9 as xt, p as Et, aa as Ot, _ as Q, i as Te, s as $t, H as fo, K as T, ab as Re, u as ue, ac as po, B as vo, ad as bo, T as Co, b as ho, ae as yo, n as So, o as xo, af as Eo, C as Oo } from "./context-dCWAMvX5.js";
 import { R as It } from "./index-BBBjHj3B.js";
-import { _ as se } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
+import { _ as ie } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
 const Ve = ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
-function Eo(e) {
+function $o(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;
+const Io = (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);
+  return Io(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, {
+var Ro = { 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" }, wo = function(t, o) {
+  return /* @__PURE__ */ m.createElement(oo, ie({}, t, {
     ref: o,
-    icon: $o
+    icon: Ro
   }));
-}, wt = /* @__PURE__ */ m.forwardRef(Io);
+}, wt = /* @__PURE__ */ m.forwardRef(wo);
 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 = {
+const V = 100, Bo = 10, No = V * Bo, Ho = No + V, Nt = {
   Modal: V,
   Drawer: V,
   Popover: V,
@@ -28,18 +28,18 @@ const V = 100, Ro = 10, wo = V * Ro, Bo = wo + V, Nt = {
   Tooltip: V,
   Tour: V,
   FloatButton: V
-}, No = {
+}, zo = {
   SelectLike: 50,
   Dropdown: 50,
   DatePicker: 50,
   Menu: 50,
   ImagePreview: 1
 };
-function Ho(e) {
+function Po(e) {
   return e in Nt;
 }
-const yn = (e, t) => {
-  const [, o] = We(), r = c.useContext(Bt), n = Ho(e);
+const xn = (e, t) => {
+  const [, o] = We(), r = c.useContext(Bt), n = Po(e);
   let a;
   if (t !== void 0)
     a = [t, t];
@@ -47,46 +47,46 @@ const yn = (e, t) => {
     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];
+    Nt[e] : i += zo[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.");
+    const i = Ge(e), l = o.zIndexPopupBase + Ho, s = a[0] || 0;
+    process.env.NODE_ENV !== "production" && i(t !== void 0 || s <= l, "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;
+var ne = M({}, It), _o = ne.version, we = ne.render, jo = ne.unmountComponentAtNode, ge;
 try {
-  var _o = Number((zo || "").split(".")[0]);
-  _o >= 18 && (ge = ae.createRoot);
+  var To = Number((_o || "").split(".")[0]);
+  To >= 18 && (ge = ne.createRoot);
 } catch {
 }
-function lt(e) {
-  var t = ae.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+function st(e) {
+  var t = ne.__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);
+function Do(e, t) {
+  st(!0);
   var o = t[de] || ge(t);
-  lt(!1), o.render(e), t[de] = o;
+  st(!1), o.render(e), t[de] = o;
 }
-function To(e, t) {
+function Lo(e, t) {
   we == null || we(e, t);
 }
-function Do(e, t) {
+function Ao(e, t) {
   if (ge) {
-    jo(e, t);
+    Do(e, t);
     return;
   }
-  To(e, t);
+  Lo(e, t);
 }
-function Lo(e) {
+function Mo(e) {
   return De.apply(this, arguments);
 }
 function De() {
-  return De = pt(/* @__PURE__ */ le().mark(function e(t) {
-    return le().wrap(function(r) {
+  return De = pt(/* @__PURE__ */ se().mark(function e(t) {
+    return se().wrap(function(r) {
       for (; ; ) switch (r.prev = r.next) {
         case 0:
           return r.abrupt("return", Promise.resolve().then(function() {
@@ -100,24 +100,24 @@ function De() {
     }, e);
   })), De.apply(this, arguments);
 }
-function Ao(e) {
-  Po(e);
+function Wo(e) {
+  jo(e);
 }
-function Mo(e) {
+function Go(e) {
   return Le.apply(this, arguments);
 }
 function Le() {
-  return Le = pt(/* @__PURE__ */ le().mark(function e(t) {
-    return le().wrap(function(r) {
+  return Le = pt(/* @__PURE__ */ se().mark(function e(t) {
+    return se().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));
+          return r.abrupt("return", Mo(t));
         case 2:
-          Ao(t);
+          Wo(t);
         case 3:
         case "end":
           return r.stop();
@@ -125,18 +125,18 @@ function Le() {
     }, e);
   })), Le.apply(this, arguments);
 }
-const Wo = (e, t) => {
+const Fo = (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.");
+    process.env.NODE_ENV !== "production" && ro(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);
+  return Ao(e, t), () => Go(t);
 };
-let Go = Wo;
-function Fo() {
-  return Go;
+let Vo = Fo;
+function Uo(e) {
+  return Vo;
 }
-const Vo = (e) => {
+const qo = (e) => {
   const {
     componentCls: t,
     colorPrimary: o
@@ -163,12 +163,12 @@ const Vo = (e) => {
       }
     }
   };
-}, Uo = oo("Wave", (e) => [Vo(e)]), Ht = `${ro}-wave-target`;
+}, Xo = no("Wave", (e) => [qo(e)]), Ht = `${ao}-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) {
+function Zo(e) {
   const {
     borderTopColor: t,
     borderColor: o,
@@ -179,7 +179,7 @@ function qo(e) {
 function Ne(e) {
   return Number.isNaN(e) ? 0 : e;
 }
-const Xo = (e) => {
+const Yo = (e) => {
   const {
     className: t,
     target: o,
@@ -189,71 +189,68 @@ const Xo = (e) => {
   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 = {
+  const [l, s] = m.useState(null), [u, d] = m.useState([]), [g, p] = m.useState(0), [C, h] = m.useState(0), [x, f] = m.useState(0), [b, B] = 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() {
+  l && (y["--wave-color"] = l);
+  function N() {
     const S = getComputedStyle(o);
-    l(qo(o));
-    const $ = S.position === "static", {
-      borderLeftWidth: H,
-      borderTopWidth: z
+    s(Zo(o));
+    const I = S.position === "static", {
+      borderLeftWidth: P,
+      borderTopWidth: _
     } = S;
-    p($ ? o.offsetLeft : Ne(-parseFloat(H))), h($ ? o.offsetTop : Ne(-parseFloat(z))), f(o.offsetWidth), w(o.offsetHeight);
+    p(I ? o.offsetLeft : Ne(-parseFloat(P))), h(I ? o.offsetTop : Ne(-parseFloat(_))), f(o.offsetWidth), B(o.offsetHeight);
     const {
-      borderTopLeftRadius: j,
-      borderTopRightRadius: P,
-      borderBottomLeftRadius: q,
-      borderBottomRightRadius: L
+      borderTopLeftRadius: O,
+      borderTopRightRadius: G,
+      borderBottomLeftRadius: z,
+      borderBottomRightRadius: q
     } = S;
-    d([j, P, L, q].map((G) => Ne(parseFloat(G))));
+    d([O, G, q, z].map((A) => Ne(parseFloat(A))));
   }
   if (m.useEffect(() => {
     if (o) {
       const S = ce(() => {
-        B(), v(!0);
+        N(), v(!0);
       });
-      let $;
-      return typeof ResizeObserver < "u" && ($ = new ResizeObserver(B), $.observe(o)), () => {
-        ce.cancel(S), $ == null || $.disconnect();
+      let I;
+      return typeof ResizeObserver < "u" && (I = new ResizeObserver(N), I.observe(o)), () => {
+        ce.cancel(S), I == null || I.disconnect();
       };
     }
   }, []), !E)
     return null;
-  const _ = (r === "Checkbox" || r === "Radio") && (o == null ? void 0 : o.classList.contains(Ht));
+  const j = (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();
+    onAppearEnd: (S, I) => {
+      var P, _;
+      if (I.deadline || I.propertyName === "opacity") {
+        const O = (P = a.current) === null || P === void 0 ? void 0 : P.parentElement;
+        (_ = i.current) === null || _ === void 0 || _.call(i).then(() => {
+          O == null || O.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) => {
+  }, ({
+    className: S
+  }, I) => /* @__PURE__ */ m.createElement("div", {
+    ref: Ct(a, I),
+    className: H(t, S, {
+      "wave-quick": j
+    }),
+    style: y
+  }));
+}, Ko = (e, t) => {
   var o;
   const {
     component: r
@@ -262,35 +259,35 @@ const Xo = (e) => {
     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();
+  const a = Uo();
   let i = null;
-  function s() {
+  function l() {
     return i;
   }
-  i = a(/* @__PURE__ */ m.createElement(Xo, Object.assign({}, t, {
+  i = a(/* @__PURE__ */ m.createElement(Yo, Object.assign({}, t, {
     target: e,
-    registerUnmount: s
+    registerUnmount: l
   })), n);
-}, Yo = (e, t, o) => {
+}, Jo = (e, t, o) => {
   const {
     wave: r
-  } = m.useContext(re), [, n, a] = We(), i = Fe((u) => {
+  } = m.useContext(k), [, 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, {
+    (p || Ko)(g, {
       className: t,
       token: n,
       component: o,
       event: u,
       hashId: a
     });
-  }), s = m.useRef(null);
+  }), l = m.useRef(null);
   return (u) => {
-    ce.cancel(s.current), s.current = ce(() => {
+    ce.cancel(l.current), l.current = ce(() => {
       i(u);
     });
   };
@@ -301,27 +298,27 @@ const Xo = (e) => {
     component: r
   } = e, {
     getPrefixCls: n
-  } = _e(re), a = D(null), i = n("wave"), [, s] = Uo(i), l = Yo(a, N(i, s), r);
+  } = _e(k), a = L(null), i = n("wave"), [, l] = Xo(i), s = Jo(a, H(i, l), 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);
+      !so(p.target) || // No need wave
+      !d.getAttribute || d.getAttribute("disabled") || d.disabled || d.className.includes("disabled") || d.className.includes("-leave") || s(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;
+  const u = io(t) ? Ct(lo(t), a) : a;
   return Rt(t, {
     ref: u
   });
 };
 process.env.NODE_ENV !== "production" && (zt.displayName = "Wave");
-const Ko = (e) => {
+const Qo = (e) => {
   const {
     componentCls: t
   } = e;
@@ -336,7 +333,7 @@ const Ko = (e) => {
       }
     }
   };
-}, Jo = (e) => {
+}, ko = (e) => {
   const {
     componentCls: t,
     antCls: o
@@ -374,7 +371,7 @@ const Ko = (e) => {
       }
     }
   };
-}, Qo = (e) => {
+}, er = (e) => {
   const {
     componentCls: t
   } = e;
@@ -400,13 +397,13 @@ const Ko = (e) => {
       }
     }
   };
-}, ko = ht("Space", (e) => {
-  const t = ne(e, {
+}, tr = ht("Space", (e) => {
+  const t = re(e, {
     spaceGapSmallSize: e.paddingXS,
     spaceGapMiddleSize: e.padding,
     spaceGapLargeSize: e.paddingLG
   });
-  return [Jo(t), Qo(t), Ko(t)];
+  return [ko(t), er(t), Qo(t)];
 }, () => ({}), {
   // Space component don't apply extra font style
   // https://github.com/ant-design/ant-design/issues/40315
@@ -419,7 +416,7 @@ var Pt = function(e, t) {
     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 fe = /* @__PURE__ */ m.createContext(null), or = (e, t) => {
   const o = m.useContext(fe), r = m.useMemo(() => {
     if (!o)
       return "";
@@ -427,11 +424,11 @@ const fe = /* @__PURE__ */ m.createContext(null), er = (e, t) => {
       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"
+    } = o, l = n === "vertical" ? "-vertical-" : "-";
+    return H(`${e}-compact${l}item`, {
+      [`${e}-compact${l}first-item`]: a,
+      [`${e}-compact${l}last-item`]: i,
+      [`${e}-compact${l}item-rtl`]: t === "rtl"
     });
   }, [e, t, o]);
   return {
@@ -439,39 +436,39 @@ const fe = /* @__PURE__ */ m.createContext(null), er = (e, t) => {
     compactDirection: o == null ? void 0 : o.compactDirection,
     compactItemClassnames: r
   };
-}, tr = (e) => {
+}, rr = (e) => {
   const {
     children: t
   } = e;
   return /* @__PURE__ */ m.createElement(fe.Provider, {
     value: null
   }, t);
-}, or = (e) => {
+}, nr = (e) => {
   const {
     children: t
   } = e, o = Pt(e, ["children"]);
   return /* @__PURE__ */ m.createElement(fe.Provider, {
     value: m.useMemo(() => o, [o])
   }, t);
-}, Sn = (e) => {
+}, En = (e) => {
   const {
     getPrefixCls: t,
     direction: o
-  } = m.useContext(re), {
+  } = m.useContext(k), {
     size: r,
     direction: n,
     block: a,
     prefixCls: i,
-    className: s,
-    rootClassName: l,
+    className: l,
+    rootClassName: s,
     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, {
+  } = e, d = Pt(e, ["size", "direction", "block", "prefixCls", "className", "rootClassName", "children"]), g = yt((E) => r ?? E), p = t("space-compact", i), [C, h] = tr(p), x = H(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) => {
+  }, l, s), f = m.useContext(fe), b = co(u), B = m.useMemo(() => b.map((E, v) => {
     const y = (E == null ? void 0 : E.key) || `${p}-item-${v}`;
-    return /* @__PURE__ */ m.createElement(or, {
+    return /* @__PURE__ */ m.createElement(nr, {
       key: y,
       compactSize: g,
       compactDirection: n,
@@ -481,24 +478,24 @@ const fe = /* @__PURE__ */ m.createContext(null), er = (e, t) => {
   }), [r, b, f]);
   return b.length === 0 ? null : C(/* @__PURE__ */ m.createElement("div", Object.assign({
     className: x
-  }, d), w));
+  }, d), B));
 };
-var rr = function(e, t) {
+var ar = 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 _t = /* @__PURE__ */ m.createContext(void 0), ir = (e) => {
   const {
     getPrefixCls: t,
     direction: o
-  } = m.useContext(re), {
+  } = m.useContext(k), {
     prefixCls: r,
     size: n,
     className: a
-  } = e, i = rr(e, ["prefixCls", "size", "className"]), s = t("btn-group", r), [, , l] = We(), u = m.useMemo(() => {
+  } = e, i = ar(e, ["prefixCls", "size", "className"]), l = t("btn-group", r), [, , s] = We(), u = m.useMemo(() => {
     switch (n) {
       case "large":
         return "lg";
@@ -512,17 +509,17 @@ const _t = /* @__PURE__ */ m.createContext(void 0), nr = (e) => {
     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);
+  const d = H(l, {
+    [`${l}-${u}`]: u,
+    [`${l}-rtl`]: o === "rtl"
+  }, a, s);
   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) {
+function On(e) {
   return e === "danger" ? {
     danger: !0
   } : {
@@ -532,38 +529,38 @@ function xn(e) {
 function ut(e) {
   return typeof e == "string";
 }
-function ie(e) {
+function ae(e) {
   return e === "text" || e === "link";
 }
-function ar(e, t) {
+function lr(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;
+  }) : ut(e) ? Ae(e) ? /* @__PURE__ */ c.createElement("span", null, e.split("").join(o)) : /* @__PURE__ */ c.createElement("span", null, e) : $o(e) ? /* @__PURE__ */ c.createElement("span", null, e) : e;
 }
-function ir(e, t) {
+function sr(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}`;
+      const l = r.length - 1, s = r[l];
+      r[l] = `${s}${n}`;
     } else
       r.push(n);
     o = i;
-  }), c.Children.map(r, (n) => ar(n, t));
+  }), c.Children.map(r, (n) => lr(n, t));
 }
-["default", "primary", "danger"].concat(lo(Ve));
+["default", "primary", "danger"].concat(uo(Ve));
 const Me = /* @__PURE__ */ me((e, t) => {
   const {
     className: o,
     style: r,
     children: n,
     prefixCls: a
-  } = e, i = N(`${a}-icon`, o);
+  } = e, i = H(`${a}-icon`, o);
   return /* @__PURE__ */ c.createElement("span", {
     ref: t,
     className: i,
@@ -575,7 +572,7 @@ const Me = /* @__PURE__ */ me((e, t) => {
     className: r,
     style: n,
     iconClassName: a
-  } = e, i = N(`${o}-loading-icon`, r);
+  } = e, i = H(`${o}-loading-icon`, r);
   return /* @__PURE__ */ c.createElement(Me, {
     prefixCls: o,
     className: i,
@@ -592,7 +589,7 @@ const Me = /* @__PURE__ */ me((e, t) => {
   width: e.scrollWidth,
   opacity: 1,
   transform: "scale(1)"
-}), sr = (e) => {
+}), cr = (e) => {
   const {
     prefixCls: t,
     loading: o,
@@ -600,13 +597,13 @@ const Me = /* @__PURE__ */ me((e, t) => {
     className: n,
     style: a,
     mount: i
-  } = e, s = !!o;
+  } = e, l = !!o;
   return r ? /* @__PURE__ */ c.createElement(dt, {
     prefixCls: t,
     className: n,
     style: a
   }) : /* @__PURE__ */ c.createElement(bt, {
-    visible: s,
+    visible: l,
     // Used for minus flex gap style only
     motionName: `${t}-loading-icon-motion`,
     motionAppear: !i,
@@ -619,17 +616,16 @@ const Me = /* @__PURE__ */ me((e, t) => {
     onEnterActive: ze,
     onLeaveStart: ze,
     onLeaveActive: He
-  }, (l, u) => {
-    let {
-      className: d,
-      style: g
-    } = l;
-    const p = Object.assign(Object.assign({}, a), g);
+  }, ({
+    className: s,
+    style: u
+  }, d) => {
+    const g = Object.assign(Object.assign({}, a), u);
     return /* @__PURE__ */ c.createElement(dt, {
       prefixCls: t,
-      className: N(n, d),
-      style: p,
-      ref: u
+      className: H(n, s),
+      style: g,
+      ref: d
     });
   });
 }, mt = (e, t) => ({
@@ -650,7 +646,7 @@ const Me = /* @__PURE__ */ me((e, t) => {
       }
     }
   }
-}), lr = (e) => {
+}), ur = (e) => {
   const {
     componentCls: t,
     fontSize: o,
@@ -699,56 +695,56 @@ const Me = /* @__PURE__ */ me((e, t) => {
     ]
   };
 };
-var cr = ["b"], ur = ["v"], Pe = function(t) {
+var dr = ["b"], mr = ["v"], Pe = function(t) {
   return Math.round(Number(t || 0));
-}, dr = function(t) {
+}, gr = 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);
+    var o = t, r = o.b, n = Et(o, dr);
     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);
+  mo(o, e);
+  var t = go(o);
   function o(r) {
-    return St(this, o), t.call(this, dr(r));
+    return St(this, o), t.call(this, gr(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;
+      var n = this.toHsb(), a = Pe(n.s * 100), i = Pe(n.b * 100), l = Pe(n.h), s = n.a, u = "hsb(".concat(l, ", ").concat(a, "%, ").concat(i, "%)"), d = "hsba(".concat(l, ", ").concat(a, "%, ").concat(i, "%, ").concat(s.toFixed(s === 0 ? 0 : 2), ")");
+      return s === 1 ? u : d;
     }
   }, {
     key: "toHsb",
     value: function() {
-      var n = this.toHsv(), a = n.v, i = Et(n, ur);
+      var n = this.toHsv(), a = n.v, i = Et(n, mr);
       return M(M({}, i), {}, {
         b: a,
         a: this.a
       });
     }
   }]), o;
-}(Ot), mr = "rc-color-picker", K = function(t) {
+}(Ot), fr = "rc-color-picker", J = 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;
+}, pr = J("#1677ff"), jt = function(t) {
+  var o = t.offset, r = t.targetRef, n = t.containerRef, a = t.color, i = t.type, l = n.current.getBoundingClientRect(), s = l.width, u = l.height, d = r.current.getBoundingClientRect(), g = d.width, p = d.height, C = g / 2, h = p / 2, x = (o.x + C) / s, f = 1 - (o.y + h) / u, b = a.toHsb(), B = x, E = (o.x + C) / s * 360;
   if (i)
     switch (i) {
       case "hue":
-        return K(M(M({}, b), {}, {
+        return J(M(M({}, b), {}, {
           h: E <= 0 ? 0 : E
         }));
       case "alpha":
-        return K(M(M({}, b), {}, {
-          a: w <= 0 ? 0 : w
+        return J(M(M({}, b), {}, {
+          a: B <= 0 ? 0 : B
         }));
     }
-  return K({
+  return J({
     h: b.h,
     s: x <= 0 ? 0 : x,
     b: f >= 1 ? 1 : f,
@@ -774,20 +770,20 @@ var cr = ["b"], ur = ["v"], Pe = function(t) {
         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");
+}, vr = function(t) {
+  var o = t.color, r = t.prefixCls, n = t.className, a = t.style, i = t.onClick, l = "".concat(r, "-color-block");
   return /* @__PURE__ */ c.createElement("div", {
-    className: N(s, n),
+    className: H(l, n),
     style: a,
     onClick: i
   }, /* @__PURE__ */ c.createElement("div", {
-    className: "".concat(s, "-inner"),
+    className: "".concat(l, "-inner"),
     style: {
       background: o
     }
   }));
 };
-function pr(e) {
+function br(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,
@@ -795,38 +791,38 @@ function pr(e) {
   };
 }
 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({
+  var t = e.targetRef, o = e.containerRef, r = e.direction, n = e.onDragChange, a = e.onDragChangeComplete, i = e.calculate, l = e.color, s = 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() {
+  }), d = Q(u, 2), g = d[0], p = d[1], C = L(null), h = L(null);
+  le(function() {
     p(i());
-  }, [s]), te(function() {
+  }, [l]), le(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
+    var y = br(v), N = y.pageX, j = y.pageY, S = o.current.getBoundingClientRect(), I = S.x, P = S.y, _ = S.width, O = S.height, G = t.current.getBoundingClientRect(), z = G.width, q = G.height, A = z / 2, Z = q / 2, D = Math.max(0, Math.min(N - I, _)) - A, R = Math.max(0, Math.min(j - P, O)) - Z, ee = {
+      x: D,
+      y: r === "x" ? g.y : R
     };
-    if (q === 0 && L === 0 || q !== L)
+    if (z === 0 && q === 0 || z !== q)
       return !1;
-    n == null || n(Q);
+    n == null || n(ee);
   }, 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);
+  }, B = function(v) {
+    document.removeEventListener("mousemove", C.current), document.removeEventListener("mouseup", h.current), !s && (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];
+  return [g, B];
 }
 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")),
+    className: H("".concat(a, "-handler"), Te({}, "".concat(a, "-handler-sm"), r === "small")),
     style: {
       backgroundColor: n
     }
@@ -851,19 +847,19 @@ var Lt = function(t) {
       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) {
+}), Cr = function(t) {
+  var o = t.color, r = t.onChange, n = t.prefixCls, a = t.onChangeComplete, i = t.disabled, l = L(), s = L(), u = L(o), d = Fe(function(x) {
     var f = jt({
       offset: x,
-      targetRef: l,
-      containerRef: s,
+      targetRef: s,
+      containerRef: l,
       color: o
     });
     u.current = f, r(f);
   }), g = Dt({
     color: o,
-    containerRef: s,
-    targetRef: l,
+    containerRef: l,
+    targetRef: s,
     calculate: function() {
       return Tt(o);
     },
@@ -872,9 +868,9 @@ var Lt = function(t) {
       return a == null ? void 0 : a(u.current);
     },
     disabledDrag: i
-  }), p = J(g, 2), C = p[0], h = p[1];
+  }), p = Q(g, 2), C = p[0], h = p[1];
   return /* @__PURE__ */ c.createElement("div", {
-    ref: s,
+    ref: l,
     className: "".concat(n, "-select"),
     onMouseDown: h,
     onTouchStart: h
@@ -883,7 +879,7 @@ var Lt = function(t) {
   }, /* @__PURE__ */ c.createElement(Mt, {
     x: C.x,
     y: C.y,
-    ref: l
+    ref: s
   }, /* @__PURE__ */ c.createElement(Lt, {
     color: o.toRgbString(),
     prefixCls: n
@@ -894,46 +890,46 @@ var Lt = function(t) {
       backgroundImage: "linear-gradient(0deg, #000, transparent),linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))"
     }
   })));
-}, br = function(t, o) {
+}, hr = 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);
+  }), n = Q(r, 2), a = n[0], i = n[1], l = oe(function() {
+    return J(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 [l, i];
+}, yr = function(t) {
+  var o = t.colors, r = t.children, n = t.direction, a = n === void 0 ? "to right" : n, i = t.type, l = t.prefixCls, s = oe(function() {
     return o.map(function(u, d) {
-      var g = K(u);
+      var g = J(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"),
+    className: "".concat(l, "-gradient"),
     style: {
       position: "absolute",
       inset: 0,
-      background: "linear-gradient(".concat(a, ", ").concat(l, ")")
+      background: "linear-gradient(".concat(a, ", ").concat(s, ")")
     }
   }, 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;
+}, Sr = function(t) {
+  var o = t.prefixCls, r = t.colors, n = t.disabled, a = t.onChange, i = t.onChangeComplete, l = t.color, s = t.type, u = L(), d = L(), g = L(l), p = function(y) {
+    return s === "hue" ? y.getHue() : y.a * 100;
   }, C = Fe(function(v) {
     var y = jt({
       offset: v,
       targetRef: d,
       containerRef: u,
-      color: s,
-      type: l
+      color: l,
+      type: s
     });
     g.current = y, a(p(y));
   }), h = Dt({
-    color: s,
+    color: l,
     targetRef: d,
     containerRef: u,
     calculate: function() {
-      return Tt(s, l);
+      return Tt(l, s);
     },
     onDragChange: C,
     onDragChangeComplete: function() {
@@ -941,22 +937,22 @@ var Lt = function(t) {
     },
     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();
+  }), x = Q(h, 2), f = x[0], b = x[1], B = c.useMemo(function() {
+    if (s === "hue") {
+      var v = l.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 l;
+  }, [l, s]), 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)),
+    className: H("".concat(o, "-slider"), "".concat(o, "-slider-").concat(s)),
     onMouseDown: b,
     onTouchStart: b
   }, /* @__PURE__ */ c.createElement(At, {
@@ -967,21 +963,21 @@ var Lt = function(t) {
     ref: d
   }, /* @__PURE__ */ c.createElement(Lt, {
     size: "small",
-    color: w.toHexString(),
+    color: B.toHexString(),
     prefixCls: o
-  })), /* @__PURE__ */ c.createElement(Cr, {
+  })), /* @__PURE__ */ c.createElement(yr, {
     colors: E,
-    type: l,
+    type: s,
     prefixCls: o
   })));
 };
-function yr(e) {
+function xr(e) {
   return m.useMemo(function() {
     var t = e || {}, o = t.slider;
-    return [o || hr];
+    return [o || Sr];
   }, [e]);
 }
-var Sr = [{
+var Er = [{
   color: "rgb(255, 0, 0)",
   percent: 0
 }, {
@@ -1002,76 +998,76 @@ var Sr = [{
 }, {
   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() {
+}], Or = /* @__PURE__ */ me(function(e, t) {
+  var o = e.value, r = e.defaultValue, n = e.prefixCls, a = n === void 0 ? fr : n, i = e.onChange, l = e.onChangeComplete, s = 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 = xr(x), b = Q(f, 1), B = b[0], E = hr(r || pr, o), v = Q(E, 2), y = v[0], N = v[1], j = 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), {
+  }, [y]), S = function(R, ee) {
+    o || N(R), i == null || i(R, ee);
+  }, I = function(R) {
+    return new U(y.setHue(R));
+  }, P = function(R) {
+    return new U(y.setA(R / 100));
+  }, _ = function(R) {
+    S(I(R), {
       type: "hue",
-      value: I
+      value: R
     });
-  }, j = function(I) {
-    S(H(I), {
+  }, O = function(R) {
+    S(P(R), {
       type: "alpha",
-      value: I
+      value: R
     });
-  }, 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 = {
+  }, G = function(R) {
+    l && l(I(R));
+  }, z = function(R) {
+    l && l(P(R));
+  }, q = H("".concat(a, "-panel"), s, Te({}, "".concat(a, "-panel-disabled"), h)), A = {
     prefixCls: a,
     disabled: h,
     color: y
-  }, Z = /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement(vr, se({
+  }, Z = /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement(Cr, ie({
     onChange: S
-  }, G, {
-    onChangeComplete: s
+  }, A, {
+    onChangeComplete: l
   })), /* @__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, {
+    className: H("".concat(a, "-slider-group"), Te({}, "".concat(a, "-slider-group-disabled-alpha"), p))
+  }, /* @__PURE__ */ c.createElement(B, ie({}, A, {
     type: "hue",
-    colors: Sr,
+    colors: Er,
     min: 0,
     max: 359,
     value: y.getHue(),
-    onChange: z,
-    onChangeComplete: P
-  })), !p && /* @__PURE__ */ c.createElement(w, se({}, G, {
+    onChange: _,
+    onChangeComplete: G
+  })), !p && /* @__PURE__ */ c.createElement(B, ie({}, A, {
     type: "alpha",
     colors: [{
       percent: 0,
       color: "rgba(255, 0, 4, 0)"
     }, {
       percent: 100,
-      color: _
+      color: j
     }],
     min: 0,
     max: 100,
     value: y.a * 100,
-    onChange: j,
-    onChangeComplete: q
-  }))), /* @__PURE__ */ c.createElement(fr, {
+    onChange: O,
+    onChangeComplete: z
+  }))), /* @__PURE__ */ c.createElement(vr, {
     color: y.toRgbString(),
     prefixCls: a
   })));
   return /* @__PURE__ */ c.createElement("div", {
-    className: L,
+    className: q,
     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() {
+process.env.NODE_ENV !== "production" && (Or.displayName = "ColorPicker");
+const $r = (e, t) => (e == null ? void 0 : e.replace(/[^\w/]/g, "").slice(0, t ? 8 : 6)) || "", Ir = (e, t) => e ? $r(e, t) : "";
+let Rr = /* @__PURE__ */ function() {
   function e(t) {
     St(this, e);
     var o;
@@ -1083,16 +1079,13 @@ let $r = /* @__PURE__ */ function() {
       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);
+    r && t.length ? (this.colors = t.map(({
+      color: n,
+      percent: a
+    }) => ({
+      color: new e(n),
+      percent: a
+    })), 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",
@@ -1107,7 +1100,7 @@ let $r = /* @__PURE__ */ function() {
   }, {
     key: "toHex",
     value: function() {
-      return Or(this.toHexString(), this.metaColor.a < 1);
+      return Ir(this.toHexString(), this.metaColor.a < 1);
     }
   }, {
     key: "toHexString",
@@ -1155,7 +1148,7 @@ let $r = /* @__PURE__ */ function() {
     }
   }]);
 }();
-const Ir = new T("antZoomIn", {
+const wr = new T("antZoomIn", {
   "0%": {
     transform: "scale(0.2)",
     opacity: 0
@@ -1164,7 +1157,7 @@ const Ir = new T("antZoomIn", {
     transform: "scale(1)",
     opacity: 1
   }
-}), Rr = new T("antZoomOut", {
+}), Br = new T("antZoomOut", {
   "0%": {
     transform: "scale(1)"
   },
@@ -1189,7 +1182,7 @@ const Ir = new T("antZoomIn", {
     transform: "scale(0.8)",
     opacity: 0
   }
-}), wr = new T("antZoomUpIn", {
+}), Nr = new T("antZoomUpIn", {
   "0%": {
     transform: "scale(0.8)",
     transformOrigin: "50% 0%",
@@ -1199,7 +1192,7 @@ const Ir = new T("antZoomIn", {
     transform: "scale(1)",
     transformOrigin: "50% 0%"
   }
-}), Br = new T("antZoomUpOut", {
+}), Hr = new T("antZoomUpOut", {
   "0%": {
     transform: "scale(1)",
     transformOrigin: "50% 0%"
@@ -1209,7 +1202,7 @@ const Ir = new T("antZoomIn", {
     transformOrigin: "50% 0%",
     opacity: 0
   }
-}), Nr = new T("antZoomLeftIn", {
+}), zr = new T("antZoomLeftIn", {
   "0%": {
     transform: "scale(0.8)",
     transformOrigin: "0% 50%",
@@ -1219,7 +1212,7 @@ const Ir = new T("antZoomIn", {
     transform: "scale(1)",
     transformOrigin: "0% 50%"
   }
-}), Hr = new T("antZoomLeftOut", {
+}), Pr = new T("antZoomLeftOut", {
   "0%": {
     transform: "scale(1)",
     transformOrigin: "0% 50%"
@@ -1229,7 +1222,7 @@ const Ir = new T("antZoomIn", {
     transformOrigin: "0% 50%",
     opacity: 0
   }
-}), zr = new T("antZoomRightIn", {
+}), _r = new T("antZoomRightIn", {
   "0%": {
     transform: "scale(0.8)",
     transformOrigin: "100% 50%",
@@ -1239,7 +1232,7 @@ const Ir = new T("antZoomIn", {
     transform: "scale(1)",
     transformOrigin: "100% 50%"
   }
-}), Pr = new T("antZoomRightOut", {
+}), jr = new T("antZoomRightOut", {
   "0%": {
     transform: "scale(1)",
     transformOrigin: "100% 50%"
@@ -1249,7 +1242,7 @@ const Ir = new T("antZoomIn", {
     transformOrigin: "100% 50%",
     opacity: 0
   }
-}), _r = new T("antZoomDownIn", {
+}), Tr = new T("antZoomDownIn", {
   "0%": {
     transform: "scale(0.8)",
     transformOrigin: "50% 100%",
@@ -1259,7 +1252,7 @@ const Ir = new T("antZoomIn", {
     transform: "scale(1)",
     transformOrigin: "50% 100%"
   }
-}), jr = new T("antZoomDownOut", {
+}), Dr = new T("antZoomDownOut", {
   "0%": {
     transform: "scale(1)",
     transformOrigin: "50% 100%"
@@ -1269,10 +1262,10 @@ const Ir = new T("antZoomIn", {
     transformOrigin: "50% 100%",
     opacity: 0
   }
-}), Tr = {
+}), Lr = {
   zoom: {
-    inKeyframes: Ir,
-    outKeyframes: Rr
+    inKeyframes: wr,
+    outKeyframes: Br
   },
   "zoom-big": {
     inKeyframes: gt,
@@ -1283,29 +1276,29 @@ const Ir = new T("antZoomIn", {
     outKeyframes: ft
   },
   "zoom-left": {
-    inKeyframes: Nr,
-    outKeyframes: Hr
-  },
-  "zoom-right": {
     inKeyframes: zr,
     outKeyframes: Pr
   },
+  "zoom-right": {
+    inKeyframes: _r,
+    outKeyframes: jr
+  },
   "zoom-up": {
-    inKeyframes: wr,
-    outKeyframes: Br
+    inKeyframes: Nr,
+    outKeyframes: Hr
   },
   "zoom-down": {
-    inKeyframes: _r,
-    outKeyframes: jr
+    inKeyframes: Tr,
+    outKeyframes: Dr
   }
-}, En = (e, t) => {
+}, $n = (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), {
+  } = Lr[t];
+  return [fo(r, n, a, t === "zoom-big-fast" ? e.motionDurationFast : e.motionDurationMid), {
     [`
         ${r}-enter,
         ${r}-appear
@@ -1321,7 +1314,7 @@ const Ir = new T("antZoomIn", {
       animationTimingFunction: e.motionEaseInOutCirc
     }
   }];
-}, Dr = (e, t) => {
+}, Ar = (e, t) => {
   const {
     r: o,
     g: r,
@@ -1334,15 +1327,15 @@ const Ir = new T("antZoomIn", {
     paddingInline: t,
     onlyIconSize: o
   } = e;
-  return ne(e, {
+  return re(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)}`
+  const l = (t = e.contentFontSize) !== null && t !== void 0 ? t : e.fontSize, s = (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(l), g = (a = e.contentLineHeightSM) !== null && a !== void 0 ? a : Re(s), p = (i = e.contentLineHeightLG) !== null && i !== void 0 ? i : Re(u), C = Ar(new Rr(e.colorBgSolid), "#fff") ? "#000" : "#fff", h = Ve.reduce((x, f) => Object.assign(Object.assign({}, x), {
+    [`${f}ShadowColor`]: `0 ${ue(e.controlOutlineWidth)} 0 ${po(e[`${f}1`], e.colorBgContainer)}`
   }), {});
   return Object.assign(Object.assign({}, h), {
     fontWeight: 400,
@@ -1378,17 +1371,17 @@ const Ir = new T("antZoomIn", {
     defaultActiveColor: e.colorPrimaryActive,
     defaultActiveBorderColor: e.colorPrimaryActive,
     solidTextColor: C,
-    contentFontSize: s,
-    contentFontSizeSM: l,
+    contentFontSize: l,
+    contentFontSizeSM: s,
     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),
+    paddingBlock: Math.max((e.controlHeight - l * d) / 2 - e.lineWidth, 0),
+    paddingBlockSM: Math.max((e.controlHeightSM - s * g) / 2 - e.lineWidth, 0),
     paddingBlockLG: Math.max((e.controlHeightLG - u * p) / 2 - e.lineWidth, 0)
   });
-}, Lr = (e) => {
+}, Mr = (e) => {
   const {
     componentCls: t,
     iconCls: o,
@@ -1396,8 +1389,8 @@ const Ir = new T("antZoomIn", {
     opacityLoading: n,
     motionDurationSlow: a,
     motionEaseInOut: i,
-    marginXS: s,
-    calc: l
+    marginXS: l,
+    calc: s
   } = e;
   return {
     [t]: {
@@ -1422,11 +1415,11 @@ const Ir = new T("antZoomIn", {
         pointerEvents: "none"
       },
       // https://github.com/ant-design/ant-design/issues/51380
-      [`${t}-icon > svg`]: po(),
+      [`${t}-icon > svg`]: bo(),
       "> a": {
         color: "currentColor"
       },
-      "&:not(:disabled)": fo(e),
+      "&:not(:disabled)": vo(e),
       [`&${t}-two-chinese-chars::first-letter`]: {
         letterSpacing: "0.34em"
       },
@@ -1456,7 +1449,7 @@ const Ir = new T("antZoomIn", {
       [`&:not(${t}-icon-end)`]: {
         [`${t}-loading-icon-motion`]: {
           "&-appear-start, &-enter-start": {
-            marginInlineEnd: l(s).mul(-1).equal()
+            marginInlineEnd: s(l).mul(-1).equal()
           },
           "&-appear-active, &-enter-active": {
             marginInlineEnd: 0
@@ -1465,7 +1458,7 @@ const Ir = new T("antZoomIn", {
             marginInlineEnd: 0
           },
           "&-leave-active": {
-            marginInlineEnd: l(s).mul(-1).equal()
+            marginInlineEnd: s(l).mul(-1).equal()
           }
         }
       },
@@ -1473,7 +1466,7 @@ const Ir = new T("antZoomIn", {
         flexDirection: "row-reverse",
         [`${t}-loading-icon-motion`]: {
           "&-appear-start, &-enter-start": {
-            marginInlineStart: l(s).mul(-1).equal()
+            marginInlineStart: s(l).mul(-1).equal()
           },
           "&-appear-active, &-enter-active": {
             marginInlineStart: 0
@@ -1482,7 +1475,7 @@ const Ir = new T("antZoomIn", {
             marginInlineStart: 0
           },
           "&-leave-active": {
-            marginInlineStart: l(s).mul(-1).equal()
+            marginInlineStart: s(l).mul(-1).equal()
           }
         }
       }
@@ -1493,22 +1486,22 @@ const Ir = new T("antZoomIn", {
     "&:hover": t,
     "&:active": o
   }
-}), Ar = (e) => ({
+}), Wr = (e) => ({
   minWidth: e.controlHeight,
   paddingInlineStart: 0,
   paddingInlineEnd: 0,
   borderRadius: "50%"
-}), Mr = (e) => ({
+}), Gr = (e) => ({
   borderRadius: e.controlHeight,
   paddingInlineStart: e.calc(e.controlHeight).div(2).equal(),
   paddingInlineEnd: e.calc(e.controlHeight).div(2).equal()
-}), Wr = (e) => ({
+}), Fr = (e) => ({
   cursor: "not-allowed",
   borderColor: e.borderColorDisabled,
   color: e.colorTextDisabled,
   background: e.colorBgContainerDisabled,
   boxShadow: "none"
-}), pe = (e, t, o, r, n, a, i, s) => ({
+}), pe = (e, t, o, r, n, a, i, l) => ({
   [`&${e}-background-ghost`]: Object.assign(Object.assign({
     color: o || void 0,
     background: t,
@@ -1518,22 +1511,22 @@ const Ir = new T("antZoomIn", {
     background: t
   }, i), Object.assign({
     background: t
-  }, s))), {
+  }, l))), {
     "&:disabled": {
       cursor: "not-allowed",
       color: n || void 0,
       borderColor: a || void 0
     }
   })
-}), Gr = (e) => ({
-  [`&:disabled, &${e.componentCls}-disabled`]: Object.assign({}, Wr(e))
-}), Fr = (e) => ({
+}), Vr = (e) => ({
+  [`&:disabled, &${e.componentCls}-disabled`]: Object.assign({}, Fr(e))
+}), Ur = (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;
+  const a = r && ["link", "text"].includes(r) ? Ur : Vr;
   return Object.assign(Object.assign({}, a(e)), Ft(e.componentCls, t, o));
 }, be = (e, t, o, r, n) => ({
   [`&${e.componentCls}-variant-solid`]: Object.assign({
@@ -1559,12 +1552,12 @@ const Ir = new T("antZoomIn", {
     color: t,
     boxShadow: "none"
   }, ve(e, r, n, o))
-}), Vr = (e) => {
+}), qr = (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`];
+    const n = e[`${r}6`], a = e[`${r}1`], i = e[`${r}5`], l = e[`${r}2`], s = 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,
@@ -1582,9 +1575,9 @@ const Ir = new T("antZoomIn", {
         borderColor: u,
         background: e.colorBgContainer
       })), he(e)), ye(e, a, {
-        background: s
-      }, {
         background: l
+      }, {
+        background: s
       })), W(e, n, "link", {
         color: i
       }, {
@@ -1594,11 +1587,11 @@ const Ir = new T("antZoomIn", {
         background: a
       }, {
         color: u,
-        background: l
+        background: s
       }))
     });
   }, {});
-}, Ur = (e) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+}, Xr = (e) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
   color: e.defaultColor,
   boxShadow: e.defaultShadow
 }, be(e, e.solidTextColor, e.colorBgSolid, {
@@ -1616,7 +1609,7 @@ const Ir = new T("antZoomIn", {
   background: e.linkHoverBg
 }, {
   color: e.colorLinkActive
-})), qr = (e) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+})), Zr = (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, {
@@ -1648,7 +1641,7 @@ const Ir = new T("antZoomIn", {
 }, {
   color: e.colorPrimaryActive,
   borderColor: e.colorPrimaryActive
-})), Xr = (e) => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+})), Yr = (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, {
@@ -1681,7 +1674,7 @@ const Ir = new T("antZoomIn", {
 }, {
   color: e.colorErrorActive,
   borderColor: e.colorErrorActive
-})), Zr = (e) => Object.assign(Object.assign({}, W(e, e.colorLink, "link", {
+})), Kr = (e) => Object.assign(Object.assign({}, W(e, e.colorLink, "link", {
   color: e.colorLinkHover
 }, {
   color: e.colorLinkActive
@@ -1691,17 +1684,17 @@ const Ir = new T("antZoomIn", {
 }, {
   color: e.colorInfoActive,
   borderColor: e.colorInfoActive
-})), Yr = (e) => {
+})), Jr = (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, {
+    [`${t}-color-default`]: Xr(e),
+    [`${t}-color-primary`]: Zr(e),
+    [`${t}-color-dangerous`]: Yr(e),
+    [`${t}-color-link`]: Kr(e)
+  }, qr(e));
+}, Qr = (e) => Object.assign(Object.assign(Object.assign(Object.assign({}, Ce(e, e.defaultBorderColor, e.defaultBg, {
   color: e.defaultHoverColor,
   borderColor: e.defaultHoverBorderColor,
   background: e.defaultHoverBg
@@ -1726,16 +1719,15 @@ const Ir = new T("antZoomIn", {
   background: e.linkHoverBg
 }, {
   color: e.colorLinkActive
-})), Ue = function(e) {
-  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+})), Ue = (e, t = "") => {
   const {
     componentCls: o,
     controlHeight: r,
     fontSize: n,
     borderRadius: a,
     buttonPaddingHorizontal: i,
-    iconCls: s,
-    buttonPaddingVertical: l,
+    iconCls: l,
+    buttonPaddingVertical: s,
     buttonIconOnlyFontSize: u
   } = e;
   return [
@@ -1743,11 +1735,11 @@ const Ir = new T("antZoomIn", {
       [t]: {
         fontSize: n,
         height: r,
-        padding: `${ue(l)} ${ue(i)}`,
+        padding: `${ue(s)} ${ue(i)}`,
         borderRadius: a,
         [`&${o}-icon-only`]: {
           width: r,
-          [s]: {
+          [l]: {
             fontSize: u
           }
         }
@@ -1755,19 +1747,19 @@ const Ir = new T("antZoomIn", {
     },
     // Shape - patch prefixCls again to override solid border radius style
     {
-      [`${o}${o}-circle${t}`]: Ar(e)
+      [`${o}${o}-circle${t}`]: Wr(e)
     },
     {
-      [`${o}${o}-round${t}`]: Mr(e)
+      [`${o}${o}-round${t}`]: Gr(e)
     }
   ];
-}, Jr = (e) => {
-  const t = ne(e, {
+}, kr = (e) => {
+  const t = re(e, {
     fontSize: e.contentFontSize
   });
   return Ue(t, e.componentCls);
-}, Qr = (e) => {
-  const t = ne(e, {
+}, en = (e) => {
+  const t = re(e, {
     controlHeight: e.controlHeightSM,
     fontSize: e.contentFontSizeSM,
     padding: e.paddingXS,
@@ -1777,8 +1769,8 @@ const Ir = new T("antZoomIn", {
     buttonIconOnlyFontSize: e.onlyIconSizeSM
   });
   return Ue(t, `${e.componentCls}-sm`);
-}, kr = (e) => {
-  const t = ne(e, {
+}, tn = (e) => {
+  const t = re(e, {
     controlHeight: e.controlHeightLG,
     fontSize: e.contentFontSizeLG,
     buttonPaddingHorizontal: e.paddingInlineLG,
@@ -1787,7 +1779,7 @@ const Ir = new T("antZoomIn", {
     buttonIconOnlyFontSize: e.onlyIconSizeLG
   });
   return Ue(t, `${e.componentCls}-lg`);
-}, en = (e) => {
+}, on = (e) => {
   const {
     componentCls: t
   } = e;
@@ -1798,23 +1790,23 @@ const Ir = new T("antZoomIn", {
       }
     }
   };
-}, tn = ht("Button", (e) => {
+}, rn = ht("Button", (e) => {
   const t = Wt(e);
   return [
     // Shared
-    Lr(t),
+    Mr(t),
     // Size
-    Jr(t),
-    Qr(t),
     kr(t),
-    // Block
     en(t),
+    tn(t),
+    // Block
+    on(t),
     // Color
-    Yr(t),
+    Jr(t),
     // https://github.com/ant-design/ant-design/issues/50969
-    Kr(t),
+    Qr(t),
     // Button Group
-    lr(t)
+    ur(t)
   ];
 }, Gt, {
   unitless: {
@@ -1824,18 +1816,18 @@ const Ir = new T("antZoomIn", {
     contentLineHeightLG: !0
   }
 });
-function on(e, t, o) {
+function nn(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(",");
+  } = o, i = a ? "> *" : "", l = ["hover", n ? "focus" : null, "active"].filter(Boolean).map((s) => `&:${s} ${i}`).join(",");
   return {
     [`&-item:not(${t}-last-item)`]: {
       marginInlineEnd: e.calc(e.lineWidth).mul(-1).equal()
     },
     "&-item": Object.assign(Object.assign({
-      [s]: {
+      [l]: {
         zIndex: 2
       }
     }, r ? {
@@ -1849,7 +1841,7 @@ function on(e, t, o) {
     })
   };
 }
-function rn(e, t, o) {
+function an(e, t, o) {
   const {
     borderElCls: r
   } = o, n = r ? `> ${r}` : "";
@@ -1871,18 +1863,17 @@ function rn(e, t, o) {
     }
   };
 }
-function nn(e) {
-  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
-    focus: !0
-  };
+function ln(e, t = {
+  focus: !0
+}) {
   const {
     componentCls: o
   } = e, r = `${o}-compact`;
   return {
-    [r]: Object.assign(Object.assign({}, on(e, r, t)), rn(o, r, t))
+    [r]: Object.assign(Object.assign({}, nn(e, r, t)), an(o, r, t))
   };
 }
-function an(e, t) {
+function sn(e, t) {
   return {
     // border collapse
     [`&-item:not(${t}-last-item)`]: {
@@ -1898,7 +1889,7 @@ function an(e, t) {
     }
   };
 }
-function sn(e, t) {
+function cn(e, t) {
   return {
     [`&-item:not(${t}-first-item):not(${t}-last-item)`]: {
       borderRadius: 0
@@ -1917,50 +1908,50 @@ function sn(e, t) {
     }
   };
 }
-function ln(e) {
+function un(e) {
   const t = `${e.componentCls}-compact-vertical`;
   return {
-    [t]: Object.assign(Object.assign({}, an(e, t)), sn(e.componentCls, t))
+    [t]: Object.assign(Object.assign({}, sn(e, t)), cn(e.componentCls, t))
   };
 }
-const cn = (e) => {
+const dn = (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])`;
+  } = e, a = n(r).mul(-1).equal(), i = (l) => {
+    const s = `${t}-compact${l ? "-vertical" : ""}-item${t}-primary:not([disabled])`;
     return {
-      [`${l} + ${l}::before`]: {
+      [`${s} + ${s}::before`]: {
         position: "absolute",
-        top: s ? a : 0,
-        insetInlineStart: s ? 0 : a,
+        top: l ? a : 0,
+        insetInlineStart: l ? 0 : a,
         backgroundColor: o,
         content: '""',
-        width: s ? "100%" : r,
-        height: s ? r : "100%"
+        width: l ? "100%" : r,
+        height: l ? r : "100%"
       }
     };
   };
   return Object.assign(Object.assign({}, i()), i(!0));
-}, un = vo(["Button", "compact"], (e) => {
+}, mn = Co(["Button", "compact"], (e) => {
   const t = Wt(e);
   return [
     // Space Compact
-    nn(t),
     ln(t),
-    cn(t)
+    un(t),
+    dn(t)
   ];
 }, Gt);
-var dn = function(e, t) {
+var gn = 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) {
+function fn(e) {
   if (typeof e == "object" && e) {
     let t = e == null ? void 0 : e.delay;
     return t = !Number.isNaN(t) && typeof t == "number" ? t : 0, {
@@ -1973,21 +1964,21 @@ function mn(e) {
     delay: 0
   };
 }
-const gn = {
+const pn = {
   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) => {
+}, vn = /* @__PURE__ */ c.forwardRef((e, t) => {
   var o, r;
   const {
     loading: n = !1,
     prefixCls: a,
     color: i,
-    variant: s,
-    type: l,
+    variant: l,
+    type: s,
     danger: u = !1,
     shape: d = "default",
     size: g,
@@ -1997,129 +1988,134 @@ const gn = {
     rootClassName: x,
     children: f,
     icon: b,
-    iconPosition: w = "start",
+    iconPosition: B = "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: _ = {},
+    classNames: N,
+    style: j = {},
     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);
+    autoFocus: I
+  } = e, P = gn(e, ["loading", "prefixCls", "color", "variant", "type", "danger", "shape", "size", "styles", "disabled", "className", "rootClassName", "children", "icon", "iconPosition", "ghost", "block", "htmlType", "classNames", "style", "autoInsertSpace", "autoFocus"]), _ = s || "default", {
+    button: O
+  } = c.useContext(k), [G, z] = oe(() => {
+    if (i && l)
+      return [i, l];
+    if (s || u) {
+      const w = pn[_] || [];
+      return u ? ["danger", w[1]] : w;
+    }
+    return O != null && O.color && (O != null && O.variant) ? [O.color, O.variant] : ["default", "outlined"];
+  }, [s, i, l, u, O == null ? void 0 : O.variant, O == null ? void 0 : O.color]), A = G === "danger" ? "dangerous" : G, {
+    getPrefixCls: Z,
+    direction: D,
+    autoInsertSpace: R,
+    className: ee,
+    style: Vt,
+    classNames: Ut,
+    styles: qt
+  } = ho("button"), Se = (o = S ?? R) !== null && o !== void 0 ? o : !0, $ = Z("btn", a), [Xe, Xt, Zt] = rn($), Yt = _e(yo), Y = C ?? Yt, Kt = _e(_t), K = oe(() => fn(n), [n]), [X, Ze] = je(K.loading), [xe, Ye] = je(!1), te = L(null), Ke = So(t, te), Je = eo.count(f) === 1 && !b && !ae(z), Ee = L(!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);
+  }), []), to(() => {
+    let w = null;
+    K.delay > 0 ? w = setTimeout(() => {
+      w = null, Ze(!0);
+    }, K.delay) : Ze(K.loading);
     function F() {
-      R && (clearTimeout(R), R = null);
+      w && (clearTimeout(w), w = null);
     }
     return F;
-  }, [k]), te(() => {
-    if (!ee.current || !Se)
+  }, [K.delay, K.loading]), le(() => {
+    if (!te.current || !Se)
       return;
-    const R = ee.current.textContent || "";
-    Je && Ae(R) ? xe || Ye(!0) : xe && Ye(!1);
-  }), te(() => {
-    $ && ee.current && ee.current.focus();
+    const w = te.current.textContent || "";
+    Je && Ae(w) ? xe || Ye(!0) : xe && Ye(!1);
+  }), le(() => {
+    I && te.current && te.current.focus();
   }, []);
-  const Qe = c.useCallback((R) => {
+  const Qe = c.useCallback((w) => {
     var F;
     if (X || Y) {
-      R.preventDefault();
+      w.preventDefault();
       return;
     }
-    (F = e.onClick) === null || F === void 0 || F.call(e, ("href" in e, R));
+    (F = e.onClick) === null || F === void 0 || F.call(e, ("href" in e, w));
   }, [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 w = Ge("Button");
+    process.env.NODE_ENV !== "production" && w(!(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" && w(!(E && ae(z)), "usage", "`link` or `text` button can't be a `ghost` button.");
   }
   const {
-    compactSize: Kt,
+    compactSize: Jt,
     compactItemClassnames: ke
-  } = er(O, Z), Jt = {
+  } = or($, D), Qt = {
     large: "lg",
     small: "sm",
     middle: void 0
-  }, et = yt((R) => {
+  }, et = yt((w) => {
     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,
+    return (Ie = (F = g ?? Jt) !== null && F !== void 0 ? F : Kt) !== null && Ie !== void 0 ? Ie : w;
+  }), tt = et && (r = Qt[et]) !== null && r !== void 0 ? r : "", kt = X ? "loading" : b, Oe = xo(P, ["navigate"]), ot = H($, Xt, Zt, {
+    [`${$}-${d}`]: d !== "default" && d,
+    // Compatible with versions earlier than 5.21.0
+    [`${$}-${_}`]: _,
+    [`${$}-dangerous`]: u,
+    [`${$}-color-${A}`]: A,
+    [`${$}-variant-${z}`]: z,
+    [`${$}-${tt}`]: tt,
+    [`${$}-icon-only`]: !f && f !== 0 && !!kt,
+    [`${$}-background-ghost`]: E && !ae(z),
+    [`${$}-loading`]: X,
+    [`${$}-two-chinese-chars`]: xe && Se && !X,
+    [`${$}-block`]: v,
+    [`${$}-rtl`]: D === "rtl",
+    [`${$}-icon-end`]: B === "end"
+  }, ke, h, x, ee), rt = Object.assign(Object.assign({}, Vt), j), nt = H(N == null ? void 0 : N.icon, Ut.icon), at = Object.assign(Object.assign({}, (p == null ? void 0 : p.icon) || {}), qt.icon || {}), it = b && !X ? /* @__PURE__ */ c.createElement(Me, {
+    prefixCls: $,
     className: nt,
     style: at
   }, b) : n && typeof n == "object" && n.icon ? /* @__PURE__ */ c.createElement(Me, {
-    prefixCls: O,
+    prefixCls: $,
     className: nt,
     style: at
-  }, n.icon) : /* @__PURE__ */ c.createElement(sr, {
+  }, n.icon) : /* @__PURE__ */ c.createElement(cr, {
     existIcon: !!b,
-    prefixCls: O,
+    prefixCls: $,
     loading: X,
     mount: Ee.current
-  }), st = f || f === 0 ? ir(f, Je && Se) : null;
+  }), lt = f || f === 0 ? sr(f, Je && Se) : null;
   if (Oe.href !== void 0)
     return Xe(/* @__PURE__ */ c.createElement("a", Object.assign({}, Oe, {
-      className: N(ot, {
-        [`${O}-disabled`]: Y
+      className: H(ot, {
+        [`${$}-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, {
+    }), it, lt));
+  let $e = /* @__PURE__ */ c.createElement("button", Object.assign({}, P, {
     type: y,
     className: ot,
     style: rt,
     onClick: Qe,
     disabled: Y,
     ref: Ke
-  }), it, st, ke && /* @__PURE__ */ c.createElement(un, {
-    prefixCls: O
+  }), it, lt, ke && /* @__PURE__ */ c.createElement(mn, {
+    prefixCls: $
   }));
-  return ie(P) || ($e = /* @__PURE__ */ c.createElement(zt, {
+  return ae(z) || ($e = /* @__PURE__ */ c.createElement(zt, {
     component: "Button",
     disabled: X
   }, $e)), Xe($e);
-}), qe = fn;
-qe.Group = nr;
+}), qe = vn;
+qe.Group = ir;
 qe.__ANT_BUTTON = !0;
 process.env.NODE_ENV !== "production" && (qe.displayName = "Button");
-const On = (e) => {
+const In = (e) => {
   const {
     space: t,
     form: o,
@@ -2128,13 +2124,13 @@ const On = (e) => {
   if (r == null)
     return null;
   let n = r;
-  return o && (n = /* @__PURE__ */ c.createElement(So, {
+  return o && (n = /* @__PURE__ */ c.createElement(Eo, {
     override: !0,
     status: !0
-  }, n)), t && (n = /* @__PURE__ */ c.createElement(tr, null, n)), n;
+  }, n)), t && (n = /* @__PURE__ */ c.createElement(rr, null, n)), n;
 };
-function pn(e) {
-  return (t) => /* @__PURE__ */ m.createElement(xo, {
+function bn(e) {
+  return (t) => /* @__PURE__ */ m.createElement(Oo, {
     theme: {
       token: {
         motion: !1,
@@ -2143,23 +2139,23 @@ function pn(e) {
     }
   }, /* @__PURE__ */ m.createElement(e, Object.assign({}, t)));
 }
-const $n = (e, t, o, r, n) => pn((i) => {
+const Rn = (e, t, o, r, n) => bn((i) => {
   const {
-    prefixCls: s,
-    style: l
+    prefixCls: l,
+    style: s
   } = 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.useContext(k), b = f(r, l);
   m.useEffect(() => {
     if (x(!0), typeof ResizeObserver < "u") {
-      const v = new ResizeObserver((B) => {
-        const _ = B[0].target;
-        g(_.offsetHeight + 8), C(_.offsetWidth);
+      const v = new ResizeObserver((N) => {
+        const j = N[0].target;
+        g(j.offsetHeight + 8), C(j.offsetWidth);
       }), y = setInterval(() => {
-        var B;
-        const _ = n ? `.${n(b)}` : `.${b}-dropdown`, S = (B = u.current) === null || B === void 0 ? void 0 : B.querySelector(_);
+        var N;
+        const j = n ? `.${n(b)}` : `.${b}-dropdown`, S = (N = u.current) === null || N === void 0 ? void 0 : N.querySelector(j);
         S && (clearInterval(y), v.observe(S));
       }, 10);
       return () => {
@@ -2167,15 +2163,15 @@ const $n = (e, t, o, r, n) => pn((i) => {
       };
     }
   }, []);
-  let w = Object.assign(Object.assign({}, i), {
-    style: Object.assign(Object.assign({}, l), {
+  let B = Object.assign(Object.assign({}, i), {
+    style: Object.assign(Object.assign({}, s), {
       margin: 0
     }),
     open: h,
     visible: h,
     getPopupContainer: () => u.current
   });
-  Object.assign(w, {
+  Object.assign(B, {
     [t]: {
       overflow: {
         adjustX: !1,
@@ -2191,23 +2187,23 @@ const $n = (e, t, o, r, n) => pn((i) => {
   return /* @__PURE__ */ m.createElement("div", {
     ref: u,
     style: E
-  }, /* @__PURE__ */ m.createElement(e, Object.assign({}, w)));
+  }, /* @__PURE__ */ m.createElement(e, Object.assign({}, B)));
 });
 export {
   qe as B,
-  On as C,
+  In 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,
+  No as a,
+  Uo as b,
+  On as c,
+  $o as d,
+  Rt as e,
+  tr as f,
+  Rn as g,
+  En as h,
+  $n as i,
+  or as j,
+  xn as u,
+  bn as w,
   Bt as z
 };