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

package/dist/{UserInfoDropdown-Bf6STdbW.js → UserInfoDropdown-CWTcdnqL.js}

@@ -1,13 +1,13 @@
-import { jsx as Ce, jsxs as eo } from "react/jsx-runtime";
+import { jsx as we, jsxs as no } from "react/jsx-runtime";
 import * as l 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 { _ 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 Ge, 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-4ttylmIf.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-CmR4hXJ_.js";
-import { P as fe, i as Te, C as St, b as zo, u as qe, d as ue, z as Ot, e as jo, f as To, h as _o, j as Ro, B as lt } from "./PurePanel-CykVuv66.js";
-import './assets/UserInfoDropdown.css';function Mo(e, t) {
-  return fe.reduce((o, n) => {
+import Ct, { useRef as ze, forwardRef as We, useImperativeHandle as wt, isValidElement as ro, useContext as nt, useState as rt, useEffect as Le, createContext as io } from "react";
+import { cn as ao } from "./portal-utils/cn.js";
+import { _ as je } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
+import { I as Xe, K as ae, H as lo, U as Fe, ah as so, g as de, m as ce, y as be, u as I, a2 as co, a as re, E as uo, v as he, D as Te, c as _, p as mo, N as po, e as se, l as it, b as Ge, s as Ye, t as xt, j as go, x as Ue, o as $e, an as fo, n as vo, a4 as bo, A as ho, z as $o, F as at, aa as lt, ad as yo, k as St, ao as Co, B as st } from "./context-dCWAMvX5.js";
+import { R as wo, T as xo, c as So, M as Oo, a as Oe, u as Io, S as Po, E as Eo, b as Ot, d as No, s as Bo, e as zo, f as jo, g as To, D as _o } from "./EllipsisOutlined-DfCu6q_b.js";
+import { P as ve, i as _e, C as It, d as Ro, u as qe, e as ue, z as Pt, g as Mo, f as Ho, h as Do, j as Ao, B as ct } from "./PurePanel-DvQTygSo.js";
+import './assets/UserInfoDropdown.css';function Lo(e, t) {
+  return ve.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,
@@ -17,14 +17,14 @@ 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, ze({}, t, {
+var ko = { 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" }, Vo = function(t, o) {
+  return /* @__PURE__ */ l.createElement(Xe, je({}, t, {
     ref: o,
-    icon: Do
+    icon: ko
   }));
-}, Oe = /* @__PURE__ */ l.forwardRef(Ho);
-process.env.NODE_ENV !== "production" && (Oe.displayName = "RightOutlined");
-const Ao = (e) => ({
+}, Ie = /* @__PURE__ */ l.forwardRef(Vo);
+process.env.NODE_ENV !== "production" && (Ie.displayName = "RightOutlined");
+const Wo = (e) => ({
   [e.componentCls]: {
     // For common/openAnimation
     [`${e.antCls}-motion-collapse-legacy`]: {
@@ -40,7 +40,7 @@ const Ao = (e) => ({
         opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`
     }
   }
-}), Lo = new le("antMoveDownIn", {
+}), Xo = new ae("antMoveDownIn", {
   "0%": {
     transform: "translate3d(0, 100%, 0)",
     transformOrigin: "0 0",
@@ -51,7 +51,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), ko = new le("antMoveDownOut", {
+}), Fo = new ae("antMoveDownOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -62,7 +62,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 0
   }
-}), Vo = new le("antMoveLeftIn", {
+}), Go = new ae("antMoveLeftIn", {
   "0%": {
     transform: "translate3d(-100%, 0, 0)",
     transformOrigin: "0 0",
@@ -73,7 +73,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), Wo = new le("antMoveLeftOut", {
+}), Yo = new ae("antMoveLeftOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -84,7 +84,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 0
   }
-}), Xo = new le("antMoveRightIn", {
+}), Uo = new ae("antMoveRightIn", {
   "0%": {
     transform: "translate3d(100%, 0, 0)",
     transformOrigin: "0 0",
@@ -95,7 +95,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), Fo = new le("antMoveRightOut", {
+}), qo = new ae("antMoveRightOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -106,7 +106,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 0
   }
-}), Go = new le("antMoveUpIn", {
+}), Ko = new ae("antMoveUpIn", {
   "0%": {
     transform: "translate3d(0, -100%, 0)",
     transformOrigin: "0 0",
@@ -117,7 +117,7 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), qo = new le("antMoveUpOut", {
+}), Zo = new ae("antMoveUpOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -128,31 +128,31 @@ const Ao = (e) => ({
     transformOrigin: "0 0",
     opacity: 0
   }
-}), Yo = {
+}), Qo = {
   "move-up": {
-    inKeyframes: Go,
-    outKeyframes: qo
+    inKeyframes: Ko,
+    outKeyframes: Zo
   },
   "move-down": {
-    inKeyframes: Lo,
-    outKeyframes: ko
+    inKeyframes: Xo,
+    outKeyframes: Fo
   },
   "move-left": {
-    inKeyframes: Vo,
-    outKeyframes: Wo
+    inKeyframes: Go,
+    outKeyframes: Yo
   },
   "move-right": {
-    inKeyframes: Xo,
-    outKeyframes: Fo
+    inKeyframes: Uo,
+    outKeyframes: qo
   }
-}, st = (e, t) => {
+}, dt = (e, t) => {
   const {
     antCls: o
   } = e, n = `${o}-${t}`, {
     inKeyframes: r,
     outKeyframes: a
-  } = Yo[t];
-  return [no(n, r, a, e.motionDurationMid), {
+  } = Qo[t];
+  return [lo(n, r, a, e.motionDurationMid), {
     [`
         ${n}-enter,
         ${n}-appear
@@ -164,15 +164,19 @@ const Ao = (e) => ({
       animationTimingFunction: e.motionEaseInOutCirc
     }
   }];
-}, It = ["xxl", "xl", "lg", "md", "sm", "xs"], Uo = (e) => ({
+}, Et = (e, t) => {
+  typeof (e == null ? void 0 : e.addEventListener) < "u" ? e.addEventListener("change", t) : typeof (e == null ? void 0 : e.addListener) < "u" && e.addListener(t);
+}, Nt = (e, t) => {
+  typeof (e == null ? void 0 : e.removeEventListener) < "u" ? e.removeEventListener("change", t) : typeof (e == null ? void 0 : e.removeListener) < "u" && e.removeListener(t);
+}, Bt = ["xxl", "xl", "lg", "md", "sm", "xs"], Jo = (e) => ({
   xs: `(max-width: ${e.screenXSMax}px)`,
   sm: `(min-width: ${e.screenSM}px)`,
   md: `(min-width: ${e.screenMD}px)`,
   lg: `(min-width: ${e.screenLG}px)`,
   xl: `(min-width: ${e.screenXL}px)`,
   xxl: `(min-width: ${e.screenXXL}px)`
-}), Ko = (e) => {
-  const t = e, o = [].concat(It).reverse();
+}), en = (e) => {
+  const t = e, o = [].concat(Bt).reverse();
   return o.forEach((n, r) => {
     const a = n.toUpperCase(), i = `screen${a}Min`, s = `screen${a}`;
     if (!(t[i] <= t[s]))
@@ -186,9 +190,9 @@ const Ao = (e) => ({
         throw new Error(`${c}<=${d} fails : !(${t[c]}<=${t[d]})`);
     }
   }), e;
-}, Zo = () => {
-  const [, e] = We(), t = Uo(Ko(e));
-  return $t.useMemo(() => {
+}, tn = () => {
+  const [, e] = Fe(), t = Jo(en(e));
+  return Ct.useMemo(() => {
     const o = /* @__PURE__ */ new Map();
     let n = -1, r = {};
     return {
@@ -204,45 +208,43 @@ const Ao = (e) => ({
         o.delete(a), o.size || this.unregister();
       },
       register() {
-        Object.keys(t).forEach((a) => {
-          const i = t[a], s = (u) => {
-            let {
-              matches: d
-            } = u;
+        Object.entries(t).forEach(([a, i]) => {
+          const s = ({
+            matches: m
+          }) => {
             this.dispatch(Object.assign(Object.assign({}, r), {
-              [a]: d
+              [a]: m
             }));
           }, c = window.matchMedia(i);
-          c.addListener(s), this.matchHandlers[i] = {
+          Et(c, s), this.matchHandlers[i] = {
             mql: c,
             listener: s
           }, s(c);
         });
       },
       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);
+        Object.values(t).forEach((a) => {
+          const i = this.matchHandlers[a];
+          Nt(i == null ? void 0 : i.mql, i == null ? void 0 : i.listener);
         }), o.clear();
       }
     };
   }, [e]);
 };
-function Qo() {
+function on() {
   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 = Be(t), n = Qo(), r = Zo();
-  return ro(() => {
+function nn(e = !0, t = {}) {
+  const o = ze(t), n = on(), r = tn();
+  return so(() => {
     const a = r.subscribe((i) => {
       o.current = i, e && n();
     });
     return () => r.unsubscribe(a);
   }, []), o.current;
 }
-const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
+const Ve = /* @__PURE__ */ l.createContext({}), rn = (e) => {
   const {
     antCls: t,
     componentCls: o,
@@ -252,20 +254,20 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
     containerSize: i,
     containerSizeLG: s,
     containerSizeSM: c,
-    textFontSize: u,
+    textFontSize: m,
     textFontSizeLG: d,
     textFontSizeSM: f,
-    borderRadius: m,
+    borderRadius: p,
     borderRadiusLG: v,
-    borderRadiusSM: p,
-    lineWidth: g,
+    borderRadiusSM: g,
+    lineWidth: u,
     lineType: h
-  } = e, C = (b, S, $) => ({
+  } = e, $ = (b, S, N) => ({
     width: b,
     height: b,
     borderRadius: "50%",
     [`&${o}-square`]: {
-      borderRadius: $
+      borderRadius: N
     },
     [`&${o}-icon`]: {
       fontSize: S,
@@ -275,7 +277,7 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
     }
   });
   return {
-    [o]: Object.assign(Object.assign(Object.assign(Object.assign({}, ve(e)), {
+    [o]: Object.assign(Object.assign(Object.assign(Object.assign({}, be(e)), {
       position: "relative",
       display: "inline-flex",
       justifyContent: "center",
@@ -286,16 +288,16 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
       textAlign: "center",
       verticalAlign: "middle",
       background: r,
-      border: `${O(g)} ${h} transparent`,
+      border: `${I(u)} ${h} transparent`,
       "&-image": {
         background: "transparent"
       },
       [`${t}-image-img`]: {
         display: "block"
       }
-    }), C(i, u, m)), {
-      "&-lg": Object.assign({}, C(s, d, v)),
-      "&-sm": Object.assign({}, C(c, f, p)),
+    }), $(i, m, p)), {
+      "&-lg": Object.assign({}, $(s, d, v)),
+      "&-sm": Object.assign({}, $(c, f, g)),
       "> img": {
         display: "block",
         width: "100%",
@@ -304,7 +306,7 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
       }
     })
   };
-}, tn = (e) => {
+}, an = (e) => {
   const {
     componentCls: t,
     groupBorderColor: o,
@@ -327,7 +329,7 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
       }
     }
   };
-}, on = (e) => {
+}, ln = (e) => {
   const {
     controlHeight: t,
     controlHeightLG: o,
@@ -337,7 +339,7 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
     fontSizeXL: i,
     fontSizeHeading3: s,
     marginXS: c,
-    marginXXS: u,
+    marginXXS: m,
     colorBorderBg: d
   } = e;
   return {
@@ -347,11 +349,11 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
     textFontSize: Math.round((a + i) / 2),
     textFontSizeLG: s,
     textFontSizeSM: r,
-    groupSpace: u,
+    groupSpace: m,
     groupOverlapping: -c,
     groupBorderColor: d
   };
-}, Nt = de("Avatar", (e) => {
+}, zt = de("Avatar", (e) => {
   const {
     colorTextLightSolid: t,
     colorTextPlaceholder: o
@@ -359,16 +361,16 @@ const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
     avatarBg: o,
     avatarColor: t
   });
-  return [en(n), tn(n)];
-}, on);
-var nn = function(e, t) {
+  return [rn(n), an(n)];
+}, ln);
+var sn = 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 Ye = /* @__PURE__ */ l.forwardRef((e, t) => {
+const Ke = /* @__PURE__ */ l.forwardRef((e, t) => {
   const {
     prefixCls: o,
     shape: n,
@@ -377,102 +379,102 @@ const Ye = /* @__PURE__ */ l.forwardRef((e, t) => {
     srcSet: i,
     icon: s,
     className: c,
-    rootClassName: u,
+    rootClassName: m,
     style: d,
     alt: f,
-    draggable: m,
+    draggable: p,
     children: v,
-    crossOrigin: p,
-    gap: g = 4,
+    crossOrigin: g,
+    gap: u = 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)
+  } = e, $ = sn(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "style", "alt", "draggable", "children", "crossOrigin", "gap", "onError"]), [b, S] = l.useState(1), [N, y] = l.useState(!1), [M, j] = l.useState(!0), T = l.useRef(null), O = l.useRef(null), E = co(t, T), {
+    getPrefixCls: H,
+    avatar: x
+  } = l.useContext(re), C = l.useContext(Ve), w = () => {
+    if (!O.current || !T.current)
       return;
-    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);
+    const V = O.current.offsetWidth, Y = T.current.offsetWidth;
+    V !== 0 && Y !== 0 && u * 2 < Y && S(Y - u * 2 < V ? (Y - u * 2) / V : 1);
   };
   l.useEffect(() => {
-    B(!0);
+    y(!0);
   }, []), l.useEffect(() => {
-    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")
+    j(!0), S(1);
+  }, [a]), l.useEffect(w, [u]);
+  const B = () => {
+    (h == null ? void 0 : h()) !== !1 && j(!1);
+  }, P = uo((V) => {
+    var Y, ne;
+    return (ne = (Y = r ?? (C == null ? void 0 : C.size)) !== null && Y !== void 0 ? Y : V) !== null && ne !== void 0 ? ne : "default";
+  }), L = Object.keys(typeof P == "object" ? P || {} : {}).some((V) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(V)), z = nn(L), F = l.useMemo(() => {
+    if (typeof P != "object")
       return {};
-    const X = It.find((J) => L[J]), Y = E[X];
+    const V = Bt.find((ne) => z[ne]), Y = P[V];
     return Y ? {
       width: Y,
       height: Y,
       fontSize: Y && (s || v) ? Y / 2 : 18
     } : {};
-  }, [L, E]);
+  }, [z, P]);
   if (process.env.NODE_ENV !== "production") {
-    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 V = he("Avatar");
+    process.env.NODE_ENV !== "production" && V(!(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 = P("avatar", o), H = je(j), [D, W, G] = Nt(j, H), q = _({
-    [`${j}-lg`]: E === "large",
-    [`${j}-sm`]: E === "small"
-  }), Z = /* @__PURE__ */ l.isValidElement(a), ee = n || (z == null ? void 0 : z.shape) || "circle", k = _(j, q, I == null ? void 0 : I.className, `${j}-${ee}`, {
-    [`${j}-image`]: Z || a && M,
-    [`${j}-icon`]: !!s
-  }, G, H, c, u, W), U = typeof E == "number" ? {
-    width: E,
-    height: E,
-    fontSize: s ? E / 2 : 18
+  const D = H("avatar", o), A = Te(D), [k, R, W] = zt(D, A), G = _({
+    [`${D}-lg`]: P === "large",
+    [`${D}-sm`]: P === "small"
+  }), q = /* @__PURE__ */ l.isValidElement(a), Q = n || (C == null ? void 0 : C.shape) || "circle", X = _(D, G, x == null ? void 0 : x.className, `${D}-${Q}`, {
+    [`${D}-image`]: q || a && M,
+    [`${D}-icon`]: !!s
+  }, W, A, c, m, R), Z = typeof P == "number" ? {
+    width: P,
+    height: P,
+    fontSize: s ? P / 2 : 18
   } : {};
-  let Q;
+  let J;
   if (typeof a == "string" && M)
-    Q = /* @__PURE__ */ l.createElement("img", {
+    J = /* @__PURE__ */ l.createElement("img", {
       src: a,
-      draggable: m,
+      draggable: p,
       srcSet: i,
-      onError: N,
+      onError: B,
       alt: f,
-      crossOrigin: p
+      crossOrigin: g
     });
-  else if (Z)
-    Q = a;
+  else if (q)
+    J = a;
   else if (s)
-    Q = s;
-  else if ($ || b !== 1) {
-    const X = `scale(${b})`, Y = {
-      msTransform: X,
-      WebkitTransform: X,
-      transform: X
+    J = s;
+  else if (N || b !== 1) {
+    const V = `scale(${b})`, Y = {
+      msTransform: V,
+      WebkitTransform: V,
+      transform: V
     };
-    Q = /* @__PURE__ */ l.createElement(ho, {
-      onResize: y
+    J = /* @__PURE__ */ l.createElement(wo, {
+      onResize: w
     }, /* @__PURE__ */ l.createElement("span", {
-      className: `${j}-string`,
-      ref: w,
+      className: `${D}-string`,
+      ref: O,
       style: Object.assign({}, Y)
     }, v));
   } else
-    Q = /* @__PURE__ */ l.createElement("span", {
-      className: `${j}-string`,
+    J = /* @__PURE__ */ l.createElement("span", {
+      className: `${D}-string`,
       style: {
         opacity: 0
       },
-      ref: w
+      ref: O
     }, 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));
+  return k(/* @__PURE__ */ l.createElement("span", Object.assign({}, $, {
+    style: Object.assign(Object.assign(Object.assign(Object.assign({}, Z), F), x == null ? void 0 : x.style), d),
+    className: X,
+    ref: E
+  }), J));
 });
-process.env.NODE_ENV !== "production" && (Ye.displayName = "Avatar");
-const Ie = (e) => e ? typeof e == "function" ? e() : e : null;
-function Ue(e) {
+process.env.NODE_ENV !== "production" && (Ke.displayName = "Avatar");
+const Pe = (e) => e ? typeof e == "function" ? e() : e : null;
+function Ze(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", {
     className: _("".concat(o, "-content"), i),
@@ -484,145 +486,145 @@ function Ue(e) {
     style: r
   }, typeof t == "function" ? t() : t));
 }
-var me = {
+var pe = {
   shiftX: 64,
   adjustY: 1
-}, pe = {
+}, ge = {
   adjustX: 1,
   shiftY: !0
-}, oe = [0, 0], rn = {
+}, te = [0, 0], cn = {
   left: {
     points: ["cr", "cl"],
-    overflow: pe,
+    overflow: ge,
     offset: [-4, 0],
-    targetOffset: oe
+    targetOffset: te
   },
   right: {
     points: ["cl", "cr"],
-    overflow: pe,
+    overflow: ge,
     offset: [4, 0],
-    targetOffset: oe
+    targetOffset: te
   },
   top: {
     points: ["bc", "tc"],
-    overflow: me,
+    overflow: pe,
     offset: [0, -4],
-    targetOffset: oe
+    targetOffset: te
   },
   bottom: {
     points: ["tc", "bc"],
-    overflow: me,
+    overflow: pe,
     offset: [0, 4],
-    targetOffset: oe
+    targetOffset: te
   },
   topLeft: {
     points: ["bl", "tl"],
-    overflow: me,
+    overflow: pe,
     offset: [0, -4],
-    targetOffset: oe
+    targetOffset: te
   },
   leftTop: {
     points: ["tr", "tl"],
-    overflow: pe,
+    overflow: ge,
     offset: [-4, 0],
-    targetOffset: oe
+    targetOffset: te
   },
   topRight: {
     points: ["br", "tr"],
-    overflow: me,
+    overflow: pe,
     offset: [0, -4],
-    targetOffset: oe
+    targetOffset: te
   },
   rightTop: {
     points: ["tl", "tr"],
-    overflow: pe,
+    overflow: ge,
     offset: [4, 0],
-    targetOffset: oe
+    targetOffset: te
   },
   bottomRight: {
     points: ["tr", "br"],
-    overflow: me,
+    overflow: pe,
     offset: [0, 4],
-    targetOffset: oe
+    targetOffset: te
   },
   rightBottom: {
     points: ["bl", "br"],
-    overflow: pe,
+    overflow: ge,
     offset: [4, 0],
-    targetOffset: oe
+    targetOffset: te
   },
   bottomLeft: {
     points: ["tl", "bl"],
-    overflow: me,
+    overflow: pe,
     offset: [0, 4],
-    targetOffset: oe
+    targetOffset: te
   },
   leftBottom: {
     points: ["br", "bl"],
-    overflow: pe,
+    overflow: ge,
     offset: [-4, 0],
-    targetOffset: oe
+    targetOffset: te
   }
-}, 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;
+}, dn = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle", "arrowContent", "overlay", "id", "showArrow", "classNames", "styles"], un = 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, m = c === void 0 ? 0.1 : c, d = t.overlayStyle, f = t.prefixCls, p = f === void 0 ? "rc-tooltip" : f, v = t.children, g = t.onVisibleChange, u = t.afterVisibleChange, h = t.transitionName, $ = t.animation, b = t.motion, S = t.placement, N = S === void 0 ? "right" : S, y = t.align, M = y === void 0 ? {} : y, j = t.destroyTooltipOnHide, T = j === void 0 ? !1 : j, O = t.defaultVisible, E = t.getTooltipContainer, H = t.overlayInnerStyle;
   t.arrowContent;
-  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 j.current;
+  var x = t.overlay, C = t.id, w = t.showArrow, B = w === void 0 ? !0 : w, P = t.classNames, L = t.styles, z = mo(t, dn), F = po(C), D = ze(null);
+  wt(o, function() {
+    return D.current;
   });
-  var H = se({}, L);
-  "visible" in t && (H.popupVisible = t.visible);
-  var D = function() {
-    return /* @__PURE__ */ l.createElement(Ue, {
+  var A = se({}, z);
+  "visible" in t && (A.popupVisible = t.visible);
+  var k = function() {
+    return /* @__PURE__ */ l.createElement(Ze, {
       key: "content",
-      prefixCls: m,
+      prefixCls: p,
       id: F,
-      bodyClassName: E == null ? void 0 : E.body,
-      overlayInnerStyle: se(se({}, P), A == null ? void 0 : A.body)
-    }, I);
-  }, W = function() {
-    var q = l.Children.only(v), Z = (q == null ? void 0 : q.props) || {}, ee = se(se({}, Z), {}, {
-      "aria-describedby": I ? F : null
+      bodyClassName: P == null ? void 0 : P.body,
+      overlayInnerStyle: se(se({}, H), L == null ? void 0 : L.body)
+    }, x);
+  }, R = function() {
+    var G = l.Children.only(v), q = (G == null ? void 0 : G.props) || {}, Q = se(se({}, q), {}, {
+      "aria-describedby": x ? F : null
     });
-    return /* @__PURE__ */ l.cloneElement(v, ee);
+    return /* @__PURE__ */ l.cloneElement(v, Q);
   };
-  return /* @__PURE__ */ l.createElement($o, ze({
-    popupClassName: _(n, E == null ? void 0 : E.root),
-    prefixCls: m,
-    popup: D,
+  return /* @__PURE__ */ l.createElement(xo, je({
+    popupClassName: _(n, P == null ? void 0 : P.root),
+    prefixCls: p,
+    popup: k,
     action: a,
-    builtinPlacements: rn,
-    popupPlacement: $,
-    ref: j,
+    builtinPlacements: cn,
+    popupPlacement: N,
+    ref: D,
     popupAlign: M,
-    getPopupContainer: x,
-    onPopupVisibleChange: p,
-    afterPopupVisibleChange: g,
+    getPopupContainer: E,
+    onPopupVisibleChange: g,
+    afterPopupVisibleChange: u,
     popupTransitionName: h,
-    popupAnimation: C,
+    popupAnimation: $,
     popupMotion: b,
-    defaultPopupVisible: w,
+    defaultPopupVisible: O,
     autoDestroy: T,
-    mouseLeaveDelay: u,
-    popupStyle: se(se({}, d), A == null ? void 0 : A.root),
+    mouseLeaveDelay: m,
+    popupStyle: se(se({}, d), L == null ? void 0 : L.root),
     mouseEnterDelay: s,
-    arrow: N
-  }, H), W());
+    arrow: B
+  }, A), R());
 };
-const sn = /* @__PURE__ */ ke(ln);
-function Ke(e) {
+const mn = /* @__PURE__ */ We(un);
+function Qe(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, 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')`;
+  } = e, r = t / 2, a = 0, i = r, s = n * 1 / Math.sqrt(2), c = r - n * (1 - 1 / Math.sqrt(2)), m = r - o * (1 / Math.sqrt(2)), d = n * (Math.sqrt(2) - 1) + o * (1 / Math.sqrt(2)), f = 2 * r - m, p = d, v = 2 * r - s, g = c, u = 2 * r - a, h = i, $ = 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%)`, N = `path('M ${a} ${i} A ${n} ${n} 0 0 0 ${s} ${c} L ${m} ${d} A ${o} ${o} 0 0 1 ${f} ${p} L ${v} ${g} A ${n} ${n} 0 0 0 ${u} ${h} Z')`;
   return {
-    arrowShadowWidth: C,
-    arrowPath: $,
+    arrowShadowWidth: $,
+    arrowPath: N,
     arrowPolygon: S
   };
 }
-const cn = (e, t, o) => {
+const pn = (e, t, o) => {
   const {
     sizePopupArrow: n,
     arrowPolygon: r,
@@ -659,7 +661,7 @@ const cn = (e, t, o) => {
       margin: "auto",
       borderRadius: {
         _skip_check_: !0,
-        value: `0 0 ${O(s)} 0`
+        value: `0 0 ${I(s)} 0`
       },
       transform: "translateY(50%) rotate(-135deg)",
       boxShadow: o,
@@ -667,21 +669,21 @@ const cn = (e, t, o) => {
       background: "transparent"
     }
   };
-}, Et = 8;
-function _e(e) {
+}, jt = 8;
+function Re(e) {
   const {
     contentRadius: t,
     limitVerticalRadius: o
   } = e, n = t > 12 ? t + 2 : 12;
   return {
     arrowOffsetHorizontal: n,
-    arrowOffsetVertical: o ? Et : n
+    arrowOffsetVertical: o ? jt : n
   };
 }
-function we(e, t) {
+function xe(e, t) {
   return e ? t : {};
 }
-function Ze(e, t, o) {
+function Je(e, t, o) {
   const {
     componentCls: n,
     boxShadowPopoverArrow: r,
@@ -703,12 +705,12 @@ function Ze(e, t, o) {
         position: "absolute",
         zIndex: 1,
         display: "block"
-      }, cn(e, t, r)), {
+      }, pn(e, t, r)), {
         "&:before": {
           background: t
         }
       })]
-    }, we(!!c.top, {
+    }, xe(!!c.top, {
       [[`&-placement-top > ${n}-arrow`, `&-placement-topLeft > ${n}-arrow`, `&-placement-topRight > ${n}-arrow`].join(",")]: {
         bottom: s,
         transform: "translateY(100%) rotate(180deg)"
@@ -730,7 +732,7 @@ function Ze(e, t, o) {
         }
       },
       "&-placement-topRight": {
-        "--arrow-offset-horizontal": `calc(100% - ${O(i)})`,
+        "--arrow-offset-horizontal": `calc(100% - ${I(i)})`,
         [`> ${n}-arrow`]: {
           right: {
             _skip_check_: !0,
@@ -738,7 +740,7 @@ function Ze(e, t, o) {
           }
         }
       }
-    })), we(!!c.bottom, {
+    })), xe(!!c.bottom, {
       [[`&-placement-bottom > ${n}-arrow`, `&-placement-bottomLeft > ${n}-arrow`, `&-placement-bottomRight > ${n}-arrow`].join(",")]: {
         top: s,
         transform: "translateY(-100%)"
@@ -760,7 +762,7 @@ function Ze(e, t, o) {
         }
       },
       "&-placement-bottomRight": {
-        "--arrow-offset-horizontal": `calc(100% - ${O(i)})`,
+        "--arrow-offset-horizontal": `calc(100% - ${I(i)})`,
         [`> ${n}-arrow`]: {
           right: {
             _skip_check_: !0,
@@ -768,7 +770,7 @@ function Ze(e, t, o) {
           }
         }
       }
-    })), we(!!c.left, {
+    })), xe(!!c.left, {
       [[`&-placement-left > ${n}-arrow`, `&-placement-leftTop > ${n}-arrow`, `&-placement-leftBottom > ${n}-arrow`].join(",")]: {
         right: {
           _skip_check_: !0,
@@ -789,7 +791,7 @@ function Ze(e, t, o) {
       [`&-placement-leftBottom > ${n}-arrow`]: {
         bottom: a
       }
-    })), we(!!c.right, {
+    })), xe(!!c.right, {
       [[`&-placement-right > ${n}-arrow`, `&-placement-rightTop > ${n}-arrow`, `&-placement-rightBottom > ${n}-arrow`].join(",")]: {
         left: {
           _skip_check_: !0,
@@ -813,7 +815,7 @@ function Ze(e, t, o) {
     }))
   };
 }
-function dn(e, t, o, n) {
+function gn(e, t, o, n) {
   if (n === !1)
     return {
       adjustX: !1,
@@ -833,7 +835,7 @@ function dn(e, t, o, n) {
   const i = Object.assign(Object.assign({}, a), r);
   return i.shiftX || (i.adjustX = !0), i.shiftY || (i.adjustY = !0), i;
 }
-const ct = {
+const ut = {
   left: {
     points: ["cr", "cl"]
   },
@@ -870,7 +872,7 @@ const ct = {
   leftBottom: {
     points: ["br", "bl"]
   }
-}, un = {
+}, fn = {
   topLeft: {
     points: ["bl", "tc"]
   },
@@ -895,8 +897,8 @@ const ct = {
   leftBottom: {
     points: ["br", "cl"]
   }
-}, mn = /* @__PURE__ */ new Set(["topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"]);
-function Pt(e) {
+}, vn = /* @__PURE__ */ new Set(["topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"]);
+function Tt(e) {
   const {
     arrowWidth: t,
     autoAdjustOverflow: o,
@@ -905,12 +907,12 @@ function Pt(e) {
     borderRadius: a,
     visibleFirst: i
   } = e, s = t / 2, c = {};
-  return Object.keys(ct).forEach((u) => {
-    const d = n && un[u] || ct[u], f = Object.assign(Object.assign({}, d), {
+  return Object.keys(ut).forEach((m) => {
+    const d = n && fn[m] || ut[m], f = Object.assign(Object.assign({}, d), {
       offset: [0, 0],
       dynamicInset: !0
     });
-    switch (c[u] = f, mn.has(u) && (f.autoArrow = !1), u) {
+    switch (c[m] = f, vn.has(m) && (f.autoArrow = !1), m) {
       case "top":
       case "topLeft":
       case "topRight":
@@ -932,33 +934,33 @@ function Pt(e) {
         f.offset[0] = s + r;
         break;
     }
-    const m = _e({
+    const p = Re({
       contentRadius: a,
       limitVerticalRadius: !0
     });
     if (n)
-      switch (u) {
+      switch (m) {
         case "topLeft":
         case "bottomLeft":
-          f.offset[0] = -m.arrowOffsetHorizontal - s;
+          f.offset[0] = -p.arrowOffsetHorizontal - s;
           break;
         case "topRight":
         case "bottomRight":
-          f.offset[0] = m.arrowOffsetHorizontal + s;
+          f.offset[0] = p.arrowOffsetHorizontal + s;
           break;
         case "leftTop":
         case "rightTop":
-          f.offset[1] = -m.arrowOffsetHorizontal * 2 + s;
+          f.offset[1] = -p.arrowOffsetHorizontal * 2 + s;
           break;
         case "leftBottom":
         case "rightBottom":
-          f.offset[1] = m.arrowOffsetHorizontal * 2 - s;
+          f.offset[1] = p.arrowOffsetHorizontal * 2 - s;
           break;
       }
-    f.overflow = dn(u, m, t, o), i && (f.htmlRegion = "visibleFirst");
+    f.overflow = gn(m, p, t, o), i && (f.htmlRegion = "visibleFirst");
   }), c;
 }
-const pn = (e) => {
+const bn = (e) => {
   const {
     calc: t,
     componentCls: o,
@@ -969,15 +971,15 @@ const pn = (e) => {
     tooltipBorderRadius: i,
     zIndexPopup: s,
     controlHeight: c,
-    boxShadowSecondary: u,
+    boxShadowSecondary: m,
     paddingSM: d,
     paddingXS: f,
-    arrowOffsetHorizontal: m,
+    arrowOffsetHorizontal: p,
     sizePopupArrow: v
-  } = e, p = t(i).add(v).add(m).equal(), g = t(i).mul(2).add(v).equal();
+  } = e, g = t(i).add(v).add(p).equal(), u = t(i).mul(2).add(v).equal();
   return [
     {
-      [o]: Object.assign(Object.assign(Object.assign(Object.assign({}, ve(e)), {
+      [o]: Object.assign(Object.assign(Object.assign(Object.assign({}, be(e)), {
         position: "absolute",
         zIndex: s,
         display: "block",
@@ -993,46 +995,43 @@ const pn = (e) => {
         "--antd-arrow-background-color": a,
         // Wrapper for the tooltip content
         [`${o}-inner`]: {
-          minWidth: g,
+          minWidth: u,
           minHeight: c,
-          padding: `${O(e.calc(d).div(2).equal())} ${O(f)}`,
+          padding: `${I(e.calc(d).div(2).equal())} ${I(f)}`,
           color: r,
           textAlign: "start",
           textDecoration: "none",
           wordWrap: "break-word",
           backgroundColor: a,
           borderRadius: i,
-          boxShadow: u,
+          boxShadow: m,
           boxSizing: "border-box"
         },
         // Align placement should have another min width
         [["&-placement-topLeft", "&-placement-topRight", "&-placement-bottomLeft", "&-placement-bottomRight"].join(",")]: {
-          minWidth: p
+          minWidth: g
         },
         // Limit left and right placement radius
         [["&-placement-left", "&-placement-leftTop", "&-placement-leftBottom", "&-placement-right", "&-placement-rightTop", "&-placement-rightBottom"].join(",")]: {
           [`${o}-inner`]: {
-            borderRadius: e.min(i, Et)
+            borderRadius: e.min(i, jt)
           }
         },
         [`${o}-content`]: {
           position: "relative"
         }
-      }), Mo(e, (h, C) => {
-        let {
-          darkColor: b
-        } = C;
-        return {
-          [`&${o}-${h}`]: {
-            [`${o}-inner`]: {
-              backgroundColor: b
-            },
-            [`${o}-arrow`]: {
-              "--antd-arrow-background-color": b
-            }
+      }), Lo(e, (h, {
+        darkColor: $
+      }) => ({
+        [`&${o}-${h}`]: {
+          [`${o}-inner`]: {
+            backgroundColor: $
+          },
+          [`${o}-arrow`]: {
+            "--antd-arrow-background-color": $
           }
-        };
-      })), {
+        }
+      }))), {
         // RTL
         "&-rtl": {
           direction: "rtl"
@@ -1040,7 +1039,7 @@ const pn = (e) => {
       })
     },
     // Arrow Style
-    Ze(e, "var(--antd-arrow-background-color)"),
+    Je(e, "var(--antd-arrow-background-color)"),
     // Pure Render
     {
       [`${o}-pure`]: {
@@ -1050,39 +1049,36 @@ const pn = (e) => {
       }
     }
   ];
-}, gn = (e) => Object.assign(Object.assign({
+}, hn = (e) => Object.assign(Object.assign({
   zIndexPopup: e.zIndexPopupBase + 70
-}, _e({
+}, Re({
   contentRadius: e.borderRadius,
   limitVerticalRadius: !0
-})), Ke(ce(e, {
+})), Qe(ce(e, {
   borderRadiusOuter: Math.min(e.borderRadiusOuter, 4)
-}))), Bt = function(e) {
-  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-  return de("Tooltip", (n) => {
-    const {
-      borderRadius: r,
-      colorTextLightSolid: a,
-      colorBgSpotlight: i
-    } = n, s = ce(n, {
-      // default variables
-      tooltipMaxWidth: 250,
-      tooltipColor: a,
-      tooltipBorderRadius: r,
-      tooltipBg: i
-    });
-    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);
-}, 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);
+}))), _t = (e, t = !0) => de("Tooltip", (n) => {
+  const {
+    borderRadius: r,
+    colorTextLightSolid: a,
+    colorBgSpotlight: i
+  } = n, s = ce(n, {
+    // default variables
+    tooltipMaxWidth: 250,
+    tooltipColor: a,
+    tooltipBorderRadius: r,
+    tooltipBg: i
+  });
+  return [bn(s), _e(n, "zoom-big-fast")];
+}, hn, {
+  resetStyle: !1,
+  // Popover use Tooltip as internal component. We do not need to handle this.
+  injectStyle: t
+})(e), $n = ve.map((e) => `${e}-inverse`);
+function yn(e, t = !0) {
+  return t ? [].concat(it($n), it(ve)).includes(e) : ve.includes(e);
 }
-function zt(e, t) {
-  const o = vn(t), n = _({
+function Rt(e, t) {
+  const o = yn(t), n = _({
     [`${e}-${t}`]: t && o
   }), r = {}, a = {};
   return t && !o && (r.background = t, a["--antd-arrow-background-color"] = t), {
@@ -1091,7 +1087,7 @@ function zt(e, t) {
     arrowStyle: a
   };
 }
-const bn = (e) => {
+const Cn = (e) => {
   const {
     prefixCls: t,
     className: o,
@@ -1101,26 +1097,26 @@ const bn = (e) => {
     overlayInnerStyle: i
   } = e, {
     getPrefixCls: s
-  } = 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: g,
+  } = l.useContext(re), c = s("tooltip", t), [m, d, f] = _t(c), p = Rt(c, a), v = p.arrowStyle, g = Object.assign(Object.assign({}, i), p.overlayStyle), u = _(d, f, c, `${c}-pure`, `${c}-placement-${n}`, o, p.className);
+  return m(/* @__PURE__ */ l.createElement("div", {
+    className: u,
     style: v
   }, /* @__PURE__ */ l.createElement("div", {
     className: `${c}-arrow`
-  }), /* @__PURE__ */ l.createElement(Ue, Object.assign({}, e, {
+  }), /* @__PURE__ */ l.createElement(Ze, Object.assign({}, e, {
     className: d,
     prefixCls: c,
-    overlayInnerStyle: p
+    overlayInnerStyle: g
   }), r)));
 };
-var hn = 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 $n = /* @__PURE__ */ l.forwardRef((e, t) => {
+const xn = /* @__PURE__ */ l.forwardRef((e, t) => {
   var o, n;
   const {
     prefixCls: r,
@@ -1128,116 +1124,117 @@ const $n = /* @__PURE__ */ l.forwardRef((e, t) => {
     getTooltipContainer: i,
     color: s,
     overlayInnerStyle: c,
-    children: u,
+    children: m,
     afterOpenChange: d,
     afterVisibleChange: f,
-    destroyTooltipOnHide: m,
-    arrow: v = !0,
-    title: p,
-    overlay: g,
-    builtinPlacements: h,
-    arrowPointAtCenter: C = !1,
-    autoAdjustOverflow: b = !0,
-    motion: S,
-    getPopupContainer: $,
-    placement: B = "top",
-    mouseEnterDelay: M = 0.1,
-    mouseLeaveDelay: R = 0.1,
-    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: j,
-    classNames: H,
-    styles: D
-  } = Xe("tooltip"), W = be("Tooltip"), G = l.useRef(null), q = () => {
+    destroyTooltipOnHide: p,
+    destroyOnHidden: v,
+    arrow: g = !0,
+    title: u,
+    overlay: h,
+    builtinPlacements: $,
+    arrowPointAtCenter: b = !1,
+    autoAdjustOverflow: S = !0,
+    motion: N,
+    getPopupContainer: y,
+    placement: M = "top",
+    mouseEnterDelay: j = 0.1,
+    mouseLeaveDelay: T = 0.1,
+    overlayStyle: O,
+    rootClassName: E,
+    overlayClassName: H,
+    styles: x,
+    classNames: C
+  } = e, w = wn(e, ["prefixCls", "openClassName", "getTooltipContainer", "color", "overlayInnerStyle", "children", "afterOpenChange", "afterVisibleChange", "destroyTooltipOnHide", "destroyOnHidden", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]), B = !!g, [, P] = Fe(), {
+    getPopupContainer: L,
+    getPrefixCls: z,
+    direction: F,
+    className: D,
+    style: A,
+    classNames: k,
+    styles: R
+  } = Ge("tooltip"), W = he("Tooltip"), G = l.useRef(null), q = () => {
     var K;
     (K = G.current) === null || K === void 0 || K.forceAlign();
   };
   l.useImperativeHandle(t, () => {
-    var K, te;
+    var K, ee;
     return {
       forceAlign: q,
       forcePopupAlign: () => {
         W.deprecated(!1, "forcePopupAlign", "forceAlign"), q();
       },
       nativeElement: (K = G.current) === null || K === void 0 ? void 0 : K.nativeElement,
-      popupElement: (te = G.current) === null || te === void 0 ? void 0 : te.popupElement
+      popupElement: (ee = G.current) === null || ee === void 0 ? void 0 : ee.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 [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, {
+  }), process.env.NODE_ENV !== "production" && ([["visible", "open"], ["defaultVisible", "defaultOpen"], ["onVisibleChange", "onOpenChange"], ["afterVisibleChange", "afterOpenChange"], ["destroyTooltipOnHide", "destroyOnHidden"], ["arrowPointAtCenter", "arrow={{ pointAtCenter: true }}"], ["overlayStyle", "styles={{ root: {} }}"], ["overlayInnerStyle", "styles={{ body: {} }}"], ["overlayClassName", 'classNames={{ root: "" }}']].forEach(([K, ee]) => {
+    W.deprecated(!(K in e), K, ee);
+  }), process.env.NODE_ENV !== "production" && W(!p || typeof p == "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 [Q, X] = Ye(!1, {
     value: (o = e.open) !== null && o !== void 0 ? o : e.visible,
     defaultValue: (n = e.defaultOpen) !== null && n !== void 0 ? n : e.defaultVisible
-  }), 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 ? N.sizePopupArrow : 0,
-      borderRadius: N.borderRadius,
-      offset: N.marginXXS,
+  }), Z = !u && !h && u !== 0, J = (K) => {
+    var ee, me;
+    X(Z ? !1 : K), Z || ((ee = e.onOpenChange) === null || ee === void 0 || ee.call(e, K), (me = e.onVisibleChange) === null || me === void 0 || me.call(e, K));
+  }, V = l.useMemo(() => {
+    var K, ee;
+    let me = b;
+    return typeof g == "object" && (me = (ee = (K = g.pointAtCenter) !== null && K !== void 0 ? K : g.arrowPointAtCenter) !== null && ee !== void 0 ? ee : b), $ || Tt({
+      arrowPointAtCenter: me,
+      autoAdjustOverflow: S,
+      arrowWidth: B ? P.sizePopupArrow : 0,
+      borderRadius: P.borderRadius,
+      offset: P.marginXXS,
       visibleFirst: !0
     });
-  }, [C, v, h, N]), X = l.useMemo(() => p === 0 ? p : g || p || "", [g, p]), Y = /* @__PURE__ */ l.createElement(St, {
+  }, [b, g, $, P]), Y = l.useMemo(() => u === 0 ? u : h || u || "", [h, u]), ne = /* @__PURE__ */ l.createElement(It, {
     space: !0
-  }, 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, Gt, qt] = Bt(J, !re), De = zt(J, s), Yt = De.arrowStyle, Ut = _(x, {
-    [`${J}-rtl`]: L === "rtl"
-  }, De.className, w, Gt, qt, F, H.root, I == null ? void 0 : I.root), Kt = _(H.body, I == null ? void 0 : I.body), [Zt, Qt] = qe("Tooltip", z.zIndex), Jt = /* @__PURE__ */ l.createElement(sn, Object.assign({}, z, {
-    zIndex: Zt,
-    showArrow: y,
-    placement: B,
-    mouseEnterDelay: M,
-    mouseLeaveDelay: R,
-    prefixCls: J,
+  }, typeof Y == "function" ? Y() : Y), ie = z("tooltip", r), Ce = z(), He = e["data-popover-inject"];
+  let le = Q;
+  !("open" in e) && !("visible" in e) && Z && (le = !1);
+  const U = /* @__PURE__ */ l.isValidElement(m) && !Ro(m) ? m : /* @__PURE__ */ l.createElement("span", null, m), oe = U.props, De = !oe.className || typeof oe.className == "string" ? _(oe.className, a || `${ie}-open`) : oe.className, [Ut, qt, Kt] = _t(ie, !He), Ae = Rt(ie, s), Zt = Ae.arrowStyle, Qt = _(H, {
+    [`${ie}-rtl`]: F === "rtl"
+  }, Ae.className, E, qt, Kt, D, k.root, C == null ? void 0 : C.root), Jt = _(k.body, C == null ? void 0 : C.body), [eo, to] = qe("Tooltip", w.zIndex), oo = /* @__PURE__ */ l.createElement(mn, Object.assign({}, w, {
+    zIndex: eo,
+    showArrow: B,
+    placement: M,
+    mouseEnterDelay: j,
+    mouseLeaveDelay: T,
+    prefixCls: ie,
     classNames: {
-      root: Ut,
-      body: Kt
+      root: Qt,
+      body: Jt
     },
     styles: {
-      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)
+      root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Zt), R.root), A), O), x == null ? void 0 : x.root),
+      body: Object.assign(Object.assign(Object.assign(Object.assign({}, R.body), c), x == null ? void 0 : x.body), Ae.overlayStyle)
     },
-    getTooltipContainer: $ || i || E,
+    getTooltipContainer: y || i || L,
     ref: G,
-    builtinPlacements: Q,
-    overlay: Y,
-    visible: ne,
-    onVisibleChange: U,
+    builtinPlacements: V,
+    overlay: ne,
+    visible: le,
+    onVisibleChange: J,
     afterVisibleChange: d ?? f,
     arrowContent: /* @__PURE__ */ l.createElement("span", {
-      className: `${J}-arrow-content`
+      className: `${ie}-arrow-content`
     }),
     motion: {
-      motionName: Ct(V, "zoom-big-fast", e.transitionName),
+      motionName: xt(Ce, "zoom-big-fast", e.transitionName),
       motionDeadline: 1e3
     },
-    destroyTooltipOnHide: !!m
-  }), ne ? ue(Me, {
-    className: Xt
-  }) : Me);
-  return Ft(/* @__PURE__ */ l.createElement(Ot.Provider, {
-    value: Qt
-  }, Jt));
-}), Re = $n;
-process.env.NODE_ENV !== "production" && (Re.displayName = "Tooltip");
-Re._InternalPanelDoNotUseOrYouWillBeFired = bn;
-const yn = (e) => {
+    // TODO: In the future, destroyTooltipOnHide in rc-tooltip needs to be upgrade to destroyOnHidden
+    destroyTooltipOnHide: v ?? !!p
+  }), le ? ue(U, {
+    className: De
+  }) : U);
+  return Ut(/* @__PURE__ */ l.createElement(Pt.Provider, {
+    value: to
+  }, oo));
+}), Me = xn;
+process.env.NODE_ENV !== "production" && (Me.displayName = "Tooltip");
+Me._InternalPanelDoNotUseOrYouWillBeFired = Cn;
+const Sn = (e) => {
   const {
     componentCls: t,
     popoverColor: o,
@@ -1247,17 +1244,17 @@ const yn = (e) => {
     boxShadowSecondary: i,
     colorTextHeading: s,
     borderRadiusLG: c,
-    zIndexPopup: u,
+    zIndexPopup: m,
     titleMarginBottom: d,
     colorBgElevated: f,
-    popoverBg: m,
+    popoverBg: p,
     titleBorderBottom: v,
-    innerContentPadding: p,
-    titlePadding: g
+    innerContentPadding: g,
+    titlePadding: u
   } = e;
   return [
     {
-      [t]: Object.assign(Object.assign({}, ve(e)), {
+      [t]: Object.assign(Object.assign({}, be(e)), {
         position: "absolute",
         top: 0,
         // use `left` to fix https://github.com/ant-design/ant-design/issues/39195
@@ -1265,7 +1262,7 @@ const yn = (e) => {
           _skip_check_: !0,
           value: 0
         },
-        zIndex: u,
+        zIndex: m,
         fontWeight: "normal",
         whiteSpace: "normal",
         textAlign: "start",
@@ -1287,7 +1284,7 @@ const yn = (e) => {
           position: "relative"
         },
         [`${t}-inner`]: {
-          backgroundColor: m,
+          backgroundColor: p,
           backgroundClip: "padding-box",
           borderRadius: c,
           boxShadow: i,
@@ -1299,16 +1296,16 @@ const yn = (e) => {
           color: s,
           fontWeight: r,
           borderBottom: v,
-          padding: g
+          padding: u
         },
         [`${t}-inner-content`]: {
           color: o,
-          padding: p
+          padding: g
         }
       })
     },
     // Arrow Style
-    Ze(e, "var(--antd-arrow-background-color)"),
+    Je(e, "var(--antd-arrow-background-color)"),
     // Pure Render
     {
       [`${t}-pure`]: {
@@ -1322,12 +1319,12 @@ const yn = (e) => {
       }
     }
   ];
-}, Cn = (e) => {
+}, On = (e) => {
   const {
     componentCls: t
   } = e;
   return {
-    [t]: fe.map((o) => {
+    [t]: ve.map((o) => {
       const n = e[`${o}6`];
       return {
         [`&${t}-${o}`]: {
@@ -1342,7 +1339,7 @@ const yn = (e) => {
       };
     })
   };
-}, wn = (e) => {
+}, In = (e) => {
   const {
     lineWidth: t,
     controlHeight: o,
@@ -1352,25 +1349,25 @@ const yn = (e) => {
     zIndexPopupBase: i,
     borderRadiusLG: s,
     marginXS: c,
-    lineType: u,
+    lineType: m,
     colorSplit: d,
     paddingSM: f
-  } = e, m = o - n, v = m / 2, p = m / 2 - t, g = r;
+  } = e, p = o - n, v = p / 2, g = p / 2 - t, u = r;
   return Object.assign(Object.assign(Object.assign({
     titleMinWidth: 177,
     zIndexPopup: i + 30
-  }, Ke(e)), _e({
+  }, Qe(e)), Re({
     contentRadius: s,
     limitVerticalRadius: !0
   })), {
     // internal
     innerPadding: a ? 0 : 12,
     titleMarginBottom: a ? 0 : c,
-    titlePadding: a ? `${v}px ${g}px ${p}px` : 0,
-    titleBorderBottom: a ? `${t}px ${u} ${d}` : "none",
-    innerContentPadding: a ? `${f}px ${g}px` : 0
+    titlePadding: a ? `${v}px ${u}px ${g}px` : 0,
+    titleBorderBottom: a ? `${t}px ${m} ${d}` : "none",
+    innerContentPadding: a ? `${f}px ${u}px` : 0
   });
-}, jt = de("Popover", (e) => {
+}, Mt = de("Popover", (e) => {
   const {
     colorBgElevated: t,
     colorText: o
@@ -1378,30 +1375,27 @@ const yn = (e) => {
     popoverBg: t,
     popoverColor: o
   });
-  return [yn(n), Cn(n), Te(n, "zoom-big")];
-}, wn, {
+  return [Sn(n), On(n), _e(n, "zoom-big")];
+}, In, {
   resetStyle: !1,
   deprecatedTokens: [["width", "titleMinWidth"], ["minWidth", "titleMinWidth"]]
 });
-var xn = function(e, t) {
+var Pn = 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 Tt = (e) => {
-  let {
-    title: t,
-    content: o,
-    prefixCls: n
-  } = e;
-  return !t && !o ? null : /* @__PURE__ */ l.createElement(l.Fragment, null, t && /* @__PURE__ */ l.createElement("div", {
-    className: `${n}-title`
-  }, t), o && /* @__PURE__ */ l.createElement("div", {
-    className: `${n}-inner-content`
-  }, o));
-}, Sn = (e) => {
+const Ht = ({
+  title: e,
+  content: t,
+  prefixCls: o
+}) => !e && !t ? null : /* @__PURE__ */ l.createElement(l.Fragment, null, e && /* @__PURE__ */ l.createElement("div", {
+  className: `${o}-title`
+}, e), t && /* @__PURE__ */ l.createElement("div", {
+  className: `${o}-inner-content`
+}, t)), En = (e) => {
   const {
     hashId: t,
     prefixCls: o,
@@ -1411,41 +1405,41 @@ const Tt = (e) => {
     title: i,
     content: s,
     children: c
-  } = e, u = Ie(i), d = Ie(s), f = _(t, o, `${o}-pure`, `${o}-placement-${a}`, n);
+  } = e, m = Pe(i), d = Pe(s), f = _(t, o, `${o}-pure`, `${o}-placement-${a}`, n);
   return /* @__PURE__ */ l.createElement("div", {
     className: f,
     style: r
   }, /* @__PURE__ */ l.createElement("div", {
     className: `${o}-arrow`
-  }), /* @__PURE__ */ l.createElement(Ue, Object.assign({}, e, {
+  }), /* @__PURE__ */ l.createElement(Ze, Object.assign({}, e, {
     className: t,
     prefixCls: o
-  }), c || /* @__PURE__ */ l.createElement(Tt, {
+  }), c || /* @__PURE__ */ l.createElement(Ht, {
     prefixCls: o,
-    title: u,
+    title: m,
     content: d
   })));
-}, On = (e) => {
+}, Nn = (e) => {
   const {
     prefixCls: t,
     className: o
-  } = e, n = xn(e, ["prefixCls", "className"]), {
+  } = e, n = Pn(e, ["prefixCls", "className"]), {
     getPrefixCls: r
-  } = l.useContext(ie), a = r("popover", t), [i, s, c] = jt(a);
-  return i(/* @__PURE__ */ l.createElement(Sn, Object.assign({}, n, {
+  } = l.useContext(re), a = r("popover", t), [i, s, c] = Mt(a);
+  return i(/* @__PURE__ */ l.createElement(En, Object.assign({}, n, {
     prefixCls: a,
     hashId: s,
     className: _(o, c)
   })));
 };
-var In = function(e, t) {
+var Bn = 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 Nn = /* @__PURE__ */ l.forwardRef((e, t) => {
+const zn = /* @__PURE__ */ l.forwardRef((e, t) => {
   var o, n;
   const {
     prefixCls: r,
@@ -1453,160 +1447,159 @@ const Nn = /* @__PURE__ */ l.forwardRef((e, t) => {
     content: i,
     overlayClassName: s,
     placement: c = "top",
-    trigger: u = "hover",
+    trigger: m = "hover",
     children: d,
     mouseEnterDelay: f = 0.1,
-    mouseLeaveDelay: m = 0.1,
+    mouseLeaveDelay: p = 0.1,
     onOpenChange: v,
-    overlayStyle: p = {},
-    styles: g,
+    overlayStyle: g = {},
+    styles: u,
     classNames: h
-  } = e, C = In(e, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]), {
+  } = e, $ = Bn(e, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]), {
     getPrefixCls: b,
     className: S,
-    style: $,
-    classNames: B,
+    style: N,
+    classNames: y,
     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, {
+  } = Ge("popover"), j = b("popover", r), [T, O, E] = Mt(j), H = b(), x = _(s, O, E, S, y.root, h == null ? void 0 : h.root), C = _(y.body, h == null ? void 0 : h.body), [w, B] = Ye(!1, {
     value: (o = e.open) !== null && o !== void 0 ? o : e.visible,
     defaultValue: (n = e.defaultOpen) !== null && n !== void 0 ? n : e.defaultVisible
-  }), 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({
+  }), P = (A, k) => {
+    B(A, !0), v == null || v(A, k);
+  }, L = (A) => {
+    A.keyCode === go.ESC && P(!1, A);
+  }, z = (A) => {
+    P(A);
+  }, F = Pe(a), D = Pe(i);
+  return T(/* @__PURE__ */ l.createElement(Me, Object.assign({
     placement: c,
-    trigger: u,
+    trigger: m,
     mouseEnterDelay: f,
-    mouseLeaveDelay: m
-  }, C, {
-    prefixCls: R,
+    mouseLeaveDelay: p
+  }, $, {
+    prefixCls: j,
     classNames: {
-      root: I,
-      body: z
+      root: x,
+      body: C
     },
     styles: {
-      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)
+      root: Object.assign(Object.assign(Object.assign(Object.assign({}, M.root), N), g), u == null ? void 0 : u.root),
+      body: Object.assign(Object.assign({}, M.body), u == null ? void 0 : u.body)
     },
     ref: t,
-    open: y,
-    onOpenChange: L,
-    overlay: F || j ? /* @__PURE__ */ l.createElement(Tt, {
-      prefixCls: R,
+    open: w,
+    onOpenChange: z,
+    overlay: F || D ? /* @__PURE__ */ l.createElement(Ht, {
+      prefixCls: j,
       title: F,
-      content: j
+      content: D
     }) : null,
-    transitionName: Ct(P, "zoom-big", C.transitionName),
+    transitionName: xt(H, "zoom-big", $.transitionName),
     "data-popover-inject": !0
   }), 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, H)), A(H);
+    onKeyDown: (A) => {
+      var k, R;
+      /* @__PURE__ */ ro(d) && ((R = d == null ? void 0 : (k = d.props).onKeyDown) === null || R === void 0 || R.call(k, A)), L(A);
     }
   })));
-}), Qe = Nn;
-Qe._InternalPanelDoNotUseOrYouWillBeFired = On;
-process.env.NODE_ENV !== "production" && (Qe.displayName = "Popover");
-const dt = (e) => {
+}), et = zn;
+et._InternalPanelDoNotUseOrYouWillBeFired = Nn;
+process.env.NODE_ENV !== "production" && (et.displayName = "Popover");
+const mt = (e) => {
   const {
     size: t,
     shape: o
-  } = l.useContext(Le), n = l.useMemo(() => ({
+  } = l.useContext(Ve), n = l.useMemo(() => ({
     size: e.size || t,
     shape: e.shape || o
   }), [e.size, e.shape, t, o]);
-  return /* @__PURE__ */ l.createElement(Le.Provider, {
+  return /* @__PURE__ */ l.createElement(Ve.Provider, {
     value: n
   }, e.children);
-}, En = (e) => {
+}, jn = (e) => {
   var t, o, n, r;
   const {
     getPrefixCls: a,
     direction: i
-  } = l.useContext(ie), {
+  } = l.useContext(re), {
     prefixCls: s,
     className: c,
-    rootClassName: u,
+    rootClassName: m,
     style: d,
     maxCount: f,
-    maxStyle: m,
+    maxStyle: p,
     size: v,
-    shape: p,
-    maxPopoverPlacement: g,
+    shape: g,
+    maxPopoverPlacement: u,
     maxPopoverTrigger: h,
-    children: C,
+    children: $,
     max: b
   } = e;
   if (process.env.NODE_ENV !== "production") {
-    const z = be("Avatar.Group");
-    [["maxCount", "max={{ count: number }}"], ["maxStyle", "max={{ style: CSSProperties }}"], ["maxPopoverPlacement", "max={{ popover: PopoverProps }}"], ["maxPopoverTrigger", "max={{ popover: PopoverProps }}"]].forEach((y) => {
-      let [N, E] = y;
-      z.deprecated(!(N in e), N, E);
+    const C = he("Avatar.Group");
+    [["maxCount", "max={{ count: number }}"], ["maxStyle", "max={{ style: CSSProperties }}"], ["maxPopoverPlacement", "max={{ popover: PopoverProps }}"], ["maxPopoverTrigger", "max={{ popover: PopoverProps }}"]].forEach(([w, B]) => {
+      C.deprecated(!(w in e), w, B);
     });
   }
-  const S = a("avatar", s), $ = `${S}-group`, B = je(S), [M, R, T] = Nt(S, B), w = _($, {
-    [`${$}-rtl`]: i === "rtl"
-  }, T, B, c, u, R), x = Ge(C).map((z, y) => ue(z, {
+  const S = a("avatar", s), N = `${S}-group`, y = Te(S), [M, j, T] = zt(S, y), O = _(N, {
+    [`${N}-rtl`]: i === "rtl"
+  }, T, y, c, m, j), E = Ue($).map((C, w) => ue(C, {
     // eslint-disable-next-line react/no-array-index-key
-    key: `avatar-key-${y}`
-  })), 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
+    key: `avatar-key-${w}`
+  })), H = (b == null ? void 0 : b.count) || f, x = E.length;
+  if (H && H < x) {
+    const C = E.slice(0, H), w = E.slice(H, x), B = (b == null ? void 0 : b.style) || p, P = ((t = b == null ? void 0 : b.popover) === null || t === void 0 ? void 0 : t.trigger) || h || "hover", L = ((o = b == null ? void 0 : b.popover) === null || o === void 0 ? void 0 : o.placement) || u || "top", z = Object.assign(Object.assign({
+      content: w
     }, 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)
+        root: _(`${N}-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: A,
-      trigger: E
+      placement: L,
+      trigger: P
     });
-    return z.push(/* @__PURE__ */ l.createElement(Qe, Object.assign({
+    return C.push(/* @__PURE__ */ l.createElement(et, Object.assign({
       key: "avatar-popover-key",
-      destroyTooltipOnHide: !0
-    }, L), /* @__PURE__ */ l.createElement(Ye, {
-      style: N
-    }, `+${I - P}`))), M(/* @__PURE__ */ l.createElement(dt, {
-      shape: p,
+      destroyOnHidden: !0
+    }, z), /* @__PURE__ */ l.createElement(Ke, {
+      style: B
+    }, `+${x - H}`))), M(/* @__PURE__ */ l.createElement(mt, {
+      shape: g,
       size: v
     }, /* @__PURE__ */ l.createElement("div", {
-      className: w,
+      className: O,
       style: d
-    }, z)));
+    }, C)));
   }
-  return M(/* @__PURE__ */ l.createElement(dt, {
-    shape: p,
+  return M(/* @__PURE__ */ l.createElement(mt, {
+    shape: g,
     size: v
   }, /* @__PURE__ */ l.createElement("div", {
-    className: w,
+    className: O,
     style: d
-  }, x)));
-}, _t = Ye;
-_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, {
+  }, E)));
+}, Dt = Ke;
+Dt.Group = jn;
+var Tn = { 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" }, _n = function(t, o) {
+  return /* @__PURE__ */ l.createElement(Xe, je({}, t, {
     ref: o,
-    icon: Pn
+    icon: Tn
   }));
-}, 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, {
+}, Ee = /* @__PURE__ */ l.forwardRef(_n);
+process.env.NODE_ENV !== "production" && (Ee.displayName = "LeftOutlined");
+const Rn = (e) => typeof e != "object" && typeof e != "function" || e === null;
+var Mn = { 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" }, Hn = function(t, o) {
+  return /* @__PURE__ */ l.createElement(Xe, je({}, t, {
     ref: o,
-    icon: jn
+    icon: Mn
   }));
-}, Rt = /* @__PURE__ */ l.forwardRef(Tn);
-process.env.NODE_ENV !== "production" && (Rt.displayName = "BarsOutlined");
-const _n = /* @__PURE__ */ l.createContext({
+}, At = /* @__PURE__ */ l.forwardRef(Hn);
+process.env.NODE_ENV !== "production" && (At.displayName = "BarsOutlined");
+const Dn = /* @__PURE__ */ l.createContext({
   siderHook: {
     addSider: () => null,
     removeSider: () => null
   }
-}), Rn = (e) => {
+}), An = (e) => {
   const {
     antCls: t,
     // .ant
@@ -1618,7 +1611,7 @@ const _n = /* @__PURE__ */ l.createContext({
     headerPadding: i,
     headerColor: s,
     footerPadding: c,
-    fontSize: u,
+    fontSize: m,
     bodyBg: d,
     headerBg: f
   } = e;
@@ -1653,7 +1646,7 @@ const _n = /* @__PURE__ */ l.createContext({
       height: a,
       padding: i,
       color: s,
-      lineHeight: O(a),
+      lineHeight: I(a),
       background: f,
       // Other components/menu/style/index.less line:686
       // Integration with header element so menu items have the same height
@@ -1665,7 +1658,7 @@ const _n = /* @__PURE__ */ l.createContext({
     [`${o}-footer`]: {
       padding: c,
       color: n,
-      fontSize: u,
+      fontSize: m,
       background: r
     },
     // =================== Content ====================
@@ -1676,7 +1669,7 @@ const _n = /* @__PURE__ */ l.createContext({
       minHeight: 0
     }
   };
-}, Mt = (e) => {
+}, Lt = (e) => {
   const {
     colorBgLayout: t,
     controlHeight: o,
@@ -1686,7 +1679,7 @@ const _n = /* @__PURE__ */ l.createContext({
     marginXXS: i,
     colorTextLightSolid: s,
     colorBgContainer: c
-  } = e, u = n * 1.25;
+  } = e, m = n * 1.25;
   return {
     // Deprecated
     colorBgHeader: "#001529",
@@ -1695,9 +1688,9 @@ const _n = /* @__PURE__ */ l.createContext({
     bodyBg: t,
     headerBg: "#001529",
     headerHeight: o * 2,
-    headerPadding: `0 ${u}px`,
+    headerPadding: `0 ${m}px`,
     headerColor: r,
-    footerPadding: `${a}px ${u}px`,
+    footerPadding: `${a}px ${m}px`,
     footerBg: t,
     siderBg: "#001529",
     triggerHeight: n + i * 2,
@@ -1709,11 +1702,11 @@ const _n = /* @__PURE__ */ l.createContext({
     lightTriggerBg: c,
     lightTriggerColor: r
   };
-}, Dt = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]];
-de("Layout", (e) => [Rn(e)], Mt, {
-  deprecatedTokens: Dt
+}, kt = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]];
+de("Layout", (e) => [An(e)], Lt, {
+  deprecatedTokens: kt
 });
-const Mn = (e) => {
+const Ln = (e) => {
   const {
     componentCls: t,
     siderBg: o,
@@ -1723,13 +1716,13 @@ const Mn = (e) => {
     triggerHeight: i,
     triggerColor: s,
     triggerBg: c,
-    headerHeight: u,
+    headerHeight: m,
     zeroTriggerWidth: d,
     zeroTriggerHeight: f,
-    borderRadiusLG: m,
+    borderRadiusLG: p,
     lightSiderBg: v,
-    lightTriggerColor: p,
-    lightTriggerBg: g,
+    lightTriggerColor: g,
+    lightTriggerBg: u,
     bodyBg: h
   } = e;
   return {
@@ -1765,7 +1758,7 @@ const Mn = (e) => {
         zIndex: 1,
         height: i,
         color: s,
-        lineHeight: O(i),
+        lineHeight: I(i),
         textAlign: "center",
         background: c,
         cursor: "pointer",
@@ -1773,7 +1766,7 @@ const Mn = (e) => {
       },
       [`${t}-zero-width-trigger`]: {
         position: "absolute",
-        top: u,
+        top: m,
         insetInlineEnd: e.calc(d).mul(-1).equal(),
         zIndex: 1,
         width: d,
@@ -1784,7 +1777,7 @@ const Mn = (e) => {
         alignItems: "center",
         justifyContent: "center",
         background: o,
-        borderRadius: `0 ${O(m)} ${O(m)} 0`,
+        borderRadius: `0 ${I(p)} ${I(p)} 0`,
         cursor: "pointer",
         transition: `background ${r} ease`,
         "&::after": {
@@ -1799,19 +1792,19 @@ const Mn = (e) => {
         },
         "&-right": {
           insetInlineStart: e.calc(d).mul(-1).equal(),
-          borderRadius: `${O(m)} 0 0 ${O(m)}`
+          borderRadius: `${I(p)} 0 0 ${I(p)}`
         }
       },
       // Light
       "&-light": {
         background: v,
         [`${t}-trigger`]: {
-          color: p,
-          background: g
+          color: g,
+          background: u
         },
         [`${t}-zero-width-trigger`]: {
-          color: p,
-          background: g,
+          color: g,
+          background: u,
           border: `1px solid ${h}`,
           // Safe to modify to any other color
           borderInlineStart: 0
@@ -1819,30 +1812,27 @@ const Mn = (e) => {
       }
     }
   };
-}, Dn = de(["Layout", "Sider"], (e) => [Mn(e)], Mt, {
-  deprecatedTokens: Dt
+}, kn = de(["Layout", "Sider"], (e) => [Ln(e)], Lt, {
+  deprecatedTokens: kt
 });
-var Hn = 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++)
     t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
   return o;
 };
-const ut = {
+const pt = {
   xs: "479.98px",
   sm: "575.98px",
   md: "767.98px",
   lg: "991.98px",
   xl: "1199.98px",
   xxl: "1599.98px"
-}, An = (e) => !Number.isNaN(Number.parseFloat(e)) && isFinite(e), Je = /* @__PURE__ */ l.createContext({}), Ln = /* @__PURE__ */ (() => {
+}, Wn = (e) => !Number.isNaN(Number.parseFloat(e)) && isFinite(e), tt = /* @__PURE__ */ l.createContext({}), Xn = /* @__PURE__ */ (() => {
   let e = 0;
-  return function() {
-    let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-    return e += 1, `${t}${e}`;
-  };
-})(), kn = /* @__PURE__ */ l.forwardRef((e, t) => {
+  return (t = "") => (e += 1, `${t}${e}`);
+})(), Fn = /* @__PURE__ */ l.forwardRef((e, t) => {
   const {
     prefixCls: o,
     className: n,
@@ -1851,124 +1841,107 @@ const ut = {
     defaultCollapsed: i = !1,
     theme: s = "dark",
     style: c = {},
-    collapsible: u = !1,
+    collapsible: m = !1,
     reverseArrow: d = !1,
     width: f = 200,
-    collapsedWidth: m = 80,
+    collapsedWidth: p = 80,
     zeroWidthTriggerStyle: v,
-    breakpoint: p,
-    onCollapse: g,
+    breakpoint: g,
+    onCollapse: u,
     onBreakpoint: h
-  } = e, C = Hn(e, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
+  } = e, $ = Vn(e, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
     siderHook: b
-  } = tt(_n), [S, $] = ot("collapsed" in e ? e.collapsed : i), [B, M] = ot(!1);
-  He(() => {
-    "collapsed" in e && $(e.collapsed);
+  } = nt(Dn), [S, N] = rt("collapsed" in e ? e.collapsed : i), [y, M] = rt(!1);
+  Le(() => {
+    "collapsed" in e && N(e.collapsed);
   }, [e.collapsed]);
-  const R = (k, U) => {
-    "collapsed" in e || $(k), g == null || g(k, U);
+  const j = (X, Z) => {
+    "collapsed" in e || N(X), u == null || u(X, Z);
   }, {
     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 k(Q) {
-      return y.current(Q);
-    }
-    let U;
-    if (typeof window < "u") {
-      const {
-        matchMedia: Q
-      } = window;
-      if (Q && p && p in ut) {
-        U = Q(`screen and (max-width: ${ut[p]})`);
-        try {
-          U.addEventListener("change", k);
-        } catch {
-          U.addListener(k);
-        }
-        k(U);
-      }
+    direction: O
+  } = nt(re), E = T("layout-sider", o), [H, x, C] = kn(E), w = ze(null);
+  w.current = (X) => {
+    M(X.matches), h == null || h(X.matches), S !== X.matches && j(X.matches, "responsive");
+  }, Le(() => {
+    function X(J) {
+      var V;
+      return (V = w.current) === null || V === void 0 ? void 0 : V.call(w, J);
     }
-    return () => {
-      try {
-        U == null || U.removeEventListener("change", k);
-      } catch {
-        U == null || U.removeListener(k);
-      }
+    let Z;
+    return typeof (window == null ? void 0 : window.matchMedia) < "u" && g && g in pt && (Z = window.matchMedia(`screen and (max-width: ${pt[g]})`), Et(Z, X), X(Z)), () => {
+      Nt(Z, X);
     };
-  }, [p]), He(() => {
-    const k = Ln("ant-sider-");
-    return b.addSider(k), () => b.removeSider(k);
+  }, [g]), Le(() => {
+    const X = Xn("ant-sider-");
+    return b.addSider(X), () => b.removeSider(X);
   }, []);
-  const N = () => {
-    R(!S, "clickTrigger");
-  }, 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"}`),
+  const B = () => {
+    j(!S, "clickTrigger");
+  }, P = $e($, ["collapsed"]), L = S ? p : f, z = Wn(L) ? `${L}px` : String(L), F = parseFloat(String(p || 0)) === 0 ? /* @__PURE__ */ l.createElement("span", {
+    onClick: B,
+    className: _(`${E}-zero-width-trigger`, `${E}-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"], G = r !== null ? F || /* @__PURE__ */ l.createElement("div", {
-    className: `${x}-trigger`,
-    onClick: N,
+  }, r || /* @__PURE__ */ l.createElement(At, null)) : null, D = O === "rtl" == !d, R = {
+    expanded: D ? /* @__PURE__ */ l.createElement(Ie, null) : /* @__PURE__ */ l.createElement(Ee, null),
+    collapsed: D ? /* @__PURE__ */ l.createElement(Ee, null) : /* @__PURE__ */ l.createElement(Ie, null)
+  }[S ? "collapsed" : "expanded"], W = r !== null ? F || /* @__PURE__ */ l.createElement("div", {
+    className: `${E}-trigger`,
+    onClick: B,
     style: {
-      width: L
+      width: z
     }
-  }, r || W) : null, q = Object.assign(Object.assign({}, c), {
-    flex: `0 0 ${L}`,
-    maxWidth: L,
-    minWidth: L,
-    width: L
-  }), 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(() => ({
+  }, r || R) : null, G = Object.assign(Object.assign({}, c), {
+    flex: `0 0 ${z}`,
+    maxWidth: z,
+    minWidth: z,
+    width: z
+  }), q = _(E, `${E}-${s}`, {
+    [`${E}-collapsed`]: !!S,
+    [`${E}-has-trigger`]: m && r !== null && !F,
+    [`${E}-below`]: !!y,
+    [`${E}-zero-width`]: parseFloat(z) === 0
+  }, n, x, C), Q = l.useMemo(() => ({
     siderCollapsed: S
   }), [S]);
-  return P(/* @__PURE__ */ l.createElement(Je.Provider, {
-    value: ee
+  return H(/* @__PURE__ */ l.createElement(tt.Provider, {
+    value: Q
   }, /* @__PURE__ */ l.createElement("aside", Object.assign({
-    className: Z
-  }, E, {
-    style: q,
+    className: q
+  }, P, {
+    style: G,
     ref: t
   }), /* @__PURE__ */ l.createElement("div", {
-    className: `${x}-children`
-  }, a), u || B && F ? G : null)));
+    className: `${E}-children`
+  }, a), m || y && F ? W : null)));
 });
-process.env.NODE_ENV !== "production" && (kn.displayName = "Sider");
-const Ee = /* @__PURE__ */ to({
+process.env.NODE_ENV !== "production" && (Fn.displayName = "Sider");
+const Ne = /* @__PURE__ */ io({
   prefixCls: "",
   firstLevel: !0,
   inlineCollapsed: !1
 });
-var Vn = function(e, t) {
+var Gn = 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 Ht = (e) => {
+const Vt = (e) => {
   const {
     prefixCls: t,
     className: o,
     dashed: n
-  } = e, r = Vn(e, ["prefixCls", "className", "dashed"]), {
+  } = e, r = Gn(e, ["prefixCls", "className", "dashed"]), {
     getPrefixCls: a
-  } = l.useContext(ie), i = a("menu", t), s = _({
+  } = l.useContext(re), i = a("menu", t), s = _({
     [`${i}-item-divider-dashed`]: !!n
   }, o);
-  return /* @__PURE__ */ l.createElement(yo, Object.assign({
+  return /* @__PURE__ */ l.createElement(So, Object.assign({
     className: s
   }, r));
-}, At = (e) => {
+}, Wt = (e) => {
   var t;
   const {
     className: o,
@@ -1979,56 +1952,56 @@ const Ht = (e) => {
     extra: s
   } = e, {
     prefixCls: c,
-    firstLevel: u,
+    firstLevel: m,
     direction: d,
     disableMenuItemTitleTooltip: f,
-    inlineCollapsed: m
-  } = l.useContext(Ee), v = (S) => {
-    const $ = n == null ? void 0 : n[0], B = /* @__PURE__ */ l.createElement("span", {
+    inlineCollapsed: p
+  } = l.useContext(Ne), v = (S) => {
+    const N = n == null ? void 0 : n[0], y = /* @__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", {
+    return (!r || /* @__PURE__ */ l.isValidElement(n) && n.type === "span") && n && S && m && typeof N == "string" ? /* @__PURE__ */ l.createElement("div", {
       className: `${c}-inline-collapsed-noicon`
-    }, $.charAt(0)) : B;
+    }, N.charAt(0)) : y;
   }, {
-    siderCollapsed: p
-  } = l.useContext(Je);
-  let g = a;
-  typeof a > "u" ? g = u ? n : "" : a === !1 && (g = "");
+    siderCollapsed: g
+  } = l.useContext(tt);
+  let u = a;
+  typeof a > "u" ? u = m ? n : "" : a === !1 && (u = "");
   const h = {
-    title: g
+    title: u
   };
-  !p && !m && (h.title = null, h.open = !1);
-  const C = Ge(n).length;
-  let b = /* @__PURE__ */ l.createElement(Co, Object.assign({}, he(e, ["title", "icon", "danger"]), {
+  !g && !p && (h.title = null, h.open = !1);
+  const $ = Ue(n).length;
+  let b = /* @__PURE__ */ l.createElement(Oo, Object.assign({}, $e(e, ["title", "icon", "danger"]), {
     className: _({
       [`${c}-item-danger`]: i,
-      [`${c}-item-only-child`]: (r ? C + 1 : C) === 1
+      [`${c}-item-only-child`]: (r ? $ + 1 : $) === 1
     }, o),
     title: typeof a == "string" ? a : void 0
   }), ue(r, {
-    className: _(/* @__PURE__ */ l.isValidElement(r) ? (t = r.props) === null || t === void 0 ? void 0 : t.className : "", `${c}-item-icon`)
-  }), v(m));
-  return f || (b = /* @__PURE__ */ l.createElement(Re, Object.assign({}, h, {
+    className: _(/* @__PURE__ */ l.isValidElement(r) ? (t = r.props) === null || t === void 0 ? void 0 : t.className : void 0, `${c}-item-icon`)
+  }), v(p));
+  return f || (b = /* @__PURE__ */ l.createElement(Me, Object.assign({}, h, {
     placement: d === "rtl" ? "left" : "right",
     classNames: {
       root: `${c}-inline-collapsed-tooltip`
     }
   }), b)), b;
 };
-var Wn = function(e, t) {
+var Yn = 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 Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forwardRef((e, t) => {
+const Be = /* @__PURE__ */ l.createContext(null), Un = /* @__PURE__ */ l.forwardRef((e, t) => {
   const {
     children: o
-  } = e, n = Wn(e, ["children"]), r = l.useContext(Pe), a = l.useMemo(() => Object.assign(Object.assign({}, r), n), [
+  } = e, n = Yn(e, ["children"]), r = l.useContext(Be), a = l.useMemo(() => Object.assign(Object.assign({}, r), n), [
     r,
     n.prefixCls,
     // restProps.expandIcon, Not mark as deps since this is a ReactNode
@@ -2036,15 +2009,15 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     n.selectable,
     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(Pe.Provider, {
+  ]), i = fo(o), s = vo(t, i ? bo(o) : null);
+  return /* @__PURE__ */ l.createElement(Be.Provider, {
     value: a
-  }, /* @__PURE__ */ l.createElement(St, {
+  }, /* @__PURE__ */ l.createElement(It, {
     space: !0
   }, i ? /* @__PURE__ */ l.cloneElement(o, {
     ref: s
   }) : o));
-}), Fn = (e) => {
+}), qn = (e) => {
   const {
     componentCls: t,
     motionDurationSlow: o,
@@ -2058,7 +2031,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     [`${t}-horizontal`]: {
       lineHeight: n,
       border: 0,
-      borderBottom: `${O(a)} ${i} ${r}`,
+      borderBottom: `${I(a)} ${i} ${r}`,
       boxShadow: "none",
       "&::after": {
         display: "block",
@@ -2087,33 +2060,30 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
       }
     }
   };
-}, Gn = (e) => {
-  let {
-    componentCls: t,
-    menuArrowOffset: o,
-    calc: n
-  } = e;
-  return {
-    [`${t}-rtl`]: {
-      direction: "rtl"
-    },
-    [`${t}-submenu-rtl`]: {
-      transformOrigin: "100% 0"
-    },
-    // Vertical Arrow
-    [`${t}-rtl${t}-vertical,
-    ${t}-submenu-rtl ${t}-vertical`]: {
-      [`${t}-submenu-arrow`]: {
-        "&::before": {
-          transform: `rotate(-45deg) translateY(${O(n(o).mul(-1).equal())})`
-        },
-        "&::after": {
-          transform: `rotate(45deg) translateY(${O(o)})`
-        }
+}, Kn = ({
+  componentCls: e,
+  menuArrowOffset: t,
+  calc: o
+}) => ({
+  [`${e}-rtl`]: {
+    direction: "rtl"
+  },
+  [`${e}-submenu-rtl`]: {
+    transformOrigin: "100% 0"
+  },
+  // Vertical Arrow
+  [`${e}-rtl${e}-vertical,
+    ${e}-submenu-rtl ${e}-vertical`]: {
+    [`${e}-submenu-arrow`]: {
+      "&::before": {
+        transform: `rotate(-45deg) translateY(${I(o(t).mul(-1).equal())})`
+      },
+      "&::after": {
+        transform: `rotate(45deg) translateY(${I(t)})`
       }
     }
-  };
-}, mt = (e) => Object.assign({}, go(e)), pt = (e, t) => {
+  }
+}), gt = (e) => Object.assign({}, ho(e)), ft = (e, t) => {
   const {
     componentCls: o,
     itemColor: n,
@@ -2122,42 +2092,42 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     groupTitleColor: i,
     itemBg: s,
     subMenuItemBg: c,
-    itemSelectedBg: u,
+    itemSelectedBg: m,
     activeBarHeight: d,
     activeBarWidth: f,
-    activeBarBorderWidth: m,
+    activeBarBorderWidth: p,
     motionDurationSlow: v,
-    motionEaseInOut: p,
-    motionEaseOut: g,
+    motionEaseInOut: g,
+    motionEaseOut: u,
     itemPaddingInline: h,
-    motionDurationMid: C,
+    motionDurationMid: $,
     itemHoverColor: b,
     lineType: S,
-    colorSplit: $,
+    colorSplit: N,
     // Disabled
-    itemDisabledColor: B,
+    itemDisabledColor: y,
     // Danger
     dangerItemColor: M,
-    dangerItemHoverColor: R,
+    dangerItemHoverColor: j,
     dangerItemSelectedColor: T,
-    dangerItemActiveBg: w,
-    dangerItemSelectedBg: x,
+    dangerItemActiveBg: O,
+    dangerItemSelectedBg: E,
     // Bg
-    popupBg: P,
-    itemHoverBg: I,
-    itemActiveBg: z,
-    menuSubMenuBg: y,
+    popupBg: H,
+    itemHoverBg: x,
+    itemActiveBg: C,
+    menuSubMenuBg: w,
     // Horizontal
-    horizontalItemSelectedColor: N,
-    horizontalItemSelectedBg: E,
-    horizontalItemBorderRadius: A,
-    horizontalItemHoverBg: L
+    horizontalItemSelectedColor: B,
+    horizontalItemSelectedBg: P,
+    horizontalItemBorderRadius: L,
+    horizontalItemHoverBg: z
   } = e;
   return {
     [`${o}-${t}, ${o}-${t} > ${o}`]: {
       color: n,
       background: s,
-      [`&${o}-root:focus-visible`]: Object.assign({}, mt(e)),
+      [`&${o}-root:focus-visible`]: Object.assign({}, gt(e)),
       // ======================== Item ========================
       [`${o}-item`]: {
         "&-group-title, &-extra": {
@@ -2169,11 +2139,11 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
       },
       [`${o}-item, ${o}-submenu-title`]: {
         color: n,
-        [`&:not(${o}-item-disabled):focus-visible`]: Object.assign({}, mt(e))
+        [`&:not(${o}-item-disabled):focus-visible`]: Object.assign({}, gt(e))
       },
       // Disabled
       [`${o}-item-disabled, ${o}-submenu-disabled`]: {
-        color: `${B} !important`
+        color: `${y} !important`
       },
       // Hover
       [`${o}-item:not(${o}-item-selected):not(${o}-submenu-selected)`]: {
@@ -2184,18 +2154,18 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
       [`&:not(${o}-horizontal)`]: {
         [`${o}-item:not(${o}-item-selected)`]: {
           "&:hover": {
-            backgroundColor: I
+            backgroundColor: x
           },
           "&:active": {
-            backgroundColor: z
+            backgroundColor: C
           }
         },
         [`${o}-submenu-title`]: {
           "&:hover": {
-            backgroundColor: I
+            backgroundColor: x
           },
           "&:active": {
-            backgroundColor: z
+            backgroundColor: C
           }
         }
       },
@@ -2204,11 +2174,11 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
         color: M,
         [`&${o}-item:hover`]: {
           [`&:not(${o}-item-selected):not(${o}-submenu-selected)`]: {
-            color: R
+            color: j
           }
         },
         [`&${o}-item:active`]: {
-          background: w
+          background: O
         }
       },
       [`${o}-item a`]: {
@@ -2227,22 +2197,22 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
         }
       },
       [`& ${o}-item-selected`]: {
-        backgroundColor: u,
+        backgroundColor: m,
         // Danger
         [`&${o}-item-danger`]: {
-          backgroundColor: x
+          backgroundColor: E
         }
       },
       [`&${o}-submenu > ${o}`]: {
-        backgroundColor: y
+        backgroundColor: w
       },
       // ===== 设置浮层的颜色 =======
       // ！dark 模式会被popupBg 会被rest 为 darkPopupBg
       [`&${o}-popup > ${o}`]: {
-        backgroundColor: P
+        backgroundColor: H
       },
       [`&${o}-submenu-popup > ${o}`]: {
-        backgroundColor: P
+        backgroundColor: H
       },
       // ===== 设置浮层的颜色 end =======
       // ====================== Horizontal ======================
@@ -2250,34 +2220,34 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
         borderBottom: 0
       } : {}), {
         [`> ${o}-item, > ${o}-submenu`]: {
-          top: m,
-          marginTop: e.calc(m).mul(-1).equal(),
+          top: p,
+          marginTop: e.calc(p).mul(-1).equal(),
           marginBottom: 0,
-          borderRadius: A,
+          borderRadius: L,
           "&::after": {
             position: "absolute",
             insetInline: h,
             bottom: 0,
-            borderBottom: `${O(d)} solid transparent`,
-            transition: `border-color ${v} ${p}`,
+            borderBottom: `${I(d)} solid transparent`,
+            transition: `border-color ${v} ${g}`,
             content: '""'
           },
           "&:hover, &-active, &-open": {
-            background: L,
+            background: z,
             "&::after": {
               borderBottomWidth: d,
-              borderBottomColor: N
+              borderBottomColor: B
             }
           },
           "&-selected": {
-            color: N,
-            backgroundColor: E,
+            color: B,
+            backgroundColor: P,
             "&:hover": {
-              backgroundColor: E
+              backgroundColor: P
             },
             "&::after": {
               borderBottomWidth: d,
-              borderBottomColor: N
+              borderBottomColor: B
             }
           }
         }
@@ -2286,7 +2256,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
       //
       [`&${o}-root`]: {
         [`&${o}-inline, &${o}-vertical`]: {
-          borderInlineEnd: `${O(m)} ${S} ${$}`
+          borderInlineEnd: `${I(p)} ${S} ${N}`
         }
       },
       // ======================== Inline ========================
@@ -2301,10 +2271,10 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
             position: "absolute",
             insetBlock: 0,
             insetInlineEnd: 0,
-            borderInlineEnd: `${O(f)} solid ${r}`,
+            borderInlineEnd: `${I(f)} solid ${r}`,
             transform: "scaleY(0.0001)",
             opacity: 0,
-            transition: [`transform ${C} ${g}`, `opacity ${C} ${g}`].join(","),
+            transition: [`transform ${$} ${u}`, `opacity ${$} ${u}`].join(","),
             content: '""'
           },
           // Danger
@@ -2318,13 +2288,13 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
           "&::after": {
             transform: "scaleY(1)",
             opacity: 1,
-            transition: [`transform ${C} ${p}`, `opacity ${C} ${p}`].join(",")
+            transition: [`transform ${$} ${g}`, `opacity ${$} ${g}`].join(",")
           }
         }
       }
     }
   };
-}, gt = (e) => {
+}, vt = (e) => {
   const {
     componentCls: t,
     itemHeight: o,
@@ -2334,7 +2304,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     marginXS: i,
     itemMarginBlock: s,
     itemWidth: c,
-    itemPaddingInline: u
+    itemPaddingInline: m
   } = e, d = e.calc(a).add(r).add(i).equal();
   return {
     [`${t}-item`]: {
@@ -2343,8 +2313,8 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     },
     [`${t}-item, ${t}-submenu-title`]: {
       height: o,
-      lineHeight: O(o),
-      paddingInline: u,
+      lineHeight: I(o),
+      paddingInline: m,
       overflow: "hidden",
       textOverflow: "ellipsis",
       marginInline: n,
@@ -2354,14 +2324,14 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     [`> ${t}-item,
             > ${t}-submenu > ${t}-submenu-title`]: {
       height: o,
-      lineHeight: O(o)
+      lineHeight: I(o)
     },
     [`${t}-item-group-list ${t}-submenu-title,
             ${t}-submenu-title`]: {
       paddingInlineEnd: d
     }
   };
-}, qn = (e) => {
+}, Zn = (e) => {
   const {
     componentCls: t,
     iconCls: o,
@@ -2371,17 +2341,17 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     controlHeightLG: i,
     motionEaseOut: s,
     paddingXL: c,
-    itemMarginInline: u,
+    itemMarginInline: m,
     fontSizeLG: d,
     motionDurationFast: f,
-    motionDurationSlow: m,
+    motionDurationSlow: p,
     paddingXS: v,
-    boxShadowSecondary: p,
-    collapsedWidth: g,
+    boxShadowSecondary: g,
+    collapsedWidth: u,
     collapsedIconSize: h
-  } = e, C = {
+  } = e, $ = {
     height: n,
-    lineHeight: O(n),
+    lineHeight: I(n),
     listStylePosition: "inside",
     listStyleType: "disc"
   };
@@ -2392,11 +2362,11 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
           [`&${t}-root`]: {
             boxShadow: "none"
           }
-        }, gt(e))
+        }, vt(e))
       },
       [`${t}-submenu-popup`]: {
-        [`${t}-vertical`]: Object.assign(Object.assign({}, gt(e)), {
-          boxShadow: p
+        [`${t}-vertical`]: Object.assign(Object.assign({}, vt(e)), {
+          boxShadow: g
         })
       }
     },
@@ -2404,7 +2374,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     {
       [`${t}-submenu-popup ${t}-vertical${t}-sub`]: {
         minWidth: a,
-        maxHeight: `calc(100vh - ${O(e.calc(i).mul(2.5).equal())})`,
+        maxHeight: `calc(100vh - ${I(e.calc(i).mul(2.5).equal())})`,
         padding: "0",
         overflow: "hidden",
         borderInlineEnd: 0,
@@ -2425,7 +2395,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
           [`${t}-item, ${t}-submenu-title`]: {
             display: "flex",
             alignItems: "center",
-            transition: [`border-color ${m}`, `background ${m}`, `padding ${f} ${s}`].join(","),
+            transition: [`border-color ${p}`, `background ${p}`, `padding ${f} ${s}`].join(","),
             [`> ${t}-title-content`]: {
               flex: "auto",
               minWidth: 0,
@@ -2443,19 +2413,19 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
           border: 0,
           borderRadius: 0,
           boxShadow: "none",
-          [`& > ${t}-submenu > ${t}-submenu-title`]: C,
+          [`& > ${t}-submenu > ${t}-submenu-title`]: $,
           [`& ${t}-item-group-title`]: {
             paddingInlineStart: c
           }
         },
         // >>>>> Item
-        [`${t}-item`]: C
+        [`${t}-item`]: $
       }
     },
     // Inline Collapse Only
     {
       [`${t}-inline-collapsed`]: {
-        width: g,
+        width: u,
         [`&${t}-root`]: {
           [`${t}-item, ${t}-submenu ${t}-submenu-title`]: {
             [`> ${t}-inline-collapsed-noicon`]: {
@@ -2469,7 +2439,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__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% - ${O(e.calc(h).div(2).equal())} - ${O(u)})`,
+          paddingInline: `calc(50% - ${I(e.calc(h).div(2).equal())} - ${I(m)})`,
           textOverflow: "clip",
           [`
             ${t}-submenu-arrow,
@@ -2480,7 +2450,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
           [`${t}-item-icon, ${o}`]: {
             margin: 0,
             fontSize: h,
-            lineHeight: O(n),
+            lineHeight: I(n),
             "+ span": {
               display: "inline-block",
               opacity: 0
@@ -2499,13 +2469,13 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
             color: r
           }
         },
-        [`${t}-item-group-title`]: Object.assign(Object.assign({}, fo), {
+        [`${t}-item-group-title`]: Object.assign(Object.assign({}, $o), {
           paddingInline: v
         })
       }
     }
   ];
-}, ft = (e) => {
+}, bt = (e) => {
   const {
     componentCls: t,
     motionDurationSlow: o,
@@ -2535,7 +2505,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
           transition: [`opacity ${o} ${r}`, `margin ${o}`, `color ${o}`].join(",")
         }
       },
-      [`${t}-item-icon`]: Object.assign({}, vo()),
+      [`${t}-item-icon`]: Object.assign({}, yo()),
       [`&${t}-item-only-child`]: {
         [`> ${i}, > ${t}-item-icon`]: {
           marginInlineEnd: 0
@@ -2560,7 +2530,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
       }
     }
   };
-}, vt = (e) => {
+}, ht = (e) => {
   const {
     componentCls: t,
     motionDurationSlow: o,
@@ -2592,15 +2562,15 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
           content: '""'
         },
         "&::before": {
-          transform: `rotate(45deg) translateY(${O(e.calc(i).mul(-1).equal())})`
+          transform: `rotate(45deg) translateY(${I(e.calc(i).mul(-1).equal())})`
         },
         "&::after": {
-          transform: `rotate(-45deg) translateY(${O(i)})`
+          transform: `rotate(-45deg) translateY(${I(i)})`
         }
       }
     }
   };
-}, Yn = (e) => {
+}, Qn = (e) => {
   const {
     antCls: t,
     componentCls: o,
@@ -2610,22 +2580,22 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     motionEaseInOut: i,
     paddingXS: s,
     padding: c,
-    colorSplit: u,
+    colorSplit: m,
     lineWidth: d,
     zIndexPopup: f,
-    borderRadiusLG: m,
+    borderRadiusLG: p,
     subMenuItemBorderRadius: v,
-    menuArrowSize: p,
-    menuArrowOffset: g,
+    menuArrowSize: g,
+    menuArrowOffset: u,
     lineType: h,
-    groupTitleLineHeight: C,
+    groupTitleLineHeight: $,
     groupTitleFontSize: b
   } = e;
   return [
     // Misc
     {
       "": {
-        [o]: Object.assign(Object.assign({}, rt()), {
+        [o]: Object.assign(Object.assign({}, at()), {
           // Hidden
           "&-hidden": {
             display: "none"
@@ -2637,7 +2607,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
       }
     },
     {
-      [o]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, ve(e)), rt()), {
+      [o]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, be(e)), at()), {
         marginBottom: 0,
         paddingInlineStart: 0,
         // Override default ul/ol
@@ -2663,9 +2633,9 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
           borderRadius: e.itemBorderRadius
         },
         [`${o}-item-group-title`]: {
-          padding: `${O(s)} ${O(c)}`,
+          padding: `${I(s)} ${I(c)}`,
           fontSize: b,
-          lineHeight: C,
+          lineHeight: $,
           transition: `all ${r}`
         },
         [`&-horizontal ${o}-submenu`]: {
@@ -2709,7 +2679,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
         [`${o}-item-divider`]: {
           overflow: "hidden",
           lineHeight: 0,
-          borderColor: u,
+          borderColor: m,
           borderStyle: h,
           borderWidth: 0,
           borderTopWidth: d,
@@ -2719,13 +2689,13 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
             borderStyle: "dashed"
           }
         }
-      }), ft(e)), {
+      }), bt(e)), {
         [`${o}-item-group`]: {
           [`${o}-item-group-list`]: {
             margin: 0,
             padding: 0,
             [`${o}-item, ${o}-submenu-title`]: {
-              paddingInline: `${O(e.calc(n).mul(2).equal())} ${O(c)}`
+              paddingInline: `${I(e.calc(n).mul(2).equal())} ${I(c)}`
             }
           }
         },
@@ -2734,7 +2704,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
           "&-popup": {
             position: "absolute",
             zIndex: f,
-            borderRadius: m,
+            borderRadius: p,
             boxShadow: "none",
             transformOrigin: "0 0",
             [`&${o}-submenu`]: {
@@ -2751,8 +2721,8 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
               content: '""'
             },
             [`> ${o}`]: Object.assign(Object.assign(Object.assign({
-              borderRadius: m
-            }, ft(e)), vt(e)), {
+              borderRadius: p
+            }, bt(e)), ht(e)), {
               [`${o}-item, ${o}-submenu > ${o}-submenu-title`]: {
                 borderRadius: v
               },
@@ -2786,25 +2756,25 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
             paddingTop: e.paddingXS
           }
         }
-      }), vt(e)), {
+      }), ht(e)), {
         [`&-inline-collapsed ${o}-submenu-arrow,
         &-inline ${o}-submenu-arrow`]: {
           // ↓
           "&::before": {
-            transform: `rotate(-45deg) translateX(${O(g)})`
+            transform: `rotate(-45deg) translateX(${I(u)})`
           },
           "&::after": {
-            transform: `rotate(45deg) translateX(${O(e.calc(g).mul(-1).equal())})`
+            transform: `rotate(45deg) translateX(${I(e.calc(u).mul(-1).equal())})`
           }
         },
         [`${o}-submenu-open${o}-submenu-inline > ${o}-submenu-title > ${o}-submenu-arrow`]: {
           // ↑
-          transform: `translateY(${O(e.calc(p).mul(0.2).mul(-1).equal())})`,
+          transform: `translateY(${I(e.calc(g).mul(0.2).mul(-1).equal())})`,
           "&::after": {
-            transform: `rotate(-45deg) translateX(${O(e.calc(g).mul(-1).equal())})`
+            transform: `rotate(-45deg) translateX(${I(e.calc(u).mul(-1).equal())})`
           },
           "&::before": {
-            transform: `rotate(45deg) translateX(${O(g)})`
+            transform: `rotate(45deg) translateX(${I(u)})`
           }
         }
       })
@@ -2818,7 +2788,7 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
       }
     }
   ];
-}, Un = (e) => {
+}, Jn = (e) => {
   var t, o, n;
   const {
     colorPrimary: r,
@@ -2826,25 +2796,25 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     colorTextDisabled: i,
     colorErrorBg: s,
     colorText: c,
-    colorTextDescription: u,
+    colorTextDescription: m,
     colorBgContainer: d,
     colorFillAlter: f,
-    colorFillContent: m,
+    colorFillContent: p,
     lineWidth: v,
-    lineWidthBold: p,
-    controlItemBgActive: g,
+    lineWidthBold: g,
+    controlItemBgActive: u,
     colorBgTextHover: h,
-    controlHeightLG: C,
+    controlHeightLG: $,
     lineHeight: b,
     colorBgElevated: S,
-    marginXXS: $,
-    padding: B,
+    marginXXS: N,
+    padding: y,
     fontSize: M,
-    controlHeightSM: R,
+    controlHeightSM: j,
     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();
+    colorTextLightSolid: O,
+    colorErrorHover: E
+  } = e, H = (t = e.activeBarWidth) !== null && t !== void 0 ? t : 0, x = (o = e.activeBarBorderWidth) !== null && o !== void 0 ? o : v, C = (n = e.itemMarginInline) !== null && n !== void 0 ? n : e.marginXXS, w = new lt(O).setA(0.65).toRgbString();
   return {
     dropdownWidth: 160,
     zIndexPopup: e.zIndexPopupBase + 50,
@@ -2858,8 +2828,8 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     itemHoverColor: c,
     colorItemTextHoverHorizontal: r,
     horizontalItemHoverColor: r,
-    colorGroupTitle: u,
-    groupTitleColor: u,
+    colorGroupTitle: m,
+    groupTitleColor: m,
     colorItemTextSelected: r,
     itemSelectedColor: r,
     subMenuItemSelectedColor: r,
@@ -2869,20 +2839,20 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     itemBg: d,
     colorItemBgHover: h,
     itemHoverBg: h,
-    colorItemBgActive: m,
-    itemActiveBg: g,
+    colorItemBgActive: p,
+    itemActiveBg: u,
     colorSubItemBg: f,
     subMenuItemBg: f,
-    colorItemBgSelected: g,
-    itemSelectedBg: g,
+    colorItemBgSelected: u,
+    itemSelectedBg: u,
     colorItemBgSelectedHorizontal: "transparent",
     horizontalItemSelectedBg: "transparent",
     colorActiveBarWidth: 0,
-    activeBarWidth: P,
-    colorActiveBarHeight: p,
-    activeBarHeight: p,
+    activeBarWidth: H,
+    colorActiveBarHeight: g,
+    activeBarHeight: g,
     colorActiveBarBorderSize: v,
-    activeBarBorderWidth: I,
+    activeBarBorderWidth: x,
     // Disabled
     colorItemTextDisabled: i,
     itemDisabledColor: i,
@@ -2897,137 +2867,134 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
     dangerItemActiveBg: s,
     colorDangerItemBgSelected: s,
     dangerItemSelectedBg: s,
-    itemMarginInline: z,
+    itemMarginInline: C,
     horizontalItemBorderRadius: 0,
     horizontalItemHoverBg: "transparent",
-    itemHeight: C,
+    itemHeight: $,
     groupTitleLineHeight: b,
-    collapsedWidth: C * 2,
+    collapsedWidth: $ * 2,
     popupBg: S,
-    itemMarginBlock: $,
-    itemPaddingInline: B,
-    horizontalLineHeight: `${C * 1.15}px`,
+    itemMarginBlock: N,
+    itemPaddingInline: y,
+    horizontalLineHeight: `${$ * 1.15}px`,
     iconSize: M,
-    iconMarginInlineEnd: R - M,
+    iconMarginInlineEnd: j - M,
     collapsedIconSize: T,
     groupTitleFontSize: M,
     // Disabled
-    darkItemDisabledColor: new it(w).setA(0.25).toRgbString(),
+    darkItemDisabledColor: new lt(O).setA(0.25).toRgbString(),
     // Dark
-    darkItemColor: y,
+    darkItemColor: w,
     darkDangerItemColor: a,
     darkItemBg: "#001529",
     darkPopupBg: "#001529",
     darkSubMenuItemBg: "#000c17",
-    darkItemSelectedColor: w,
+    darkItemSelectedColor: O,
     darkItemSelectedBg: r,
     darkDangerItemSelectedBg: a,
     darkItemHoverBg: "transparent",
-    darkGroupTitleColor: y,
-    darkItemHoverColor: w,
-    darkDangerItemHoverColor: x,
-    darkDangerItemSelectedColor: w,
+    darkGroupTitleColor: w,
+    darkItemHoverColor: O,
+    darkDangerItemHoverColor: E,
+    darkDangerItemSelectedColor: O,
     darkDangerItemActiveBg: a,
     // internal
-    itemWidth: P ? `calc(100% + ${I}px)` : `calc(100% - ${z * 2}px)`
+    itemWidth: H ? `calc(100% + ${x}px)` : `calc(100% - ${C * 2}px)`
   };
-}, 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 de("Menu", (r) => {
-    const {
-      colorBgElevated: a,
-      controlHeightLG: i,
-      fontSize: s,
-      darkItemColor: c,
-      darkDangerItemColor: u,
-      darkItemBg: d,
-      darkSubMenuItemBg: f,
-      darkItemSelectedColor: m,
-      darkItemSelectedBg: v,
-      darkDangerItemSelectedBg: p,
-      darkItemHoverBg: g,
-      darkGroupTitleColor: h,
-      darkItemHoverColor: C,
-      darkItemDisabledColor: b,
-      darkDangerItemHoverColor: S,
-      darkDangerItemSelectedColor: $,
-      darkDangerItemActiveBg: B,
-      popupBg: M,
-      darkPopupBg: R
-    } = 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(T).mul(0.25).equal(),
-      menuSubMenuBg: a,
-      calc: r.calc,
-      popupBg: M
-    }), x = ce(w, {
-      itemColor: c,
-      itemHoverColor: C,
-      groupTitleColor: h,
-      itemSelectedColor: m,
-      subMenuItemSelectedColor: m,
-      itemBg: d,
-      popupBg: R,
-      subMenuItemBg: f,
-      itemActiveBg: "transparent",
-      itemSelectedBg: v,
-      activeBarHeight: 0,
-      activeBarBorderWidth: 0,
-      itemHoverBg: g,
-      // Disabled
-      itemDisabledColor: b,
-      // Danger
-      dangerItemColor: u,
-      dangerItemHoverColor: S,
-      dangerItemSelectedColor: $,
-      dangerItemActiveBg: B,
-      dangerItemSelectedBg: p,
-      menuSubMenuBg: f,
-      // Horizontal
-      horizontalItemSelectedColor: m,
-      horizontalItemSelectedBg: v
-    });
-    return [
-      // Basic
-      Yn(w),
-      // Horizontal
-      Fn(w),
-      // Hard code for some light style
-      // Vertical
-      qn(w),
-      // Hard code for some light style
-      // Theme
-      pt(w, "light"),
-      pt(x, "dark"),
-      // RTL
-      Gn(w),
-      // Motion
-      Ao(w),
-      Se(w, "slide-up"),
-      Se(w, "slide-down"),
-      Te(w, "zoom-big")
-    ];
-  }, 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,
-    unitless: {
-      groupTitleLineHeight: !0
-    }
-  })(e, t);
-}, Lt = (e) => {
+}, er = (e, t = e, o = !0) => de("Menu", (r) => {
+  const {
+    colorBgElevated: a,
+    controlHeightLG: i,
+    fontSize: s,
+    darkItemColor: c,
+    darkDangerItemColor: m,
+    darkItemBg: d,
+    darkSubMenuItemBg: f,
+    darkItemSelectedColor: p,
+    darkItemSelectedBg: v,
+    darkDangerItemSelectedBg: g,
+    darkItemHoverBg: u,
+    darkGroupTitleColor: h,
+    darkItemHoverColor: $,
+    darkItemDisabledColor: b,
+    darkDangerItemHoverColor: S,
+    darkDangerItemSelectedColor: N,
+    darkDangerItemActiveBg: y,
+    popupBg: M,
+    darkPopupBg: j
+  } = r, T = r.calc(s).div(7).mul(5).equal(), O = ce(r, {
+    menuArrowSize: T,
+    menuHorizontalHeight: r.calc(i).mul(1.15).equal(),
+    menuArrowOffset: r.calc(T).mul(0.25).equal(),
+    menuSubMenuBg: a,
+    calc: r.calc,
+    popupBg: M
+  }), E = ce(O, {
+    itemColor: c,
+    itemHoverColor: $,
+    groupTitleColor: h,
+    itemSelectedColor: p,
+    subMenuItemSelectedColor: p,
+    itemBg: d,
+    popupBg: j,
+    subMenuItemBg: f,
+    itemActiveBg: "transparent",
+    itemSelectedBg: v,
+    activeBarHeight: 0,
+    activeBarBorderWidth: 0,
+    itemHoverBg: u,
+    // Disabled
+    itemDisabledColor: b,
+    // Danger
+    dangerItemColor: m,
+    dangerItemHoverColor: S,
+    dangerItemSelectedColor: N,
+    dangerItemActiveBg: y,
+    dangerItemSelectedBg: g,
+    menuSubMenuBg: f,
+    // Horizontal
+    horizontalItemSelectedColor: p,
+    horizontalItemSelectedBg: v
+  });
+  return [
+    // Basic
+    Qn(O),
+    // Horizontal
+    qn(O),
+    // Hard code for some light style
+    // Vertical
+    Zn(O),
+    // Hard code for some light style
+    // Theme
+    ft(O, "light"),
+    ft(E, "dark"),
+    // RTL
+    Kn(O),
+    // Motion
+    Wo(O),
+    Oe(O, "slide-up"),
+    Oe(O, "slide-down"),
+    _e(O, "zoom-big")
+  ];
+}, Jn, {
+  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,
+  unitless: {
+    groupTitleLineHeight: !0
+  }
+})(e, t), Xt = (e) => {
   var t;
   const {
     popupClassName: o,
     icon: n,
     title: r,
     theme: a
-  } = e, i = l.useContext(Ee), {
+  } = e, i = l.useContext(Ne), {
     prefixCls: s,
     inlineCollapsed: c,
-    theme: u
-  } = i, d = wo();
+    theme: m
+  } = i, d = Io();
   let f;
   if (!n)
     f = c && !d.length && r && typeof r == "string" ? /* @__PURE__ */ l.createElement("div", {
@@ -3036,142 +3003,142 @@ const Pe = /* @__PURE__ */ l.createContext(null), Xn = /* @__PURE__ */ l.forward
       className: `${s}-title-content`
     }, r);
   else {
-    const p = /* @__PURE__ */ l.isValidElement(r) && r.type === "span";
+    const g = /* @__PURE__ */ l.isValidElement(r) && r.type === "span";
     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: _(/* @__PURE__ */ l.isValidElement(n) ? (t = n.props) === null || t === void 0 ? void 0 : t.className : void 0, `${s}-item-icon`)
+    }), g ? r : /* @__PURE__ */ l.createElement("span", {
       className: `${s}-title-content`
     }, r));
   }
-  const m = l.useMemo(() => Object.assign(Object.assign({}, i), {
+  const p = l.useMemo(() => Object.assign(Object.assign({}, i), {
     firstLevel: !1
   }), [i]), [v] = qe("Menu");
-  return /* @__PURE__ */ l.createElement(Ee.Provider, {
-    value: m
-  }, /* @__PURE__ */ l.createElement(xo, Object.assign({}, he(e, ["icon"]), {
+  return /* @__PURE__ */ l.createElement(Ne.Provider, {
+    value: p
+  }, /* @__PURE__ */ l.createElement(Po, Object.assign({}, $e(e, ["icon"]), {
     title: f,
-    popupClassName: _(s, o, `${s}-${a || u}`),
+    popupClassName: _(s, o, `${s}-${a || m}`),
     popupStyle: Object.assign({
       zIndex: v
     }, e.popupStyle)
   })));
 };
-var Zn = function(e, t) {
+var tr = 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;
 };
-function Ae(e) {
+function ke(e) {
   return e === null || e === !1;
 }
-const Qn = {
-  item: At,
-  submenu: Lt,
-  divider: Ht
-}, Jn = /* @__PURE__ */ ke((e, t) => {
+const or = {
+  item: Wt,
+  submenu: Xt,
+  divider: Vt
+}, nr = /* @__PURE__ */ We((e, t) => {
   var o;
-  const n = l.useContext(Pe), r = n || {}, {
+  const n = l.useContext(Be), r = n || {}, {
     getPrefixCls: a,
     getPopupContainer: i,
     direction: s,
     menu: c
-  } = l.useContext(ie), u = a(), {
+  } = l.useContext(re), m = a(), {
     prefixCls: d,
     className: f,
-    style: m,
+    style: p,
     theme: v = "light",
-    expandIcon: p,
-    _internalDisableMenuItemTitleTooltip: g,
+    expandIcon: g,
+    _internalDisableMenuItemTitleTooltip: u,
     inlineCollapsed: h,
-    siderCollapsed: C,
+    siderCollapsed: $,
     rootClassName: b,
     mode: S,
-    selectable: $,
-    onClick: B,
+    selectable: N,
+    onClick: y,
     overflowedIndicatorPopupClassName: M
-  } = e, R = Zn(e, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]), T = he(R, ["collapsedWidth"]);
+  } = e, j = tr(e, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]), T = $e(j, ["collapsedWidth"]);
   if (process.env.NODE_ENV !== "production") {
-    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");
+    const k = he("Menu");
+    process.env.NODE_ENV !== "production" && k(!("inlineCollapsed" in e && S !== "inline"), "usage", "`inlineCollapsed` should only be used when `mode` is inline."), k.deprecated("items" in e && !e.children, "children", "items");
   }
   (o = r.validator) === null || o === void 0 || o.call(r, {
     mode: S
   });
-  const w = wt(function() {
-    var D;
-    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 = {
+  const O = St((...k) => {
+    var R;
+    y == null || y.apply(void 0, k), (R = r.onClick) === null || R === void 0 || R.call(r);
+  }), E = r.mode || S, H = N ?? r.selectable, x = h ?? $, C = {
     horizontal: {
-      motionName: `${u}-slide-up`
+      motionName: `${m}-slide-up`
     },
-    inline: bo(u),
+    inline: Co(m),
     other: {
-      motionName: `${u}-zoom-big`
+      motionName: `${m}-zoom-big`
     }
-  }, 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;
-    if (typeof r.expandIcon == "function" || Ae(r.expandIcon))
+  }, w = a("menu", d || r.prefixCls), B = Te(w), [P, L, z] = er(w, B, !n), F = _(`${w}-${v}`, c == null ? void 0 : c.className, f), D = l.useMemo(() => {
+    var k, R;
+    if (typeof g == "function" || ke(g))
+      return g || null;
+    if (typeof r.expandIcon == "function" || ke(r.expandIcon))
       return r.expandIcon || null;
-    if (typeof (c == null ? void 0 : c.expandIcon) == "function" || Ae(c == null ? void 0 : c.expandIcon))
+    if (typeof (c == null ? void 0 : c.expandIcon) == "function" || ke(c == null ? void 0 : c.expandIcon))
       return (c == null ? void 0 : c.expandIcon) || null;
-    const G = (D = p ?? (r == null ? void 0 : r.expandIcon)) !== null && D !== void 0 ? D : c == null ? void 0 : c.expandIcon;
-    return ue(G, {
-      className: _(`${y}-submenu-expand-icon`, /* @__PURE__ */ l.isValidElement(G) ? (W = G.props) === null || W === void 0 ? void 0 : W.className : void 0)
+    const W = (k = g ?? (r == null ? void 0 : r.expandIcon)) !== null && k !== void 0 ? k : c == null ? void 0 : c.expandIcon;
+    return ue(W, {
+      className: _(`${w}-submenu-expand-icon`, /* @__PURE__ */ l.isValidElement(W) ? (R = W.props) === null || R === void 0 ? void 0 : R.className : void 0)
     });
-  }, [p, r == null ? void 0 : r.expandIcon, c == null ? void 0 : c.expandIcon, y]), H = l.useMemo(() => ({
-    prefixCls: y,
-    inlineCollapsed: I || !1,
+  }, [g, r == null ? void 0 : r.expandIcon, c == null ? void 0 : c.expandIcon, w]), A = l.useMemo(() => ({
+    prefixCls: w,
+    inlineCollapsed: x || !1,
     direction: s,
     firstLevel: !0,
     theme: v,
-    mode: x,
-    disableMenuItemTitleTooltip: g
-  }), [y, I, s, g, v]);
-  return E(/* @__PURE__ */ l.createElement(Pe.Provider, {
+    mode: E,
+    disableMenuItemTitleTooltip: u
+  }), [w, x, s, u, v]);
+  return P(/* @__PURE__ */ l.createElement(Be.Provider, {
     value: null
-  }, /* @__PURE__ */ l.createElement(Ee.Provider, {
-    value: H
-  }, /* @__PURE__ */ l.createElement(So, Object.assign({
+  }, /* @__PURE__ */ l.createElement(Ne.Provider, {
+    value: A
+  }, /* @__PURE__ */ l.createElement(Eo, Object.assign({
     getPopupContainer: i,
-    overflowedIndicator: /* @__PURE__ */ l.createElement(xt, null),
-    overflowedIndicatorPopupClassName: _(y, `${y}-${v}`, M),
-    mode: x,
-    selectable: P,
-    onClick: w
+    overflowedIndicator: /* @__PURE__ */ l.createElement(Ot, null),
+    overflowedIndicatorPopupClassName: _(w, `${w}-${v}`, M),
+    mode: E,
+    selectable: H,
+    onClick: O
   }, T, {
-    inlineCollapsed: I,
-    style: Object.assign(Object.assign({}, c == null ? void 0 : c.style), m),
+    inlineCollapsed: x,
+    style: Object.assign(Object.assign({}, c == null ? void 0 : c.style), p),
     className: F,
-    prefixCls: y,
+    prefixCls: w,
     direction: s,
-    defaultMotions: z,
-    expandIcon: j,
+    defaultMotions: C,
+    expandIcon: D,
     ref: t,
-    rootClassName: _(b, A, r.rootClassName, L, N),
-    _internalComponents: Qn
+    rootClassName: _(b, L, r.rootClassName, z, B),
+    _internalComponents: or
   })))));
-}), ge = /* @__PURE__ */ ke((e, t) => {
-  const o = Be(null), n = l.useContext(Je);
-  return yt(t, () => ({
+}), fe = /* @__PURE__ */ We((e, t) => {
+  const o = ze(null), n = l.useContext(tt);
+  return wt(t, () => ({
     menu: o.current,
     focus: (r) => {
       var a;
       (a = o.current) === null || a === void 0 || a.focus(r);
     }
-  })), /* @__PURE__ */ l.createElement(Jn, Object.assign({
+  })), /* @__PURE__ */ l.createElement(nr, Object.assign({
     ref: o
   }, e, n));
 });
-ge.Item = At;
-ge.SubMenu = Lt;
-ge.Divider = Ht;
-ge.ItemGroup = Oo;
-process.env.NODE_ENV !== "production" && (ge.displayName = "Menu");
-const er = (e) => {
+fe.Item = Wt;
+fe.SubMenu = Xt;
+fe.Divider = Vt;
+fe.ItemGroup = No;
+process.env.NODE_ENV !== "production" && (fe.displayName = "Menu");
+const rr = (e) => {
   const {
     componentCls: t,
     menuCls: o,
@@ -3191,7 +3158,7 @@ const er = (e) => {
       }
     }
   };
-}, tr = (e) => {
+}, ir = (e) => {
   const {
     componentCls: t,
     menuCls: o,
@@ -3201,13 +3168,13 @@ const er = (e) => {
     antCls: i,
     iconCls: s,
     motionDurationMid: c,
-    paddingBlock: u,
+    paddingBlock: m,
     fontSize: d,
     dropdownEdgeChildPadding: f,
-    colorTextDisabled: m,
+    colorTextDisabled: p,
     fontSizeIcon: v,
-    controlPaddingHorizontal: p,
-    colorBgElevated: g
+    controlPaddingHorizontal: g,
+    colorBgElevated: u
   } = e;
   return [
     {
@@ -3267,7 +3234,7 @@ const er = (e) => {
           &${i}-slide-down-appear${i}-slide-down-appear-active${t}-placement-bottom,
           &${i}-slide-down-enter${i}-slide-down-enter-active${t}-placement-bottomRight,
           &${i}-slide-down-appear${i}-slide-down-appear-active${t}-placement-bottomRight`]: {
-          animationName: Po
+          animationName: To
         },
         [`&${i}-slide-up-enter${i}-slide-up-enter-active${t}-placement-topLeft,
           &${i}-slide-up-appear${i}-slide-up-appear-active${t}-placement-topLeft,
@@ -3275,24 +3242,24 @@ const er = (e) => {
           &${i}-slide-up-appear${i}-slide-up-appear-active${t}-placement-top,
           &${i}-slide-up-enter${i}-slide-up-enter-active${t}-placement-topRight,
           &${i}-slide-up-appear${i}-slide-up-appear-active${t}-placement-topRight`]: {
-          animationName: Eo
+          animationName: jo
         },
         [`&${i}-slide-down-leave${i}-slide-down-leave-active${t}-placement-bottomLeft,
           &${i}-slide-down-leave${i}-slide-down-leave-active${t}-placement-bottom,
           &${i}-slide-down-leave${i}-slide-down-leave-active${t}-placement-bottomRight`]: {
-          animationName: No
+          animationName: zo
         },
         [`&${i}-slide-up-leave${i}-slide-up-leave-active${t}-placement-topLeft,
           &${i}-slide-up-leave${i}-slide-up-leave-active${t}-placement-top,
           &${i}-slide-up-leave${i}-slide-up-leave-active${t}-placement-topRight`]: {
-          animationName: Io
+          animationName: Bo
         }
       }
     },
     // =============================================================
     // ==                        Arrow style                      ==
     // =============================================================
-    Ze(e, g, {
+    Je(e, u, {
       arrowPlacement: {
         top: !0,
         bottom: !0
@@ -3317,22 +3284,22 @@ const er = (e) => {
           margin: 0
         }
       },
-      [`${t}, ${t}-menu-submenu`]: Object.assign(Object.assign({}, ve(e)), {
+      [`${t}, ${t}-menu-submenu`]: Object.assign(Object.assign({}, be(e)), {
         [o]: Object.assign(Object.assign({
           padding: f,
           listStyleType: "none",
-          backgroundColor: g,
+          backgroundColor: u,
           backgroundClip: "padding-box",
           borderRadius: e.borderRadiusLG,
           outline: "none",
           boxShadow: e.boxShadowSecondary
-        }, at(e)), {
+        }, st(e)), {
           "&:empty": {
             padding: 0,
             boxShadow: "none"
           },
           [`${o}-item-group-title`]: {
-            padding: `${O(u)} ${O(p)}`,
+            padding: `${I(m)} ${I(g)}`,
             color: e.colorTextDescription,
             transition: `all ${c}`
           },
@@ -3377,7 +3344,7 @@ const er = (e) => {
           [`${o}-item, ${o}-submenu-title`]: Object.assign(Object.assign({
             display: "flex",
             margin: 0,
-            padding: `${O(u)} ${O(p)}`,
+            padding: `${I(m)} ${I(g)}`,
             color: e.colorText,
             fontWeight: "normal",
             fontSize: d,
@@ -3388,7 +3355,7 @@ const er = (e) => {
             "&:hover, &-active": {
               backgroundColor: e.controlItemBgHover
             }
-          }, at(e)), {
+          }, st(e)), {
             "&-selected": {
               color: e.colorPrimary,
               backgroundColor: e.controlItemBgActive,
@@ -3397,11 +3364,11 @@ const er = (e) => {
               }
             },
             "&-disabled": {
-              color: m,
+              color: p,
               cursor: "not-allowed",
               "&:hover": {
-                color: m,
-                backgroundColor: g,
+                color: p,
+                backgroundColor: u,
                 cursor: "not-allowed"
               },
               a: {
@@ -3411,7 +3378,7 @@ const er = (e) => {
             "&-divider": {
               height: 1,
               // By design
-              margin: `${O(e.marginXXS)} 0`,
+              margin: `${I(e.marginXXS)} 0`,
               overflow: "hidden",
               lineHeight: 0,
               backgroundColor: e.colorSplit
@@ -3428,20 +3395,20 @@ const er = (e) => {
             }
           }),
           [`${o}-item-group-list`]: {
-            margin: `0 ${O(e.marginXS)}`,
+            margin: `0 ${I(e.marginXS)}`,
             padding: 0,
             listStyle: "none"
           },
           [`${o}-submenu-title`]: {
-            paddingInlineEnd: e.calc(p).add(e.fontSizeSM).equal()
+            paddingInlineEnd: e.calc(g).add(e.fontSizeSM).equal()
           },
           [`${o}-submenu-vertical`]: {
             position: "relative"
           },
           [`${o}-submenu${o}-submenu-disabled ${t}-menu-submenu-title`]: {
             [`&, ${t}-menu-submenu-arrow-icon`]: {
-              color: m,
-              backgroundColor: g,
+              color: p,
+              backgroundColor: u,
               cursor: "not-allowed"
             }
           },
@@ -3453,15 +3420,15 @@ const er = (e) => {
       })
     },
     // Follow code may reuse in other components
-    [Se(e, "slide-up"), Se(e, "slide-down"), st(e, "move-up"), st(e, "move-down"), Te(e, "zoom-big")]
+    [Oe(e, "slide-up"), Oe(e, "slide-down"), dt(e, "move-up"), dt(e, "move-down"), _e(e, "zoom-big")]
   ];
-}, or = (e) => Object.assign(Object.assign({
+}, ar = (e) => Object.assign(Object.assign({
   zIndexPopup: e.zIndexPopupBase + 50,
   paddingBlock: (e.controlHeight - e.fontSize * e.lineHeight) / 2
-}, _e({
+}, Re({
   contentRadius: e.borderRadiusLG,
   limitVerticalRadius: !0
-})), Ke(e)), nr = de("Dropdown", (e) => {
+})), Qe(e)), lr = de("Dropdown", (e) => {
   const {
     marginXXS: t,
     sizePopupArrow: o,
@@ -3472,10 +3439,10 @@ const er = (e) => {
     dropdownArrowDistance: e.calc(o).div(2).add(t).equal(),
     dropdownEdgeChildPadding: n
   });
-  return [tr(a), er(a)];
-}, or, {
+  return [ir(a), rr(a)];
+}, ar, {
   resetStyle: !1
-}), $e = (e) => {
+}), ye = (e) => {
   var t;
   const {
     menu: o,
@@ -3485,151 +3452,147 @@ const er = (e) => {
     trigger: i,
     disabled: s,
     dropdownRender: c,
-    getPopupContainer: u,
-    overlayClassName: d,
-    rootClassName: f,
-    overlayStyle: m,
-    open: v,
-    onOpenChange: p,
+    popupRender: m,
+    getPopupContainer: d,
+    overlayClassName: f,
+    rootClassName: p,
+    overlayStyle: v,
+    open: g,
+    onOpenChange: u,
     // Deprecated
-    visible: g,
-    onVisibleChange: h,
-    mouseEnterDelay: C = 0.15,
-    mouseLeaveDelay: b = 0.1,
-    autoAdjustOverflow: S = !0,
-    placement: $ = "",
-    overlay: B,
-    transitionName: M
+    visible: h,
+    onVisibleChange: $,
+    mouseEnterDelay: b = 0.15,
+    mouseLeaveDelay: S = 0.1,
+    autoAdjustOverflow: N = !0,
+    placement: y = "",
+    overlay: M,
+    transitionName: j,
+    destroyOnHidden: T,
+    destroyPopupOnHide: O
   } = e, {
-    getPopupContainer: R,
-    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 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((V) => {
-      let [re, ne] = V;
-      P.deprecated(!(re in e), re, ne);
-    });
-  }
-  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`]: 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")), [G, q] = Fe(!1, {
-    value: v ?? g
-  }), Z = wt((V) => {
-    p == null || p(V, {
+    getPopupContainer: E,
+    getPrefixCls: H,
+    direction: x,
+    dropdown: C
+  } = l.useContext(re), w = m || c, B = he("Dropdown");
+  process.env.NODE_ENV !== "production" && (Object.entries({
+    visible: "open",
+    onVisibleChange: "onOpenChange",
+    overlay: "menu",
+    dropdownRender: "popupRender",
+    destroyPopupOnHide: "destroyOnHidden"
+  }).forEach(([oe, De]) => {
+    B.deprecated(!(oe in e), oe, De);
+  }), y.includes("Center") && B.deprecated(!y.includes("Center"), `placement: ${y}`, `placement: ${y.slice(0, y.indexOf("Center"))}`));
+  const P = l.useMemo(() => {
+    const U = H();
+    return j !== void 0 ? j : y.includes("top") ? `${U}-slide-down` : `${U}-slide-up`;
+  }, [H, y, j]), L = l.useMemo(() => y ? y.includes("Center") ? y.slice(0, y.indexOf("Center")) : y : x === "rtl" ? "bottomRight" : "bottomLeft", [y, x]), z = H("dropdown", r), F = Te(z), [D, A, k] = lr(z, F), [, R] = Fe(), W = l.Children.only(Rn(a) ? /* @__PURE__ */ l.createElement("span", null, a) : a), G = ue(W, {
+    className: _(`${z}-trigger`, {
+      [`${z}-rtl`]: x === "rtl"
+    }, W.props.className),
+    disabled: (t = W.props.disabled) !== null && t !== void 0 ? t : s
+  }), q = s ? [] : i, Q = !!(q != null && q.includes("contextMenu")), [X, Z] = Ye(!1, {
+    value: g ?? h
+  }), J = St((U) => {
+    u == null || u(U, {
       source: "trigger"
-    }), h == null || h(V), q(V);
-  }), ee = _(d, f, A, L, N, x == null ? void 0 : x.className, {
-    [`${y}-rtl`]: w === "rtl"
-  }), k = Pt({
+    }), $ == null || $(U), Z(U);
+  }), V = _(f, p, A, k, F, C == null ? void 0 : C.className, {
+    [`${z}-rtl`]: x === "rtl"
+  }), Y = Tt({
     arrowPointAtCenter: typeof n == "object" && n.pointAtCenter,
-    autoAdjustOverflow: S,
-    offset: F.marginXXS,
-    arrowWidth: n ? F.sizePopupArrow : 0,
-    borderRadius: F.borderRadius
-  }), U = l.useCallback(() => {
-    o != null && o.selectable && (o != null && o.multiple) || (p == null || p(!1, {
+    autoAdjustOverflow: N,
+    offset: R.marginXXS,
+    arrowWidth: n ? R.sizePopupArrow : 0,
+    borderRadius: R.borderRadius
+  }), ne = l.useCallback(() => {
+    o != null && o.selectable && (o != null && o.multiple) || (u == null || u(!1, {
       source: "menu"
-    }), q(!1));
-  }, [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, N),
+    }), Z(!1));
+  }, [o == null ? void 0 : o.selectable, o == null ? void 0 : o.multiple]), ie = () => {
+    let U;
+    return o != null && o.items ? U = /* @__PURE__ */ l.createElement(fe, Object.assign({}, o)) : typeof M == "function" ? U = M() : U = M, w && (U = w(U)), U = l.Children.only(typeof U == "string" ? /* @__PURE__ */ l.createElement("span", null, U) : U), /* @__PURE__ */ l.createElement(Un, {
+      prefixCls: `${z}-menu`,
+      rootClassName: _(k, F),
       expandIcon: /* @__PURE__ */ l.createElement("span", {
-        className: `${y}-menu-submenu-arrow`
-      }, w === "rtl" ? /* @__PURE__ */ l.createElement(Ne, {
-        className: `${y}-menu-submenu-arrow-icon`
-      }) : /* @__PURE__ */ l.createElement(Oe, {
-        className: `${y}-menu-submenu-arrow-icon`
+        className: `${z}-menu-submenu-arrow`
+      }, x === "rtl" ? /* @__PURE__ */ l.createElement(Ee, {
+        className: `${z}-menu-submenu-arrow-icon`
+      }) : /* @__PURE__ */ l.createElement(Ie, {
+        className: `${z}-menu-submenu-arrow-icon`
       })),
       mode: "vertical",
       selectable: !1,
-      onClick: U,
-      validator: (re) => {
-        let {
-          mode: ne
-        } = re;
-        process.env.NODE_ENV !== "production" && P(!ne || ne === "vertical", "usage", `mode="${ne}" is not supported for Dropdown's Menu.`);
+      onClick: ne,
+      validator: ({
+        mode: oe
+      }) => {
+        process.env.NODE_ENV !== "production" && B(!oe || oe === "vertical", "usage", `mode="${oe}" is not supported for Dropdown's Menu.`);
       }
-    }, V);
-  }, [X, Y] = qe("Dropdown", m == null ? void 0 : m.zIndex);
-  let J = /* @__PURE__ */ l.createElement(Bo, Object.assign({
-    alignPoint: W
-  }, he(e, ["rootClassName"]), {
-    mouseEnterDelay: C,
-    mouseLeaveDelay: b,
-    visible: G,
-    builtinPlacements: k,
+    }, U);
+  }, [Ce, He] = qe("Dropdown", v == null ? void 0 : v.zIndex);
+  let le = /* @__PURE__ */ l.createElement(_o, Object.assign({
+    alignPoint: Q
+  }, $e(e, ["rootClassName"]), {
+    mouseEnterDelay: b,
+    mouseLeaveDelay: S,
+    visible: X,
+    builtinPlacements: Y,
     arrow: !!n,
-    overlayClassName: ee,
-    prefixCls: y,
-    getPopupContainer: u || R,
-    transitionName: I,
-    trigger: D,
-    overlay: Q,
-    placement: z,
-    onVisibleChange: Z,
-    overlayStyle: Object.assign(Object.assign(Object.assign({}, x == null ? void 0 : x.style), m), {
-      zIndex: X
-    })
-  }), 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) {
+    overlayClassName: V,
+    prefixCls: z,
+    getPopupContainer: d || E,
+    transitionName: P,
+    trigger: q,
+    overlay: ie,
+    placement: L,
+    onVisibleChange: J,
+    overlayStyle: Object.assign(Object.assign(Object.assign({}, C == null ? void 0 : C.style), v), {
+      zIndex: Ce
+    }),
+    autoDestroy: T ?? O
+  }), G);
+  return Ce && (le = /* @__PURE__ */ l.createElement(Pt.Provider, {
+    value: He
+  }, le)), D(le);
+}, sr = Mo(ye, "align", void 0, "dropdown", (e) => e), cr = (e) => /* @__PURE__ */ l.createElement(sr, Object.assign({}, e), /* @__PURE__ */ l.createElement("span", null));
+ye._InternalPanelDoNotUseOrYouWillBeFired = cr;
+process.env.NODE_ENV !== "production" && (ye.displayName = "Dropdown");
+function $t(e) {
   return ["small", "middle", "large"].includes(e);
 }
-function ht(e) {
+function yt(e) {
   return e ? typeof e == "number" && !Number.isNaN(e) : !1;
 }
-const kt = /* @__PURE__ */ $t.createContext({
+const Ft = /* @__PURE__ */ Ct.createContext({
   latestIndex: 0
-}), ar = kt.Provider, lr = (e) => {
-  let {
-    className: t,
-    index: o,
-    children: n,
-    split: r,
-    style: a
-  } = e;
+}), dr = Ft.Provider, ur = ({
+  className: e,
+  index: t,
+  children: o,
+  split: n,
+  style: r
+}) => {
   const {
-    latestIndex: i
-  } = l.useContext(kt);
-  return n == null ? null : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("div", {
-    className: t,
-    style: a
-  }, n), o < i && r && /* @__PURE__ */ l.createElement("span", {
-    className: `${t}-split`
-  }, r));
+    latestIndex: a
+  } = l.useContext(Ft);
+  return o == null ? null : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("div", {
+    className: e,
+    style: r
+  }, o), t < a && n && /* @__PURE__ */ l.createElement("span", {
+    className: `${e}-split`
+  }, n));
 };
-var sr = function(e, t) {
+var mr = 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 cr = /* @__PURE__ */ l.forwardRef((e, t) => {
+const pr = /* @__PURE__ */ l.forwardRef((e, t) => {
   var o;
   const {
     getPrefixCls: n,
@@ -3638,153 +3601,155 @@ const cr = /* @__PURE__ */ l.forwardRef((e, t) => {
     className: i,
     style: s,
     classNames: c,
-    styles: u
-  } = Xe("space"), {
+    styles: m
+  } = Ge("space"), {
     size: d = a ?? "small",
     align: f,
-    className: m,
+    className: p,
     rootClassName: v,
-    children: p,
-    direction: g = "horizontal",
+    children: g,
+    direction: u = "horizontal",
     prefixCls: h,
-    split: C,
+    split: $,
     style: b,
     wrap: S = !1,
-    classNames: $,
-    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 = Ge(p, {
+    classNames: N,
+    styles: y
+  } = e, M = mr(e, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]), [j, T] = Array.isArray(d) ? d : [d, d], O = $t(T), E = $t(j), H = yt(T), x = yt(j), C = Ue(g, {
     keepEmpty: !0
-  }), 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((q, Z) => {
-    var ee;
-    q != null && (H = Z);
-    const k = (q == null ? void 0 : q.key) || `${j}-${Z}`;
-    return /* @__PURE__ */ l.createElement(lr, {
-      className: j,
-      key: k,
-      index: Z,
-      split: C,
-      style: (ee = B == null ? void 0 : B.item) !== null && ee !== void 0 ? ee : u.item
-    }, q);
-  }), W = l.useMemo(() => ({
-    latestIndex: H
-  }), [H]);
-  if (z.length === 0)
+  }), w = f === void 0 && u === "horizontal" ? "center" : f, B = n("space", h), [P, L, z] = Ho(B), F = _(B, i, L, `${B}-${u}`, {
+    [`${B}-rtl`]: r === "rtl",
+    [`${B}-align-${w}`]: w,
+    [`${B}-gap-row-${T}`]: O,
+    [`${B}-gap-col-${j}`]: E
+  }, p, v, z), D = _(`${B}-item`, (o = N == null ? void 0 : N.item) !== null && o !== void 0 ? o : c.item);
+  let A = 0;
+  const k = C.map((G, q) => {
+    var Q;
+    G != null && (A = q);
+    const X = (G == null ? void 0 : G.key) || `${D}-${q}`;
+    return /* @__PURE__ */ l.createElement(ur, {
+      className: D,
+      key: X,
+      index: q,
+      split: $,
+      style: (Q = y == null ? void 0 : y.item) !== null && Q !== void 0 ? Q : m.item
+    }, G);
+  }), R = l.useMemo(() => ({
+    latestIndex: A
+  }), [A]);
+  if (C.length === 0)
     return null;
-  const G = {};
-  return S && (G.flexWrap = "wrap"), !x && I && (G.columnGap = R), !w && P && (G.rowGap = T), E(/* @__PURE__ */ l.createElement("div", Object.assign({
+  const W = {};
+  return S && (W.flexWrap = "wrap"), !E && x && (W.columnGap = j), !O && H && (W.rowGap = T), P(/* @__PURE__ */ l.createElement("div", Object.assign({
     ref: t,
     className: F,
-    style: Object.assign(Object.assign(Object.assign({}, G), s), b)
-  }, M), /* @__PURE__ */ l.createElement(ar, {
-    value: W
-  }, D)));
-}), et = cr;
-et.Compact = _o;
-process.env.NODE_ENV !== "production" && (et.displayName = "Space");
-var dr = function(e, t) {
+    style: Object.assign(Object.assign(Object.assign({}, W), s), b)
+  }, M), /* @__PURE__ */ l.createElement(dr, {
+    value: R
+  }, k)));
+}), ot = pr;
+ot.Compact = Do;
+process.env.NODE_ENV !== "production" && (ot.displayName = "Space");
+var gr = 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 Vt = (e) => {
+const Gt = (e) => {
   const {
     getPopupContainer: t,
     getPrefixCls: o,
     direction: n
-  } = l.useContext(ie), {
+  } = l.useContext(re), {
     prefixCls: r,
     type: a = "default",
     danger: i,
     disabled: s,
     loading: c,
-    onClick: u,
+    onClick: m,
     htmlType: d,
     children: f,
-    className: m,
+    className: p,
     menu: v,
-    arrow: p,
-    autoFocus: g,
+    arrow: g,
+    autoFocus: u,
     overlay: h,
-    trigger: C,
+    trigger: $,
     align: b,
     open: S,
-    onOpenChange: $,
-    placement: B,
+    onOpenChange: N,
+    placement: y,
     getPopupContainer: M,
-    href: R,
-    icon: T = /* @__PURE__ */ l.createElement(xt, null),
-    title: w,
-    buttonsRender: x = (k) => k,
-    mouseEnterDelay: P,
-    mouseLeaveDelay: I,
-    overlayClassName: z,
-    overlayStyle: y,
-    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 = {
+    href: j,
+    icon: T = /* @__PURE__ */ l.createElement(Ot, null),
+    title: O,
+    buttonsRender: E = (V) => V,
+    mouseEnterDelay: H,
+    mouseLeaveDelay: x,
+    overlayClassName: C,
+    overlayStyle: w,
+    destroyOnHidden: B,
+    destroyPopupOnHide: P,
+    dropdownRender: L,
+    popupRender: z
+  } = e, F = gr(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", "destroyOnHidden", "destroyPopupOnHide", "dropdownRender", "popupRender"]), D = o("dropdown", r), A = `${D}-button`, R = {
     menu: v,
-    arrow: p,
-    autoFocus: g,
+    arrow: g,
+    autoFocus: u,
     align: b,
     disabled: s,
-    trigger: s ? [] : C,
-    onOpenChange: $,
+    trigger: s ? [] : $,
+    onOpenChange: N,
     getPopupContainer: M || t,
-    mouseEnterDelay: P,
-    mouseLeaveDelay: I,
-    overlayClassName: z,
-    overlayStyle: y,
-    destroyPopupOnHide: N,
-    dropdownRender: E
+    mouseEnterDelay: H,
+    mouseLeaveDelay: x,
+    overlayClassName: C,
+    overlayStyle: w,
+    destroyOnHidden: B,
+    popupRender: z || L
   }, {
-    compactSize: H,
-    compactItemClassnames: D
-  } = Ro(L, n), W = _(F, D, m);
-  "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 G = /* @__PURE__ */ l.createElement(lt, {
+    compactSize: W,
+    compactItemClassnames: G
+  } = Ao(D, n), q = _(A, G, p);
+  "destroyPopupOnHide" in e && (R.destroyPopupOnHide = P), "overlay" in e && (R.overlay = h), "open" in e && (R.open = S), "placement" in e ? R.placement = y : R.placement = n === "rtl" ? "bottomLeft" : "bottomRight";
+  const Q = /* @__PURE__ */ l.createElement(ct, {
     type: a,
     danger: i,
     disabled: s,
     loading: c,
-    onClick: u,
+    onClick: m,
     htmlType: d,
-    href: R,
-    title: w
-  }, f), q = /* @__PURE__ */ l.createElement(lt, {
+    href: j,
+    title: O
+  }, f), X = /* @__PURE__ */ l.createElement(ct, {
     type: a,
     danger: i,
     icon: T
-  }), [Z, ee] = x([G, q]);
-  return /* @__PURE__ */ l.createElement(et.Compact, Object.assign({
-    className: W,
-    size: H,
+  }), [Z, J] = E([Q, X]);
+  return /* @__PURE__ */ l.createElement(ot.Compact, Object.assign({
+    className: q,
+    size: W,
     block: !0
-  }, A), Z, /* @__PURE__ */ l.createElement($e, Object.assign({}, j), ee));
+  }, F), Z, /* @__PURE__ */ l.createElement(ye, Object.assign({}, R), J));
 };
-Vt.__ANT_BUTTON = !0;
-const Wt = $e;
-Wt.Button = Vt;
-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", color: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), mr = "_avatar_1f4cc_1", pr = "_pointer_1f4cc_7", gr = "_flexRowCenter_1f4cc_11", fr = "_userTitle_1f4cc_18", 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, { color: "var(--color-primary)" })
+Gt.__ANT_BUTTON = !0;
+const Yt = ye;
+Yt.Button = Gt;
+const fr = (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", color: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), vr = "_avatar_1f4cc_1", br = "_pointer_1f4cc_7", hr = "_flexRowCenter_1f4cc_11", $r = "_userTitle_1f4cc_18", Se = {
+  avatar: vr,
+  pointer: br,
+  flexRowCenter: hr,
+  userTitle: $r
+}, Pr = ({ items: e, user: t, collapsed: o, handleMenuClick: n }) => /* @__PURE__ */ we(Yt, { menu: { items: e, onClick: n }, trigger: ["click"], children: /* @__PURE__ */ no("a", { onClick: (r) => r.preventDefault(), className: Se.flexRowCenter, children: [
+  /* @__PURE__ */ we(Dt, { className: ao(Se.avatar, Se.pointer), size: "large", children: t[0] }),
+  !o && /* @__PURE__ */ we("span", { className: Se.userTitle, children: t }),
+  !o && /* @__PURE__ */ we(fr, { color: "var(--color-primary)" })
 ] }) });
 export {
-  ge as M,
-  ur as S,
-  xr as U
+  fe as M,
+  fr as S,
+  Pr as U
 };