@amateescu/portal-ui-components 0.0.28 → 0.0.30-beta

package/dist/{UserInfoDropdown-CoZutJAR.js → UserInfoDropdown-DPyds49a.js}

@@ -1,13 +1,13 @@
-import { jsx as ye, jsxs as eo } from "react/jsx-runtime";
+import { jsx as Ce, jsxs as eo } from "react/jsx-runtime";
 import * as l from "react";
-import $t, { useRef as Pe, forwardRef as ke, useImperativeHandle as yt, useContext as tt, useState as ot, useEffect as He, createContext as to } from "react";
+import $t, { useRef as Be, forwardRef as ke, useImperativeHandle as yt, useContext as tt, useState as ot, useEffect as He, createContext as to } from "react";
 import { cn as oo } from "./portal-utils/cn.js";
-import { a as Be } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
-import { I as Ve, K as ie, H as no, U as We, ah as ro, g as ce, m as se, y as fe, u as E, a2 as io, a as ne, E as ao, v as ve, D as ze, c as _, p as lo, N as so, e as le, l as nt, b as Xe, s as Fe, t as Ct, j as co, x as qe, o as be, an as uo, n as mo, a4 as po, A as go, z as fo, F as rt, aa as it, ad as vo, k as wt, ao as bo, B as at } from "./context-Crxhk7DD.js";
-import { R as ho, T as $o, c as yo, M as Co, a as xe, u as wo, S as xo, E as So, b as xt, d as Oo, s as Io, e as No, f as Eo, g as Po, D as Bo } from "./EllipsisOutlined-DZsCEqiL.js";
-import { P as ge, i as je, C as St, b as zo, u as Ge, d as de, z as Ot, e as jo, f as To, h as _o, j as Ro, B as lt } from "./PurePanel-iUNZWTe_.js";
+import { _ as ze } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
+import { I as Ve, K as le, H as no, U as We, ah as ro, g as de, m as ce, y as ve, u as O, a2 as io, a as ie, E as ao, v as be, D as je, c as _, p as lo, N as so, e as se, l as nt, b as Xe, s as Fe, t as Ct, j as co, x as qe, o as he, an as uo, n as mo, a4 as po, A as go, z as fo, F as rt, aa as it, ad as vo, k as wt, ao as bo, B as at } from "./context-Bk4VnwMB.js";
+import { R as ho, T as $o, c as yo, M as Co, a as Se, u as wo, S as xo, E as So, b as xt, d as Oo, s as Io, e as No, f as Eo, g as Po, D as Bo } from "./EllipsisOutlined-CzFuvGH_.js";
+import { P as fe, i as Te, C as St, b as zo, u as Ge, d as ue, z as Ot, e as jo, f as To, h as _o, j as Ro, B as lt } from "./PurePanel-CxlAi3G7.js";
 import './assets/UserInfoDropdown.css';function Mo(e, t) {
-  return ge.reduce((o, n) => {
+  return fe.reduce((o, n) => {
     const r = e[`${n}1`], a = e[`${n}3`], i = e[`${n}6`], s = e[`${n}7`];
     return Object.assign(Object.assign({}, o), t(n, {
       lightColor: r,
@@ -18,12 +18,12 @@ import './assets/UserInfoDropdown.css';function Mo(e, t) {
   }, {});
 }
 var Do = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, name: "right", theme: "outlined" }, Ho = function(t, o) {
-  return /* @__PURE__ */ l.createElement(Ve, Be({}, t, {
+  return /* @__PURE__ */ l.createElement(Ve, ze({}, t, {
     ref: o,
     icon: Do
   }));
-}, Se = /* @__PURE__ */ l.forwardRef(Ho);
-process.env.NODE_ENV !== "production" && (Se.displayName = "RightOutlined");
+}, Oe = /* @__PURE__ */ l.forwardRef(Ho);
+process.env.NODE_ENV !== "production" && (Oe.displayName = "RightOutlined");
 const Ao = (e) => ({
   [e.componentCls]: {
     // For common/openAnimation
@@ -40,7 +40,7 @@ const Ao = (e) => ({
         opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`
     }
   }
-}), Lo = new ie("antMoveDownIn", {
+}), Lo = new le("antMoveDownIn", {
   "0%": {
     transform: "translate3d(0, 100%, 0)",
     transformOrigin: "0 0",
@@ -51,7 +51,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), ko = new ie("antMoveDownOut", {
+}), ko = new le("antMoveDownOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -62,7 +62,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 0
   }
-}), Vo = new ie("antMoveLeftIn", {
+}), Vo = new le("antMoveLeftIn", {
   "0%": {
     transform: "translate3d(-100%, 0, 0)",
     transformOrigin: "0 0",
@@ -73,7 +73,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), Wo = new ie("antMoveLeftOut", {
+}), Wo = new le("antMoveLeftOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -84,7 +84,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 0
   }
-}), Xo = new ie("antMoveRightIn", {
+}), Xo = new le("antMoveRightIn", {
   "0%": {
     transform: "translate3d(100%, 0, 0)",
     transformOrigin: "0 0",
@@ -95,7 +95,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), Fo = new ie("antMoveRightOut", {
+}), Fo = new le("antMoveRightOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -106,7 +106,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 0
   }
-}), qo = new ie("antMoveUpIn", {
+}), qo = new le("antMoveUpIn", {
   "0%": {
     transform: "translate3d(0, -100%, 0)",
     transformOrigin: "0 0",
@@ -117,7 +117,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), Go = new ie("antMoveUpOut", {
+}), Go = new le("antMoveUpOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -186,13 +186,13 @@ const Ao = (e) => ({
         throw new Error(`${c}<=${d} fails : !(${t[c]}<=${t[d]})`);
     }
   }), e;
-};
-function Zo() {
+}, Zo = () => {
   const [, e] = We(), t = Uo(Ko(e));
   return $t.useMemo(() => {
     const o = /* @__PURE__ */ new Map();
     let n = -1, r = {};
     return {
+      responsiveMap: t,
       matchHandlers: {},
       dispatch(a) {
         return r = a, o.forEach((i) => i(r)), o.size >= 1;
@@ -203,12 +203,6 @@ function Zo() {
       unsubscribe(a) {
         o.delete(a), o.size || this.unregister();
       },
-      unregister() {
-        Object.keys(t).forEach((a) => {
-          const i = t[a], s = this.matchHandlers[i];
-          s == null || s.mql.removeListener(s == null ? void 0 : s.listener);
-        }), o.clear();
-      },
       register() {
         Object.keys(t).forEach((a) => {
           const i = t[a], s = (u) => {
@@ -225,17 +219,22 @@ function Zo() {
           }, s(c);
         });
       },
-      responsiveMap: t
+      unregister() {
+        Object.keys(t).forEach((a) => {
+          const i = t[a], s = this.matchHandlers[i];
+          s == null || s.mql.removeListener(s == null ? void 0 : s.listener);
+        }), o.clear();
+      }
     };
   }, [e]);
-}
+};
 function Qo() {
   const [, e] = l.useReducer((t) => t + 1, 0);
   return e;
 }
 function Jo() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  const o = Pe(t), n = Qo(), r = Zo();
+  const o = Be(t), n = Qo(), r = Zo();
   return ro(() => {
     const a = r.subscribe((i) => {
       o.current = i, e && n();
@@ -257,9 +256,9 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
     textFontSizeLG: d,
     textFontSizeSM: f,
     borderRadius: m,
-    borderRadiusLG: g,
+    borderRadiusLG: v,
     borderRadiusSM: p,
-    lineWidth: v,
+    lineWidth: g,
     lineType: h
   } = e, C = (b, S, $) => ({
     width: b,
@@ -276,7 +275,7 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
     }
   });
   return {
-    [o]: Object.assign(Object.assign(Object.assign(Object.assign({}, fe(e)), {
+    [o]: Object.assign(Object.assign(Object.assign(Object.assign({}, ve(e)), {
       position: "relative",
       display: "inline-flex",
       justifyContent: "center",
@@ -287,7 +286,7 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
       textAlign: "center",
       verticalAlign: "middle",
       background: r,
-      border: `${E(v)} ${h} transparent`,
+      border: `${O(g)} ${h} transparent`,
       "&-image": {
         background: "transparent"
       },
@@ -295,7 +294,7 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
         display: "block"
       }
     }), C(i, u, m)), {
-      "&-lg": Object.assign({}, C(s, d, g)),
+      "&-lg": Object.assign({}, C(s, d, v)),
       "&-sm": Object.assign({}, C(c, f, p)),
       "> img": {
         display: "block",
@@ -352,11 +351,11 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
     groupOverlapping: -c,
     groupBorderColor: d
   };
-}, Nt = ce("Avatar", (e) => {
+}, Nt = de("Avatar", (e) => {
   const {
     colorTextLightSolid: t,
     colorTextPlaceholder: o
-  } = e, n = se(e, {
+  } = e, n = ce(e, {
     avatarBg: o,
     avatarColor: t
   });
@@ -369,115 +368,110 @@ var nn = function(e, t) {
     t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
   return o;
 };
-const rn = (e, t) => {
-  const [o, n] = l.useState(1), [r, a] = l.useState(!1), [i, s] = l.useState(!0), c = l.useRef(null), u = l.useRef(null), d = io(t, c), {
-    getPrefixCls: f,
-    avatar: m
-  } = l.useContext(ne), g = l.useContext(Le), p = () => {
-    if (!u.current || !c.current)
+const Ye = /* @__PURE__ */ l.forwardRef((e, t) => {
+  const {
+    prefixCls: o,
+    shape: n,
+    size: r,
+    src: a,
+    srcSet: i,
+    icon: s,
+    className: c,
+    rootClassName: u,
+    style: d,
+    alt: f,
+    draggable: m,
+    children: v,
+    crossOrigin: p,
+    gap: g = 4,
+    onError: h
+  } = e, C = nn(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "style", "alt", "draggable", "children", "crossOrigin", "gap", "onError"]), [b, S] = l.useState(1), [$, B] = l.useState(!1), [M, R] = l.useState(!0), T = l.useRef(null), w = l.useRef(null), x = io(t, T), {
+    getPrefixCls: P,
+    avatar: I
+  } = l.useContext(ie), z = l.useContext(Le), y = () => {
+    if (!w.current || !T.current)
       return;
-    const x = u.current.offsetWidth, T = c.current.offsetWidth;
-    if (x !== 0 && T !== 0) {
-      const {
-        gap: U = 4
-      } = e;
-      U * 2 < T && n(T - U * 2 < x ? (T - U * 2) / x : 1);
-    }
+    const X = w.current.offsetWidth, Y = T.current.offsetWidth;
+    X !== 0 && Y !== 0 && g * 2 < Y && S(Y - g * 2 < X ? (Y - g * 2) / X : 1);
   };
   l.useEffect(() => {
-    a(!0);
+    B(!0);
   }, []), l.useEffect(() => {
-    s(!0), n(1);
-  }, [e.src]), l.useEffect(p, [e.gap]);
-  const v = () => {
-    const {
-      onError: x
-    } = e;
-    (x == null ? void 0 : x()) !== !1 && s(!1);
-  }, {
-    prefixCls: h,
-    shape: C,
-    size: b,
-    src: S,
-    srcSet: $,
-    icon: O,
-    className: H,
-    rootClassName: R,
-    alt: M,
-    draggable: I,
-    children: w,
-    crossOrigin: B
-  } = e, z = nn(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]), N = ao((x) => {
-    var T, U;
-    return (U = (T = b ?? (g == null ? void 0 : g.size)) !== null && T !== void 0 ? T : x) !== null && U !== void 0 ? U : "default";
-  }), y = Object.keys(typeof N == "object" ? N || {} : {}).some((x) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(x)), P = Jo(y), A = l.useMemo(() => {
-    if (typeof N != "object")
+    R(!0), S(1);
+  }, [a]), l.useEffect(y, [g]);
+  const N = () => {
+    (h == null ? void 0 : h()) !== !1 && R(!1);
+  }, E = ao((X) => {
+    var Y, J;
+    return (J = (Y = r ?? (z == null ? void 0 : z.size)) !== null && Y !== void 0 ? Y : X) !== null && J !== void 0 ? J : "default";
+  }), A = Object.keys(typeof E == "object" ? E || {} : {}).some((X) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(X)), L = Jo(A), F = l.useMemo(() => {
+    if (typeof E != "object")
       return {};
-    const x = It.find((U) => P[U]), T = N[x];
-    return T ? {
-      width: T,
-      height: T,
-      fontSize: T && (O || w) ? T / 2 : 18
+    const X = It.find((J) => L[J]), Y = E[X];
+    return Y ? {
+      width: Y,
+      height: Y,
+      fontSize: Y && (s || v) ? Y / 2 : 18
     } : {};
-  }, [P, N]);
+  }, [L, E]);
   if (process.env.NODE_ENV !== "production") {
-    const x = ve("Avatar");
-    process.env.NODE_ENV !== "production" && x(!(typeof O == "string" && O.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${O}\` at https://ant.design/components/icon`);
+    const X = be("Avatar");
+    process.env.NODE_ENV !== "production" && X(!(typeof s == "string" && s.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${s}\` at https://ant.design/components/icon`);
   }
-  const j = f("avatar", h), L = ze(j), [F, V, k] = Nt(j, L), D = _({
-    [`${j}-lg`]: N === "large",
-    [`${j}-sm`]: N === "small"
-  }), W = /* @__PURE__ */ l.isValidElement(S), q = C || (g == null ? void 0 : g.shape) || "circle", G = _(j, D, m == null ? void 0 : m.className, `${j}-${q}`, {
-    [`${j}-image`]: W || S && i,
-    [`${j}-icon`]: !!O
-  }, k, L, H, R, V), Z = typeof N == "number" ? {
-    width: N,
-    height: N,
-    fontSize: O ? N / 2 : 18
+  const j = P("avatar", o), H = je(j), [D, W, q] = Nt(j, H), G = _({
+    [`${j}-lg`]: E === "large",
+    [`${j}-sm`]: E === "small"
+  }), Z = /* @__PURE__ */ l.isValidElement(a), ee = n || (z == null ? void 0 : z.shape) || "circle", k = _(j, G, I == null ? void 0 : I.className, `${j}-${ee}`, {
+    [`${j}-image`]: Z || a && M,
+    [`${j}-icon`]: !!s
+  }, q, H, c, u, W), U = typeof E == "number" ? {
+    width: E,
+    height: E,
+    fontSize: s ? E / 2 : 18
   } : {};
-  let Y;
-  if (typeof S == "string" && i)
-    Y = /* @__PURE__ */ l.createElement("img", {
-      src: S,
-      draggable: I,
-      srcSet: $,
-      onError: v,
-      alt: M,
-      crossOrigin: B
+  let Q;
+  if (typeof a == "string" && M)
+    Q = /* @__PURE__ */ l.createElement("img", {
+      src: a,
+      draggable: m,
+      srcSet: i,
+      onError: N,
+      alt: f,
+      crossOrigin: p
     });
-  else if (W)
-    Y = S;
-  else if (O)
-    Y = O;
-  else if (r || o !== 1) {
-    const x = `scale(${o})`, T = {
-      msTransform: x,
-      WebkitTransform: x,
-      transform: x
+  else if (Z)
+    Q = a;
+  else if (s)
+    Q = s;
+  else if ($ || b !== 1) {
+    const X = `scale(${b})`, Y = {
+      msTransform: X,
+      WebkitTransform: X,
+      transform: X
     };
-    Y = /* @__PURE__ */ l.createElement(ho, {
-      onResize: p
+    Q = /* @__PURE__ */ l.createElement(ho, {
+      onResize: y
     }, /* @__PURE__ */ l.createElement("span", {
       className: `${j}-string`,
-      ref: u,
-      style: Object.assign({}, T)
-    }, w));
+      ref: w,
+      style: Object.assign({}, Y)
+    }, v));
   } else
-    Y = /* @__PURE__ */ l.createElement("span", {
+    Q = /* @__PURE__ */ l.createElement("span", {
       className: `${j}-string`,
       style: {
         opacity: 0
       },
-      ref: u
-    }, w);
-  return delete z.onError, delete z.gap, F(/* @__PURE__ */ l.createElement("span", Object.assign({}, z, {
-    style: Object.assign(Object.assign(Object.assign(Object.assign({}, Z), A), m == null ? void 0 : m.style), z.style),
-    className: G,
-    ref: d
-  }), Y));
-}, Ye = /* @__PURE__ */ l.forwardRef(rn);
+      ref: w
+    }, v);
+  return D(/* @__PURE__ */ l.createElement("span", Object.assign({}, C, {
+    style: Object.assign(Object.assign(Object.assign(Object.assign({}, U), F), I == null ? void 0 : I.style), d),
+    className: k,
+    ref: x
+  }), Q));
+});
 process.env.NODE_ENV !== "production" && (Ye.displayName = "Avatar");
-const Oe = (e) => e ? typeof e == "function" ? e() : e : null;
+const Ie = (e) => e ? typeof e == "function" ? e() : e : null;
 function Ue(e) {
   var t = e.children, o = e.prefixCls, n = e.id, r = e.overlayInnerStyle, a = e.bodyClassName, i = e.className, s = e.style;
   return /* @__PURE__ */ l.createElement("div", {
@@ -490,145 +484,145 @@ function Ue(e) {
     style: r
   }, typeof t == "function" ? t() : t));
 }
-var ue = {
+var me = {
   shiftX: 64,
   adjustY: 1
-}, me = {
+}, pe = {
   adjustX: 1,
   shiftY: !0
-}, J = [0, 0], an = {
+}, oe = [0, 0], rn = {
   left: {
     points: ["cr", "cl"],
-    overflow: me,
+    overflow: pe,
     offset: [-4, 0],
-    targetOffset: J
+    targetOffset: oe
   },
   right: {
     points: ["cl", "cr"],
-    overflow: me,
+    overflow: pe,
     offset: [4, 0],
-    targetOffset: J
+    targetOffset: oe
   },
   top: {
     points: ["bc", "tc"],
-    overflow: ue,
+    overflow: me,
     offset: [0, -4],
-    targetOffset: J
+    targetOffset: oe
   },
   bottom: {
     points: ["tc", "bc"],
-    overflow: ue,
+    overflow: me,
     offset: [0, 4],
-    targetOffset: J
+    targetOffset: oe
   },
   topLeft: {
     points: ["bl", "tl"],
-    overflow: ue,
+    overflow: me,
     offset: [0, -4],
-    targetOffset: J
+    targetOffset: oe
   },
   leftTop: {
     points: ["tr", "tl"],
-    overflow: me,
+    overflow: pe,
     offset: [-4, 0],
-    targetOffset: J
+    targetOffset: oe
   },
   topRight: {
     points: ["br", "tr"],
-    overflow: ue,
+    overflow: me,
     offset: [0, -4],
-    targetOffset: J
+    targetOffset: oe
   },
   rightTop: {
     points: ["tl", "tr"],
-    overflow: me,
+    overflow: pe,
     offset: [4, 0],
-    targetOffset: J
+    targetOffset: oe
   },
   bottomRight: {
     points: ["tr", "br"],
-    overflow: ue,
+    overflow: me,
     offset: [0, 4],
-    targetOffset: J
+    targetOffset: oe
   },
   rightBottom: {
     points: ["bl", "br"],
-    overflow: me,
+    overflow: pe,
     offset: [4, 0],
-    targetOffset: J
+    targetOffset: oe
   },
   bottomLeft: {
     points: ["tl", "bl"],
-    overflow: ue,
+    overflow: me,
     offset: [0, 4],
-    targetOffset: J
+    targetOffset: oe
   },
   leftBottom: {
     points: ["br", "bl"],
-    overflow: me,
+    overflow: pe,
     offset: [-4, 0],
-    targetOffset: J
+    targetOffset: oe
   }
-}, ln = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle", "arrowContent", "overlay", "id", "showArrow", "classNames", "styles"], sn = function(t, o) {
-  var n = t.overlayClassName, r = t.trigger, a = r === void 0 ? ["hover"] : r, i = t.mouseEnterDelay, s = i === void 0 ? 0 : i, c = t.mouseLeaveDelay, u = c === void 0 ? 0.1 : c, d = t.overlayStyle, f = t.prefixCls, m = f === void 0 ? "rc-tooltip" : f, g = t.children, p = t.onVisibleChange, v = t.afterVisibleChange, h = t.transitionName, C = t.animation, b = t.motion, S = t.placement, $ = S === void 0 ? "right" : S, O = t.align, H = O === void 0 ? {} : O, R = t.destroyTooltipOnHide, M = R === void 0 ? !1 : R, I = t.defaultVisible, w = t.getTooltipContainer, B = t.overlayInnerStyle;
+}, an = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle", "arrowContent", "overlay", "id", "showArrow", "classNames", "styles"], ln = function(t, o) {
+  var n = t.overlayClassName, r = t.trigger, a = r === void 0 ? ["hover"] : r, i = t.mouseEnterDelay, s = i === void 0 ? 0 : i, c = t.mouseLeaveDelay, u = c === void 0 ? 0.1 : c, d = t.overlayStyle, f = t.prefixCls, m = f === void 0 ? "rc-tooltip" : f, v = t.children, p = t.onVisibleChange, g = t.afterVisibleChange, h = t.transitionName, C = t.animation, b = t.motion, S = t.placement, $ = S === void 0 ? "right" : S, B = t.align, M = B === void 0 ? {} : B, R = t.destroyTooltipOnHide, T = R === void 0 ? !1 : R, w = t.defaultVisible, x = t.getTooltipContainer, P = t.overlayInnerStyle;
   t.arrowContent;
-  var z = t.overlay, N = t.id, y = t.showArrow, P = y === void 0 ? !0 : y, A = t.classNames, j = t.styles, L = lo(t, ln), F = so(N), V = Pe(null);
+  var I = t.overlay, z = t.id, y = t.showArrow, N = y === void 0 ? !0 : y, E = t.classNames, A = t.styles, L = lo(t, an), F = so(z), j = Be(null);
   yt(o, function() {
-    return V.current;
+    return j.current;
   });
-  var k = le({}, L);
-  "visible" in t && (k.popupVisible = t.visible);
+  var H = se({}, L);
+  "visible" in t && (H.popupVisible = t.visible);
   var D = function() {
     return /* @__PURE__ */ l.createElement(Ue, {
       key: "content",
       prefixCls: m,
       id: F,
-      bodyClassName: A == null ? void 0 : A.body,
-      overlayInnerStyle: le(le({}, B), j == null ? void 0 : j.body)
-    }, z);
+      bodyClassName: E == null ? void 0 : E.body,
+      overlayInnerStyle: se(se({}, P), A == null ? void 0 : A.body)
+    }, I);
   }, W = function() {
-    var G = l.Children.only(g), Z = (G == null ? void 0 : G.props) || {}, Y = le(le({}, Z), {}, {
-      "aria-describedby": z ? F : null
+    var G = l.Children.only(v), Z = (G == null ? void 0 : G.props) || {}, ee = se(se({}, Z), {}, {
+      "aria-describedby": I ? F : null
     });
-    return /* @__PURE__ */ l.cloneElement(g, Y);
+    return /* @__PURE__ */ l.cloneElement(v, ee);
   };
-  return /* @__PURE__ */ l.createElement($o, Be({
-    popupClassName: _(n, A == null ? void 0 : A.root),
+  return /* @__PURE__ */ l.createElement($o, ze({
+    popupClassName: _(n, E == null ? void 0 : E.root),
     prefixCls: m,
     popup: D,
     action: a,
-    builtinPlacements: an,
+    builtinPlacements: rn,
     popupPlacement: $,
-    ref: V,
-    popupAlign: H,
-    getPopupContainer: w,
+    ref: j,
+    popupAlign: M,
+    getPopupContainer: x,
     onPopupVisibleChange: p,
-    afterPopupVisibleChange: v,
+    afterPopupVisibleChange: g,
     popupTransitionName: h,
     popupAnimation: C,
     popupMotion: b,
-    defaultPopupVisible: I,
-    autoDestroy: M,
+    defaultPopupVisible: w,
+    autoDestroy: T,
     mouseLeaveDelay: u,
-    popupStyle: le(le({}, d), j == null ? void 0 : j.root),
+    popupStyle: se(se({}, d), A == null ? void 0 : A.root),
     mouseEnterDelay: s,
-    arrow: P
-  }, k), W());
+    arrow: N
+  }, H), W());
 };
-const cn = /* @__PURE__ */ ke(sn);
+const sn = /* @__PURE__ */ ke(ln);
 function Ke(e) {
   const {
     sizePopupArrow: t,
     borderRadiusXS: o,
     borderRadiusOuter: n
-  } = e, r = t / 2, a = 0, i = r, s = n * 1 / Math.sqrt(2), c = r - n * (1 - 1 / Math.sqrt(2)), u = r - o * (1 / Math.sqrt(2)), d = n * (Math.sqrt(2) - 1) + o * (1 / Math.sqrt(2)), f = 2 * r - u, m = d, g = 2 * r - s, p = c, v = 2 * r - a, h = i, C = r * Math.sqrt(2) + n * (Math.sqrt(2) - 2), b = n * (Math.sqrt(2) - 1), S = `polygon(${b}px 100%, 50% ${b}px, ${2 * r - b}px 100%, ${b}px 100%)`, $ = `path('M ${a} ${i} A ${n} ${n} 0 0 0 ${s} ${c} L ${u} ${d} A ${o} ${o} 0 0 1 ${f} ${m} L ${g} ${p} A ${n} ${n} 0 0 0 ${v} ${h} Z')`;
+  } = e, r = t / 2, a = 0, i = r, s = n * 1 / Math.sqrt(2), c = r - n * (1 - 1 / Math.sqrt(2)), u = r - o * (1 / Math.sqrt(2)), d = n * (Math.sqrt(2) - 1) + o * (1 / Math.sqrt(2)), f = 2 * r - u, m = d, v = 2 * r - s, p = c, g = 2 * r - a, h = i, C = r * Math.sqrt(2) + n * (Math.sqrt(2) - 2), b = n * (Math.sqrt(2) - 1), S = `polygon(${b}px 100%, 50% ${b}px, ${2 * r - b}px 100%, ${b}px 100%)`, $ = `path('M ${a} ${i} A ${n} ${n} 0 0 0 ${s} ${c} L ${u} ${d} A ${o} ${o} 0 0 1 ${f} ${m} L ${v} ${p} A ${n} ${n} 0 0 0 ${g} ${h} Z')`;
   return {
     arrowShadowWidth: C,
     arrowPath: $,
     arrowPolygon: S
   };
 }
-const dn = (e, t, o) => {
+const cn = (e, t, o) => {
   const {
     sizePopupArrow: n,
     arrowPolygon: r,
@@ -665,7 +659,7 @@ const dn = (e, t, o) => {
       margin: "auto",
       borderRadius: {
         _skip_check_: !0,
-        value: `0 0 ${E(s)} 0`
+        value: `0 0 ${O(s)} 0`
       },
       transform: "translateY(50%) rotate(-135deg)",
       boxShadow: o,
@@ -674,7 +668,7 @@ const dn = (e, t, o) => {
     }
   };
 }, Et = 8;
-function Te(e) {
+function _e(e) {
   const {
     contentRadius: t,
     limitVerticalRadius: o
@@ -684,7 +678,7 @@ function Te(e) {
     arrowOffsetVertical: o ? Et : n
   };
 }
-function Ce(e, t) {
+function we(e, t) {
   return e ? t : {};
 }
 function Ze(e, t, o) {
@@ -709,12 +703,12 @@ function Ze(e, t, o) {
         position: "absolute",
         zIndex: 1,
         display: "block"
-      }, dn(e, t, r)), {
+      }, cn(e, t, r)), {
         "&:before": {
           background: t
         }
       })]
-    }, Ce(!!c.top, {
+    }, we(!!c.top, {
       [[`&-placement-top > ${n}-arrow`, `&-placement-topLeft > ${n}-arrow`, `&-placement-topRight > ${n}-arrow`].join(",")]: {
         bottom: s,
         transform: "translateY(100%) rotate(180deg)"
@@ -736,7 +730,7 @@ function Ze(e, t, o) {
         }
       },
       "&-placement-topRight": {
-        "--arrow-offset-horizontal": `calc(100% - ${E(i)})`,
+        "--arrow-offset-horizontal": `calc(100% - ${O(i)})`,
         [`> ${n}-arrow`]: {
           right: {
             _skip_check_: !0,
@@ -744,7 +738,7 @@ function Ze(e, t, o) {
           }
         }
       }
-    })), Ce(!!c.bottom, {
+    })), we(!!c.bottom, {
       [[`&-placement-bottom > ${n}-arrow`, `&-placement-bottomLeft > ${n}-arrow`, `&-placement-bottomRight > ${n}-arrow`].join(",")]: {
         top: s,
         transform: "translateY(-100%)"
@@ -766,7 +760,7 @@ function Ze(e, t, o) {
         }
       },
       "&-placement-bottomRight": {
-        "--arrow-offset-horizontal": `calc(100% - ${E(i)})`,
+        "--arrow-offset-horizontal": `calc(100% - ${O(i)})`,
         [`> ${n}-arrow`]: {
           right: {
             _skip_check_: !0,
@@ -774,7 +768,7 @@ function Ze(e, t, o) {
           }
         }
       }
-    })), Ce(!!c.left, {
+    })), we(!!c.left, {
       [[`&-placement-left > ${n}-arrow`, `&-placement-leftTop > ${n}-arrow`, `&-placement-leftBottom > ${n}-arrow`].join(",")]: {
         right: {
           _skip_check_: !0,
@@ -795,7 +789,7 @@ function Ze(e, t, o) {
       [`&-placement-leftBottom > ${n}-arrow`]: {
         bottom: a
       }
-    })), Ce(!!c.right, {
+    })), we(!!c.right, {
       [[`&-placement-right > ${n}-arrow`, `&-placement-rightTop > ${n}-arrow`, `&-placement-rightBottom > ${n}-arrow`].join(",")]: {
         left: {
           _skip_check_: !0,
@@ -819,7 +813,7 @@ function Ze(e, t, o) {
     }))
   };
 }
-function un(e, t, o, n) {
+function dn(e, t, o, n) {
   if (n === !1)
     return {
       adjustX: !1,
@@ -876,7 +870,7 @@ const ct = {
   leftBottom: {
     points: ["br", "bl"]
   }
-}, mn = {
+}, un = {
   topLeft: {
     points: ["bl", "tc"]
   },
@@ -901,7 +895,7 @@ const ct = {
   leftBottom: {
     points: ["br", "cl"]
   }
-}, pn = /* @__PURE__ */ new Set(["topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"]);
+}, mn = /* @__PURE__ */ new Set(["topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"]);
 function Pt(e) {
   const {
     arrowWidth: t,
@@ -912,11 +906,11 @@ function Pt(e) {
     visibleFirst: i
   } = e, s = t / 2, c = {};
   return Object.keys(ct).forEach((u) => {
-    const d = n && mn[u] || ct[u], f = Object.assign(Object.assign({}, d), {
+    const d = n && un[u] || ct[u], f = Object.assign(Object.assign({}, d), {
       offset: [0, 0],
       dynamicInset: !0
     });
-    switch (c[u] = f, pn.has(u) && (f.autoArrow = !1), u) {
+    switch (c[u] = f, mn.has(u) && (f.autoArrow = !1), u) {
       case "top":
       case "topLeft":
       case "topRight":
@@ -938,7 +932,7 @@ function Pt(e) {
         f.offset[0] = s + r;
         break;
     }
-    const m = Te({
+    const m = _e({
       contentRadius: a,
       limitVerticalRadius: !0
     });
@@ -961,10 +955,10 @@ function Pt(e) {
           f.offset[1] = m.arrowOffsetHorizontal * 2 - s;
           break;
       }
-    f.overflow = un(u, m, t, o), i && (f.htmlRegion = "visibleFirst");
+    f.overflow = dn(u, m, t, o), i && (f.htmlRegion = "visibleFirst");
   }), c;
 }
-const gn = (e) => {
+const pn = (e) => {
   const {
     calc: t,
     componentCls: o,
@@ -979,11 +973,11 @@ const gn = (e) => {
     paddingSM: d,
     paddingXS: f,
     arrowOffsetHorizontal: m,
-    sizePopupArrow: g
-  } = e, p = t(i).add(g).add(m).equal(), v = t(i).mul(2).add(g).equal();
+    sizePopupArrow: v
+  } = e, p = t(i).add(v).add(m).equal(), g = t(i).mul(2).add(v).equal();
   return [
     {
-      [o]: Object.assign(Object.assign(Object.assign(Object.assign({}, fe(e)), {
+      [o]: Object.assign(Object.assign(Object.assign(Object.assign({}, ve(e)), {
         position: "absolute",
         zIndex: s,
         display: "block",
@@ -999,9 +993,9 @@ const gn = (e) => {
         "--antd-arrow-background-color": a,
         // Wrapper for the tooltip content
         [`${o}-inner`]: {
-          minWidth: v,
+          minWidth: g,
           minHeight: c,
-          padding: `${E(e.calc(d).div(2).equal())} ${E(f)}`,
+          padding: `${O(e.calc(d).div(2).equal())} ${O(f)}`,
           color: r,
           textAlign: "start",
           textDecoration: "none",
@@ -1056,39 +1050,39 @@ const gn = (e) => {
       }
     }
   ];
-}, fn = (e) => Object.assign(Object.assign({
+}, gn = (e) => Object.assign(Object.assign({
   zIndexPopup: e.zIndexPopupBase + 70
-}, Te({
+}, _e({
   contentRadius: e.borderRadius,
   limitVerticalRadius: !0
-})), Ke(se(e, {
+})), Ke(ce(e, {
   borderRadiusOuter: Math.min(e.borderRadiusOuter, 4)
 }))), Bt = function(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-  return ce("Tooltip", (n) => {
+  return de("Tooltip", (n) => {
     const {
       borderRadius: r,
       colorTextLightSolid: a,
       colorBgSpotlight: i
-    } = n, s = se(n, {
+    } = n, s = ce(n, {
       // default variables
       tooltipMaxWidth: 250,
       tooltipColor: a,
       tooltipBorderRadius: r,
       tooltipBg: i
     });
-    return [gn(s), je(n, "zoom-big-fast")];
-  }, fn, {
+    return [pn(s), Te(n, "zoom-big-fast")];
+  }, gn, {
     resetStyle: !1,
     // Popover use Tooltip as internal component. We do not need to handle this.
     injectStyle: t
   })(e);
-}, vn = ge.map((e) => `${e}-inverse`);
-function bn(e) {
-  return (arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0) ? [].concat(nt(vn), nt(ge)).includes(e) : ge.includes(e);
+}, fn = fe.map((e) => `${e}-inverse`);
+function vn(e) {
+  return (arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0) ? [].concat(nt(fn), nt(fe)).includes(e) : fe.includes(e);
 }
 function zt(e, t) {
-  const o = bn(t), n = _({
+  const o = vn(t), n = _({
     [`${e}-${t}`]: t && o
   }), r = {}, a = {};
   return t && !o && (r.background = t, a["--antd-arrow-background-color"] = t), {
@@ -1097,7 +1091,7 @@ function zt(e, t) {
     arrowStyle: a
   };
 }
-const hn = (e) => {
+const bn = (e) => {
   const {
     prefixCls: t,
     className: o,
@@ -1107,10 +1101,10 @@ const hn = (e) => {
     overlayInnerStyle: i
   } = e, {
     getPrefixCls: s
-  } = l.useContext(ne), c = s("tooltip", t), [u, d, f] = Bt(c), m = zt(c, a), g = m.arrowStyle, p = Object.assign(Object.assign({}, i), m.overlayStyle), v = _(d, f, c, `${c}-pure`, `${c}-placement-${n}`, o, m.className);
+  } = l.useContext(ie), c = s("tooltip", t), [u, d, f] = Bt(c), m = zt(c, a), v = m.arrowStyle, p = Object.assign(Object.assign({}, i), m.overlayStyle), g = _(d, f, c, `${c}-pure`, `${c}-placement-${n}`, o, m.className);
   return u(/* @__PURE__ */ l.createElement("div", {
-    className: v,
-    style: g
+    className: g,
+    style: v
   }, /* @__PURE__ */ l.createElement("div", {
     className: `${c}-arrow`
   }), /* @__PURE__ */ l.createElement(Ue, Object.assign({}, e, {
@@ -1119,14 +1113,14 @@ const hn = (e) => {
     overlayInnerStyle: p
   }), r)));
 };
-var $n = function(e, t) {
+var hn = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
     t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
   return o;
 };
-const yn = /* @__PURE__ */ l.forwardRef((e, t) => {
+const $n = /* @__PURE__ */ l.forwardRef((e, t) => {
   var o, n;
   const {
     prefixCls: r,
@@ -1138,112 +1132,112 @@ const yn = /* @__PURE__ */ l.forwardRef((e, t) => {
     afterOpenChange: d,
     afterVisibleChange: f,
     destroyTooltipOnHide: m,
-    arrow: g = !0,
+    arrow: v = !0,
     title: p,
-    overlay: v,
+    overlay: g,
     builtinPlacements: h,
     arrowPointAtCenter: C = !1,
     autoAdjustOverflow: b = !0,
     motion: S,
     getPopupContainer: $,
-    placement: O = "top",
-    mouseEnterDelay: H = 0.1,
+    placement: B = "top",
+    mouseEnterDelay: M = 0.1,
     mouseLeaveDelay: R = 0.1,
-    overlayStyle: M,
-    rootClassName: I,
-    overlayClassName: w,
-    styles: B,
-    classNames: z
-  } = e, N = $n(e, ["prefixCls", "openClassName", "getTooltipContainer", "color", "overlayInnerStyle", "children", "afterOpenChange", "afterVisibleChange", "destroyTooltipOnHide", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]), y = !!g, [, P] = We(), {
-    getPopupContainer: A,
-    getPrefixCls: j,
+    overlayStyle: T,
+    rootClassName: w,
+    overlayClassName: x,
+    styles: P,
+    classNames: I
+  } = e, z = hn(e, ["prefixCls", "openClassName", "getTooltipContainer", "color", "overlayInnerStyle", "children", "afterOpenChange", "afterVisibleChange", "destroyTooltipOnHide", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]), y = !!v, [, N] = We(), {
+    getPopupContainer: E,
+    getPrefixCls: A,
     direction: L,
     className: F,
-    style: V,
-    classNames: k,
+    style: j,
+    classNames: H,
     styles: D
-  } = Xe("tooltip"), W = ve("Tooltip"), q = l.useRef(null), G = () => {
+  } = Xe("tooltip"), W = be("Tooltip"), q = l.useRef(null), G = () => {
     var K;
     (K = q.current) === null || K === void 0 || K.forceAlign();
   };
   l.useImperativeHandle(t, () => {
-    var K, Q;
+    var K, te;
     return {
       forceAlign: G,
       forcePopupAlign: () => {
         W.deprecated(!1, "forcePopupAlign", "forceAlign"), G();
       },
       nativeElement: (K = q.current) === null || K === void 0 ? void 0 : K.nativeElement,
-      popupElement: (Q = q.current) === null || Q === void 0 ? void 0 : Q.popupElement
+      popupElement: (te = q.current) === null || te === void 0 ? void 0 : te.popupElement
     };
   }), process.env.NODE_ENV !== "production" && ([["visible", "open"], ["defaultVisible", "defaultOpen"], ["onVisibleChange", "onOpenChange"], ["afterVisibleChange", "afterOpenChange"], ["arrowPointAtCenter", "arrow={{ pointAtCenter: true }}"], ["overlayStyle", "styles={{ root: {} }}"], ["overlayInnerStyle", "styles={{ body: {} }}"], ["overlayClassName", 'classNames={{ root: "" }}']].forEach((K) => {
-    let [Q, re] = K;
-    W.deprecated(!(Q in e), Q, re);
-  }), process.env.NODE_ENV !== "production" && W(!m || typeof m == "boolean", "usage", "`destroyTooltipOnHide` no need config `keepParent` anymore. Please use `boolean` value directly."), process.env.NODE_ENV !== "production" && W(!g || typeof g == "boolean" || !("arrowPointAtCenter" in g), "deprecated", "`arrowPointAtCenter` in `arrow` is deprecated. Please use `pointAtCenter` instead."));
-  const [Z, Y] = Fe(!1, {
+    let [te, ae] = K;
+    W.deprecated(!(te in e), te, ae);
+  }), process.env.NODE_ENV !== "production" && W(!m || typeof m == "boolean", "usage", "`destroyTooltipOnHide` no need config `keepParent` anymore. Please use `boolean` value directly."), process.env.NODE_ENV !== "production" && W(!v || typeof v == "boolean" || !("arrowPointAtCenter" in v), "deprecated", "`arrowPointAtCenter` in `arrow` is deprecated. Please use `pointAtCenter` instead."));
+  const [Z, ee] = Fe(!1, {
     value: (o = e.open) !== null && o !== void 0 ? o : e.visible,
     defaultValue: (n = e.defaultOpen) !== null && n !== void 0 ? n : e.defaultVisible
-  }), x = !p && !v && p !== 0, T = (K) => {
-    var Q, re;
-    Y(x ? !1 : K), x || ((Q = e.onOpenChange) === null || Q === void 0 || Q.call(e, K), (re = e.onVisibleChange) === null || re === void 0 || re.call(e, K));
-  }, U = l.useMemo(() => {
-    var K, Q;
-    let re = C;
-    return typeof g == "object" && (re = (Q = (K = g.pointAtCenter) !== null && K !== void 0 ? K : g.arrowPointAtCenter) !== null && Q !== void 0 ? Q : C), h || Pt({
-      arrowPointAtCenter: re,
+  }), k = !p && !g && p !== 0, U = (K) => {
+    var te, ae;
+    ee(k ? !1 : K), k || ((te = e.onOpenChange) === null || te === void 0 || te.call(e, K), (ae = e.onVisibleChange) === null || ae === void 0 || ae.call(e, K));
+  }, Q = l.useMemo(() => {
+    var K, te;
+    let ae = C;
+    return typeof v == "object" && (ae = (te = (K = v.pointAtCenter) !== null && K !== void 0 ? K : v.arrowPointAtCenter) !== null && te !== void 0 ? te : C), h || Pt({
+      arrowPointAtCenter: ae,
       autoAdjustOverflow: b,
-      arrowWidth: y ? P.sizePopupArrow : 0,
-      borderRadius: P.borderRadius,
-      offset: P.marginXXS,
+      arrowWidth: y ? N.sizePopupArrow : 0,
+      borderRadius: N.borderRadius,
+      offset: N.marginXXS,
       visibleFirst: !0
     });
-  }, [C, g, h, P]), ae = l.useMemo(() => p === 0 ? p : v || p || "", [v, p]), Re = /* @__PURE__ */ l.createElement(St, {
+  }, [C, v, h, N]), X = l.useMemo(() => p === 0 ? p : g || p || "", [g, p]), Y = /* @__PURE__ */ l.createElement(St, {
     space: !0
-  }, typeof ae == "function" ? ae() : ae), te = j("tooltip", r), X = j(), oe = e["data-popover-inject"];
-  let ee = Z;
-  !("open" in e) && !("visible" in e) && x && (ee = !1);
-  const Me = /* @__PURE__ */ l.isValidElement(u) && !zo(u) ? u : /* @__PURE__ */ l.createElement("span", null, u), $e = Me.props, Xt = !$e.className || typeof $e.className == "string" ? _($e.className, a || `${te}-open`) : $e.className, [Ft, qt, Gt] = Bt(te, !oe), De = zt(te, s), Yt = De.arrowStyle, Ut = _(w, {
-    [`${te}-rtl`]: L === "rtl"
-  }, De.className, I, qt, Gt, F, k.root, z == null ? void 0 : z.root), Kt = _(k.body, z == null ? void 0 : z.body), [Zt, Qt] = Ge("Tooltip", N.zIndex), Jt = /* @__PURE__ */ l.createElement(cn, Object.assign({}, N, {
+  }, typeof X == "function" ? X() : X), J = A("tooltip", r), V = A(), re = e["data-popover-inject"];
+  let ne = Z;
+  !("open" in e) && !("visible" in e) && k && (ne = !1);
+  const Me = /* @__PURE__ */ l.isValidElement(u) && !zo(u) ? u : /* @__PURE__ */ l.createElement("span", null, u), ye = Me.props, Xt = !ye.className || typeof ye.className == "string" ? _(ye.className, a || `${J}-open`) : ye.className, [Ft, qt, Gt] = Bt(J, !re), De = zt(J, s), Yt = De.arrowStyle, Ut = _(x, {
+    [`${J}-rtl`]: L === "rtl"
+  }, De.className, w, qt, Gt, F, H.root, I == null ? void 0 : I.root), Kt = _(H.body, I == null ? void 0 : I.body), [Zt, Qt] = Ge("Tooltip", z.zIndex), Jt = /* @__PURE__ */ l.createElement(sn, Object.assign({}, z, {
     zIndex: Zt,
     showArrow: y,
-    placement: O,
-    mouseEnterDelay: H,
+    placement: B,
+    mouseEnterDelay: M,
     mouseLeaveDelay: R,
-    prefixCls: te,
+    prefixCls: J,
     classNames: {
       root: Ut,
       body: Kt
     },
     styles: {
-      root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Yt), D.root), V), M), B == null ? void 0 : B.root),
-      body: Object.assign(Object.assign(Object.assign(Object.assign({}, D.body), c), B == null ? void 0 : B.body), De.overlayStyle)
+      root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Yt), D.root), j), T), P == null ? void 0 : P.root),
+      body: Object.assign(Object.assign(Object.assign(Object.assign({}, D.body), c), P == null ? void 0 : P.body), De.overlayStyle)
     },
-    getTooltipContainer: $ || i || A,
+    getTooltipContainer: $ || i || E,
     ref: q,
-    builtinPlacements: U,
-    overlay: Re,
-    visible: ee,
-    onVisibleChange: T,
+    builtinPlacements: Q,
+    overlay: Y,
+    visible: ne,
+    onVisibleChange: U,
     afterVisibleChange: d ?? f,
     arrowContent: /* @__PURE__ */ l.createElement("span", {
-      className: `${te}-arrow-content`
+      className: `${J}-arrow-content`
     }),
     motion: {
-      motionName: Ct(X, "zoom-big-fast", e.transitionName),
+      motionName: Ct(V, "zoom-big-fast", e.transitionName),
       motionDeadline: 1e3
     },
     destroyTooltipOnHide: !!m
-  }), ee ? de(Me, {
+  }), ne ? ue(Me, {
     className: Xt
   }) : Me);
   return Ft(/* @__PURE__ */ l.createElement(Ot.Provider, {
     value: Qt
   }, Jt));
-}), _e = yn;
-process.env.NODE_ENV !== "production" && (_e.displayName = "Tooltip");
-_e._InternalPanelDoNotUseOrYouWillBeFired = hn;
-const Cn = (e) => {
+}), Re = $n;
+process.env.NODE_ENV !== "production" && (Re.displayName = "Tooltip");
+Re._InternalPanelDoNotUseOrYouWillBeFired = bn;
+const yn = (e) => {
   const {
     componentCls: t,
     popoverColor: o,
@@ -1257,13 +1251,13 @@ const Cn = (e) => {
     titleMarginBottom: d,
     colorBgElevated: f,
     popoverBg: m,
-    titleBorderBottom: g,
+    titleBorderBottom: v,
     innerContentPadding: p,
-    titlePadding: v
+    titlePadding: g
   } = e;
   return [
     {
-      [t]: Object.assign(Object.assign({}, fe(e)), {
+      [t]: Object.assign(Object.assign({}, ve(e)), {
         position: "absolute",
         top: 0,
         // use `left` to fix https://github.com/ant-design/ant-design/issues/39195
@@ -1304,8 +1298,8 @@ const Cn = (e) => {
           marginBottom: d,
           color: s,
           fontWeight: r,
-          borderBottom: g,
-          padding: v
+          borderBottom: v,
+          padding: g
         },
         [`${t}-inner-content`]: {
           color: o,
@@ -1328,12 +1322,12 @@ const Cn = (e) => {
       }
     }
   ];
-}, wn = (e) => {
+}, Cn = (e) => {
   const {
     componentCls: t
   } = e;
   return {
-    [t]: ge.map((o) => {
+    [t]: fe.map((o) => {
       const n = e[`${o}6`];
       return {
         [`&${t}-${o}`]: {
@@ -1348,7 +1342,7 @@ const Cn = (e) => {
       };
     })
   };
-}, xn = (e) => {
+}, wn = (e) => {
   const {
     lineWidth: t,
     controlHeight: o,
@@ -1361,35 +1355,35 @@ const Cn = (e) => {
     lineType: u,
     colorSplit: d,
     paddingSM: f
-  } = e, m = o - n, g = m / 2, p = m / 2 - t, v = r;
+  } = e, m = o - n, v = m / 2, p = m / 2 - t, g = r;
   return Object.assign(Object.assign(Object.assign({
     titleMinWidth: 177,
     zIndexPopup: i + 30
-  }, Ke(e)), Te({
+  }, Ke(e)), _e({
     contentRadius: s,
     limitVerticalRadius: !0
   })), {
     // internal
     innerPadding: a ? 0 : 12,
     titleMarginBottom: a ? 0 : c,
-    titlePadding: a ? `${g}px ${v}px ${p}px` : 0,
+    titlePadding: a ? `${v}px ${g}px ${p}px` : 0,
     titleBorderBottom: a ? `${t}px ${u} ${d}` : "none",
-    innerContentPadding: a ? `${f}px ${v}px` : 0
+    innerContentPadding: a ? `${f}px ${g}px` : 0
   });
-}, jt = ce("Popover", (e) => {
+}, jt = de("Popover", (e) => {
   const {
     colorBgElevated: t,
     colorText: o
-  } = e, n = se(e, {
+  } = e, n = ce(e, {
     popoverBg: t,
     popoverColor: o
   });
-  return [Cn(n), wn(n), je(n, "zoom-big")];
-}, xn, {
+  return [yn(n), Cn(n), Te(n, "zoom-big")];
+}, wn, {
   resetStyle: !1,
   deprecatedTokens: [["width", "titleMinWidth"], ["minWidth", "titleMinWidth"]]
 });
-var Sn = function(e, t) {
+var xn = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
@@ -1407,7 +1401,7 @@ const Tt = (e) => {
   }, t), o && /* @__PURE__ */ l.createElement("div", {
     className: `${n}-inner-content`
   }, o));
-}, On = (e) => {
+}, Sn = (e) => {
   const {
     hashId: t,
     prefixCls: o,
@@ -1417,7 +1411,7 @@ const Tt = (e) => {
     title: i,
     content: s,
     children: c
-  } = e, u = Oe(i), d = Oe(s), f = _(t, o, `${o}-pure`, `${o}-placement-${a}`, n);
+  } = e, u = Ie(i), d = Ie(s), f = _(t, o, `${o}-pure`, `${o}-placement-${a}`, n);
   return /* @__PURE__ */ l.createElement("div", {
     className: f,
     style: r
@@ -1431,27 +1425,27 @@ const Tt = (e) => {
     title: u,
     content: d
   })));
-}, In = (e) => {
+}, On = (e) => {
   const {
     prefixCls: t,
     className: o
-  } = e, n = Sn(e, ["prefixCls", "className"]), {
+  } = e, n = xn(e, ["prefixCls", "className"]), {
     getPrefixCls: r
-  } = l.useContext(ne), a = r("popover", t), [i, s, c] = jt(a);
-  return i(/* @__PURE__ */ l.createElement(On, Object.assign({}, n, {
+  } = l.useContext(ie), a = r("popover", t), [i, s, c] = jt(a);
+  return i(/* @__PURE__ */ l.createElement(Sn, Object.assign({}, n, {
     prefixCls: a,
     hashId: s,
     className: _(o, c)
   })));
 };
-var Nn = function(e, t) {
+var In = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
     t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
   return o;
 };
-const En = /* @__PURE__ */ l.forwardRef((e, t) => {
+const Nn = /* @__PURE__ */ l.forwardRef((e, t) => {
   var o, n;
   const {
     prefixCls: r,
@@ -1463,27 +1457,27 @@ const En = /* @__PURE__ */ l.forwardRef((e, t) => {
     children: d,
     mouseEnterDelay: f = 0.1,
     mouseLeaveDelay: m = 0.1,
-    onOpenChange: g,
+    onOpenChange: v,
     overlayStyle: p = {},
-    styles: v,
+    styles: g,
     classNames: h
-  } = e, C = Nn(e, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]), {
+  } = e, C = In(e, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]), {
     getPrefixCls: b,
     className: S,
     style: $,
-    classNames: O,
-    styles: H
-  } = Xe("popover"), R = b("popover", r), [M, I, w] = jt(R), B = b(), z = _(s, I, w, S, O.root, h == null ? void 0 : h.root), N = _(O.body, h == null ? void 0 : h.body), [y, P] = Fe(!1, {
+    classNames: B,
+    styles: M
+  } = Xe("popover"), R = b("popover", r), [T, w, x] = jt(R), P = b(), I = _(s, w, x, S, B.root, h == null ? void 0 : h.root), z = _(B.body, h == null ? void 0 : h.body), [y, N] = Fe(!1, {
     value: (o = e.open) !== null && o !== void 0 ? o : e.visible,
     defaultValue: (n = e.defaultOpen) !== null && n !== void 0 ? n : e.defaultVisible
-  }), A = (k, D) => {
-    P(k, !0), g == null || g(k, D);
-  }, j = (k) => {
-    k.keyCode === co.ESC && A(!1, k);
-  }, L = (k) => {
-    A(k);
-  }, F = Oe(a), V = Oe(i);
-  return M(/* @__PURE__ */ l.createElement(_e, Object.assign({
+  }), E = (H, D) => {
+    N(H, !0), v == null || v(H, D);
+  }, A = (H) => {
+    H.keyCode === co.ESC && E(!1, H);
+  }, L = (H) => {
+    E(H);
+  }, F = Ie(a), j = Ie(i);
+  return T(/* @__PURE__ */ l.createElement(Re, Object.assign({
     placement: c,
     trigger: u,
     mouseEnterDelay: f,
@@ -1491,31 +1485,31 @@ const En = /* @__PURE__ */ l.forwardRef((e, t) => {
   }, C, {
     prefixCls: R,
     classNames: {
-      root: z,
-      body: N
+      root: I,
+      body: z
     },
     styles: {
-      root: Object.assign(Object.assign(Object.assign(Object.assign({}, H.root), $), p), v == null ? void 0 : v.root),
-      body: Object.assign(Object.assign({}, H.body), v == null ? void 0 : v.body)
+      root: Object.assign(Object.assign(Object.assign(Object.assign({}, M.root), $), p), g == null ? void 0 : g.root),
+      body: Object.assign(Object.assign({}, M.body), g == null ? void 0 : g.body)
     },
     ref: t,
     open: y,
     onOpenChange: L,
-    overlay: F || V ? /* @__PURE__ */ l.createElement(Tt, {
+    overlay: F || j ? /* @__PURE__ */ l.createElement(Tt, {
       prefixCls: R,
       title: F,
-      content: V
+      content: j
     }) : null,
-    transitionName: Ct(B, "zoom-big", C.transitionName),
+    transitionName: Ct(P, "zoom-big", C.transitionName),
     "data-popover-inject": !0
-  }), de(d, {
-    onKeyDown: (k) => {
+  }), ue(d, {
+    onKeyDown: (H) => {
       var D, W;
-      /* @__PURE__ */ l.isValidElement(d) && ((W = d == null ? void 0 : (D = d.props).onKeyDown) === null || W === void 0 || W.call(D, k)), j(k);
+      /* @__PURE__ */ l.isValidElement(d) && ((W = d == null ? void 0 : (D = d.props).onKeyDown) === null || W === void 0 || W.call(D, H)), A(H);
     }
   })));
-}), Qe = En;
-Qe._InternalPanelDoNotUseOrYouWillBeFired = In;
+}), Qe = Nn;
+Qe._InternalPanelDoNotUseOrYouWillBeFired = On;
 process.env.NODE_ENV !== "production" && (Qe.displayName = "Popover");
 const dt = (e) => {
   const {
@@ -1528,91 +1522,91 @@ const dt = (e) => {
   return /* @__PURE__ */ l.createElement(Le.Provider, {
     value: n
   }, e.children);
-}, Pn = (e) => {
+}, En = (e) => {
   var t, o, n, r;
   const {
     getPrefixCls: a,
     direction: i
-  } = l.useContext(ne), {
+  } = l.useContext(ie), {
     prefixCls: s,
     className: c,
     rootClassName: u,
     style: d,
     maxCount: f,
     maxStyle: m,
-    size: g,
+    size: v,
     shape: p,
-    maxPopoverPlacement: v,
+    maxPopoverPlacement: g,
     maxPopoverTrigger: h,
     children: C,
     max: b
   } = e;
   if (process.env.NODE_ENV !== "production") {
-    const N = ve("Avatar.Group");
+    const z = be("Avatar.Group");
     [["maxCount", "max={{ count: number }}"], ["maxStyle", "max={{ style: CSSProperties }}"], ["maxPopoverPlacement", "max={{ popover: PopoverProps }}"], ["maxPopoverTrigger", "max={{ popover: PopoverProps }}"]].forEach((y) => {
-      let [P, A] = y;
-      N.deprecated(!(P in e), P, A);
+      let [N, E] = y;
+      z.deprecated(!(N in e), N, E);
     });
   }
-  const S = a("avatar", s), $ = `${S}-group`, O = ze(S), [H, R, M] = Nt(S, O), I = _($, {
+  const S = a("avatar", s), $ = `${S}-group`, B = je(S), [M, R, T] = Nt(S, B), w = _($, {
     [`${$}-rtl`]: i === "rtl"
-  }, M, O, c, u, R), w = qe(C).map((N, y) => de(N, {
+  }, T, B, c, u, R), x = qe(C).map((z, y) => ue(z, {
     // eslint-disable-next-line react/no-array-index-key
     key: `avatar-key-${y}`
-  })), B = (b == null ? void 0 : b.count) || f, z = w.length;
-  if (B && B < z) {
-    const N = w.slice(0, B), y = w.slice(B, z), P = (b == null ? void 0 : b.style) || m, A = ((t = b == null ? void 0 : b.popover) === null || t === void 0 ? void 0 : t.trigger) || h || "hover", j = ((o = b == null ? void 0 : b.popover) === null || o === void 0 ? void 0 : o.placement) || v || "top", L = Object.assign(Object.assign({
+  })), P = (b == null ? void 0 : b.count) || f, I = x.length;
+  if (P && P < I) {
+    const z = x.slice(0, P), y = x.slice(P, I), N = (b == null ? void 0 : b.style) || m, E = ((t = b == null ? void 0 : b.popover) === null || t === void 0 ? void 0 : t.trigger) || h || "hover", A = ((o = b == null ? void 0 : b.popover) === null || o === void 0 ? void 0 : o.placement) || g || "top", L = Object.assign(Object.assign({
       content: y
     }, b == null ? void 0 : b.popover), {
       classNames: {
         root: _(`${$}-popover`, (r = (n = b == null ? void 0 : b.popover) === null || n === void 0 ? void 0 : n.classNames) === null || r === void 0 ? void 0 : r.root)
       },
-      placement: j,
-      trigger: A
+      placement: A,
+      trigger: E
     });
-    return N.push(/* @__PURE__ */ l.createElement(Qe, Object.assign({
+    return z.push(/* @__PURE__ */ l.createElement(Qe, Object.assign({
       key: "avatar-popover-key",
       destroyTooltipOnHide: !0
     }, L), /* @__PURE__ */ l.createElement(Ye, {
-      style: P
-    }, `+${z - B}`))), H(/* @__PURE__ */ l.createElement(dt, {
+      style: N
+    }, `+${I - P}`))), M(/* @__PURE__ */ l.createElement(dt, {
       shape: p,
-      size: g
+      size: v
     }, /* @__PURE__ */ l.createElement("div", {
-      className: I,
+      className: w,
       style: d
-    }, N)));
+    }, z)));
   }
-  return H(/* @__PURE__ */ l.createElement(dt, {
+  return M(/* @__PURE__ */ l.createElement(dt, {
     shape: p,
-    size: g
+    size: v
   }, /* @__PURE__ */ l.createElement("div", {
-    className: I,
+    className: w,
     style: d
-  }, w)));
+  }, x)));
 }, _t = Ye;
-_t.Group = Pn;
-var Bn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, name: "left", theme: "outlined" }, zn = function(t, o) {
-  return /* @__PURE__ */ l.createElement(Ve, Be({}, t, {
+_t.Group = En;
+var Pn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, name: "left", theme: "outlined" }, Bn = function(t, o) {
+  return /* @__PURE__ */ l.createElement(Ve, ze({}, t, {
     ref: o,
-    icon: Bn
+    icon: Pn
   }));
-}, Ie = /* @__PURE__ */ l.forwardRef(zn);
-process.env.NODE_ENV !== "production" && (Ie.displayName = "LeftOutlined");
-const jn = (e) => typeof e != "object" && typeof e != "function" || e === null;
-var Tn = { icon: { tag: "svg", attrs: { viewBox: "0 0 1024 1024", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, name: "bars", theme: "outlined" }, _n = function(t, o) {
-  return /* @__PURE__ */ l.createElement(Ve, Be({}, t, {
+}, Ne = /* @__PURE__ */ l.forwardRef(Bn);
+process.env.NODE_ENV !== "production" && (Ne.displayName = "LeftOutlined");
+const zn = (e) => typeof e != "object" && typeof e != "function" || e === null;
+var jn = { icon: { tag: "svg", attrs: { viewBox: "0 0 1024 1024", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, name: "bars", theme: "outlined" }, Tn = function(t, o) {
+  return /* @__PURE__ */ l.createElement(Ve, ze({}, t, {
     ref: o,
-    icon: Tn
+    icon: jn
   }));
-}, Rt = /* @__PURE__ */ l.forwardRef(_n);
+}, Rt = /* @__PURE__ */ l.forwardRef(Tn);
 process.env.NODE_ENV !== "production" && (Rt.displayName = "BarsOutlined");
-const Rn = /* @__PURE__ */ l.createContext({
+const _n = /* @__PURE__ */ l.createContext({
   siderHook: {
     addSider: () => null,
     removeSider: () => null
   }
-}), Mn = (e) => {
+}), Rn = (e) => {
   const {
     antCls: t,
     // .ant
@@ -1659,7 +1653,7 @@ const Rn = /* @__PURE__ */ l.createContext({
       height: a,
       padding: i,
       color: s,
-      lineHeight: E(a),
+      lineHeight: O(a),
       background: f,
       // Other components/menu/style/index.less line:686
       // Integration with header element so menu items have the same height
@@ -1716,10 +1710,10 @@ const Rn = /* @__PURE__ */ l.createContext({
     lightTriggerColor: r
   };
 }, Dt = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]];
-ce("Layout", (e) => [Mn(e)], Mt, {
+de("Layout", (e) => [Rn(e)], Mt, {
   deprecatedTokens: Dt
 });
-const Dn = (e) => {
+const Mn = (e) => {
   const {
     componentCls: t,
     siderBg: o,
@@ -1733,9 +1727,9 @@ const Dn = (e) => {
     zeroTriggerWidth: d,
     zeroTriggerHeight: f,
     borderRadiusLG: m,
-    lightSiderBg: g,
+    lightSiderBg: v,
     lightTriggerColor: p,
-    lightTriggerBg: v,
+    lightTriggerBg: g,
     bodyBg: h
   } = e;
   return {
@@ -1771,7 +1765,7 @@ const Dn = (e) => {
         zIndex: 1,
         height: i,
         color: s,
-        lineHeight: E(i),
+        lineHeight: O(i),
         textAlign: "center",
         background: c,
         cursor: "pointer",
@@ -1790,7 +1784,7 @@ const Dn = (e) => {
         alignItems: "center",
         justifyContent: "center",
         background: o,
-        borderRadius: `0 ${E(m)} ${E(m)} 0`,
+        borderRadius: `0 ${O(m)} ${O(m)} 0`,
         cursor: "pointer",
         transition: `background ${r} ease`,
         "&::after": {
@@ -1805,19 +1799,19 @@ const Dn = (e) => {
         },
         "&-right": {
           insetInlineStart: e.calc(d).mul(-1).equal(),
-          borderRadius: `${E(m)} 0 0 ${E(m)}`
+          borderRadius: `${O(m)} 0 0 ${O(m)}`
         }
       },
       // Light
       "&-light": {
-        background: g,
+        background: v,
         [`${t}-trigger`]: {
           color: p,
-          background: v
+          background: g
         },
         [`${t}-zero-width-trigger`]: {
           color: p,
-          background: v,
+          background: g,
           border: `1px solid ${h}`,
           // Safe to modify to any other color
           borderInlineStart: 0
@@ -1825,10 +1819,10 @@ const Dn = (e) => {
       }
     }
   };
-}, Hn = ce(["Layout", "Sider"], (e) => [Dn(e)], Mt, {
+}, Dn = de(["Layout", "Sider"], (e) => [Mn(e)], Mt, {
   deprecatedTokens: Dt
 });
-var An = function(e, t) {
+var Hn = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
@@ -1842,13 +1836,13 @@ const ut = {
   lg: "991.98px",
   xl: "1199.98px",
   xxl: "1599.98px"
-}, Ln = (e) => !Number.isNaN(Number.parseFloat(e)) && isFinite(e), Je = /* @__PURE__ */ l.createContext({}), kn = /* @__PURE__ */ (() => {
+}, An = (e) => !Number.isNaN(Number.parseFloat(e)) && isFinite(e), Je = /* @__PURE__ */ l.createContext({}), Ln = /* @__PURE__ */ (() => {
   let e = 0;
   return function() {
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
     return e += 1, `${t}${e}`;
   };
-})(), Vn = /* @__PURE__ */ l.forwardRef((e, t) => {
+})(), kn = /* @__PURE__ */ l.forwardRef((e, t) => {
   const {
     prefixCls: o,
     className: n,
@@ -1861,66 +1855,66 @@ const ut = {
     reverseArrow: d = !1,
     width: f = 200,
     collapsedWidth: m = 80,
-    zeroWidthTriggerStyle: g,
+    zeroWidthTriggerStyle: v,
     breakpoint: p,
-    onCollapse: v,
+    onCollapse: g,
     onBreakpoint: h
-  } = e, C = An(e, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
+  } = e, C = Hn(e, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
     siderHook: b
-  } = tt(Rn), [S, $] = ot("collapsed" in e ? e.collapsed : i), [O, H] = ot(!1);
+  } = tt(_n), [S, $] = ot("collapsed" in e ? e.collapsed : i), [B, M] = ot(!1);
   He(() => {
     "collapsed" in e && $(e.collapsed);
   }, [e.collapsed]);
-  const R = (x, T) => {
-    "collapsed" in e || $(x), v == null || v(x, T);
+  const R = (k, U) => {
+    "collapsed" in e || $(k), g == null || g(k, U);
   }, {
-    getPrefixCls: M,
-    direction: I
-  } = tt(ne), w = M("layout-sider", o), [B, z, N] = Hn(w), y = Pe(null);
-  y.current = (x) => {
-    H(x.matches), h == null || h(x.matches), S !== x.matches && R(x.matches, "responsive");
+    getPrefixCls: T,
+    direction: w
+  } = tt(ie), x = T("layout-sider", o), [P, I, z] = Dn(x), y = Be(null);
+  y.current = (k) => {
+    M(k.matches), h == null || h(k.matches), S !== k.matches && R(k.matches, "responsive");
   }, He(() => {
-    function x(U) {
-      return y.current(U);
+    function k(Q) {
+      return y.current(Q);
     }
-    let T;
+    let U;
     if (typeof window < "u") {
       const {
-        matchMedia: U
+        matchMedia: Q
       } = window;
-      if (U && p && p in ut) {
-        T = U(`screen and (max-width: ${ut[p]})`);
+      if (Q && p && p in ut) {
+        U = Q(`screen and (max-width: ${ut[p]})`);
         try {
-          T.addEventListener("change", x);
+          U.addEventListener("change", k);
         } catch {
-          T.addListener(x);
+          U.addListener(k);
         }
-        x(T);
+        k(U);
       }
     }
     return () => {
       try {
-        T == null || T.removeEventListener("change", x);
+        U == null || U.removeEventListener("change", k);
       } catch {
-        T == null || T.removeListener(x);
+        U == null || U.removeListener(k);
       }
     };
   }, [p]), He(() => {
-    const x = kn("ant-sider-");
-    return b.addSider(x), () => b.removeSider(x);
+    const k = Ln("ant-sider-");
+    return b.addSider(k), () => b.removeSider(k);
   }, []);
-  const P = () => {
+  const N = () => {
     R(!S, "clickTrigger");
-  }, A = be(C, ["collapsed"]), j = S ? m : f, L = Ln(j) ? `${j}px` : String(j), F = parseFloat(String(m || 0)) === 0 ? /* @__PURE__ */ l.createElement("span", {
-    onClick: P,
-    className: _(`${w}-zero-width-trigger`, `${w}-zero-width-trigger-${d ? "right" : "left"}`),
-    style: g
-  }, r || /* @__PURE__ */ l.createElement(Rt, null)) : null, V = I === "rtl" == !d, W = {
-    expanded: V ? /* @__PURE__ */ l.createElement(Se, null) : /* @__PURE__ */ l.createElement(Ie, null),
-    collapsed: V ? /* @__PURE__ */ l.createElement(Ie, null) : /* @__PURE__ */ l.createElement(Se, null)
+  }, E = he(C, ["collapsed"]), A = S ? m : f, L = An(A) ? `${A}px` : String(A), F = parseFloat(String(m || 0)) === 0 ? /* @__PURE__ */ l.createElement("span", {
+    onClick: N,
+    className: _(`${x}-zero-width-trigger`, `${x}-zero-width-trigger-${d ? "right" : "left"}`),
+    style: v
+  }, r || /* @__PURE__ */ l.createElement(Rt, null)) : null, j = w === "rtl" == !d, W = {
+    expanded: j ? /* @__PURE__ */ l.createElement(Oe, null) : /* @__PURE__ */ l.createElement(Ne, null),
+    collapsed: j ? /* @__PURE__ */ l.createElement(Ne, null) : /* @__PURE__ */ l.createElement(Oe, null)
   }[S ? "collapsed" : "expanded"], q = r !== null ? F || /* @__PURE__ */ l.createElement("div", {
-    className: `${w}-trigger`,
-    onClick: P,
+    className: `${x}-trigger`,
+    onClick: N,
     style: {
       width: L
     }
@@ -1929,32 +1923,32 @@ const ut = {
     maxWidth: L,
     minWidth: L,
     width: L
-  }), Z = _(w, `${w}-${s}`, {
-    [`${w}-collapsed`]: !!S,
-    [`${w}-has-trigger`]: u && r !== null && !F,
-    [`${w}-below`]: !!O,
-    [`${w}-zero-width`]: parseFloat(L) === 0
-  }, n, z, N), Y = l.useMemo(() => ({
+  }), Z = _(x, `${x}-${s}`, {
+    [`${x}-collapsed`]: !!S,
+    [`${x}-has-trigger`]: u && r !== null && !F,
+    [`${x}-below`]: !!B,
+    [`${x}-zero-width`]: parseFloat(L) === 0
+  }, n, I, z), ee = l.useMemo(() => ({
     siderCollapsed: S
   }), [S]);
-  return B(/* @__PURE__ */ l.createElement(Je.Provider, {
-    value: Y
+  return P(/* @__PURE__ */ l.createElement(Je.Provider, {
+    value: ee
   }, /* @__PURE__ */ l.createElement("aside", Object.assign({
     className: Z
-  }, A, {
+  }, E, {
     style: G,
     ref: t
   }), /* @__PURE__ */ l.createElement("div", {
-    className: `${w}-children`
-  }, a), u || O && F ? q : null)));
+    className: `${x}-children`
+  }, a), u || B && F ? q : null)));
 });
-process.env.NODE_ENV !== "production" && (Vn.displayName = "Sider");
-const Ne = /* @__PURE__ */ to({
+process.env.NODE_ENV !== "production" && (kn.displayName = "Sider");
+const Ee = /* @__PURE__ */ to({
   prefixCls: "",
   firstLevel: !0,
   inlineCollapsed: !1
 });
-var Wn = function(e, t) {
+var Vn = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
@@ -1966,9 +1960,9 @@ const Ht = (e) => {
     prefixCls: t,
     className: o,
     dashed: n
-  } = e, r = Wn(e, ["prefixCls", "className", "dashed"]), {
+  } = e, r = Vn(e, ["prefixCls", "className", "dashed"]), {
     getPrefixCls: a
-  } = l.useContext(ne), i = a("menu", t), s = _({
+  } = l.useContext(ie), i = a("menu", t), s = _({
     [`${i}-item-divider-dashed`]: !!n
   }, o);
   return /* @__PURE__ */ l.createElement(yo, Object.assign({
@@ -1989,52 +1983,52 @@ const Ht = (e) => {
     direction: d,
     disableMenuItemTitleTooltip: f,
     inlineCollapsed: m
-  } = l.useContext(Ne), g = (S) => {
-    const $ = n == null ? void 0 : n[0], O = /* @__PURE__ */ l.createElement("span", {
+  } = l.useContext(Ee), v = (S) => {
+    const $ = n == null ? void 0 : n[0], B = /* @__PURE__ */ l.createElement("span", {
       className: _(`${c}-title-content`, {
         [`${c}-title-content-with-extra`]: !!s || s === 0
       })
     }, n);
     return (!r || /* @__PURE__ */ l.isValidElement(n) && n.type === "span") && n && S && u && typeof $ == "string" ? /* @__PURE__ */ l.createElement("div", {
       className: `${c}-inline-collapsed-noicon`
-    }, $.charAt(0)) : O;
+    }, $.charAt(0)) : B;
   }, {
     siderCollapsed: p
   } = l.useContext(Je);
-  let v = a;
-  typeof a > "u" ? v = u ? n : "" : a === !1 && (v = "");
+  let g = a;
+  typeof a > "u" ? g = u ? n : "" : a === !1 && (g = "");
   const h = {
-    title: v
+    title: g
   };
   !p && !m && (h.title = null, h.open = !1);
   const C = qe(n).length;
-  let b = /* @__PURE__ */ l.createElement(Co, Object.assign({}, be(e, ["title", "icon", "danger"]), {
+  let b = /* @__PURE__ */ l.createElement(Co, Object.assign({}, he(e, ["title", "icon", "danger"]), {
     className: _({
       [`${c}-item-danger`]: i,
       [`${c}-item-only-child`]: (r ? C + 1 : C) === 1
     }, o),
     title: typeof a == "string" ? a : void 0
-  }), de(r, {
+  }), ue(r, {
     className: _(/* @__PURE__ */ l.isValidElement(r) ? (t = r.props) === null || t === void 0 ? void 0 : t.className : "", `${c}-item-icon`)
-  }), g(m));
-  return f || (b = /* @__PURE__ */ l.createElement(_e, Object.assign({}, h, {
+  }), v(m));
+  return f || (b = /* @__PURE__ */ l.createElement(Re, Object.assign({}, h, {
     placement: d === "rtl" ? "left" : "right",
     classNames: {
       root: `${c}-inline-collapsed-tooltip`
     }
   }), b)), b;
 };
-var Xn = function(e, t) {
+var Wn = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
     t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
   return o;
 };
-const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forwardRef((e, t) => {
+const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forwardRef((e, t) => {
   const {
     children: o
-  } = e, n = Xn(e, ["children"]), r = l.useContext(Ee), a = l.useMemo(() => Object.assign(Object.assign({}, r), n), [
+  } = e, n = Wn(e, ["children"]), r = l.useContext(Pe), a = l.useMemo(() => Object.assign(Object.assign({}, r), n), [
     r,
     n.prefixCls,
     // restProps.expandIcon, Not mark as deps since this is a ReactNode
@@ -2043,14 +2037,14 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     n.rootClassName
     // restProps.validator, Not mark as deps since this is a function
   ]), i = uo(o), s = mo(t, i ? po(o) : null);
-  return /* @__PURE__ */ l.createElement(Ee.Provider, {
+  return /* @__PURE__ */ l.createElement(Pe.Provider, {
     value: a
   }, /* @__PURE__ */ l.createElement(St, {
     space: !0
   }, i ? /* @__PURE__ */ l.cloneElement(o, {
     ref: s
   }) : o));
-}), qn = (e) => {
+}), Fn = (e) => {
   const {
     componentCls: t,
     motionDurationSlow: o,
@@ -2064,7 +2058,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     [`${t}-horizontal`]: {
       lineHeight: n,
       border: 0,
-      borderBottom: `${E(a)} ${i} ${r}`,
+      borderBottom: `${O(a)} ${i} ${r}`,
       boxShadow: "none",
       "&::after": {
         display: "block",
@@ -2093,7 +2087,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
       }
     }
   };
-}, Gn = (e) => {
+}, qn = (e) => {
   let {
     componentCls: t,
     menuArrowOffset: o,
@@ -2111,10 +2105,10 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     ${t}-submenu-rtl ${t}-vertical`]: {
       [`${t}-submenu-arrow`]: {
         "&::before": {
-          transform: `rotate(-45deg) translateY(${E(n(o).mul(-1).equal())})`
+          transform: `rotate(-45deg) translateY(${O(n(o).mul(-1).equal())})`
         },
         "&::after": {
-          transform: `rotate(45deg) translateY(${E(o)})`
+          transform: `rotate(45deg) translateY(${O(o)})`
         }
       }
     }
@@ -2132,31 +2126,31 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     activeBarHeight: d,
     activeBarWidth: f,
     activeBarBorderWidth: m,
-    motionDurationSlow: g,
+    motionDurationSlow: v,
     motionEaseInOut: p,
-    motionEaseOut: v,
+    motionEaseOut: g,
     itemPaddingInline: h,
     motionDurationMid: C,
     itemHoverColor: b,
     lineType: S,
     colorSplit: $,
     // Disabled
-    itemDisabledColor: O,
+    itemDisabledColor: B,
     // Danger
-    dangerItemColor: H,
+    dangerItemColor: M,
     dangerItemHoverColor: R,
-    dangerItemSelectedColor: M,
-    dangerItemActiveBg: I,
-    dangerItemSelectedBg: w,
+    dangerItemSelectedColor: T,
+    dangerItemActiveBg: w,
+    dangerItemSelectedBg: x,
     // Bg
-    popupBg: B,
-    itemHoverBg: z,
-    itemActiveBg: N,
+    popupBg: P,
+    itemHoverBg: I,
+    itemActiveBg: z,
     menuSubMenuBg: y,
     // Horizontal
-    horizontalItemSelectedColor: P,
-    horizontalItemSelectedBg: A,
-    horizontalItemBorderRadius: j,
+    horizontalItemSelectedColor: N,
+    horizontalItemSelectedBg: E,
+    horizontalItemBorderRadius: A,
     horizontalItemHoverBg: L
   } = e;
   return {
@@ -2179,7 +2173,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
       },
       // Disabled
       [`${o}-item-disabled, ${o}-submenu-disabled`]: {
-        color: `${O} !important`
+        color: `${B} !important`
       },
       // Hover
       [`${o}-item:not(${o}-item-selected):not(${o}-submenu-selected)`]: {
@@ -2190,31 +2184,31 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
       [`&:not(${o}-horizontal)`]: {
         [`${o}-item:not(${o}-item-selected)`]: {
           "&:hover": {
-            backgroundColor: z
+            backgroundColor: I
           },
           "&:active": {
-            backgroundColor: N
+            backgroundColor: z
           }
         },
         [`${o}-submenu-title`]: {
           "&:hover": {
-            backgroundColor: z
+            backgroundColor: I
           },
           "&:active": {
-            backgroundColor: N
+            backgroundColor: z
           }
         }
       },
       // Danger - only Item has
       [`${o}-item-danger`]: {
-        color: H,
+        color: M,
         [`&${o}-item:hover`]: {
           [`&:not(${o}-item-selected):not(${o}-submenu-selected)`]: {
             color: R
           }
         },
         [`&${o}-item:active`]: {
-          background: I
+          background: w
         }
       },
       [`${o}-item a`]: {
@@ -2226,7 +2220,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
         color: r,
         // Danger
         [`&${o}-item-danger`]: {
-          color: M
+          color: T
         },
         "a, a:hover": {
           color: "inherit"
@@ -2236,7 +2230,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
         backgroundColor: u,
         // Danger
         [`&${o}-item-danger`]: {
-          backgroundColor: w
+          backgroundColor: x
         }
       },
       [`&${o}-submenu > ${o}`]: {
@@ -2245,10 +2239,10 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
       // ===== 设置浮层的颜色 =======
       // ！dark 模式会被popupBg 会被rest 为 darkPopupBg
       [`&${o}-popup > ${o}`]: {
-        backgroundColor: B
+        backgroundColor: P
       },
       [`&${o}-submenu-popup > ${o}`]: {
-        backgroundColor: B
+        backgroundColor: P
       },
       // ===== 设置浮层的颜色 end =======
       // ====================== Horizontal ======================
@@ -2259,31 +2253,31 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
           top: m,
           marginTop: e.calc(m).mul(-1).equal(),
           marginBottom: 0,
-          borderRadius: j,
+          borderRadius: A,
           "&::after": {
             position: "absolute",
             insetInline: h,
             bottom: 0,
-            borderBottom: `${E(d)} solid transparent`,
-            transition: `border-color ${g} ${p}`,
+            borderBottom: `${O(d)} solid transparent`,
+            transition: `border-color ${v} ${p}`,
             content: '""'
           },
           "&:hover, &-active, &-open": {
             background: L,
             "&::after": {
               borderBottomWidth: d,
-              borderBottomColor: P
+              borderBottomColor: N
             }
           },
           "&-selected": {
-            color: P,
-            backgroundColor: A,
+            color: N,
+            backgroundColor: E,
             "&:hover": {
-              backgroundColor: A
+              backgroundColor: E
             },
             "&::after": {
               borderBottomWidth: d,
-              borderBottomColor: P
+              borderBottomColor: N
             }
           }
         }
@@ -2292,7 +2286,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
       //
       [`&${o}-root`]: {
         [`&${o}-inline, &${o}-vertical`]: {
-          borderInlineEnd: `${E(m)} ${S} ${$}`
+          borderInlineEnd: `${O(m)} ${S} ${$}`
         }
       },
       // ======================== Inline ========================
@@ -2307,16 +2301,16 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
             position: "absolute",
             insetBlock: 0,
             insetInlineEnd: 0,
-            borderInlineEnd: `${E(f)} solid ${r}`,
+            borderInlineEnd: `${O(f)} solid ${r}`,
             transform: "scaleY(0.0001)",
             opacity: 0,
-            transition: [`transform ${C} ${v}`, `opacity ${C} ${v}`].join(","),
+            transition: [`transform ${C} ${g}`, `opacity ${C} ${g}`].join(","),
             content: '""'
           },
           // Danger
           [`&${o}-item-danger`]: {
             "&::after": {
-              borderInlineEndColor: M
+              borderInlineEndColor: T
             }
           }
         },
@@ -2349,7 +2343,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     },
     [`${t}-item, ${t}-submenu-title`]: {
       height: o,
-      lineHeight: E(o),
+      lineHeight: O(o),
       paddingInline: u,
       overflow: "hidden",
       textOverflow: "ellipsis",
@@ -2360,14 +2354,14 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     [`> ${t}-item,
             > ${t}-submenu > ${t}-submenu-title`]: {
       height: o,
-      lineHeight: E(o)
+      lineHeight: O(o)
     },
     [`${t}-item-group-list ${t}-submenu-title,
             ${t}-submenu-title`]: {
       paddingInlineEnd: d
     }
   };
-}, Yn = (e) => {
+}, Gn = (e) => {
   const {
     componentCls: t,
     iconCls: o,
@@ -2381,13 +2375,13 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     fontSizeLG: d,
     motionDurationFast: f,
     motionDurationSlow: m,
-    paddingXS: g,
+    paddingXS: v,
     boxShadowSecondary: p,
-    collapsedWidth: v,
+    collapsedWidth: g,
     collapsedIconSize: h
   } = e, C = {
     height: n,
-    lineHeight: E(n),
+    lineHeight: O(n),
     listStylePosition: "inside",
     listStyleType: "disc"
   };
@@ -2410,7 +2404,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     {
       [`${t}-submenu-popup ${t}-vertical${t}-sub`]: {
         minWidth: a,
-        maxHeight: `calc(100vh - ${E(e.calc(i).mul(2.5).equal())})`,
+        maxHeight: `calc(100vh - ${O(e.calc(i).mul(2.5).equal())})`,
         padding: "0",
         overflow: "hidden",
         borderInlineEnd: 0,
@@ -2461,7 +2455,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     // Inline Collapse Only
     {
       [`${t}-inline-collapsed`]: {
-        width: v,
+        width: g,
         [`&${t}-root`]: {
           [`${t}-item, ${t}-submenu ${t}-submenu-title`]: {
             [`> ${t}-inline-collapsed-noicon`]: {
@@ -2475,7 +2469,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
           > ${t}-item-group > ${t}-item-group-list > ${t}-submenu > ${t}-submenu-title,
           > ${t}-submenu > ${t}-submenu-title`]: {
           insetInlineStart: 0,
-          paddingInline: `calc(50% - ${E(e.calc(h).div(2).equal())} - ${E(u)})`,
+          paddingInline: `calc(50% - ${O(e.calc(h).div(2).equal())} - ${O(u)})`,
           textOverflow: "clip",
           [`
             ${t}-submenu-arrow,
@@ -2486,7 +2480,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
           [`${t}-item-icon, ${o}`]: {
             margin: 0,
             fontSize: h,
-            lineHeight: E(n),
+            lineHeight: O(n),
             "+ span": {
               display: "inline-block",
               opacity: 0
@@ -2506,7 +2500,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
           }
         },
         [`${t}-item-group-title`]: Object.assign(Object.assign({}, fo), {
-          paddingInline: g
+          paddingInline: v
         })
       }
     }
@@ -2598,15 +2592,15 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
           content: '""'
         },
         "&::before": {
-          transform: `rotate(45deg) translateY(${E(e.calc(i).mul(-1).equal())})`
+          transform: `rotate(45deg) translateY(${O(e.calc(i).mul(-1).equal())})`
         },
         "&::after": {
-          transform: `rotate(-45deg) translateY(${E(i)})`
+          transform: `rotate(-45deg) translateY(${O(i)})`
         }
       }
     }
   };
-}, Un = (e) => {
+}, Yn = (e) => {
   const {
     antCls: t,
     componentCls: o,
@@ -2620,9 +2614,9 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     lineWidth: d,
     zIndexPopup: f,
     borderRadiusLG: m,
-    subMenuItemBorderRadius: g,
+    subMenuItemBorderRadius: v,
     menuArrowSize: p,
-    menuArrowOffset: v,
+    menuArrowOffset: g,
     lineType: h,
     groupTitleLineHeight: C,
     groupTitleFontSize: b
@@ -2643,7 +2637,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
       }
     },
     {
-      [o]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, fe(e)), rt()), {
+      [o]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, ve(e)), rt()), {
         marginBottom: 0,
         paddingInlineStart: 0,
         // Override default ul/ol
@@ -2669,7 +2663,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
           borderRadius: e.itemBorderRadius
         },
         [`${o}-item-group-title`]: {
-          padding: `${E(s)} ${E(c)}`,
+          padding: `${O(s)} ${O(c)}`,
           fontSize: b,
           lineHeight: C,
           transition: `all ${r}`
@@ -2731,7 +2725,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
             margin: 0,
             padding: 0,
             [`${o}-item, ${o}-submenu-title`]: {
-              paddingInline: `${E(e.calc(n).mul(2).equal())} ${E(c)}`
+              paddingInline: `${O(e.calc(n).mul(2).equal())} ${O(c)}`
             }
           }
         },
@@ -2760,7 +2754,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
               borderRadius: m
             }, ft(e)), vt(e)), {
               [`${o}-item, ${o}-submenu > ${o}-submenu-title`]: {
-                borderRadius: g
+                borderRadius: v
               },
               [`${o}-submenu-title::after`]: {
                 transition: `transform ${r} ${i}`
@@ -2797,20 +2791,20 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
         &-inline ${o}-submenu-arrow`]: {
           // ↓
           "&::before": {
-            transform: `rotate(-45deg) translateX(${E(v)})`
+            transform: `rotate(-45deg) translateX(${O(g)})`
           },
           "&::after": {
-            transform: `rotate(45deg) translateX(${E(e.calc(v).mul(-1).equal())})`
+            transform: `rotate(45deg) translateX(${O(e.calc(g).mul(-1).equal())})`
           }
         },
         [`${o}-submenu-open${o}-submenu-inline > ${o}-submenu-title > ${o}-submenu-arrow`]: {
           // ↑
-          transform: `translateY(${E(e.calc(p).mul(0.2).mul(-1).equal())})`,
+          transform: `translateY(${O(e.calc(p).mul(0.2).mul(-1).equal())})`,
           "&::after": {
-            transform: `rotate(-45deg) translateX(${E(e.calc(v).mul(-1).equal())})`
+            transform: `rotate(-45deg) translateX(${O(e.calc(g).mul(-1).equal())})`
           },
           "&::before": {
-            transform: `rotate(45deg) translateX(${E(v)})`
+            transform: `rotate(45deg) translateX(${O(g)})`
           }
         }
       })
@@ -2824,7 +2818,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
       }
     }
   ];
-}, Kn = (e) => {
+}, Un = (e) => {
   var t, o, n;
   const {
     colorPrimary: r,
@@ -2836,21 +2830,21 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     colorBgContainer: d,
     colorFillAlter: f,
     colorFillContent: m,
-    lineWidth: g,
+    lineWidth: v,
     lineWidthBold: p,
-    controlItemBgActive: v,
+    controlItemBgActive: g,
     colorBgTextHover: h,
     controlHeightLG: C,
     lineHeight: b,
     colorBgElevated: S,
     marginXXS: $,
-    padding: O,
-    fontSize: H,
+    padding: B,
+    fontSize: M,
     controlHeightSM: R,
-    fontSizeLG: M,
-    colorTextLightSolid: I,
-    colorErrorHover: w
-  } = e, B = (t = e.activeBarWidth) !== null && t !== void 0 ? t : 0, z = (o = e.activeBarBorderWidth) !== null && o !== void 0 ? o : g, N = (n = e.itemMarginInline) !== null && n !== void 0 ? n : e.marginXXS, y = new it(I).setA(0.65).toRgbString();
+    fontSizeLG: T,
+    colorTextLightSolid: w,
+    colorErrorHover: x
+  } = e, P = (t = e.activeBarWidth) !== null && t !== void 0 ? t : 0, I = (o = e.activeBarBorderWidth) !== null && o !== void 0 ? o : v, z = (n = e.itemMarginInline) !== null && n !== void 0 ? n : e.marginXXS, y = new it(w).setA(0.65).toRgbString();
   return {
     dropdownWidth: 160,
     zIndexPopup: e.zIndexPopupBase + 50,
@@ -2876,19 +2870,19 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     colorItemBgHover: h,
     itemHoverBg: h,
     colorItemBgActive: m,
-    itemActiveBg: v,
+    itemActiveBg: g,
     colorSubItemBg: f,
     subMenuItemBg: f,
-    colorItemBgSelected: v,
-    itemSelectedBg: v,
+    colorItemBgSelected: g,
+    itemSelectedBg: g,
     colorItemBgSelectedHorizontal: "transparent",
     horizontalItemSelectedBg: "transparent",
     colorActiveBarWidth: 0,
-    activeBarWidth: B,
+    activeBarWidth: P,
     colorActiveBarHeight: p,
     activeBarHeight: p,
-    colorActiveBarBorderSize: g,
-    activeBarBorderWidth: z,
+    colorActiveBarBorderSize: v,
+    activeBarBorderWidth: I,
     // Disabled
     colorItemTextDisabled: i,
     itemDisabledColor: i,
@@ -2903,7 +2897,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     dangerItemActiveBg: s,
     colorDangerItemBgSelected: s,
     dangerItemSelectedBg: s,
-    itemMarginInline: N,
+    itemMarginInline: z,
     horizontalItemBorderRadius: 0,
     horizontalItemHoverBg: "transparent",
     itemHeight: C,
@@ -2911,35 +2905,35 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     collapsedWidth: C * 2,
     popupBg: S,
     itemMarginBlock: $,
-    itemPaddingInline: O,
+    itemPaddingInline: B,
     horizontalLineHeight: `${C * 1.15}px`,
-    iconSize: H,
-    iconMarginInlineEnd: R - H,
-    collapsedIconSize: M,
-    groupTitleFontSize: H,
+    iconSize: M,
+    iconMarginInlineEnd: R - M,
+    collapsedIconSize: T,
+    groupTitleFontSize: M,
     // Disabled
-    darkItemDisabledColor: new it(I).setA(0.25).toRgbString(),
+    darkItemDisabledColor: new it(w).setA(0.25).toRgbString(),
     // Dark
     darkItemColor: y,
     darkDangerItemColor: a,
     darkItemBg: "#001529",
     darkPopupBg: "#001529",
     darkSubMenuItemBg: "#000c17",
-    darkItemSelectedColor: I,
+    darkItemSelectedColor: w,
     darkItemSelectedBg: r,
     darkDangerItemSelectedBg: a,
     darkItemHoverBg: "transparent",
     darkGroupTitleColor: y,
-    darkItemHoverColor: I,
-    darkDangerItemHoverColor: w,
-    darkDangerItemSelectedColor: I,
+    darkItemHoverColor: w,
+    darkDangerItemHoverColor: x,
+    darkDangerItemSelectedColor: w,
     darkDangerItemActiveBg: a,
     // internal
-    itemWidth: B ? `calc(100% + ${z}px)` : `calc(100% - ${N * 2}px)`
+    itemWidth: P ? `calc(100% + ${I}px)` : `calc(100% - ${z * 2}px)`
   };
-}, Zn = function(e) {
+}, Kn = function(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : e, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0;
-  return ce("Menu", (r) => {
+  return de("Menu", (r) => {
     const {
       colorBgElevated: a,
       controlHeightLG: i,
@@ -2949,25 +2943,25 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
       darkItemBg: d,
       darkSubMenuItemBg: f,
       darkItemSelectedColor: m,
-      darkItemSelectedBg: g,
+      darkItemSelectedBg: v,
       darkDangerItemSelectedBg: p,
-      darkItemHoverBg: v,
+      darkItemHoverBg: g,
       darkGroupTitleColor: h,
       darkItemHoverColor: C,
       darkItemDisabledColor: b,
       darkDangerItemHoverColor: S,
       darkDangerItemSelectedColor: $,
-      darkDangerItemActiveBg: O,
-      popupBg: H,
+      darkDangerItemActiveBg: B,
+      popupBg: M,
       darkPopupBg: R
-    } = r, M = r.calc(s).div(7).mul(5).equal(), I = se(r, {
-      menuArrowSize: M,
+    } = r, T = r.calc(s).div(7).mul(5).equal(), w = ce(r, {
+      menuArrowSize: T,
       menuHorizontalHeight: r.calc(i).mul(1.15).equal(),
-      menuArrowOffset: r.calc(M).mul(0.25).equal(),
+      menuArrowOffset: r.calc(T).mul(0.25).equal(),
       menuSubMenuBg: a,
       calc: r.calc,
-      popupBg: H
-    }), w = se(I, {
+      popupBg: M
+    }), x = ce(w, {
       itemColor: c,
       itemHoverColor: C,
       groupTitleColor: h,
@@ -2977,44 +2971,44 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
       popupBg: R,
       subMenuItemBg: f,
       itemActiveBg: "transparent",
-      itemSelectedBg: g,
+      itemSelectedBg: v,
       activeBarHeight: 0,
       activeBarBorderWidth: 0,
-      itemHoverBg: v,
+      itemHoverBg: g,
       // Disabled
       itemDisabledColor: b,
       // Danger
       dangerItemColor: u,
       dangerItemHoverColor: S,
       dangerItemSelectedColor: $,
-      dangerItemActiveBg: O,
+      dangerItemActiveBg: B,
       dangerItemSelectedBg: p,
       menuSubMenuBg: f,
       // Horizontal
       horizontalItemSelectedColor: m,
-      horizontalItemSelectedBg: g
+      horizontalItemSelectedBg: v
     });
     return [
       // Basic
-      Un(I),
+      Yn(w),
       // Horizontal
-      qn(I),
+      Fn(w),
       // Hard code for some light style
       // Vertical
-      Yn(I),
+      Gn(w),
       // Hard code for some light style
       // Theme
-      pt(I, "light"),
-      pt(w, "dark"),
+      pt(w, "light"),
+      pt(x, "dark"),
       // RTL
-      Gn(I),
+      qn(w),
       // Motion
-      Ao(I),
-      xe(I, "slide-up"),
-      xe(I, "slide-down"),
-      je(I, "zoom-big")
+      Ao(w),
+      Se(w, "slide-up"),
+      Se(w, "slide-down"),
+      Te(w, "zoom-big")
     ];
-  }, Kn, {
+  }, Un, {
     deprecatedTokens: [["colorGroupTitle", "groupTitleColor"], ["radiusItem", "itemBorderRadius"], ["radiusSubMenuItem", "subMenuItemBorderRadius"], ["colorItemText", "itemColor"], ["colorItemTextHover", "itemHoverColor"], ["colorItemTextHoverHorizontal", "horizontalItemHoverColor"], ["colorItemTextSelected", "itemSelectedColor"], ["colorItemTextSelectedHorizontal", "horizontalItemSelectedColor"], ["colorItemTextDisabled", "itemDisabledColor"], ["colorDangerItemText", "dangerItemColor"], ["colorDangerItemTextHover", "dangerItemHoverColor"], ["colorDangerItemTextSelected", "dangerItemSelectedColor"], ["colorDangerItemBgActive", "dangerItemActiveBg"], ["colorDangerItemBgSelected", "dangerItemSelectedBg"], ["colorItemBg", "itemBg"], ["colorItemBgHover", "itemHoverBg"], ["colorSubItemBg", "subMenuItemBg"], ["colorItemBgActive", "itemActiveBg"], ["colorItemBgSelectedHorizontal", "horizontalItemSelectedBg"], ["colorActiveBarWidth", "activeBarWidth"], ["colorActiveBarHeight", "activeBarHeight"], ["colorActiveBarBorderSize", "activeBarBorderWidth"], ["colorItemBgSelected", "itemSelectedBg"]],
     // Dropdown will handle menu style self. We do not need to handle this.
     injectStyle: o,
@@ -3029,7 +3023,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     icon: n,
     title: r,
     theme: a
-  } = e, i = l.useContext(Ne), {
+  } = e, i = l.useContext(Ee), {
     prefixCls: s,
     inlineCollapsed: c,
     theme: u
@@ -3043,7 +3037,7 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     }, r);
   else {
     const p = /* @__PURE__ */ l.isValidElement(r) && r.type === "span";
-    f = /* @__PURE__ */ l.createElement(l.Fragment, null, de(n, {
+    f = /* @__PURE__ */ l.createElement(l.Fragment, null, ue(n, {
       className: _(/* @__PURE__ */ l.isValidElement(n) ? (t = n.props) === null || t === void 0 ? void 0 : t.className : "", `${s}-item-icon`)
     }), p ? r : /* @__PURE__ */ l.createElement("span", {
       className: `${s}-title-content`
@@ -3051,18 +3045,18 @@ const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
   }
   const m = l.useMemo(() => Object.assign(Object.assign({}, i), {
     firstLevel: !1
-  }), [i]), [g] = Ge("Menu");
-  return /* @__PURE__ */ l.createElement(Ne.Provider, {
+  }), [i]), [v] = Ge("Menu");
+  return /* @__PURE__ */ l.createElement(Ee.Provider, {
     value: m
-  }, /* @__PURE__ */ l.createElement(xo, Object.assign({}, be(e, ["icon"]), {
+  }, /* @__PURE__ */ l.createElement(xo, Object.assign({}, he(e, ["icon"]), {
     title: f,
     popupClassName: _(s, o, `${s}-${a || u}`),
     popupStyle: Object.assign({
-      zIndex: g
+      zIndex: v
     }, e.popupStyle)
   })));
 };
-var Qn = function(e, t) {
+var Zn = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
@@ -3072,43 +3066,43 @@ var Qn = function(e, t) {
 function Ae(e) {
   return e === null || e === !1;
 }
-const Jn = {
+const Qn = {
   item: At,
   submenu: Lt,
   divider: Ht
-}, er = /* @__PURE__ */ ke((e, t) => {
+}, Jn = /* @__PURE__ */ ke((e, t) => {
   var o;
-  const n = l.useContext(Ee), r = n || {}, {
+  const n = l.useContext(Pe), r = n || {}, {
     getPrefixCls: a,
     getPopupContainer: i,
     direction: s,
     menu: c
-  } = l.useContext(ne), u = a(), {
+  } = l.useContext(ie), u = a(), {
     prefixCls: d,
     className: f,
     style: m,
-    theme: g = "light",
+    theme: v = "light",
     expandIcon: p,
-    _internalDisableMenuItemTitleTooltip: v,
+    _internalDisableMenuItemTitleTooltip: g,
     inlineCollapsed: h,
     siderCollapsed: C,
     rootClassName: b,
     mode: S,
     selectable: $,
-    onClick: O,
-    overflowedIndicatorPopupClassName: H
-  } = e, R = Qn(e, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]), M = be(R, ["collapsedWidth"]);
+    onClick: B,
+    overflowedIndicatorPopupClassName: M
+  } = e, R = Zn(e, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]), T = he(R, ["collapsedWidth"]);
   if (process.env.NODE_ENV !== "production") {
-    const D = ve("Menu");
+    const D = be("Menu");
     process.env.NODE_ENV !== "production" && D(!("inlineCollapsed" in e && S !== "inline"), "usage", "`inlineCollapsed` should only be used when `mode` is inline."), D.deprecated("items" in e && !e.children, "children", "items");
   }
   (o = r.validator) === null || o === void 0 || o.call(r, {
     mode: S
   });
-  const I = wt(function() {
+  const w = wt(function() {
     var D;
-    O == null || O.apply(void 0, arguments), (D = r.onClick) === null || D === void 0 || D.call(r);
-  }), w = r.mode || S, B = $ ?? r.selectable, z = h ?? C, N = {
+    B == null || B.apply(void 0, arguments), (D = r.onClick) === null || D === void 0 || D.call(r);
+  }), x = r.mode || S, P = $ ?? r.selectable, I = h ?? C, z = {
     horizontal: {
       motionName: `${u}-slide-up`
     },
@@ -3116,7 +3110,7 @@ const Jn = {
     other: {
       motionName: `${u}-zoom-big`
     }
-  }, y = a("menu", d || r.prefixCls), P = ze(y), [A, j, L] = Zn(y, P, !n), F = _(`${y}-${g}`, c == null ? void 0 : c.className, f), V = l.useMemo(() => {
+  }, y = a("menu", d || r.prefixCls), N = je(y), [E, A, L] = Kn(y, N, !n), F = _(`${y}-${v}`, c == null ? void 0 : c.className, f), j = l.useMemo(() => {
     var D, W;
     if (typeof p == "function" || Ae(p))
       return p || null;
@@ -3125,59 +3119,59 @@ const Jn = {
     if (typeof (c == null ? void 0 : c.expandIcon) == "function" || Ae(c == null ? void 0 : c.expandIcon))
       return (c == null ? void 0 : c.expandIcon) || null;
     const q = (D = p ?? (r == null ? void 0 : r.expandIcon)) !== null && D !== void 0 ? D : c == null ? void 0 : c.expandIcon;
-    return de(q, {
+    return ue(q, {
       className: _(`${y}-submenu-expand-icon`, /* @__PURE__ */ l.isValidElement(q) ? (W = q.props) === null || W === void 0 ? void 0 : W.className : void 0)
     });
-  }, [p, r == null ? void 0 : r.expandIcon, c == null ? void 0 : c.expandIcon, y]), k = l.useMemo(() => ({
+  }, [p, r == null ? void 0 : r.expandIcon, c == null ? void 0 : c.expandIcon, y]), H = l.useMemo(() => ({
     prefixCls: y,
-    inlineCollapsed: z || !1,
+    inlineCollapsed: I || !1,
     direction: s,
     firstLevel: !0,
-    theme: g,
-    mode: w,
-    disableMenuItemTitleTooltip: v
-  }), [y, z, s, v, g]);
-  return A(/* @__PURE__ */ l.createElement(Ee.Provider, {
+    theme: v,
+    mode: x,
+    disableMenuItemTitleTooltip: g
+  }), [y, I, s, g, v]);
+  return E(/* @__PURE__ */ l.createElement(Pe.Provider, {
     value: null
-  }, /* @__PURE__ */ l.createElement(Ne.Provider, {
-    value: k
+  }, /* @__PURE__ */ l.createElement(Ee.Provider, {
+    value: H
   }, /* @__PURE__ */ l.createElement(So, Object.assign({
     getPopupContainer: i,
     overflowedIndicator: /* @__PURE__ */ l.createElement(xt, null),
-    overflowedIndicatorPopupClassName: _(y, `${y}-${g}`, H),
-    mode: w,
-    selectable: B,
-    onClick: I
-  }, M, {
-    inlineCollapsed: z,
+    overflowedIndicatorPopupClassName: _(y, `${y}-${v}`, M),
+    mode: x,
+    selectable: P,
+    onClick: w
+  }, T, {
+    inlineCollapsed: I,
     style: Object.assign(Object.assign({}, c == null ? void 0 : c.style), m),
     className: F,
     prefixCls: y,
     direction: s,
-    defaultMotions: N,
-    expandIcon: V,
+    defaultMotions: z,
+    expandIcon: j,
     ref: t,
-    rootClassName: _(b, j, r.rootClassName, L, P),
-    _internalComponents: Jn
+    rootClassName: _(b, A, r.rootClassName, L, N),
+    _internalComponents: Qn
   })))));
-}), pe = /* @__PURE__ */ ke((e, t) => {
-  const o = Pe(null), n = l.useContext(Je);
+}), ge = /* @__PURE__ */ ke((e, t) => {
+  const o = Be(null), n = l.useContext(Je);
   return yt(t, () => ({
     menu: o.current,
     focus: (r) => {
       var a;
       (a = o.current) === null || a === void 0 || a.focus(r);
     }
-  })), /* @__PURE__ */ l.createElement(er, Object.assign({
+  })), /* @__PURE__ */ l.createElement(Jn, Object.assign({
     ref: o
   }, e, n));
 });
-pe.Item = At;
-pe.SubMenu = Lt;
-pe.Divider = Ht;
-pe.ItemGroup = Oo;
-process.env.NODE_ENV !== "production" && (pe.displayName = "Menu");
-const tr = (e) => {
+ge.Item = At;
+ge.SubMenu = Lt;
+ge.Divider = Ht;
+ge.ItemGroup = Oo;
+process.env.NODE_ENV !== "production" && (ge.displayName = "Menu");
+const er = (e) => {
   const {
     componentCls: t,
     menuCls: o,
@@ -3197,7 +3191,7 @@ const tr = (e) => {
       }
     }
   };
-}, or = (e) => {
+}, tr = (e) => {
   const {
     componentCls: t,
     menuCls: o,
@@ -3211,9 +3205,9 @@ const tr = (e) => {
     fontSize: d,
     dropdownEdgeChildPadding: f,
     colorTextDisabled: m,
-    fontSizeIcon: g,
+    fontSizeIcon: v,
     controlPaddingHorizontal: p,
-    colorBgElevated: v
+    colorBgElevated: g
   } = e;
   return [
     {
@@ -3242,13 +3236,13 @@ const tr = (e) => {
         },
         [`&-trigger${i}-btn`]: {
           [`& > ${s}-down, & > ${i}-btn-icon > ${s}-down`]: {
-            fontSize: g
+            fontSize: v
           }
         },
         [`${t}-wrap`]: {
           position: "relative",
           [`${i}-btn > ${s}-down`]: {
-            fontSize: g
+            fontSize: v
           },
           [`${s}-down::before`]: {
             transition: `transform ${c}`
@@ -3298,7 +3292,7 @@ const tr = (e) => {
     // =============================================================
     // ==                        Arrow style                      ==
     // =============================================================
-    Ze(e, v, {
+    Ze(e, g, {
       arrowPlacement: {
         top: !0,
         bottom: !0
@@ -3323,11 +3317,11 @@ const tr = (e) => {
           margin: 0
         }
       },
-      [`${t}, ${t}-menu-submenu`]: Object.assign(Object.assign({}, fe(e)), {
+      [`${t}, ${t}-menu-submenu`]: Object.assign(Object.assign({}, ve(e)), {
         [o]: Object.assign(Object.assign({
           padding: f,
           listStyleType: "none",
-          backgroundColor: v,
+          backgroundColor: g,
           backgroundClip: "padding-box",
           borderRadius: e.borderRadiusLG,
           outline: "none",
@@ -3338,7 +3332,7 @@ const tr = (e) => {
             boxShadow: "none"
           },
           [`${o}-item-group-title`]: {
-            padding: `${E(u)} ${E(p)}`,
+            padding: `${O(u)} ${O(p)}`,
             color: e.colorTextDescription,
             transition: `all ${c}`
           },
@@ -3383,7 +3377,7 @@ const tr = (e) => {
           [`${o}-item, ${o}-submenu-title`]: Object.assign(Object.assign({
             display: "flex",
             margin: 0,
-            padding: `${E(u)} ${E(p)}`,
+            padding: `${O(u)} ${O(p)}`,
             color: e.colorText,
             fontWeight: "normal",
             fontSize: d,
@@ -3407,7 +3401,7 @@ const tr = (e) => {
               cursor: "not-allowed",
               "&:hover": {
                 color: m,
-                backgroundColor: v,
+                backgroundColor: g,
                 cursor: "not-allowed"
               },
               a: {
@@ -3417,7 +3411,7 @@ const tr = (e) => {
             "&-divider": {
               height: 1,
               // By design
-              margin: `${E(e.marginXXS)} 0`,
+              margin: `${O(e.marginXXS)} 0`,
               overflow: "hidden",
               lineHeight: 0,
               backgroundColor: e.colorSplit
@@ -3427,14 +3421,14 @@ const tr = (e) => {
               insetInlineEnd: e.paddingXS,
               [`${t}-menu-submenu-arrow-icon`]: {
                 marginInlineEnd: "0 !important",
-                color: e.colorTextDescription,
-                fontSize: g,
+                color: e.colorIcon,
+                fontSize: v,
                 fontStyle: "normal"
               }
             }
           }),
           [`${o}-item-group-list`]: {
-            margin: `0 ${E(e.marginXS)}`,
+            margin: `0 ${O(e.marginXS)}`,
             padding: 0,
             listStyle: "none"
           },
@@ -3447,7 +3441,7 @@ const tr = (e) => {
           [`${o}-submenu${o}-submenu-disabled ${t}-menu-submenu-title`]: {
             [`&, ${t}-menu-submenu-arrow-icon`]: {
               color: m,
-              backgroundColor: v,
+              backgroundColor: g,
               cursor: "not-allowed"
             }
           },
@@ -3459,29 +3453,29 @@ const tr = (e) => {
       })
     },
     // Follow code may reuse in other components
-    [xe(e, "slide-up"), xe(e, "slide-down"), st(e, "move-up"), st(e, "move-down"), je(e, "zoom-big")]
+    [Se(e, "slide-up"), Se(e, "slide-down"), st(e, "move-up"), st(e, "move-down"), Te(e, "zoom-big")]
   ];
-}, nr = (e) => Object.assign(Object.assign({
+}, or = (e) => Object.assign(Object.assign({
   zIndexPopup: e.zIndexPopupBase + 50,
   paddingBlock: (e.controlHeight - e.fontSize * e.lineHeight) / 2
-}, Te({
+}, _e({
   contentRadius: e.borderRadiusLG,
   limitVerticalRadius: !0
-})), Ke(e)), rr = ce("Dropdown", (e) => {
+})), Ke(e)), nr = de("Dropdown", (e) => {
   const {
     marginXXS: t,
     sizePopupArrow: o,
     paddingXXS: n,
     componentCls: r
-  } = e, a = se(e, {
+  } = e, a = ce(e, {
     menuCls: `${r}-menu`,
     dropdownArrowDistance: e.calc(o).div(2).add(t).equal(),
     dropdownEdgeChildPadding: n
   });
-  return [or(a), tr(a)];
-}, nr, {
+  return [tr(a), er(a)];
+}, or, {
   resetStyle: !1
-}), he = (e) => {
+}), $e = (e) => {
   var t;
   const {
     menu: o,
@@ -3495,113 +3489,113 @@ const tr = (e) => {
     overlayClassName: d,
     rootClassName: f,
     overlayStyle: m,
-    open: g,
+    open: v,
     onOpenChange: p,
     // Deprecated
-    visible: v,
+    visible: g,
     onVisibleChange: h,
     mouseEnterDelay: C = 0.15,
     mouseLeaveDelay: b = 0.1,
     autoAdjustOverflow: S = !0,
     placement: $ = "",
-    overlay: O,
-    transitionName: H
+    overlay: B,
+    transitionName: M
   } = e, {
     getPopupContainer: R,
-    getPrefixCls: M,
-    direction: I,
-    dropdown: w
-  } = l.useContext(ne), B = ve("Dropdown");
-  process.env.NODE_ENV !== "production" && ([["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((X) => {
-    let [oe, ee] = X;
-    B.deprecated(!(oe in e), oe, ee);
-  }), B.deprecated(!("overlay" in e), "overlay", "menu"));
-  const z = l.useMemo(() => {
-    const X = M();
-    return H !== void 0 ? H : $.includes("top") ? `${X}-slide-down` : `${X}-slide-up`;
-  }, [M, $, H]), N = l.useMemo(() => $ ? $.includes("Center") ? $.slice(0, $.indexOf("Center")) : $ : I === "rtl" ? "bottomRight" : "bottomLeft", [$, I]);
+    getPrefixCls: T,
+    direction: w,
+    dropdown: x
+  } = l.useContext(ie), P = be("Dropdown");
+  process.env.NODE_ENV !== "production" && ([["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((V) => {
+    let [re, ne] = V;
+    P.deprecated(!(re in e), re, ne);
+  }), P.deprecated(!("overlay" in e), "overlay", "menu"));
+  const I = l.useMemo(() => {
+    const V = T();
+    return M !== void 0 ? M : $.includes("top") ? `${V}-slide-down` : `${V}-slide-up`;
+  }, [T, $, M]), z = l.useMemo(() => $ ? $.includes("Center") ? $.slice(0, $.indexOf("Center")) : $ : w === "rtl" ? "bottomRight" : "bottomLeft", [$, w]);
   if (process.env.NODE_ENV !== "production") {
     if ($.includes("Center")) {
-      const X = $.slice(0, $.indexOf("Center"));
-      process.env.NODE_ENV !== "production" && B(!$.includes("Center"), "deprecated", `You are using '${$}' placement in Dropdown, which is deprecated. Try to use '${X}' instead.`);
+      const V = $.slice(0, $.indexOf("Center"));
+      process.env.NODE_ENV !== "production" && P(!$.includes("Center"), "deprecated", `You are using '${$}' placement in Dropdown, which is deprecated. Try to use '${V}' instead.`);
     }
-    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((X) => {
-      let [oe, ee] = X;
-      B.deprecated(!(oe in e), oe, ee);
+    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((V) => {
+      let [re, ne] = V;
+      P.deprecated(!(re in e), re, ne);
     });
   }
-  const y = M("dropdown", r), P = ze(y), [A, j, L] = rr(y, P), [, F] = We(), V = l.Children.only(jn(a) ? /* @__PURE__ */ l.createElement("span", null, a) : a), k = de(V, {
+  const y = T("dropdown", r), N = je(y), [E, A, L] = nr(y, N), [, F] = We(), j = l.Children.only(zn(a) ? /* @__PURE__ */ l.createElement("span", null, a) : a), H = ue(j, {
     className: _(`${y}-trigger`, {
-      [`${y}-rtl`]: I === "rtl"
-    }, V.props.className),
-    disabled: (t = V.props.disabled) !== null && t !== void 0 ? t : s
+      [`${y}-rtl`]: w === "rtl"
+    }, j.props.className),
+    disabled: (t = j.props.disabled) !== null && t !== void 0 ? t : s
   }), D = s ? [] : i, W = !!(D != null && D.includes("contextMenu")), [q, G] = Fe(!1, {
-    value: g ?? v
-  }), Z = wt((X) => {
-    p == null || p(X, {
+    value: v ?? g
+  }), Z = wt((V) => {
+    p == null || p(V, {
       source: "trigger"
-    }), h == null || h(X), G(X);
-  }), Y = _(d, f, j, L, P, w == null ? void 0 : w.className, {
-    [`${y}-rtl`]: I === "rtl"
-  }), x = Pt({
+    }), h == null || h(V), G(V);
+  }), ee = _(d, f, A, L, N, x == null ? void 0 : x.className, {
+    [`${y}-rtl`]: w === "rtl"
+  }), k = Pt({
     arrowPointAtCenter: typeof n == "object" && n.pointAtCenter,
     autoAdjustOverflow: S,
     offset: F.marginXXS,
     arrowWidth: n ? F.sizePopupArrow : 0,
     borderRadius: F.borderRadius
-  }), T = l.useCallback(() => {
+  }), U = l.useCallback(() => {
     o != null && o.selectable && (o != null && o.multiple) || (p == null || p(!1, {
       source: "menu"
     }), G(!1));
-  }, [o == null ? void 0 : o.selectable, o == null ? void 0 : o.multiple]), U = () => {
-    let X;
-    return o != null && o.items ? X = /* @__PURE__ */ l.createElement(pe, Object.assign({}, o)) : typeof O == "function" ? X = O() : X = O, c && (X = c(X)), X = l.Children.only(typeof X == "string" ? /* @__PURE__ */ l.createElement("span", null, X) : X), /* @__PURE__ */ l.createElement(Fn, {
+  }, [o == null ? void 0 : o.selectable, o == null ? void 0 : o.multiple]), Q = () => {
+    let V;
+    return o != null && o.items ? V = /* @__PURE__ */ l.createElement(ge, Object.assign({}, o)) : typeof B == "function" ? V = B() : V = B, c && (V = c(V)), V = l.Children.only(typeof V == "string" ? /* @__PURE__ */ l.createElement("span", null, V) : V), /* @__PURE__ */ l.createElement(Xn, {
       prefixCls: `${y}-menu`,
-      rootClassName: _(L, P),
+      rootClassName: _(L, N),
       expandIcon: /* @__PURE__ */ l.createElement("span", {
         className: `${y}-menu-submenu-arrow`
-      }, I === "rtl" ? /* @__PURE__ */ l.createElement(Ie, {
+      }, w === "rtl" ? /* @__PURE__ */ l.createElement(Ne, {
         className: `${y}-menu-submenu-arrow-icon`
-      }) : /* @__PURE__ */ l.createElement(Se, {
+      }) : /* @__PURE__ */ l.createElement(Oe, {
         className: `${y}-menu-submenu-arrow-icon`
       })),
       mode: "vertical",
       selectable: !1,
-      onClick: T,
-      validator: (oe) => {
+      onClick: U,
+      validator: (re) => {
         let {
-          mode: ee
-        } = oe;
-        process.env.NODE_ENV !== "production" && B(!ee || ee === "vertical", "usage", `mode="${ee}" is not supported for Dropdown's Menu.`);
+          mode: ne
+        } = re;
+        process.env.NODE_ENV !== "production" && P(!ne || ne === "vertical", "usage", `mode="${ne}" is not supported for Dropdown's Menu.`);
       }
-    }, X);
-  }, [ae, Re] = Ge("Dropdown", m == null ? void 0 : m.zIndex);
-  let te = /* @__PURE__ */ l.createElement(Bo, Object.assign({
+    }, V);
+  }, [X, Y] = Ge("Dropdown", m == null ? void 0 : m.zIndex);
+  let J = /* @__PURE__ */ l.createElement(Bo, Object.assign({
     alignPoint: W
-  }, be(e, ["rootClassName"]), {
+  }, he(e, ["rootClassName"]), {
     mouseEnterDelay: C,
     mouseLeaveDelay: b,
     visible: q,
-    builtinPlacements: x,
+    builtinPlacements: k,
     arrow: !!n,
-    overlayClassName: Y,
+    overlayClassName: ee,
     prefixCls: y,
     getPopupContainer: u || R,
-    transitionName: z,
+    transitionName: I,
     trigger: D,
-    overlay: U,
-    placement: N,
+    overlay: Q,
+    placement: z,
     onVisibleChange: Z,
-    overlayStyle: Object.assign(Object.assign(Object.assign({}, w == null ? void 0 : w.style), m), {
-      zIndex: ae
+    overlayStyle: Object.assign(Object.assign(Object.assign({}, x == null ? void 0 : x.style), m), {
+      zIndex: X
     })
-  }), k);
-  return ae && (te = /* @__PURE__ */ l.createElement(Ot.Provider, {
-    value: Re
-  }, te)), A(te);
-}, ir = jo(he, "align", void 0, "dropdown", (e) => e), ar = (e) => /* @__PURE__ */ l.createElement(ir, Object.assign({}, e), /* @__PURE__ */ l.createElement("span", null));
-he._InternalPanelDoNotUseOrYouWillBeFired = ar;
-process.env.NODE_ENV !== "production" && (he.displayName = "Dropdown");
+  }), H);
+  return X && (J = /* @__PURE__ */ l.createElement(Ot.Provider, {
+    value: Y
+  }, J)), E(J);
+}, rr = jo($e, "align", void 0, "dropdown", (e) => e), ir = (e) => /* @__PURE__ */ l.createElement(rr, Object.assign({}, e), /* @__PURE__ */ l.createElement("span", null));
+$e._InternalPanelDoNotUseOrYouWillBeFired = ir;
+process.env.NODE_ENV !== "production" && ($e.displayName = "Dropdown");
 function bt(e) {
   return ["small", "middle", "large"].includes(e);
 }
@@ -3610,7 +3604,7 @@ function ht(e) {
 }
 const kt = /* @__PURE__ */ $t.createContext({
   latestIndex: 0
-}), lr = kt.Provider, sr = (e) => {
+}), ar = kt.Provider, lr = (e) => {
   let {
     className: t,
     index: o,
@@ -3628,14 +3622,14 @@ const kt = /* @__PURE__ */ $t.createContext({
     className: `${t}-split`
   }, r));
 };
-var cr = function(e, t) {
+var sr = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
     t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
   return o;
 };
-const dr = /* @__PURE__ */ l.forwardRef((e, t) => {
+const cr = /* @__PURE__ */ l.forwardRef((e, t) => {
   var o;
   const {
     getPrefixCls: n,
@@ -3649,52 +3643,52 @@ const dr = /* @__PURE__ */ l.forwardRef((e, t) => {
     size: d = a ?? "small",
     align: f,
     className: m,
-    rootClassName: g,
+    rootClassName: v,
     children: p,
-    direction: v = "horizontal",
+    direction: g = "horizontal",
     prefixCls: h,
     split: C,
     style: b,
     wrap: S = !1,
     classNames: $,
-    styles: O
-  } = e, H = cr(e, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]), [R, M] = Array.isArray(d) ? d : [d, d], I = bt(M), w = bt(R), B = ht(M), z = ht(R), N = qe(p, {
+    styles: B
+  } = e, M = sr(e, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]), [R, T] = Array.isArray(d) ? d : [d, d], w = bt(T), x = bt(R), P = ht(T), I = ht(R), z = qe(p, {
     keepEmpty: !0
-  }), y = f === void 0 && v === "horizontal" ? "center" : f, P = n("space", h), [A, j, L] = To(P), F = _(P, i, j, `${P}-${v}`, {
-    [`${P}-rtl`]: r === "rtl",
-    [`${P}-align-${y}`]: y,
-    [`${P}-gap-row-${M}`]: I,
-    [`${P}-gap-col-${R}`]: w
-  }, m, g, L), V = _(`${P}-item`, (o = $ == null ? void 0 : $.item) !== null && o !== void 0 ? o : c.item);
-  let k = 0;
-  const D = N.map((G, Z) => {
-    var Y;
-    G != null && (k = Z);
-    const x = (G == null ? void 0 : G.key) || `${V}-${Z}`;
-    return /* @__PURE__ */ l.createElement(sr, {
-      className: V,
-      key: x,
+  }), y = f === void 0 && g === "horizontal" ? "center" : f, N = n("space", h), [E, A, L] = To(N), F = _(N, i, A, `${N}-${g}`, {
+    [`${N}-rtl`]: r === "rtl",
+    [`${N}-align-${y}`]: y,
+    [`${N}-gap-row-${T}`]: w,
+    [`${N}-gap-col-${R}`]: x
+  }, m, v, L), j = _(`${N}-item`, (o = $ == null ? void 0 : $.item) !== null && o !== void 0 ? o : c.item);
+  let H = 0;
+  const D = z.map((G, Z) => {
+    var ee;
+    G != null && (H = Z);
+    const k = (G == null ? void 0 : G.key) || `${j}-${Z}`;
+    return /* @__PURE__ */ l.createElement(lr, {
+      className: j,
+      key: k,
       index: Z,
       split: C,
-      style: (Y = O == null ? void 0 : O.item) !== null && Y !== void 0 ? Y : u.item
+      style: (ee = B == null ? void 0 : B.item) !== null && ee !== void 0 ? ee : u.item
     }, G);
   }), W = l.useMemo(() => ({
-    latestIndex: k
-  }), [k]);
-  if (N.length === 0)
+    latestIndex: H
+  }), [H]);
+  if (z.length === 0)
     return null;
   const q = {};
-  return S && (q.flexWrap = "wrap"), !w && z && (q.columnGap = R), !I && B && (q.rowGap = M), A(/* @__PURE__ */ l.createElement("div", Object.assign({
+  return S && (q.flexWrap = "wrap"), !x && I && (q.columnGap = R), !w && P && (q.rowGap = T), E(/* @__PURE__ */ l.createElement("div", Object.assign({
     ref: t,
     className: F,
     style: Object.assign(Object.assign(Object.assign({}, q), s), b)
-  }, H), /* @__PURE__ */ l.createElement(lr, {
+  }, M), /* @__PURE__ */ l.createElement(ar, {
     value: W
   }, D)));
-}), et = dr;
+}), et = cr;
 et.Compact = _o;
 process.env.NODE_ENV !== "production" && (et.displayName = "Space");
-var ur = function(e, t) {
+var dr = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
@@ -3706,7 +3700,7 @@ const Vt = (e) => {
     getPopupContainer: t,
     getPrefixCls: o,
     direction: n
-  } = l.useContext(ne), {
+  } = l.useContext(ie), {
     prefixCls: r,
     type: a = "default",
     danger: i,
@@ -3716,46 +3710,46 @@ const Vt = (e) => {
     htmlType: d,
     children: f,
     className: m,
-    menu: g,
+    menu: v,
     arrow: p,
-    autoFocus: v,
+    autoFocus: g,
     overlay: h,
     trigger: C,
     align: b,
     open: S,
     onOpenChange: $,
-    placement: O,
-    getPopupContainer: H,
+    placement: B,
+    getPopupContainer: M,
     href: R,
-    icon: M = /* @__PURE__ */ l.createElement(xt, null),
-    title: I,
-    buttonsRender: w = (x) => x,
-    mouseEnterDelay: B,
-    mouseLeaveDelay: z,
-    overlayClassName: N,
+    icon: T = /* @__PURE__ */ l.createElement(xt, null),
+    title: w,
+    buttonsRender: x = (k) => k,
+    mouseEnterDelay: P,
+    mouseLeaveDelay: I,
+    overlayClassName: z,
     overlayStyle: y,
-    destroyPopupOnHide: P,
-    dropdownRender: A
-  } = e, j = ur(e, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyPopupOnHide", "dropdownRender"]), L = o("dropdown", r), F = `${L}-button`, V = {
-    menu: g,
+    destroyPopupOnHide: N,
+    dropdownRender: E
+  } = e, A = dr(e, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyPopupOnHide", "dropdownRender"]), L = o("dropdown", r), F = `${L}-button`, j = {
+    menu: v,
     arrow: p,
-    autoFocus: v,
+    autoFocus: g,
     align: b,
     disabled: s,
     trigger: s ? [] : C,
     onOpenChange: $,
-    getPopupContainer: H || t,
-    mouseEnterDelay: B,
-    mouseLeaveDelay: z,
-    overlayClassName: N,
+    getPopupContainer: M || t,
+    mouseEnterDelay: P,
+    mouseLeaveDelay: I,
+    overlayClassName: z,
     overlayStyle: y,
-    destroyPopupOnHide: P,
-    dropdownRender: A
+    destroyPopupOnHide: N,
+    dropdownRender: E
   }, {
-    compactSize: k,
+    compactSize: H,
     compactItemClassnames: D
   } = Ro(L, n), W = _(F, D, m);
-  "overlay" in e && (V.overlay = h), "open" in e && (V.open = S), "placement" in e ? V.placement = O : V.placement = n === "rtl" ? "bottomLeft" : "bottomRight";
+  "overlay" in e && (j.overlay = h), "open" in e && (j.open = S), "placement" in e ? j.placement = B : j.placement = n === "rtl" ? "bottomLeft" : "bottomRight";
   const q = /* @__PURE__ */ l.createElement(lt, {
     type: a,
     danger: i,
@@ -3764,33 +3758,33 @@ const Vt = (e) => {
     onClick: u,
     htmlType: d,
     href: R,
-    title: I
+    title: w
   }, f), G = /* @__PURE__ */ l.createElement(lt, {
     type: a,
     danger: i,
-    icon: M
-  }), [Z, Y] = w([q, G]);
+    icon: T
+  }), [Z, ee] = x([q, G]);
   return /* @__PURE__ */ l.createElement(et.Compact, Object.assign({
     className: W,
-    size: k,
+    size: H,
     block: !0
-  }, j), Z, /* @__PURE__ */ l.createElement(he, Object.assign({}, V), Y));
+  }, A), Z, /* @__PURE__ */ l.createElement($e, Object.assign({}, j), ee));
 };
 Vt.__ANT_BUTTON = !0;
-const Wt = he;
+const Wt = $e;
 Wt.Button = Vt;
-const mr = (e) => /* @__PURE__ */ l.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "M19 9L12 16L5 9", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), pr = "_avatar_1r72q_43", gr = "_pointer_1r72q_49", fr = "_flexRowCenter_1r72q_53", vr = "_userTitle_1r72q_60", we = {
-  avatar: pr,
-  pointer: gr,
-  flexRowCenter: fr,
-  userTitle: vr
-}, Sr = ({ items: e, user: t, collapsed: o, handleMenuClick: n }) => /* @__PURE__ */ ye(Wt, { menu: { items: e, onClick: n }, trigger: ["click"], children: /* @__PURE__ */ eo("a", { onClick: (r) => r.preventDefault(), className: we.flexRowCenter, children: [
-  /* @__PURE__ */ ye(_t, { className: oo(we.avatar, we.pointer), size: "large", children: t[0] }),
-  !o && /* @__PURE__ */ ye("span", { className: we.userTitle, children: t }),
-  !o && /* @__PURE__ */ ye(mr, {})
+const ur = (e) => /* @__PURE__ */ l.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "M19 9L12 16L5 9", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), mr = "_avatar_1r72q_43", pr = "_pointer_1r72q_49", gr = "_flexRowCenter_1r72q_53", fr = "_userTitle_1r72q_60", xe = {
+  avatar: mr,
+  pointer: pr,
+  flexRowCenter: gr,
+  userTitle: fr
+}, xr = ({ items: e, user: t, collapsed: o, handleMenuClick: n }) => /* @__PURE__ */ Ce(Wt, { menu: { items: e, onClick: n }, trigger: ["click"], children: /* @__PURE__ */ eo("a", { onClick: (r) => r.preventDefault(), className: xe.flexRowCenter, children: [
+  /* @__PURE__ */ Ce(_t, { className: oo(xe.avatar, xe.pointer), size: "large", children: t[0] }),
+  !o && /* @__PURE__ */ Ce("span", { className: xe.userTitle, children: t }),
+  !o && /* @__PURE__ */ Ce(ur, {})
 ] }) });
 export {
-  pe as M,
-  mr as S,
-  Sr as U
+  ge as M,
+  ur as S,
+  xr as U
 };