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

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

@@ -1,31 +1,30 @@
-import { jsx as he, jsxs as Ft } from "react/jsx-runtime";
-import * as a from "react";
-import gt, { useRef as Ie, forwardRef as De, useImperativeHandle as ft, useContext as Ke, useState as Ze, useEffect as Te, createContext as qt } from "react";
-import { cn as Gt } from "./portal-utils/cn.js";
-import { a as Ee } from "./objectWithoutPropertiesLoose-CIT-1_kH.js";
-import { I as He, E as Yt, K as re, R as Ae, a0 as Ut, g as le, m as ae, v as ge, u as P, a1 as Kt, a as J, A as Zt, s as fe, z as Be, c as M, l as Qt, d as Jt, _ as Qe, q as Le, r as vt, i as eo, t as ke, o as ve, a8 as to, k as oo, a9 as no, x as ro, B as Je, aa as io, ab as et, j as bt, ac as ao, y as tt } from "./useId-DbfH3PlN.js";
-import { R as lo, T as so, c as co, M as uo, a as ye, u as mo, S as po, E as go, b as ht, d as fo, s as vo, e as bo, f as ho, g as $o, D as Co } from "./EllipsisOutlined-CtmB5yDB.js";
-import { i as Pe, C as $t, d as yo, u as Ve, e as se, z as Ct, g as wo, f as xo, h as So, j as Oo, B as ot } from "./PurePanel-CfZ1n-M8.js";
-import './assets/UserInfoDropdown.css';const pe = ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
-function Io(e, t) {
-  return pe.reduce((o, n) => {
-    const r = e[`${n}1`], l = e[`${n}3`], i = e[`${n}6`], c = e[`${n}7`];
+import { jsx as ye, jsxs as eo } from "react/jsx-runtime";
+import * as l from "react";
+import $t, { useRef as Pe, forwardRef as ke, useImperativeHandle as yt, useContext as tt, useState as ot, useEffect as He, createContext as to } from "react";
+import { cn as oo } from "./portal-utils/cn.js";
+import { a as Be } from "./objectWithoutPropertiesLoose-DYizGgyG.js";
+import { I as Ve, K as ie, H as no, U as We, ah as ro, g as ce, m as se, y as fe, u as E, a2 as io, a as ne, E as ao, v as ve, D as ze, c as _, p as lo, N as so, e as le, l as nt, b as Xe, s as Fe, t as Ct, j as co, x as qe, o as be, an as uo, n as mo, a4 as po, A as go, z as fo, F as rt, aa as it, ad as vo, k as wt, ao as bo, B as at } from "./context-Crxhk7DD.js";
+import { R as ho, T as $o, c as yo, M as Co, a as xe, u as wo, S as xo, E as So, b as xt, d as Oo, s as Io, e as No, f as Eo, g as Po, D as Bo } from "./EllipsisOutlined-DZsCEqiL.js";
+import { P as ge, i as je, C as St, b as zo, u as Ge, d as de, z as Ot, e as jo, f as To, h as _o, j as Ro, B as lt } from "./PurePanel-iUNZWTe_.js";
+import './assets/UserInfoDropdown.css';function Mo(e, t) {
+  return ge.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,
-      lightBorderColor: l,
+      lightBorderColor: a,
       darkColor: i,
-      textColor: c
+      textColor: s
     }));
   }, {});
 }
-var Eo = { 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" }, Bo = function(t, o) {
-  return /* @__PURE__ */ a.createElement(He, Ee({}, t, {
+var Do = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, name: "right", theme: "outlined" }, Ho = function(t, o) {
+  return /* @__PURE__ */ l.createElement(Ve, Be({}, t, {
     ref: o,
-    icon: Eo
+    icon: Do
   }));
-}, we = /* @__PURE__ */ a.forwardRef(Bo);
-process.env.NODE_ENV !== "production" && (we.displayName = "RightOutlined");
-const Po = (e) => ({
+}, Se = /* @__PURE__ */ l.forwardRef(Ho);
+process.env.NODE_ENV !== "production" && (Se.displayName = "RightOutlined");
+const Ao = (e) => ({
   [e.componentCls]: {
     // For common/openAnimation
     [`${e.antCls}-motion-collapse-legacy`]: {
@@ -41,7 +40,7 @@ const Po = (e) => ({
         opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`
     }
   }
-}), No = new re("antMoveDownIn", {
+}), Lo = new ie("antMoveDownIn", {
   "0%": {
     transform: "translate3d(0, 100%, 0)",
     transformOrigin: "0 0",
@@ -52,7 +51,7 @@ const Po = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), zo = new re("antMoveDownOut", {
+}), ko = new ie("antMoveDownOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -63,7 +62,7 @@ const Po = (e) => ({
     transformOrigin: "0 0",
     opacity: 0
   }
-}), jo = new re("antMoveLeftIn", {
+}), Vo = new ie("antMoveLeftIn", {
   "0%": {
     transform: "translate3d(-100%, 0, 0)",
     transformOrigin: "0 0",
@@ -74,7 +73,7 @@ const Po = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), To = new re("antMoveLeftOut", {
+}), Wo = new ie("antMoveLeftOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -85,7 +84,7 @@ const Po = (e) => ({
     transformOrigin: "0 0",
     opacity: 0
   }
-}), _o = new re("antMoveRightIn", {
+}), Xo = new ie("antMoveRightIn", {
   "0%": {
     transform: "translate3d(100%, 0, 0)",
     transformOrigin: "0 0",
@@ -96,7 +95,7 @@ const Po = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), Ro = new re("antMoveRightOut", {
+}), Fo = new ie("antMoveRightOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -107,7 +106,7 @@ const Po = (e) => ({
     transformOrigin: "0 0",
     opacity: 0
   }
-}), Mo = new re("antMoveUpIn", {
+}), qo = new ie("antMoveUpIn", {
   "0%": {
     transform: "translate3d(0, -100%, 0)",
     transformOrigin: "0 0",
@@ -118,7 +117,7 @@ const Po = (e) => ({
     transformOrigin: "0 0",
     opacity: 1
   }
-}), Do = new re("antMoveUpOut", {
+}), Go = new ie("antMoveUpOut", {
   "0%": {
     transform: "translate3d(0, 0, 0)",
     transformOrigin: "0 0",
@@ -129,31 +128,31 @@ const Po = (e) => ({
     transformOrigin: "0 0",
     opacity: 0
   }
-}), Ho = {
+}), Yo = {
   "move-up": {
-    inKeyframes: Mo,
-    outKeyframes: Do
+    inKeyframes: qo,
+    outKeyframes: Go
   },
   "move-down": {
-    inKeyframes: No,
-    outKeyframes: zo
+    inKeyframes: Lo,
+    outKeyframes: ko
   },
   "move-left": {
-    inKeyframes: jo,
-    outKeyframes: To
+    inKeyframes: Vo,
+    outKeyframes: Wo
   },
   "move-right": {
-    inKeyframes: _o,
-    outKeyframes: Ro
+    inKeyframes: Xo,
+    outKeyframes: Fo
   }
-}, nt = (e, t) => {
+}, st = (e, t) => {
   const {
     antCls: o
   } = e, n = `${o}-${t}`, {
     inKeyframes: r,
-    outKeyframes: l
-  } = Ho[t];
-  return [Yt(n, r, l, e.motionDurationMid), {
+    outKeyframes: a
+  } = Yo[t];
+  return [no(n, r, a, e.motionDurationMid), {
     [`
         ${n}-enter,
         ${n}-appear
@@ -165,139 +164,139 @@ const Po = (e) => ({
       animationTimingFunction: e.motionEaseInOutCirc
     }
   }];
-}, yt = ["xxl", "xl", "lg", "md", "sm", "xs"], Ao = (e) => ({
+}, It = ["xxl", "xl", "lg", "md", "sm", "xs"], Uo = (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)`
-}), Lo = (e) => {
-  const t = e, o = [].concat(yt).reverse();
+}), Ko = (e) => {
+  const t = e, o = [].concat(It).reverse();
   return o.forEach((n, r) => {
-    const l = n.toUpperCase(), i = `screen${l}Min`, c = `screen${l}`;
-    if (!(t[i] <= t[c]))
-      throw new Error(`${i}<=${c} fails : !(${t[i]}<=${t[c]})`);
+    const a = n.toUpperCase(), i = `screen${a}Min`, s = `screen${a}`;
+    if (!(t[i] <= t[s]))
+      throw new Error(`${i}<=${s} fails : !(${t[i]}<=${t[s]})`);
     if (r < o.length - 1) {
-      const s = `screen${l}Max`;
-      if (!(t[c] <= t[s]))
-        throw new Error(`${c}<=${s} fails : !(${t[c]}<=${t[s]})`);
-      const u = `screen${o[r + 1].toUpperCase()}Min`;
-      if (!(t[s] <= t[u]))
-        throw new Error(`${s}<=${u} fails : !(${t[s]}<=${t[u]})`);
+      const c = `screen${a}Max`;
+      if (!(t[s] <= t[c]))
+        throw new Error(`${s}<=${c} fails : !(${t[s]}<=${t[c]})`);
+      const d = `screen${o[r + 1].toUpperCase()}Min`;
+      if (!(t[c] <= t[d]))
+        throw new Error(`${c}<=${d} fails : !(${t[c]}<=${t[d]})`);
     }
   }), e;
 };
-function ko() {
-  const [, e] = Ae(), t = Ao(Lo(e));
-  return gt.useMemo(() => {
+function Zo() {
+  const [, e] = We(), t = Uo(Ko(e));
+  return $t.useMemo(() => {
     const o = /* @__PURE__ */ new Map();
     let n = -1, r = {};
     return {
       matchHandlers: {},
-      dispatch(l) {
-        return r = l, o.forEach((i) => i(r)), o.size >= 1;
+      dispatch(a) {
+        return r = a, o.forEach((i) => i(r)), o.size >= 1;
       },
-      subscribe(l) {
-        return o.size || this.register(), n += 1, o.set(n, l), l(r), n;
+      subscribe(a) {
+        return o.size || this.register(), n += 1, o.set(n, a), a(r), n;
       },
-      unsubscribe(l) {
-        o.delete(l), o.size || this.unregister();
+      unsubscribe(a) {
+        o.delete(a), o.size || this.unregister();
       },
       unregister() {
-        Object.keys(t).forEach((l) => {
-          const i = t[l], c = this.matchHandlers[i];
-          c == null || c.mql.removeListener(c == null ? void 0 : c.listener);
+        Object.keys(t).forEach((a) => {
+          const i = t[a], s = this.matchHandlers[i];
+          s == null || s.mql.removeListener(s == null ? void 0 : s.listener);
         }), o.clear();
       },
       register() {
-        Object.keys(t).forEach((l) => {
-          const i = t[l], c = (d) => {
+        Object.keys(t).forEach((a) => {
+          const i = t[a], s = (u) => {
             let {
-              matches: u
-            } = d;
+              matches: d
+            } = u;
             this.dispatch(Object.assign(Object.assign({}, r), {
-              [l]: u
+              [a]: d
             }));
-          }, s = window.matchMedia(i);
-          s.addListener(c), this.matchHandlers[i] = {
-            mql: s,
-            listener: c
-          }, c(s);
+          }, c = window.matchMedia(i);
+          c.addListener(s), this.matchHandlers[i] = {
+            mql: c,
+            listener: s
+          }, s(c);
         });
       },
       responsiveMap: t
     };
   }, [e]);
 }
-function Vo() {
-  const [, e] = a.useReducer((t) => t + 1, 0);
+function Qo() {
+  const [, e] = l.useReducer((t) => t + 1, 0);
   return e;
 }
-function Wo() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  const t = Ie({}), o = Vo(), n = ko();
-  return Ut(() => {
-    const r = n.subscribe((l) => {
-      t.current = l, e && o();
+function Jo() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  const o = Pe(t), n = Qo(), r = Zo();
+  return ro(() => {
+    const a = r.subscribe((i) => {
+      o.current = i, e && n();
     });
-    return () => n.unsubscribe(r);
-  }, []), t.current;
+    return () => r.unsubscribe(a);
+  }, []), o.current;
 }
-const Re = /* @__PURE__ */ a.createContext({}), Xo = (e) => {
+const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
   const {
     antCls: t,
     componentCls: o,
     iconCls: n,
     avatarBg: r,
-    avatarColor: l,
+    avatarColor: a,
     containerSize: i,
-    containerSizeLG: c,
-    containerSizeSM: s,
-    textFontSize: d,
-    textFontSizeLG: u,
-    textFontSizeSM: p,
+    containerSizeLG: s,
+    containerSizeSM: c,
+    textFontSize: u,
+    textFontSizeLG: d,
+    textFontSizeSM: f,
     borderRadius: m,
-    borderRadiusLG: f,
-    borderRadiusSM: g,
+    borderRadiusLG: g,
+    borderRadiusSM: p,
     lineWidth: v,
-    lineType: C
-  } = e, b = (w, x, y) => ({
-    width: w,
-    height: w,
+    lineType: h
+  } = e, C = (b, S, $) => ({
+    width: b,
+    height: b,
     borderRadius: "50%",
     [`&${o}-square`]: {
-      borderRadius: y
+      borderRadius: $
     },
     [`&${o}-icon`]: {
-      fontSize: x,
+      fontSize: S,
       [`> ${n}`]: {
         margin: 0
       }
     }
   });
   return {
-    [o]: Object.assign(Object.assign(Object.assign(Object.assign({}, ge(e)), {
+    [o]: Object.assign(Object.assign(Object.assign(Object.assign({}, fe(e)), {
       position: "relative",
       display: "inline-flex",
       justifyContent: "center",
       alignItems: "center",
       overflow: "hidden",
-      color: l,
+      color: a,
       whiteSpace: "nowrap",
       textAlign: "center",
       verticalAlign: "middle",
       background: r,
-      border: `${P(v)} ${C} transparent`,
+      border: `${E(v)} ${h} transparent`,
       "&-image": {
         background: "transparent"
       },
       [`${t}-image-img`]: {
         display: "block"
       }
-    }), b(i, d, m)), {
-      "&-lg": Object.assign({}, b(c, u, f)),
-      "&-sm": Object.assign({}, b(s, p, g)),
+    }), C(i, u, m)), {
+      "&-lg": Object.assign({}, C(s, d, g)),
+      "&-sm": Object.assign({}, C(c, f, p)),
       "> img": {
         display: "block",
         width: "100%",
@@ -306,7 +305,7 @@ const Re = /* @__PURE__ */ a.createContext({}), Xo = (e) => {
       }
     })
   };
-}, Fo = (e) => {
+}, tn = (e) => {
   const {
     componentCls: t,
     groupBorderColor: o,
@@ -329,308 +328,314 @@ const Re = /* @__PURE__ */ a.createContext({}), Xo = (e) => {
       }
     }
   };
-}, qo = (e) => {
+}, on = (e) => {
   const {
     controlHeight: t,
     controlHeightLG: o,
     controlHeightSM: n,
     fontSize: r,
-    fontSizeLG: l,
+    fontSizeLG: a,
     fontSizeXL: i,
-    fontSizeHeading3: c,
-    marginXS: s,
-    marginXXS: d,
-    colorBorderBg: u
+    fontSizeHeading3: s,
+    marginXS: c,
+    marginXXS: u,
+    colorBorderBg: d
   } = e;
   return {
     containerSize: t,
     containerSizeLG: o,
     containerSizeSM: n,
-    textFontSize: Math.round((l + i) / 2),
-    textFontSizeLG: c,
+    textFontSize: Math.round((a + i) / 2),
+    textFontSizeLG: s,
     textFontSizeSM: r,
-    groupSpace: d,
-    groupOverlapping: -s,
-    groupBorderColor: u
+    groupSpace: u,
+    groupOverlapping: -c,
+    groupBorderColor: d
   };
-}, wt = le("Avatar", (e) => {
+}, Nt = ce("Avatar", (e) => {
   const {
     colorTextLightSolid: t,
     colorTextPlaceholder: o
-  } = e, n = ae(e, {
+  } = e, n = se(e, {
     avatarBg: o,
     avatarColor: t
   });
-  return [Xo(n), Fo(n)];
-}, qo);
-var Go = function(e, t) {
+  return [en(n), tn(n)];
+}, on);
+var nn = 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 Yo = (e, t) => {
-  const [o, n] = a.useState(1), [r, l] = a.useState(!1), [i, c] = a.useState(!0), s = a.useRef(null), d = a.useRef(null), u = Kt(t, s), {
-    getPrefixCls: p,
+const rn = (e, t) => {
+  const [o, n] = l.useState(1), [r, a] = l.useState(!1), [i, s] = l.useState(!0), c = l.useRef(null), u = l.useRef(null), d = io(t, c), {
+    getPrefixCls: f,
     avatar: m
-  } = a.useContext(J), f = a.useContext(Re), g = () => {
-    if (!d.current || !s.current)
+  } = l.useContext(ne), g = l.useContext(Le), p = () => {
+    if (!u.current || !c.current)
       return;
-    const A = d.current.offsetWidth, W = s.current.offsetWidth;
-    if (A !== 0 && W !== 0) {
+    const x = u.current.offsetWidth, T = c.current.offsetWidth;
+    if (x !== 0 && T !== 0) {
       const {
         gap: U = 4
       } = e;
-      U * 2 < W && n(W - U * 2 < A ? (W - U * 2) / A : 1);
+      U * 2 < T && n(T - U * 2 < x ? (T - U * 2) / x : 1);
     }
   };
-  a.useEffect(() => {
-    l(!0);
-  }, []), a.useEffect(() => {
-    c(!0), n(1);
-  }, [e.src]), a.useEffect(g, [e.gap]);
+  l.useEffect(() => {
+    a(!0);
+  }, []), l.useEffect(() => {
+    s(!0), n(1);
+  }, [e.src]), l.useEffect(p, [e.gap]);
   const v = () => {
     const {
-      onError: A
+      onError: x
     } = e;
-    (A == null ? void 0 : A()) !== !1 && c(!1);
+    (x == null ? void 0 : x()) !== !1 && s(!1);
   }, {
-    prefixCls: C,
-    shape: b,
-    size: w,
-    src: x,
-    srcSet: y,
+    prefixCls: h,
+    shape: C,
+    size: b,
+    src: S,
+    srcSet: $,
     icon: O,
-    className: j,
-    rootClassName: T,
-    alt: _,
-    draggable: h,
-    children: E,
-    crossOrigin: z
-  } = e, B = Go(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]), I = Zt((A) => {
-    var W, U;
-    return (U = (W = w ?? (f == null ? void 0 : f.size)) !== null && W !== void 0 ? W : A) !== null && U !== void 0 ? U : "default";
-  }), $ = Object.keys(typeof I == "object" ? I || {} : {}).some((A) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(A)), D = Wo($), k = a.useMemo(() => {
-    if (typeof I != "object")
+    className: H,
+    rootClassName: R,
+    alt: M,
+    draggable: I,
+    children: w,
+    crossOrigin: B
+  } = e, z = nn(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]), N = ao((x) => {
+    var T, U;
+    return (U = (T = b ?? (g == null ? void 0 : g.size)) !== null && T !== void 0 ? T : x) !== null && U !== void 0 ? U : "default";
+  }), y = Object.keys(typeof N == "object" ? N || {} : {}).some((x) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(x)), P = Jo(y), A = l.useMemo(() => {
+    if (typeof N != "object")
       return {};
-    const A = yt.find((U) => D[U]), W = I[A];
-    return W ? {
-      width: W,
-      height: W,
-      fontSize: W && (O || E) ? W / 2 : 18
+    const x = It.find((U) => P[U]), T = N[x];
+    return T ? {
+      width: T,
+      height: T,
+      fontSize: T && (O || w) ? T / 2 : 18
     } : {};
-  }, [D, I]);
+  }, [P, N]);
   if (process.env.NODE_ENV !== "production") {
-    const A = fe("Avatar");
-    process.env.NODE_ENV !== "production" && A(!(typeof O == "string" && O.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${O}\` at https://ant.design/components/icon`);
+    const x = ve("Avatar");
+    process.env.NODE_ENV !== "production" && x(!(typeof O == "string" && O.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${O}\` at https://ant.design/components/icon`);
   }
-  const S = p("avatar", C), N = Be(S), [R, V, Z] = wt(S, N), H = M({
-    [`${S}-lg`]: I === "large",
-    [`${S}-sm`]: I === "small"
-  }), X = /* @__PURE__ */ a.isValidElement(x), q = b || (f == null ? void 0 : f.shape) || "circle", Y = M(S, H, m == null ? void 0 : m.className, `${S}-${q}`, {
-    [`${S}-image`]: X || x && i,
-    [`${S}-icon`]: !!O
-  }, Z, N, j, T, V), F = typeof I == "number" ? {
-    width: I,
-    height: I,
-    fontSize: O ? I / 2 : 18
+  const j = f("avatar", h), L = ze(j), [F, V, k] = Nt(j, L), D = _({
+    [`${j}-lg`]: N === "large",
+    [`${j}-sm`]: N === "small"
+  }), W = /* @__PURE__ */ l.isValidElement(S), q = C || (g == null ? void 0 : g.shape) || "circle", G = _(j, D, m == null ? void 0 : m.className, `${j}-${q}`, {
+    [`${j}-image`]: W || S && i,
+    [`${j}-icon`]: !!O
+  }, k, L, H, R, V), Z = typeof N == "number" ? {
+    width: N,
+    height: N,
+    fontSize: O ? N / 2 : 18
   } : {};
-  let K;
-  if (typeof x == "string" && i)
-    K = /* @__PURE__ */ a.createElement("img", {
-      src: x,
-      draggable: h,
-      srcSet: y,
+  let Y;
+  if (typeof S == "string" && i)
+    Y = /* @__PURE__ */ l.createElement("img", {
+      src: S,
+      draggable: I,
+      srcSet: $,
       onError: v,
-      alt: _,
-      crossOrigin: z
+      alt: M,
+      crossOrigin: B
     });
-  else if (X)
-    K = x;
+  else if (W)
+    Y = S;
   else if (O)
-    K = O;
+    Y = O;
   else if (r || o !== 1) {
-    const A = `scale(${o})`, W = {
-      msTransform: A,
-      WebkitTransform: A,
-      transform: A
+    const x = `scale(${o})`, T = {
+      msTransform: x,
+      WebkitTransform: x,
+      transform: x
     };
-    K = /* @__PURE__ */ a.createElement(lo, {
-      onResize: g
-    }, /* @__PURE__ */ a.createElement("span", {
-      className: `${S}-string`,
-      ref: d,
-      style: Object.assign({}, W)
-    }, E));
+    Y = /* @__PURE__ */ l.createElement(ho, {
+      onResize: p
+    }, /* @__PURE__ */ l.createElement("span", {
+      className: `${j}-string`,
+      ref: u,
+      style: Object.assign({}, T)
+    }, w));
   } else
-    K = /* @__PURE__ */ a.createElement("span", {
-      className: `${S}-string`,
+    Y = /* @__PURE__ */ l.createElement("span", {
+      className: `${j}-string`,
       style: {
         opacity: 0
       },
-      ref: d
-    }, E);
-  return delete B.onError, delete B.gap, R(/* @__PURE__ */ a.createElement("span", Object.assign({}, B, {
-    style: Object.assign(Object.assign(Object.assign(Object.assign({}, F), k), m == null ? void 0 : m.style), B.style),
-    className: Y,
-    ref: u
-  }), K));
-}, We = /* @__PURE__ */ a.forwardRef(Yo);
-process.env.NODE_ENV !== "production" && (We.displayName = "Avatar");
-const xe = (e) => e ? typeof e == "function" ? e() : e : null;
-function Xe(e) {
-  var t = e.children, o = e.prefixCls, n = e.id, r = e.overlayInnerStyle, l = e.className, i = e.style;
-  return /* @__PURE__ */ a.createElement("div", {
-    className: M("".concat(o, "-content"), l),
-    style: i
-  }, /* @__PURE__ */ a.createElement("div", {
-    className: "".concat(o, "-inner"),
+      ref: u
+    }, w);
+  return delete z.onError, delete z.gap, F(/* @__PURE__ */ l.createElement("span", Object.assign({}, z, {
+    style: Object.assign(Object.assign(Object.assign(Object.assign({}, Z), A), m == null ? void 0 : m.style), z.style),
+    className: G,
+    ref: d
+  }), Y));
+}, Ye = /* @__PURE__ */ l.forwardRef(rn);
+process.env.NODE_ENV !== "production" && (Ye.displayName = "Avatar");
+const Oe = (e) => e ? typeof e == "function" ? e() : e : null;
+function Ue(e) {
+  var t = e.children, o = e.prefixCls, n = e.id, r = e.overlayInnerStyle, a = e.bodyClassName, i = e.className, s = e.style;
+  return /* @__PURE__ */ l.createElement("div", {
+    className: _("".concat(o, "-content"), i),
+    style: s
+  }, /* @__PURE__ */ l.createElement("div", {
+    className: _("".concat(o, "-inner"), a),
     id: n,
     role: "tooltip",
     style: r
   }, typeof t == "function" ? t() : t));
 }
-var ce = {
+var ue = {
   shiftX: 64,
   adjustY: 1
-}, de = {
+}, me = {
   adjustX: 1,
   shiftY: !0
-}, Q = [0, 0], Uo = {
+}, J = [0, 0], an = {
   left: {
     points: ["cr", "cl"],
-    overflow: de,
+    overflow: me,
     offset: [-4, 0],
-    targetOffset: Q
+    targetOffset: J
   },
   right: {
     points: ["cl", "cr"],
-    overflow: de,
+    overflow: me,
     offset: [4, 0],
-    targetOffset: Q
+    targetOffset: J
   },
   top: {
     points: ["bc", "tc"],
-    overflow: ce,
+    overflow: ue,
     offset: [0, -4],
-    targetOffset: Q
+    targetOffset: J
   },
   bottom: {
     points: ["tc", "bc"],
-    overflow: ce,
+    overflow: ue,
     offset: [0, 4],
-    targetOffset: Q
+    targetOffset: J
   },
   topLeft: {
     points: ["bl", "tl"],
-    overflow: ce,
+    overflow: ue,
     offset: [0, -4],
-    targetOffset: Q
+    targetOffset: J
   },
   leftTop: {
     points: ["tr", "tl"],
-    overflow: de,
+    overflow: me,
     offset: [-4, 0],
-    targetOffset: Q
+    targetOffset: J
   },
   topRight: {
     points: ["br", "tr"],
-    overflow: ce,
+    overflow: ue,
     offset: [0, -4],
-    targetOffset: Q
+    targetOffset: J
   },
   rightTop: {
     points: ["tl", "tr"],
-    overflow: de,
+    overflow: me,
     offset: [4, 0],
-    targetOffset: Q
+    targetOffset: J
   },
   bottomRight: {
     points: ["tr", "br"],
-    overflow: ce,
+    overflow: ue,
     offset: [0, 4],
-    targetOffset: Q
+    targetOffset: J
   },
   rightBottom: {
     points: ["bl", "br"],
-    overflow: de,
+    overflow: me,
     offset: [4, 0],
-    targetOffset: Q
+    targetOffset: J
   },
   bottomLeft: {
     points: ["tl", "bl"],
-    overflow: ce,
+    overflow: ue,
     offset: [0, 4],
-    targetOffset: Q
+    targetOffset: J
   },
   leftBottom: {
     points: ["br", "bl"],
-    overflow: de,
+    overflow: me,
     offset: [-4, 0],
-    targetOffset: Q
+    targetOffset: J
   }
-}, Ko = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle", "arrowContent", "overlay", "id", "showArrow"], Zo = function(t, o) {
-  var n = t.overlayClassName, r = t.trigger, l = r === void 0 ? ["hover"] : r, i = t.mouseEnterDelay, c = i === void 0 ? 0 : i, s = t.mouseLeaveDelay, d = s === void 0 ? 0.1 : s, u = t.overlayStyle, p = t.prefixCls, m = p === void 0 ? "rc-tooltip" : p, f = t.children, g = t.onVisibleChange, v = t.afterVisibleChange, C = t.transitionName, b = t.animation, w = t.motion, x = t.placement, y = x === void 0 ? "right" : x, O = t.align, j = O === void 0 ? {} : O, T = t.destroyTooltipOnHide, _ = T === void 0 ? !1 : T, h = t.defaultVisible, E = t.getTooltipContainer, z = t.overlayInnerStyle;
+}, ln = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "prefixCls", "children", "onVisibleChange", "afterVisibleChange", "transitionName", "animation", "motion", "placement", "align", "destroyTooltipOnHide", "defaultVisible", "getTooltipContainer", "overlayInnerStyle", "arrowContent", "overlay", "id", "showArrow", "classNames", "styles"], sn = function(t, o) {
+  var n = t.overlayClassName, r = t.trigger, a = r === void 0 ? ["hover"] : r, i = t.mouseEnterDelay, s = i === void 0 ? 0 : i, c = t.mouseLeaveDelay, u = c === void 0 ? 0.1 : c, d = t.overlayStyle, f = t.prefixCls, m = f === void 0 ? "rc-tooltip" : f, g = t.children, p = t.onVisibleChange, v = t.afterVisibleChange, h = t.transitionName, C = t.animation, b = t.motion, S = t.placement, $ = S === void 0 ? "right" : S, O = t.align, H = O === void 0 ? {} : O, R = t.destroyTooltipOnHide, M = R === void 0 ? !1 : R, I = t.defaultVisible, w = t.getTooltipContainer, B = t.overlayInnerStyle;
   t.arrowContent;
-  var B = t.overlay, I = t.id, $ = t.showArrow, D = $ === void 0 ? !0 : $, k = Qt(t, Ko), S = Ie(null);
-  ft(o, function() {
-    return S.current;
+  var z = t.overlay, N = t.id, y = t.showArrow, P = y === void 0 ? !0 : y, A = t.classNames, j = t.styles, L = lo(t, ln), F = so(N), V = Pe(null);
+  yt(o, function() {
+    return V.current;
   });
-  var N = Jt({}, k);
-  "visible" in t && (N.popupVisible = t.visible);
-  var R = function() {
-    return /* @__PURE__ */ a.createElement(Xe, {
+  var k = le({}, L);
+  "visible" in t && (k.popupVisible = t.visible);
+  var D = function() {
+    return /* @__PURE__ */ l.createElement(Ue, {
       key: "content",
       prefixCls: m,
-      id: I,
-      overlayInnerStyle: z
-    }, B);
+      id: F,
+      bodyClassName: A == null ? void 0 : A.body,
+      overlayInnerStyle: le(le({}, B), j == null ? void 0 : j.body)
+    }, z);
+  }, W = function() {
+    var G = l.Children.only(g), Z = (G == null ? void 0 : G.props) || {}, Y = le(le({}, Z), {}, {
+      "aria-describedby": z ? F : null
+    });
+    return /* @__PURE__ */ l.cloneElement(g, Y);
   };
-  return /* @__PURE__ */ a.createElement(so, Ee({
-    popupClassName: n,
+  return /* @__PURE__ */ l.createElement($o, Be({
+    popupClassName: _(n, A == null ? void 0 : A.root),
     prefixCls: m,
-    popup: R,
-    action: l,
-    builtinPlacements: Uo,
-    popupPlacement: y,
-    ref: S,
-    popupAlign: j,
-    getPopupContainer: E,
-    onPopupVisibleChange: g,
+    popup: D,
+    action: a,
+    builtinPlacements: an,
+    popupPlacement: $,
+    ref: V,
+    popupAlign: H,
+    getPopupContainer: w,
+    onPopupVisibleChange: p,
     afterPopupVisibleChange: v,
-    popupTransitionName: C,
-    popupAnimation: b,
-    popupMotion: w,
-    defaultPopupVisible: h,
-    autoDestroy: _,
-    mouseLeaveDelay: d,
-    popupStyle: u,
-    mouseEnterDelay: c,
-    arrow: D
-  }, N), f);
+    popupTransitionName: h,
+    popupAnimation: C,
+    popupMotion: b,
+    defaultPopupVisible: I,
+    autoDestroy: M,
+    mouseLeaveDelay: u,
+    popupStyle: le(le({}, d), j == null ? void 0 : j.root),
+    mouseEnterDelay: s,
+    arrow: P
+  }, k), W());
 };
-const Qo = /* @__PURE__ */ De(Zo);
-function Fe(e) {
+const cn = /* @__PURE__ */ ke(sn);
+function Ke(e) {
   const {
     sizePopupArrow: t,
     borderRadiusXS: o,
     borderRadiusOuter: n
-  } = e, r = t / 2, l = 0, i = r, c = n * 1 / Math.sqrt(2), s = r - n * (1 - 1 / Math.sqrt(2)), d = r - o * (1 / Math.sqrt(2)), u = n * (Math.sqrt(2) - 1) + o * (1 / Math.sqrt(2)), p = 2 * r - d, m = u, f = 2 * r - c, g = s, v = 2 * r - l, C = i, b = r * Math.sqrt(2) + n * (Math.sqrt(2) - 2), w = n * (Math.sqrt(2) - 1), x = `polygon(${w}px 100%, 50% ${w}px, ${2 * r - w}px 100%, ${w}px 100%)`, y = `path('M ${l} ${i} A ${n} ${n} 0 0 0 ${c} ${s} L ${d} ${u} A ${o} ${o} 0 0 1 ${p} ${m} L ${f} ${g} A ${n} ${n} 0 0 0 ${v} ${C} Z')`;
+  } = e, r = t / 2, a = 0, i = r, s = n * 1 / Math.sqrt(2), c = r - n * (1 - 1 / Math.sqrt(2)), u = r - o * (1 / Math.sqrt(2)), d = n * (Math.sqrt(2) - 1) + o * (1 / Math.sqrt(2)), f = 2 * r - u, m = d, g = 2 * r - s, p = c, v = 2 * r - a, h = i, C = r * Math.sqrt(2) + n * (Math.sqrt(2) - 2), b = n * (Math.sqrt(2) - 1), S = `polygon(${b}px 100%, 50% ${b}px, ${2 * r - b}px 100%, ${b}px 100%)`, $ = `path('M ${a} ${i} A ${n} ${n} 0 0 0 ${s} ${c} L ${u} ${d} A ${o} ${o} 0 0 1 ${f} ${m} L ${g} ${p} A ${n} ${n} 0 0 0 ${v} ${h} Z')`;
   return {
-    arrowShadowWidth: b,
-    arrowPath: y,
-    arrowPolygon: x
+    arrowShadowWidth: C,
+    arrowPath: $,
+    arrowPolygon: S
   };
 }
-const Jo = (e, t, o) => {
+const dn = (e, t, o) => {
   const {
     sizePopupArrow: n,
     arrowPolygon: r,
-    arrowPath: l,
+    arrowPath: a,
     arrowShadowWidth: i,
-    borderRadiusXS: c,
-    calc: s
+    borderRadiusXS: s,
+    calc: c
   } = e;
   return {
     pointerEvents: "none",
@@ -642,11 +647,11 @@ const Jo = (e, t, o) => {
       bottom: 0,
       insetInlineStart: 0,
       width: n,
-      height: s(n).div(2).equal(),
+      height: c(n).div(2).equal(),
       background: t,
       clipPath: {
         _multi_value_: !0,
-        value: [r, l]
+        value: [r, a]
       },
       content: '""'
     },
@@ -660,7 +665,7 @@ const Jo = (e, t, o) => {
       margin: "auto",
       borderRadius: {
         _skip_check_: !0,
-        value: `0 0 ${P(c)} 0`
+        value: `0 0 ${E(s)} 0`
       },
       transform: "translateY(50%) rotate(-135deg)",
       boxShadow: o,
@@ -668,29 +673,29 @@ const Jo = (e, t, o) => {
       background: "transparent"
     }
   };
-}, xt = 8;
-function Ne(e) {
+}, Et = 8;
+function Te(e) {
   const {
     contentRadius: t,
     limitVerticalRadius: o
   } = e, n = t > 12 ? t + 2 : 12;
   return {
     arrowOffsetHorizontal: n,
-    arrowOffsetVertical: o ? xt : n
+    arrowOffsetVertical: o ? Et : n
   };
 }
-function $e(e, t) {
+function Ce(e, t) {
   return e ? t : {};
 }
-function qe(e, t, o) {
+function Ze(e, t, o) {
   const {
     componentCls: n,
     boxShadowPopoverArrow: r,
-    arrowOffsetVertical: l,
+    arrowOffsetVertical: a,
     arrowOffsetHorizontal: i
   } = e, {
-    arrowDistance: c = 0,
-    arrowPlacement: s = {
+    arrowDistance: s = 0,
+    arrowPlacement: c = {
       left: !0,
       right: !0,
       top: !0,
@@ -704,14 +709,14 @@ function qe(e, t, o) {
         position: "absolute",
         zIndex: 1,
         display: "block"
-      }, Jo(e, t, r)), {
+      }, dn(e, t, r)), {
         "&:before": {
           background: t
         }
       })]
-    }, $e(!!s.top, {
+    }, Ce(!!c.top, {
       [[`&-placement-top > ${n}-arrow`, `&-placement-topLeft > ${n}-arrow`, `&-placement-topRight > ${n}-arrow`].join(",")]: {
-        bottom: c,
+        bottom: s,
         transform: "translateY(100%) rotate(180deg)"
       },
       [`&-placement-top > ${n}-arrow`]: {
@@ -731,7 +736,7 @@ function qe(e, t, o) {
         }
       },
       "&-placement-topRight": {
-        "--arrow-offset-horizontal": `calc(100% - ${P(i)})`,
+        "--arrow-offset-horizontal": `calc(100% - ${E(i)})`,
         [`> ${n}-arrow`]: {
           right: {
             _skip_check_: !0,
@@ -739,9 +744,9 @@ function qe(e, t, o) {
           }
         }
       }
-    })), $e(!!s.bottom, {
+    })), Ce(!!c.bottom, {
       [[`&-placement-bottom > ${n}-arrow`, `&-placement-bottomLeft > ${n}-arrow`, `&-placement-bottomRight > ${n}-arrow`].join(",")]: {
-        top: c,
+        top: s,
         transform: "translateY(-100%)"
       },
       [`&-placement-bottom > ${n}-arrow`]: {
@@ -761,7 +766,7 @@ function qe(e, t, o) {
         }
       },
       "&-placement-bottomRight": {
-        "--arrow-offset-horizontal": `calc(100% - ${P(i)})`,
+        "--arrow-offset-horizontal": `calc(100% - ${E(i)})`,
         [`> ${n}-arrow`]: {
           right: {
             _skip_check_: !0,
@@ -769,11 +774,11 @@ function qe(e, t, o) {
           }
         }
       }
-    })), $e(!!s.left, {
+    })), Ce(!!c.left, {
       [[`&-placement-left > ${n}-arrow`, `&-placement-leftTop > ${n}-arrow`, `&-placement-leftBottom > ${n}-arrow`].join(",")]: {
         right: {
           _skip_check_: !0,
-          value: c
+          value: s
         },
         transform: "translateX(100%) rotate(90deg)"
       },
@@ -785,16 +790,16 @@ function qe(e, t, o) {
         transform: "translateY(-50%) translateX(100%) rotate(90deg)"
       },
       [`&-placement-leftTop > ${n}-arrow`]: {
-        top: l
+        top: a
       },
       [`&-placement-leftBottom > ${n}-arrow`]: {
-        bottom: l
+        bottom: a
       }
-    })), $e(!!s.right, {
+    })), Ce(!!c.right, {
       [[`&-placement-right > ${n}-arrow`, `&-placement-rightTop > ${n}-arrow`, `&-placement-rightBottom > ${n}-arrow`].join(",")]: {
         left: {
           _skip_check_: !0,
-          value: c
+          value: s
         },
         transform: "translateX(-100%) rotate(-90deg)"
       },
@@ -806,35 +811,35 @@ function qe(e, t, o) {
         transform: "translateY(-50%) translateX(-100%) rotate(-90deg)"
       },
       [`&-placement-rightTop > ${n}-arrow`]: {
-        top: l
+        top: a
       },
       [`&-placement-rightBottom > ${n}-arrow`]: {
-        bottom: l
+        bottom: a
       }
     }))
   };
 }
-function en(e, t, o, n) {
+function un(e, t, o, n) {
   if (n === !1)
     return {
       adjustX: !1,
       adjustY: !1
     };
-  const r = n && typeof n == "object" ? n : {}, l = {};
+  const r = n && typeof n == "object" ? n : {}, a = {};
   switch (e) {
     case "top":
     case "bottom":
-      l.shiftX = t.arrowOffsetHorizontal * 2 + o, l.shiftY = !0, l.adjustY = !0;
+      a.shiftX = t.arrowOffsetHorizontal * 2 + o, a.shiftY = !0, a.adjustY = !0;
       break;
     case "left":
     case "right":
-      l.shiftY = t.arrowOffsetVertical * 2 + o, l.shiftX = !0, l.adjustX = !0;
+      a.shiftY = t.arrowOffsetVertical * 2 + o, a.shiftX = !0, a.adjustX = !0;
       break;
   }
-  const i = Object.assign(Object.assign({}, l), r);
+  const i = Object.assign(Object.assign({}, a), r);
   return i.shiftX || (i.adjustX = !0), i.shiftY || (i.adjustY = !0), i;
 }
-const rt = {
+const ct = {
   left: {
     points: ["cr", "cl"]
   },
@@ -871,7 +876,7 @@ const rt = {
   leftBottom: {
     points: ["br", "bl"]
   }
-}, tn = {
+}, mn = {
   topLeft: {
     points: ["bl", "tc"]
   },
@@ -896,91 +901,94 @@ const rt = {
   leftBottom: {
     points: ["br", "cl"]
   }
-}, on = /* @__PURE__ */ new Set(["topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"]);
-function St(e) {
+}, pn = /* @__PURE__ */ new Set(["topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"]);
+function Pt(e) {
   const {
     arrowWidth: t,
     autoAdjustOverflow: o,
     arrowPointAtCenter: n,
     offset: r,
-    borderRadius: l,
+    borderRadius: a,
     visibleFirst: i
-  } = e, c = t / 2, s = {};
-  return Object.keys(rt).forEach((d) => {
-    const u = n && tn[d] || rt[d], p = Object.assign(Object.assign({}, u), {
+  } = e, s = t / 2, c = {};
+  return Object.keys(ct).forEach((u) => {
+    const d = n && mn[u] || ct[u], f = Object.assign(Object.assign({}, d), {
       offset: [0, 0],
       dynamicInset: !0
     });
-    switch (s[d] = p, on.has(d) && (p.autoArrow = !1), d) {
+    switch (c[u] = f, pn.has(u) && (f.autoArrow = !1), u) {
       case "top":
       case "topLeft":
       case "topRight":
-        p.offset[1] = -c - r;
+        f.offset[1] = -s - r;
         break;
       case "bottom":
       case "bottomLeft":
       case "bottomRight":
-        p.offset[1] = c + r;
+        f.offset[1] = s + r;
         break;
       case "left":
       case "leftTop":
       case "leftBottom":
-        p.offset[0] = -c - r;
+        f.offset[0] = -s - r;
         break;
       case "right":
       case "rightTop":
       case "rightBottom":
-        p.offset[0] = c + r;
+        f.offset[0] = s + r;
         break;
     }
-    const m = Ne({
-      contentRadius: l,
+    const m = Te({
+      contentRadius: a,
       limitVerticalRadius: !0
     });
     if (n)
-      switch (d) {
+      switch (u) {
         case "topLeft":
         case "bottomLeft":
-          p.offset[0] = -m.arrowOffsetHorizontal - c;
+          f.offset[0] = -m.arrowOffsetHorizontal - s;
           break;
         case "topRight":
         case "bottomRight":
-          p.offset[0] = m.arrowOffsetHorizontal + c;
+          f.offset[0] = m.arrowOffsetHorizontal + s;
           break;
         case "leftTop":
         case "rightTop":
-          p.offset[1] = -m.arrowOffsetHorizontal * 2 + c;
+          f.offset[1] = -m.arrowOffsetHorizontal * 2 + s;
           break;
         case "leftBottom":
         case "rightBottom":
-          p.offset[1] = m.arrowOffsetHorizontal * 2 - c;
+          f.offset[1] = m.arrowOffsetHorizontal * 2 - s;
           break;
       }
-    p.overflow = en(d, m, t, o), i && (p.htmlRegion = "visibleFirst");
-  }), s;
+    f.overflow = un(u, m, t, o), i && (f.htmlRegion = "visibleFirst");
+  }), c;
 }
-const nn = (e) => {
+const gn = (e) => {
   const {
-    componentCls: t,
+    calc: t,
+    componentCls: o,
     // ant-tooltip
-    tooltipMaxWidth: o,
-    tooltipColor: n,
-    tooltipBg: r,
-    tooltipBorderRadius: l,
-    zIndexPopup: i,
+    tooltipMaxWidth: n,
+    tooltipColor: r,
+    tooltipBg: a,
+    tooltipBorderRadius: i,
+    zIndexPopup: s,
     controlHeight: c,
-    boxShadowSecondary: s,
+    boxShadowSecondary: u,
     paddingSM: d,
-    paddingXS: u
-  } = e;
+    paddingXS: f,
+    arrowOffsetHorizontal: m,
+    sizePopupArrow: g
+  } = e, p = t(i).add(g).add(m).equal(), v = t(i).mul(2).add(g).equal();
   return [
     {
-      [t]: Object.assign(Object.assign(Object.assign(Object.assign({}, ge(e)), {
+      [o]: Object.assign(Object.assign(Object.assign(Object.assign({}, fe(e)), {
         position: "absolute",
-        zIndex: i,
+        zIndex: s,
         display: "block",
         width: "max-content",
-        maxWidth: o,
+        maxWidth: n,
         visibility: "visible",
         // When use `autoArrow`, origin will follow the arrow position
         "--valid-offset-x": "var(--arrow-offset-horizontal, var(--arrow-x))",
@@ -988,41 +996,45 @@ const nn = (e) => {
         "&-hidden": {
           display: "none"
         },
-        "--antd-arrow-background-color": r,
+        "--antd-arrow-background-color": a,
         // Wrapper for the tooltip content
-        [`${t}-inner`]: {
-          minWidth: "1em",
+        [`${o}-inner`]: {
+          minWidth: v,
           minHeight: c,
-          padding: `${P(e.calc(d).div(2).equal())} ${P(u)}`,
-          color: n,
+          padding: `${E(e.calc(d).div(2).equal())} ${E(f)}`,
+          color: r,
           textAlign: "start",
           textDecoration: "none",
           wordWrap: "break-word",
-          backgroundColor: r,
-          borderRadius: l,
-          boxShadow: s,
+          backgroundColor: a,
+          borderRadius: i,
+          boxShadow: u,
           boxSizing: "border-box"
         },
+        // Align placement should have another min width
+        [["&-placement-topLeft", "&-placement-topRight", "&-placement-bottomLeft", "&-placement-bottomRight"].join(",")]: {
+          minWidth: p
+        },
         // Limit left and right placement radius
         [["&-placement-left", "&-placement-leftTop", "&-placement-leftBottom", "&-placement-right", "&-placement-rightTop", "&-placement-rightBottom"].join(",")]: {
-          [`${t}-inner`]: {
-            borderRadius: e.min(l, xt)
+          [`${o}-inner`]: {
+            borderRadius: e.min(i, Et)
           }
         },
-        [`${t}-content`]: {
+        [`${o}-content`]: {
           position: "relative"
         }
-      }), Io(e, (p, m) => {
+      }), Mo(e, (h, C) => {
         let {
-          darkColor: f
-        } = m;
+          darkColor: b
+        } = C;
         return {
-          [`&${t}-${p}`]: {
-            [`${t}-inner`]: {
-              backgroundColor: f
+          [`&${o}-${h}`]: {
+            [`${o}-inner`]: {
+              backgroundColor: b
             },
-            [`${t}-arrow`]: {
-              "--antd-arrow-background-color": f
+            [`${o}-arrow`]: {
+              "--antd-arrow-background-color": b
             }
           }
         };
@@ -1034,212 +1046,224 @@ const nn = (e) => {
       })
     },
     // Arrow Style
-    qe(e, "var(--antd-arrow-background-color)"),
+    Ze(e, "var(--antd-arrow-background-color)"),
     // Pure Render
     {
-      [`${t}-pure`]: {
+      [`${o}-pure`]: {
         position: "relative",
         maxWidth: "none",
         margin: e.sizePopupArrow
       }
     }
   ];
-}, rn = (e) => Object.assign(Object.assign({
+}, fn = (e) => Object.assign(Object.assign({
   zIndexPopup: e.zIndexPopupBase + 70
-}, Ne({
+}, Te({
   contentRadius: e.borderRadius,
   limitVerticalRadius: !0
-})), Fe(ae(e, {
+})), Ke(se(e, {
   borderRadiusOuter: Math.min(e.borderRadiusOuter, 4)
-}))), Ot = function(e) {
+}))), Bt = function(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-  return le("Tooltip", (n) => {
+  return ce("Tooltip", (n) => {
     const {
       borderRadius: r,
-      colorTextLightSolid: l,
+      colorTextLightSolid: a,
       colorBgSpotlight: i
-    } = n, c = ae(n, {
+    } = n, s = se(n, {
       // default variables
       tooltipMaxWidth: 250,
-      tooltipColor: l,
+      tooltipColor: a,
       tooltipBorderRadius: r,
       tooltipBg: i
     });
-    return [nn(c), Pe(n, "zoom-big-fast")];
-  }, rn, {
+    return [gn(s), je(n, "zoom-big-fast")];
+  }, fn, {
     resetStyle: !1,
     // Popover use Tooltip as internal component. We do not need to handle this.
     injectStyle: t
   })(e);
-}, an = pe.map((e) => `${e}-inverse`);
-function ln(e) {
-  return (arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0) ? [].concat(Qe(an), Qe(pe)).includes(e) : pe.includes(e);
+}, vn = ge.map((e) => `${e}-inverse`);
+function bn(e) {
+  return (arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0) ? [].concat(nt(vn), nt(ge)).includes(e) : ge.includes(e);
 }
-function It(e, t) {
-  const o = ln(t), n = M({
+function zt(e, t) {
+  const o = bn(t), n = _({
     [`${e}-${t}`]: t && o
-  }), r = {}, l = {};
-  return t && !o && (r.background = t, l["--antd-arrow-background-color"] = t), {
+  }), r = {}, a = {};
+  return t && !o && (r.background = t, a["--antd-arrow-background-color"] = t), {
     className: n,
     overlayStyle: r,
-    arrowStyle: l
+    arrowStyle: a
   };
 }
-const sn = (e) => {
+const hn = (e) => {
   const {
     prefixCls: t,
     className: o,
     placement: n = "top",
     title: r,
-    color: l,
+    color: a,
     overlayInnerStyle: i
   } = e, {
-    getPrefixCls: c
-  } = a.useContext(J), s = c("tooltip", t), [d, u, p] = Ot(s), m = It(s, l), f = m.arrowStyle, g = Object.assign(Object.assign({}, i), m.overlayStyle), v = M(u, p, s, `${s}-pure`, `${s}-placement-${n}`, o, m.className);
-  return d(/* @__PURE__ */ a.createElement("div", {
+    getPrefixCls: s
+  } = l.useContext(ne), c = s("tooltip", t), [u, d, f] = Bt(c), m = zt(c, a), g = m.arrowStyle, p = Object.assign(Object.assign({}, i), m.overlayStyle), v = _(d, f, c, `${c}-pure`, `${c}-placement-${n}`, o, m.className);
+  return u(/* @__PURE__ */ l.createElement("div", {
     className: v,
-    style: f
-  }, /* @__PURE__ */ a.createElement("div", {
-    className: `${s}-arrow`
-  }), /* @__PURE__ */ a.createElement(Xe, Object.assign({}, e, {
-    className: u,
-    prefixCls: s,
-    overlayInnerStyle: g
+    style: g
+  }, /* @__PURE__ */ l.createElement("div", {
+    className: `${c}-arrow`
+  }), /* @__PURE__ */ l.createElement(Ue, Object.assign({}, e, {
+    className: d,
+    prefixCls: c,
+    overlayInnerStyle: p
   }), r)));
 };
-var cn = function(e, t) {
+var $n = 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 dn = /* @__PURE__ */ a.forwardRef((e, t) => {
+const yn = /* @__PURE__ */ l.forwardRef((e, t) => {
   var o, n;
   const {
     prefixCls: r,
-    openClassName: l,
+    openClassName: a,
     getTooltipContainer: i,
-    overlayClassName: c,
     color: s,
-    overlayInnerStyle: d,
+    overlayInnerStyle: c,
     children: u,
-    afterOpenChange: p,
-    afterVisibleChange: m,
-    destroyTooltipOnHide: f,
+    afterOpenChange: d,
+    afterVisibleChange: f,
+    destroyTooltipOnHide: m,
     arrow: g = !0,
-    title: v,
-    overlay: C,
-    builtinPlacements: b,
-    arrowPointAtCenter: w = !1,
-    autoAdjustOverflow: x = !0
-  } = e, y = !!g, [, O] = Ae(), {
-    getPopupContainer: j,
-    getPrefixCls: T,
-    direction: _
-  } = a.useContext(J), h = fe("Tooltip"), E = a.useRef(null), z = () => {
-    var G;
-    (G = E.current) === null || G === void 0 || G.forceAlign();
+    title: p,
+    overlay: v,
+    builtinPlacements: h,
+    arrowPointAtCenter: C = !1,
+    autoAdjustOverflow: b = !0,
+    motion: S,
+    getPopupContainer: $,
+    placement: O = "top",
+    mouseEnterDelay: H = 0.1,
+    mouseLeaveDelay: R = 0.1,
+    overlayStyle: M,
+    rootClassName: I,
+    overlayClassName: w,
+    styles: B,
+    classNames: z
+  } = e, N = $n(e, ["prefixCls", "openClassName", "getTooltipContainer", "color", "overlayInnerStyle", "children", "afterOpenChange", "afterVisibleChange", "destroyTooltipOnHide", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]), y = !!g, [, P] = We(), {
+    getPopupContainer: A,
+    getPrefixCls: j,
+    direction: L,
+    className: F,
+    style: V,
+    classNames: k,
+    styles: D
+  } = Xe("tooltip"), W = ve("Tooltip"), q = l.useRef(null), G = () => {
+    var K;
+    (K = q.current) === null || K === void 0 || K.forceAlign();
   };
-  a.useImperativeHandle(t, () => {
-    var G;
+  l.useImperativeHandle(t, () => {
+    var K, Q;
     return {
-      forceAlign: z,
+      forceAlign: G,
       forcePopupAlign: () => {
-        h.deprecated(!1, "forcePopupAlign", "forceAlign"), z();
+        W.deprecated(!1, "forcePopupAlign", "forceAlign"), G();
       },
-      nativeElement: (G = E.current) === null || G === void 0 ? void 0 : G.nativeElement
+      nativeElement: (K = q.current) === null || K === void 0 ? void 0 : K.nativeElement,
+      popupElement: (Q = q.current) === null || Q === void 0 ? void 0 : Q.popupElement
     };
-  }), process.env.NODE_ENV !== "production" && ([["visible", "open"], ["defaultVisible", "defaultOpen"], ["onVisibleChange", "onOpenChange"], ["afterVisibleChange", "afterOpenChange"], ["arrowPointAtCenter", "arrow={{ pointAtCenter: true }}"]].forEach((G) => {
-    let [te, ne] = G;
-    h.deprecated(!(te in e), te, ne);
-  }), process.env.NODE_ENV !== "production" && h(!f || typeof f == "boolean", "usage", "`destroyTooltipOnHide` no need config `keepParent` anymore. Please use `boolean` value directly."), process.env.NODE_ENV !== "production" && h(!g || typeof g == "boolean" || !("arrowPointAtCenter" in g), "deprecated", "`arrowPointAtCenter` in `arrow` is deprecated. Please use `pointAtCenter` instead."));
-  const [B, I] = Le(!1, {
+  }), process.env.NODE_ENV !== "production" && ([["visible", "open"], ["defaultVisible", "defaultOpen"], ["onVisibleChange", "onOpenChange"], ["afterVisibleChange", "afterOpenChange"], ["arrowPointAtCenter", "arrow={{ pointAtCenter: true }}"], ["overlayStyle", "styles={{ root: {} }}"], ["overlayInnerStyle", "styles={{ body: {} }}"], ["overlayClassName", 'classNames={{ root: "" }}']].forEach((K) => {
+    let [Q, re] = K;
+    W.deprecated(!(Q in e), Q, re);
+  }), process.env.NODE_ENV !== "production" && W(!m || typeof m == "boolean", "usage", "`destroyTooltipOnHide` no need config `keepParent` anymore. Please use `boolean` value directly."), process.env.NODE_ENV !== "production" && W(!g || typeof g == "boolean" || !("arrowPointAtCenter" in g), "deprecated", "`arrowPointAtCenter` in `arrow` is deprecated. Please use `pointAtCenter` instead."));
+  const [Z, Y] = Fe(!1, {
     value: (o = e.open) !== null && o !== void 0 ? o : e.visible,
     defaultValue: (n = e.defaultOpen) !== null && n !== void 0 ? n : e.defaultVisible
-  }), $ = !v && !C && v !== 0, D = (G) => {
-    var te, ne;
-    I($ ? !1 : G), $ || ((te = e.onOpenChange) === null || te === void 0 || te.call(e, G), (ne = e.onVisibleChange) === null || ne === void 0 || ne.call(e, G));
-  }, k = a.useMemo(() => {
-    var G, te;
-    let ne = w;
-    return typeof g == "object" && (ne = (te = (G = g.pointAtCenter) !== null && G !== void 0 ? G : g.arrowPointAtCenter) !== null && te !== void 0 ? te : w), b || St({
-      arrowPointAtCenter: ne,
-      autoAdjustOverflow: x,
-      arrowWidth: y ? O.sizePopupArrow : 0,
-      borderRadius: O.borderRadius,
-      offset: O.marginXXS,
+  }), x = !p && !v && p !== 0, T = (K) => {
+    var Q, re;
+    Y(x ? !1 : K), x || ((Q = e.onOpenChange) === null || Q === void 0 || Q.call(e, K), (re = e.onVisibleChange) === null || re === void 0 || re.call(e, K));
+  }, U = l.useMemo(() => {
+    var K, Q;
+    let re = C;
+    return typeof g == "object" && (re = (Q = (K = g.pointAtCenter) !== null && K !== void 0 ? K : g.arrowPointAtCenter) !== null && Q !== void 0 ? Q : C), h || Pt({
+      arrowPointAtCenter: re,
+      autoAdjustOverflow: b,
+      arrowWidth: y ? P.sizePopupArrow : 0,
+      borderRadius: P.borderRadius,
+      offset: P.marginXXS,
       visibleFirst: !0
     });
-  }, [w, g, b, O]), S = a.useMemo(() => v === 0 ? v : C || v || "", [C, v]), N = /* @__PURE__ */ a.createElement($t, {
+  }, [C, g, h, P]), ae = l.useMemo(() => p === 0 ? p : v || p || "", [v, p]), Re = /* @__PURE__ */ l.createElement(St, {
     space: !0
-  }, typeof S == "function" ? S() : S), {
-    getPopupContainer: R,
-    placement: V = "top",
-    mouseEnterDelay: Z = 0.1,
-    mouseLeaveDelay: H = 0.1,
-    overlayStyle: X,
-    rootClassName: q
-  } = e, Y = cn(e, ["getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName"]), F = T("tooltip", r), K = T(), A = e["data-popover-inject"];
-  let W = B;
-  !("open" in e) && !("visible" in e) && $ && (W = !1);
-  const U = /* @__PURE__ */ a.isValidElement(u) && !yo(u) ? u : /* @__PURE__ */ a.createElement("span", null, u), ie = U.props, je = !ie.className || typeof ie.className == "string" ? M(ie.className, l || `${F}-open`) : ie.className, [me, L, oe] = Ot(F, !A), ee = It(F, s), At = ee.arrowStyle, Lt = Object.assign(Object.assign({}, d), ee.overlayStyle), kt = M(c, {
-    [`${F}-rtl`]: _ === "rtl"
-  }, ee.className, q, L, oe), [Vt, Wt] = Ve("Tooltip", Y.zIndex), Xt = /* @__PURE__ */ a.createElement(Qo, Object.assign({}, Y, {
-    zIndex: Vt,
+  }, typeof ae == "function" ? ae() : ae), te = j("tooltip", r), X = j(), oe = e["data-popover-inject"];
+  let ee = Z;
+  !("open" in e) && !("visible" in e) && x && (ee = !1);
+  const Me = /* @__PURE__ */ l.isValidElement(u) && !zo(u) ? u : /* @__PURE__ */ l.createElement("span", null, u), $e = Me.props, Xt = !$e.className || typeof $e.className == "string" ? _($e.className, a || `${te}-open`) : $e.className, [Ft, qt, Gt] = Bt(te, !oe), De = zt(te, s), Yt = De.arrowStyle, Ut = _(w, {
+    [`${te}-rtl`]: L === "rtl"
+  }, De.className, I, qt, Gt, F, k.root, z == null ? void 0 : z.root), Kt = _(k.body, z == null ? void 0 : z.body), [Zt, Qt] = Ge("Tooltip", N.zIndex), Jt = /* @__PURE__ */ l.createElement(cn, Object.assign({}, N, {
+    zIndex: Zt,
     showArrow: y,
-    placement: V,
-    mouseEnterDelay: Z,
-    mouseLeaveDelay: H,
-    prefixCls: F,
-    overlayClassName: kt,
-    overlayStyle: Object.assign(Object.assign({}, At), X),
-    getTooltipContainer: R || i || j,
-    ref: E,
-    builtinPlacements: k,
-    overlay: N,
-    visible: W,
-    onVisibleChange: D,
-    afterVisibleChange: p ?? m,
-    overlayInnerStyle: Lt,
-    arrowContent: /* @__PURE__ */ a.createElement("span", {
-      className: `${F}-arrow-content`
+    placement: O,
+    mouseEnterDelay: H,
+    mouseLeaveDelay: R,
+    prefixCls: te,
+    classNames: {
+      root: Ut,
+      body: Kt
+    },
+    styles: {
+      root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Yt), D.root), V), M), B == null ? void 0 : B.root),
+      body: Object.assign(Object.assign(Object.assign(Object.assign({}, D.body), c), B == null ? void 0 : B.body), De.overlayStyle)
+    },
+    getTooltipContainer: $ || i || A,
+    ref: q,
+    builtinPlacements: U,
+    overlay: Re,
+    visible: ee,
+    onVisibleChange: T,
+    afterVisibleChange: d ?? f,
+    arrowContent: /* @__PURE__ */ l.createElement("span", {
+      className: `${te}-arrow-content`
     }),
     motion: {
-      motionName: vt(K, "zoom-big-fast", e.transitionName),
+      motionName: Ct(X, "zoom-big-fast", e.transitionName),
       motionDeadline: 1e3
     },
-    destroyTooltipOnHide: !!f
-  }), W ? se(U, {
-    className: je
-  }) : U);
-  return me(/* @__PURE__ */ a.createElement(Ct.Provider, {
-    value: Wt
-  }, Xt));
-}), ze = dn;
-process.env.NODE_ENV !== "production" && (ze.displayName = "Tooltip");
-ze._InternalPanelDoNotUseOrYouWillBeFired = sn;
-const un = (e) => {
+    destroyTooltipOnHide: !!m
+  }), ee ? de(Me, {
+    className: Xt
+  }) : Me);
+  return Ft(/* @__PURE__ */ l.createElement(Ot.Provider, {
+    value: Qt
+  }, Jt));
+}), _e = yn;
+process.env.NODE_ENV !== "production" && (_e.displayName = "Tooltip");
+_e._InternalPanelDoNotUseOrYouWillBeFired = hn;
+const Cn = (e) => {
   const {
     componentCls: t,
     popoverColor: o,
     titleMinWidth: n,
     fontWeightStrong: r,
-    innerPadding: l,
+    innerPadding: a,
     boxShadowSecondary: i,
-    colorTextHeading: c,
-    borderRadiusLG: s,
-    zIndexPopup: d,
-    titleMarginBottom: u,
-    colorBgElevated: p,
+    colorTextHeading: s,
+    borderRadiusLG: c,
+    zIndexPopup: u,
+    titleMarginBottom: d,
+    colorBgElevated: f,
     popoverBg: m,
-    titleBorderBottom: f,
-    innerContentPadding: g,
+    titleBorderBottom: g,
+    innerContentPadding: p,
     titlePadding: v
   } = e;
   return [
     {
-      [t]: Object.assign(Object.assign({}, ge(e)), {
+      [t]: Object.assign(Object.assign({}, fe(e)), {
         position: "absolute",
         top: 0,
         // use `left` to fix https://github.com/ant-design/ant-design/issues/39195
@@ -1247,7 +1271,7 @@ const un = (e) => {
           _skip_check_: !0,
           value: 0
         },
-        zIndex: d,
+        zIndex: u,
         fontWeight: "normal",
         whiteSpace: "normal",
         textAlign: "start",
@@ -1256,7 +1280,7 @@ const un = (e) => {
         // When use `autoArrow`, origin will follow the arrow position
         "--valid-offset-x": "var(--arrow-offset-horizontal, var(--arrow-x))",
         transformOrigin: ["var(--valid-offset-x, 50%)", "var(--arrow-y, 50%)"].join(" "),
-        "--antd-arrow-background-color": p,
+        "--antd-arrow-background-color": f,
         width: "max-content",
         maxWidth: "100vw",
         "&-rtl": {
@@ -1271,26 +1295,26 @@ const un = (e) => {
         [`${t}-inner`]: {
           backgroundColor: m,
           backgroundClip: "padding-box",
-          borderRadius: s,
+          borderRadius: c,
           boxShadow: i,
-          padding: l
+          padding: a
         },
         [`${t}-title`]: {
           minWidth: n,
-          marginBottom: u,
-          color: c,
+          marginBottom: d,
+          color: s,
           fontWeight: r,
-          borderBottom: f,
+          borderBottom: g,
           padding: v
         },
         [`${t}-inner-content`]: {
           color: o,
-          padding: g
+          padding: p
         }
       })
     },
     // Arrow Style
-    qe(e, "var(--antd-arrow-background-color)"),
+    Ze(e, "var(--antd-arrow-background-color)"),
     // Pure Render
     {
       [`${t}-pure`]: {
@@ -1304,12 +1328,12 @@ const un = (e) => {
       }
     }
   ];
-}, mn = (e) => {
+}, wn = (e) => {
   const {
     componentCls: t
   } = e;
   return {
-    [t]: pe.map((o) => {
+    [t]: ge.map((o) => {
       const n = e[`${o}6`];
       return {
         [`&${t}-${o}`]: {
@@ -1324,252 +1348,271 @@ const un = (e) => {
       };
     })
   };
-}, pn = (e) => {
+}, xn = (e) => {
   const {
     lineWidth: t,
     controlHeight: o,
     fontHeight: n,
     padding: r,
-    wireframe: l,
+    wireframe: a,
     zIndexPopupBase: i,
-    borderRadiusLG: c,
-    marginXS: s,
-    lineType: d,
-    colorSplit: u,
-    paddingSM: p
-  } = e, m = o - n, f = m / 2, g = m / 2 - t, v = r;
+    borderRadiusLG: s,
+    marginXS: c,
+    lineType: u,
+    colorSplit: d,
+    paddingSM: f
+  } = e, m = o - n, g = m / 2, p = m / 2 - t, v = r;
   return Object.assign(Object.assign(Object.assign({
     titleMinWidth: 177,
     zIndexPopup: i + 30
-  }, Fe(e)), Ne({
-    contentRadius: c,
+  }, Ke(e)), Te({
+    contentRadius: s,
     limitVerticalRadius: !0
   })), {
     // internal
-    innerPadding: l ? 0 : 12,
-    titleMarginBottom: l ? 0 : s,
-    titlePadding: l ? `${f}px ${v}px ${g}px` : 0,
-    titleBorderBottom: l ? `${t}px ${d} ${u}` : "none",
-    innerContentPadding: l ? `${p}px ${v}px` : 0
+    innerPadding: a ? 0 : 12,
+    titleMarginBottom: a ? 0 : c,
+    titlePadding: a ? `${g}px ${v}px ${p}px` : 0,
+    titleBorderBottom: a ? `${t}px ${u} ${d}` : "none",
+    innerContentPadding: a ? `${f}px ${v}px` : 0
   });
-}, Et = le("Popover", (e) => {
+}, jt = ce("Popover", (e) => {
   const {
     colorBgElevated: t,
     colorText: o
-  } = e, n = ae(e, {
+  } = e, n = se(e, {
     popoverBg: t,
     popoverColor: o
   });
-  return [un(n), mn(n), Pe(n, "zoom-big")];
-}, pn, {
+  return [Cn(n), wn(n), je(n, "zoom-big")];
+}, xn, {
   resetStyle: !1,
   deprecatedTokens: [["width", "titleMinWidth"], ["minWidth", "titleMinWidth"]]
 });
-var gn = function(e, t) {
+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 Bt = (e) => {
+const Tt = (e) => {
   let {
     title: t,
     content: o,
     prefixCls: n
   } = e;
-  return !t && !o ? null : /* @__PURE__ */ a.createElement(a.Fragment, null, t && /* @__PURE__ */ a.createElement("div", {
+  return !t && !o ? null : /* @__PURE__ */ l.createElement(l.Fragment, null, t && /* @__PURE__ */ l.createElement("div", {
     className: `${n}-title`
-  }, t), o && /* @__PURE__ */ a.createElement("div", {
+  }, t), o && /* @__PURE__ */ l.createElement("div", {
     className: `${n}-inner-content`
   }, o));
-}, fn = (e) => {
+}, On = (e) => {
   const {
     hashId: t,
     prefixCls: o,
     className: n,
     style: r,
-    placement: l = "top",
+    placement: a = "top",
     title: i,
-    content: c,
-    children: s
-  } = e, d = xe(i), u = xe(c), p = M(t, o, `${o}-pure`, `${o}-placement-${l}`, n);
-  return /* @__PURE__ */ a.createElement("div", {
-    className: p,
+    content: s,
+    children: c
+  } = e, u = Oe(i), d = Oe(s), f = _(t, o, `${o}-pure`, `${o}-placement-${a}`, n);
+  return /* @__PURE__ */ l.createElement("div", {
+    className: f,
     style: r
-  }, /* @__PURE__ */ a.createElement("div", {
+  }, /* @__PURE__ */ l.createElement("div", {
     className: `${o}-arrow`
-  }), /* @__PURE__ */ a.createElement(Xe, Object.assign({}, e, {
+  }), /* @__PURE__ */ l.createElement(Ue, Object.assign({}, e, {
     className: t,
     prefixCls: o
-  }), s || /* @__PURE__ */ a.createElement(Bt, {
+  }), c || /* @__PURE__ */ l.createElement(Tt, {
     prefixCls: o,
-    title: d,
-    content: u
+    title: u,
+    content: d
   })));
-}, vn = (e) => {
+}, In = (e) => {
   const {
     prefixCls: t,
     className: o
-  } = e, n = gn(e, ["prefixCls", "className"]), {
+  } = e, n = Sn(e, ["prefixCls", "className"]), {
     getPrefixCls: r
-  } = a.useContext(J), l = r("popover", t), [i, c, s] = Et(l);
-  return i(/* @__PURE__ */ a.createElement(fn, Object.assign({}, n, {
-    prefixCls: l,
-    hashId: c,
-    className: M(o, s)
+  } = l.useContext(ne), a = r("popover", t), [i, s, c] = jt(a);
+  return i(/* @__PURE__ */ l.createElement(On, Object.assign({}, n, {
+    prefixCls: a,
+    hashId: s,
+    className: _(o, c)
   })));
 };
-var bn = function(e, t) {
+var Nn = 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 hn = /* @__PURE__ */ a.forwardRef((e, t) => {
+const En = /* @__PURE__ */ l.forwardRef((e, t) => {
   var o, n;
   const {
     prefixCls: r,
-    title: l,
+    title: a,
     content: i,
-    overlayClassName: c,
-    placement: s = "top",
-    trigger: d = "hover",
-    children: u,
-    mouseEnterDelay: p = 0.1,
+    overlayClassName: s,
+    placement: c = "top",
+    trigger: u = "hover",
+    children: d,
+    mouseEnterDelay: f = 0.1,
     mouseLeaveDelay: m = 0.1,
-    onOpenChange: f,
-    overlayStyle: g = {}
-  } = e, v = bn(e, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle"]), {
-    getPrefixCls: C
-  } = a.useContext(J), b = C("popover", r), [w, x, y] = Et(b), O = C(), j = M(c, x, y), [T, _] = Le(!1, {
+    onOpenChange: g,
+    overlayStyle: p = {},
+    styles: v,
+    classNames: h
+  } = e, C = Nn(e, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]), {
+    getPrefixCls: b,
+    className: S,
+    style: $,
+    classNames: O,
+    styles: H
+  } = Xe("popover"), R = b("popover", r), [M, I, w] = jt(R), B = b(), z = _(s, I, w, S, O.root, h == null ? void 0 : h.root), N = _(O.body, h == null ? void 0 : h.body), [y, P] = Fe(!1, {
     value: (o = e.open) !== null && o !== void 0 ? o : e.visible,
     defaultValue: (n = e.defaultOpen) !== null && n !== void 0 ? n : e.defaultVisible
-  }), h = ($, D) => {
-    _($, !0), f == null || f($, D);
-  }, E = ($) => {
-    $.keyCode === eo.ESC && h(!1, $);
-  }, z = ($) => {
-    h($);
-  }, B = xe(l), I = xe(i);
-  return w(/* @__PURE__ */ a.createElement(ze, Object.assign({
-    placement: s,
-    trigger: d,
-    mouseEnterDelay: p,
-    mouseLeaveDelay: m,
-    overlayStyle: g
-  }, v, {
-    prefixCls: b,
-    overlayClassName: j,
+  }), A = (k, D) => {
+    P(k, !0), g == null || g(k, D);
+  }, j = (k) => {
+    k.keyCode === co.ESC && A(!1, k);
+  }, L = (k) => {
+    A(k);
+  }, F = Oe(a), V = Oe(i);
+  return M(/* @__PURE__ */ l.createElement(_e, Object.assign({
+    placement: c,
+    trigger: u,
+    mouseEnterDelay: f,
+    mouseLeaveDelay: m
+  }, C, {
+    prefixCls: R,
+    classNames: {
+      root: z,
+      body: N
+    },
+    styles: {
+      root: Object.assign(Object.assign(Object.assign(Object.assign({}, H.root), $), p), v == null ? void 0 : v.root),
+      body: Object.assign(Object.assign({}, H.body), v == null ? void 0 : v.body)
+    },
     ref: t,
-    open: T,
-    onOpenChange: z,
-    overlay: B || I ? /* @__PURE__ */ a.createElement(Bt, {
-      prefixCls: b,
-      title: B,
-      content: I
+    open: y,
+    onOpenChange: L,
+    overlay: F || V ? /* @__PURE__ */ l.createElement(Tt, {
+      prefixCls: R,
+      title: F,
+      content: V
     }) : null,
-    transitionName: vt(O, "zoom-big", v.transitionName),
+    transitionName: Ct(B, "zoom-big", C.transitionName),
     "data-popover-inject": !0
-  }), se(u, {
-    onKeyDown: ($) => {
-      var D, k;
-      /* @__PURE__ */ a.isValidElement(u) && ((k = u == null ? void 0 : (D = u.props).onKeyDown) === null || k === void 0 || k.call(D, $)), E($);
+  }), de(d, {
+    onKeyDown: (k) => {
+      var D, W;
+      /* @__PURE__ */ l.isValidElement(d) && ((W = d == null ? void 0 : (D = d.props).onKeyDown) === null || W === void 0 || W.call(D, k)), j(k);
     }
   })));
-}), Ge = hn;
-Ge._InternalPanelDoNotUseOrYouWillBeFired = vn;
-process.env.NODE_ENV !== "production" && (Ge.displayName = "Popover");
-const it = (e) => {
+}), Qe = En;
+Qe._InternalPanelDoNotUseOrYouWillBeFired = In;
+process.env.NODE_ENV !== "production" && (Qe.displayName = "Popover");
+const dt = (e) => {
   const {
     size: t,
     shape: o
-  } = a.useContext(Re), n = a.useMemo(() => ({
+  } = l.useContext(Le), n = l.useMemo(() => ({
     size: e.size || t,
     shape: e.shape || o
   }), [e.size, e.shape, t, o]);
-  return /* @__PURE__ */ a.createElement(Re.Provider, {
+  return /* @__PURE__ */ l.createElement(Le.Provider, {
     value: n
   }, e.children);
-}, $n = (e) => {
-  var t, o, n;
+}, Pn = (e) => {
+  var t, o, n, r;
   const {
-    getPrefixCls: r,
-    direction: l
-  } = a.useContext(J), {
-    prefixCls: i,
+    getPrefixCls: a,
+    direction: i
+  } = l.useContext(ne), {
+    prefixCls: s,
     className: c,
-    rootClassName: s,
+    rootClassName: u,
     style: d,
-    maxCount: u,
-    maxStyle: p,
-    size: m,
-    shape: f,
-    maxPopoverPlacement: g,
-    maxPopoverTrigger: v,
+    maxCount: f,
+    maxStyle: m,
+    size: g,
+    shape: p,
+    maxPopoverPlacement: v,
+    maxPopoverTrigger: h,
     children: C,
     max: b
   } = e;
   if (process.env.NODE_ENV !== "production") {
-    const B = fe("Avatar.Group");
-    B.deprecated(!u, "maxCount", "max={{ count: number }}"), B.deprecated(!p, "maxStyle", "max={{ style: CSSProperties }}"), B.deprecated(!g, "maxPopoverPlacement", "max={{ popover: PopoverProps }}"), B.deprecated(!v, "maxPopoverTrigger", "max={{ popover: PopoverProps }}");
+    const N = ve("Avatar.Group");
+    [["maxCount", "max={{ count: number }}"], ["maxStyle", "max={{ style: CSSProperties }}"], ["maxPopoverPlacement", "max={{ popover: PopoverProps }}"], ["maxPopoverTrigger", "max={{ popover: PopoverProps }}"]].forEach((y) => {
+      let [P, A] = y;
+      N.deprecated(!(P in e), P, A);
+    });
   }
-  const w = r("avatar", i), x = `${w}-group`, y = Be(w), [O, j, T] = wt(w, y), _ = M(x, {
-    [`${x}-rtl`]: l === "rtl"
-  }, T, y, c, s, j), h = ke(C).map((B, I) => se(B, {
-    key: `avatar-key-${I}`
-  })), E = (b == null ? void 0 : b.count) || u, z = h.length;
-  if (E && E < z) {
-    const B = h.slice(0, E), I = h.slice(E, z), $ = (b == null ? void 0 : b.style) || p, D = ((t = b == null ? void 0 : b.popover) === null || t === void 0 ? void 0 : t.trigger) || v || "hover", k = ((o = b == null ? void 0 : b.popover) === null || o === void 0 ? void 0 : o.placement) || g || "top", S = Object.assign(Object.assign({
-      content: I
+  const S = a("avatar", s), $ = `${S}-group`, O = ze(S), [H, R, M] = Nt(S, O), I = _($, {
+    [`${$}-rtl`]: i === "rtl"
+  }, M, O, c, u, R), w = qe(C).map((N, y) => de(N, {
+    // eslint-disable-next-line react/no-array-index-key
+    key: `avatar-key-${y}`
+  })), B = (b == null ? void 0 : b.count) || f, z = w.length;
+  if (B && B < z) {
+    const N = w.slice(0, B), y = w.slice(B, z), P = (b == null ? void 0 : b.style) || m, A = ((t = b == null ? void 0 : b.popover) === null || t === void 0 ? void 0 : t.trigger) || h || "hover", j = ((o = b == null ? void 0 : b.popover) === null || o === void 0 ? void 0 : o.placement) || v || "top", L = Object.assign(Object.assign({
+      content: y
     }, b == null ? void 0 : b.popover), {
-      overlayClassName: M(`${x}-popover`, (n = b == null ? void 0 : b.popover) === null || n === void 0 ? void 0 : n.overlayClassName),
-      placement: k,
-      trigger: D
+      classNames: {
+        root: _(`${$}-popover`, (r = (n = b == null ? void 0 : b.popover) === null || n === void 0 ? void 0 : n.classNames) === null || r === void 0 ? void 0 : r.root)
+      },
+      placement: j,
+      trigger: A
     });
-    return B.push(/* @__PURE__ */ a.createElement(Ge, Object.assign({
+    return N.push(/* @__PURE__ */ l.createElement(Qe, Object.assign({
       key: "avatar-popover-key",
       destroyTooltipOnHide: !0
-    }, S), /* @__PURE__ */ a.createElement(We, {
-      style: $
-    }, `+${z - E}`))), O(/* @__PURE__ */ a.createElement(it, {
-      shape: f,
-      size: m
-    }, /* @__PURE__ */ a.createElement("div", {
-      className: _,
+    }, L), /* @__PURE__ */ l.createElement(Ye, {
+      style: P
+    }, `+${z - B}`))), H(/* @__PURE__ */ l.createElement(dt, {
+      shape: p,
+      size: g
+    }, /* @__PURE__ */ l.createElement("div", {
+      className: I,
       style: d
-    }, B)));
+    }, N)));
   }
-  return O(/* @__PURE__ */ a.createElement(it, {
-    shape: f,
-    size: m
-  }, /* @__PURE__ */ a.createElement("div", {
-    className: _,
+  return H(/* @__PURE__ */ l.createElement(dt, {
+    shape: p,
+    size: g
+  }, /* @__PURE__ */ l.createElement("div", {
+    className: I,
     style: d
-  }, h)));
-}, Pt = We;
-Pt.Group = $n;
-var Cn = { 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" }, yn = function(t, o) {
-  return /* @__PURE__ */ a.createElement(He, Ee({}, t, {
+  }, w)));
+}, _t = Ye;
+_t.Group = Pn;
+var Bn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, name: "left", theme: "outlined" }, zn = function(t, o) {
+  return /* @__PURE__ */ l.createElement(Ve, Be({}, t, {
     ref: o,
-    icon: Cn
+    icon: Bn
   }));
-}, Nt = /* @__PURE__ */ a.forwardRef(yn);
-process.env.NODE_ENV !== "production" && (Nt.displayName = "BarsOutlined");
-var wn = { 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" }, xn = function(t, o) {
-  return /* @__PURE__ */ a.createElement(He, Ee({}, t, {
+}, Ie = /* @__PURE__ */ l.forwardRef(zn);
+process.env.NODE_ENV !== "production" && (Ie.displayName = "LeftOutlined");
+const jn = (e) => typeof e != "object" && typeof e != "function" || e === null;
+var Tn = { icon: { tag: "svg", attrs: { viewBox: "0 0 1024 1024", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, name: "bars", theme: "outlined" }, _n = function(t, o) {
+  return /* @__PURE__ */ l.createElement(Ve, Be({}, t, {
     ref: o,
-    icon: wn
+    icon: Tn
   }));
-}, Me = /* @__PURE__ */ a.forwardRef(xn);
-process.env.NODE_ENV !== "production" && (Me.displayName = "LeftOutlined");
-const Sn = (e) => !isNaN(parseFloat(e)) && isFinite(e), On = /* @__PURE__ */ a.createContext({
+}, Rt = /* @__PURE__ */ l.forwardRef(_n);
+process.env.NODE_ENV !== "production" && (Rt.displayName = "BarsOutlined");
+const Rn = /* @__PURE__ */ l.createContext({
   siderHook: {
     addSider: () => null,
     removeSider: () => null
   }
-}), In = (e) => {
+}), Mn = (e) => {
   const {
     antCls: t,
     // .ant
@@ -1577,13 +1620,13 @@ const Sn = (e) => !isNaN(parseFloat(e)) && isFinite(e), On = /* @__PURE__ */ a.c
     // .ant-layout
     colorText: n,
     footerBg: r,
-    headerHeight: l,
+    headerHeight: a,
     headerPadding: i,
-    headerColor: c,
-    footerPadding: s,
-    fontSize: d,
-    bodyBg: u,
-    headerBg: p
+    headerColor: s,
+    footerPadding: c,
+    fontSize: u,
+    bodyBg: d,
+    headerBg: f
   } = e;
   return {
     [o]: {
@@ -1592,7 +1635,7 @@ const Sn = (e) => !isNaN(parseFloat(e)) && isFinite(e), On = /* @__PURE__ */ a.c
       flexDirection: "column",
       /* fix firefox can't set height smaller than content on flex item */
       minHeight: 0,
-      background: u,
+      background: d,
       "&, *": {
         boxSizing: "border-box"
       },
@@ -1613,11 +1656,11 @@ const Sn = (e) => !isNaN(parseFloat(e)) && isFinite(e), On = /* @__PURE__ */ a.c
     },
     // ==================== Header ====================
     [`${o}-header`]: {
-      height: l,
+      height: a,
       padding: i,
-      color: c,
-      lineHeight: P(l),
-      background: p,
+      color: s,
+      lineHeight: E(a),
+      background: f,
       // Other components/menu/style/index.less line:686
       // Integration with header element so menu items have the same height
       [`${t}-menu`]: {
@@ -1626,9 +1669,9 @@ const Sn = (e) => !isNaN(parseFloat(e)) && isFinite(e), On = /* @__PURE__ */ a.c
     },
     // ==================== Footer ====================
     [`${o}-footer`]: {
-      padding: s,
+      padding: c,
       color: n,
-      fontSize: d,
+      fontSize: u,
       background: r
     },
     // =================== Content ====================
@@ -1639,17 +1682,17 @@ const Sn = (e) => !isNaN(parseFloat(e)) && isFinite(e), On = /* @__PURE__ */ a.c
       minHeight: 0
     }
   };
-}, zt = (e) => {
+}, Mt = (e) => {
   const {
     colorBgLayout: t,
     controlHeight: o,
     controlHeightLG: n,
     colorText: r,
-    controlHeightSM: l,
+    controlHeightSM: a,
     marginXXS: i,
-    colorTextLightSolid: c,
-    colorBgContainer: s
-  } = e, d = n * 1.25;
+    colorTextLightSolid: s,
+    colorBgContainer: c
+  } = e, u = n * 1.25;
   return {
     // Deprecated
     colorBgHeader: "#001529",
@@ -1658,42 +1701,42 @@ const Sn = (e) => !isNaN(parseFloat(e)) && isFinite(e), On = /* @__PURE__ */ a.c
     bodyBg: t,
     headerBg: "#001529",
     headerHeight: o * 2,
-    headerPadding: `0 ${d}px`,
+    headerPadding: `0 ${u}px`,
     headerColor: r,
-    footerPadding: `${l}px ${d}px`,
+    footerPadding: `${a}px ${u}px`,
     footerBg: t,
     siderBg: "#001529",
     triggerHeight: n + i * 2,
     triggerBg: "#002140",
-    triggerColor: c,
+    triggerColor: s,
     zeroTriggerWidth: n,
     zeroTriggerHeight: n,
-    lightSiderBg: s,
-    lightTriggerBg: s,
+    lightSiderBg: c,
+    lightTriggerBg: c,
     lightTriggerColor: r
   };
-}, jt = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]];
-le("Layout", (e) => [In(e)], zt, {
-  deprecatedTokens: jt
+}, Dt = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]];
+ce("Layout", (e) => [Mn(e)], Mt, {
+  deprecatedTokens: Dt
 });
-const En = (e) => {
+const Dn = (e) => {
   const {
     componentCls: t,
     siderBg: o,
     motionDurationMid: n,
     motionDurationSlow: r,
-    antCls: l,
+    antCls: a,
     triggerHeight: i,
-    triggerColor: c,
-    triggerBg: s,
-    headerHeight: d,
-    zeroTriggerWidth: u,
-    zeroTriggerHeight: p,
-    borderRadius: m,
-    lightSiderBg: f,
-    lightTriggerColor: g,
+    triggerColor: s,
+    triggerBg: c,
+    headerHeight: u,
+    zeroTriggerWidth: d,
+    zeroTriggerHeight: f,
+    borderRadiusLG: m,
+    lightSiderBg: g,
+    lightTriggerColor: p,
     lightTriggerBg: v,
-    bodyBg: C
+    bodyBg: h
   } = e;
   return {
     [t]: {
@@ -1715,291 +1758,283 @@ const En = (e) => {
         // solution from https://stackoverflow.com/a/33132624/3040605
         marginTop: -0.1,
         paddingTop: 0.1,
-        [`${l}-menu${l}-menu-inline-collapsed`]: {
+        [`${a}-menu${a}-menu-inline-collapsed`]: {
           width: "auto"
         }
       },
+      [`&-zero-width ${t}-children`]: {
+        overflow: "hidden"
+      },
       [`${t}-trigger`]: {
         position: "fixed",
         bottom: 0,
         zIndex: 1,
         height: i,
-        color: c,
-        lineHeight: P(i),
+        color: s,
+        lineHeight: E(i),
         textAlign: "center",
-        background: s,
+        background: c,
         cursor: "pointer",
         transition: `all ${n}`
       },
-      "&-zero-width": {
-        "> *": {
-          overflow: "hidden"
-        },
-        "&-trigger": {
+      [`${t}-zero-width-trigger`]: {
+        position: "absolute",
+        top: u,
+        insetInlineEnd: e.calc(d).mul(-1).equal(),
+        zIndex: 1,
+        width: d,
+        height: f,
+        color: s,
+        fontSize: e.fontSizeXL,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: o,
+        borderRadius: `0 ${E(m)} ${E(m)} 0`,
+        cursor: "pointer",
+        transition: `background ${r} ease`,
+        "&::after": {
           position: "absolute",
-          top: d,
-          insetInlineEnd: e.calc(u).mul(-1).equal(),
-          zIndex: 1,
-          width: u,
-          height: p,
-          color: c,
-          fontSize: e.fontSizeXL,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          background: o,
-          borderStartStartRadius: 0,
-          borderStartEndRadius: m,
-          borderEndEndRadius: m,
-          borderEndStartRadius: 0,
-          cursor: "pointer",
-          transition: `background ${r} ease`,
-          "&::after": {
-            position: "absolute",
-            inset: 0,
-            background: "transparent",
-            transition: `all ${r}`,
-            content: '""'
-          },
-          "&:hover::after": {
-            background: "rgba(255, 255, 255, 0.2)"
-          },
-          "&-right": {
-            insetInlineStart: e.calc(u).mul(-1).equal(),
-            borderStartStartRadius: m,
-            borderStartEndRadius: 0,
-            borderEndEndRadius: 0,
-            borderEndStartRadius: m
-          }
+          inset: 0,
+          background: "transparent",
+          transition: `all ${r}`,
+          content: '""'
+        },
+        "&:hover::after": {
+          background: "rgba(255, 255, 255, 0.2)"
+        },
+        "&-right": {
+          insetInlineStart: e.calc(d).mul(-1).equal(),
+          borderRadius: `${E(m)} 0 0 ${E(m)}`
         }
       },
       // Light
       "&-light": {
-        background: f,
+        background: g,
         [`${t}-trigger`]: {
-          color: g,
+          color: p,
           background: v
         },
         [`${t}-zero-width-trigger`]: {
-          color: g,
+          color: p,
           background: v,
-          border: `1px solid ${C}`,
+          border: `1px solid ${h}`,
           // Safe to modify to any other color
           borderInlineStart: 0
         }
       }
     }
   };
-}, Bn = le(["Layout", "Sider"], (e) => [En(e)], zt, {
-  deprecatedTokens: jt
+}, Hn = ce(["Layout", "Sider"], (e) => [Dn(e)], Mt, {
+  deprecatedTokens: Dt
 });
-var Pn = function(e, t) {
+var An = 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 at = {
+const ut = {
   xs: "479.98px",
   sm: "575.98px",
   md: "767.98px",
   lg: "991.98px",
   xl: "1199.98px",
   xxl: "1599.98px"
-}, Ye = /* @__PURE__ */ a.createContext({}), Nn = /* @__PURE__ */ (() => {
+}, Ln = (e) => !Number.isNaN(Number.parseFloat(e)) && isFinite(e), Je = /* @__PURE__ */ l.createContext({}), kn = /* @__PURE__ */ (() => {
   let e = 0;
   return function() {
     let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
     return e += 1, `${t}${e}`;
   };
-})(), zn = /* @__PURE__ */ a.forwardRef((e, t) => {
+})(), Vn = /* @__PURE__ */ l.forwardRef((e, t) => {
   const {
     prefixCls: o,
     className: n,
     trigger: r,
-    children: l,
+    children: a,
     defaultCollapsed: i = !1,
-    theme: c = "dark",
-    style: s = {},
-    collapsible: d = !1,
-    reverseArrow: u = !1,
-    width: p = 200,
+    theme: s = "dark",
+    style: c = {},
+    collapsible: u = !1,
+    reverseArrow: d = !1,
+    width: f = 200,
     collapsedWidth: m = 80,
-    zeroWidthTriggerStyle: f,
-    breakpoint: g,
+    zeroWidthTriggerStyle: g,
+    breakpoint: p,
     onCollapse: v,
-    onBreakpoint: C
-  } = e, b = Pn(e, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
-    siderHook: w
-  } = Ke(On), [x, y] = Ze("collapsed" in e ? e.collapsed : i), [O, j] = Ze(!1);
-  Te(() => {
-    "collapsed" in e && y(e.collapsed);
+    onBreakpoint: h
+  } = e, C = An(e, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
+    siderHook: b
+  } = tt(Rn), [S, $] = ot("collapsed" in e ? e.collapsed : i), [O, H] = ot(!1);
+  He(() => {
+    "collapsed" in e && $(e.collapsed);
   }, [e.collapsed]);
-  const T = (S, N) => {
-    "collapsed" in e || y(S), v == null || v(S, N);
+  const R = (x, T) => {
+    "collapsed" in e || $(x), v == null || v(x, T);
   }, {
-    getPrefixCls: _
-  } = Ke(J), h = _("layout-sider", o), [E, z, B] = Bn(h), I = Ie();
-  I.current = (S) => {
-    j(S.matches), C == null || C(S.matches), x !== S.matches && T(S.matches, "responsive");
-  }, Te(() => {
-    function S(R) {
-      return I.current(R);
+    getPrefixCls: M,
+    direction: I
+  } = tt(ne), w = M("layout-sider", o), [B, z, N] = Hn(w), y = Pe(null);
+  y.current = (x) => {
+    H(x.matches), h == null || h(x.matches), S !== x.matches && R(x.matches, "responsive");
+  }, He(() => {
+    function x(U) {
+      return y.current(U);
     }
-    let N;
+    let T;
     if (typeof window < "u") {
       const {
-        matchMedia: R
+        matchMedia: U
       } = window;
-      if (R && g && g in at) {
-        N = R(`screen and (max-width: ${at[g]})`);
+      if (U && p && p in ut) {
+        T = U(`screen and (max-width: ${ut[p]})`);
         try {
-          N.addEventListener("change", S);
+          T.addEventListener("change", x);
         } catch {
-          N.addListener(S);
+          T.addListener(x);
         }
-        S(N);
+        x(T);
       }
     }
     return () => {
       try {
-        N == null || N.removeEventListener("change", S);
+        T == null || T.removeEventListener("change", x);
       } catch {
-        N == null || N.removeListener(S);
+        T == null || T.removeListener(x);
       }
     };
-  }, [g]), Te(() => {
-    const S = Nn("ant-sider-");
-    return w.addSider(S), () => w.removeSider(S);
+  }, [p]), He(() => {
+    const x = kn("ant-sider-");
+    return b.addSider(x), () => b.removeSider(x);
   }, []);
-  const $ = () => {
-    T(!x, "clickTrigger");
-  }, D = () => {
-    const S = ve(b, ["collapsed"]), N = x ? m : p, R = Sn(N) ? `${N}px` : String(N), V = parseFloat(String(m || 0)) === 0 ? /* @__PURE__ */ a.createElement("span", {
-      onClick: $,
-      className: M(`${h}-zero-width-trigger`, `${h}-zero-width-trigger-${u ? "right" : "left"}`),
-      style: f
-    }, r || /* @__PURE__ */ a.createElement(Nt, null)) : null, X = {
-      expanded: u ? /* @__PURE__ */ a.createElement(we, null) : /* @__PURE__ */ a.createElement(Me, null),
-      collapsed: u ? /* @__PURE__ */ a.createElement(Me, null) : /* @__PURE__ */ a.createElement(we, null)
-    }[x ? "collapsed" : "expanded"], q = r !== null ? V || /* @__PURE__ */ a.createElement("div", {
-      className: `${h}-trigger`,
-      onClick: $,
-      style: {
-        width: R
-      }
-    }, r || X) : null, Y = Object.assign(Object.assign({}, s), {
-      flex: `0 0 ${R}`,
-      maxWidth: R,
-      minWidth: R,
-      width: R
-    }), F = M(h, `${h}-${c}`, {
-      [`${h}-collapsed`]: !!x,
-      [`${h}-has-trigger`]: d && r !== null && !V,
-      [`${h}-below`]: !!O,
-      [`${h}-zero-width`]: parseFloat(R) === 0
-    }, n, z, B);
-    return /* @__PURE__ */ a.createElement("aside", Object.assign({
-      className: F
-    }, S, {
-      style: Y,
-      ref: t
-    }), /* @__PURE__ */ a.createElement("div", {
-      className: `${h}-children`
-    }, l), d || O && V ? q : null);
-  }, k = a.useMemo(() => ({
-    siderCollapsed: x
-  }), [x]);
-  return E(/* @__PURE__ */ a.createElement(Ye.Provider, {
-    value: k
-  }, D()));
+  const P = () => {
+    R(!S, "clickTrigger");
+  }, A = be(C, ["collapsed"]), j = S ? m : f, L = Ln(j) ? `${j}px` : String(j), F = parseFloat(String(m || 0)) === 0 ? /* @__PURE__ */ l.createElement("span", {
+    onClick: P,
+    className: _(`${w}-zero-width-trigger`, `${w}-zero-width-trigger-${d ? "right" : "left"}`),
+    style: g
+  }, r || /* @__PURE__ */ l.createElement(Rt, null)) : null, V = I === "rtl" == !d, W = {
+    expanded: V ? /* @__PURE__ */ l.createElement(Se, null) : /* @__PURE__ */ l.createElement(Ie, null),
+    collapsed: V ? /* @__PURE__ */ l.createElement(Ie, null) : /* @__PURE__ */ l.createElement(Se, null)
+  }[S ? "collapsed" : "expanded"], q = r !== null ? F || /* @__PURE__ */ l.createElement("div", {
+    className: `${w}-trigger`,
+    onClick: P,
+    style: {
+      width: L
+    }
+  }, r || W) : null, G = Object.assign(Object.assign({}, c), {
+    flex: `0 0 ${L}`,
+    maxWidth: L,
+    minWidth: L,
+    width: L
+  }), Z = _(w, `${w}-${s}`, {
+    [`${w}-collapsed`]: !!S,
+    [`${w}-has-trigger`]: u && r !== null && !F,
+    [`${w}-below`]: !!O,
+    [`${w}-zero-width`]: parseFloat(L) === 0
+  }, n, z, N), Y = l.useMemo(() => ({
+    siderCollapsed: S
+  }), [S]);
+  return B(/* @__PURE__ */ l.createElement(Je.Provider, {
+    value: Y
+  }, /* @__PURE__ */ l.createElement("aside", Object.assign({
+    className: Z
+  }, A, {
+    style: G,
+    ref: t
+  }), /* @__PURE__ */ l.createElement("div", {
+    className: `${w}-children`
+  }, a), u || O && F ? q : null)));
 });
-process.env.NODE_ENV !== "production" && (zn.displayName = "Sider");
-const Se = /* @__PURE__ */ qt({
+process.env.NODE_ENV !== "production" && (Vn.displayName = "Sider");
+const Ne = /* @__PURE__ */ to({
   prefixCls: "",
   firstLevel: !0,
   inlineCollapsed: !1
 });
-var jn = 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 Tt = (e) => {
+const Ht = (e) => {
   const {
     prefixCls: t,
     className: o,
     dashed: n
-  } = e, r = jn(e, ["prefixCls", "className", "dashed"]), {
-    getPrefixCls: l
-  } = a.useContext(J), i = l("menu", t), c = M({
+  } = e, r = Wn(e, ["prefixCls", "className", "dashed"]), {
+    getPrefixCls: a
+  } = l.useContext(ne), i = a("menu", t), s = _({
     [`${i}-item-divider-dashed`]: !!n
   }, o);
-  return /* @__PURE__ */ a.createElement(co, Object.assign({
-    className: c
+  return /* @__PURE__ */ l.createElement(yo, Object.assign({
+    className: s
   }, r));
-}, _t = (e) => {
+}, At = (e) => {
   var t;
   const {
     className: o,
     children: n,
     icon: r,
-    title: l,
+    title: a,
     danger: i,
-    extra: c
+    extra: s
   } = e, {
-    prefixCls: s,
-    firstLevel: d,
-    direction: u,
-    disableMenuItemTitleTooltip: p,
+    prefixCls: c,
+    firstLevel: u,
+    direction: d,
+    disableMenuItemTitleTooltip: f,
     inlineCollapsed: m
-  } = a.useContext(Se), f = (x) => {
-    const y = n == null ? void 0 : n[0], O = /* @__PURE__ */ a.createElement("span", {
-      className: M(`${s}-title-content`, {
-        [`${s}-title-content-with-extra`]: !!c || c === 0
+  } = l.useContext(Ne), g = (S) => {
+    const $ = n == null ? void 0 : n[0], O = /* @__PURE__ */ l.createElement("span", {
+      className: _(`${c}-title-content`, {
+        [`${c}-title-content-with-extra`]: !!s || s === 0
       })
     }, n);
-    return (!r || /* @__PURE__ */ a.isValidElement(n) && n.type === "span") && n && x && d && typeof y == "string" ? /* @__PURE__ */ a.createElement("div", {
-      className: `${s}-inline-collapsed-noicon`
-    }, y.charAt(0)) : O;
+    return (!r || /* @__PURE__ */ l.isValidElement(n) && n.type === "span") && n && S && u && typeof $ == "string" ? /* @__PURE__ */ l.createElement("div", {
+      className: `${c}-inline-collapsed-noicon`
+    }, $.charAt(0)) : O;
   }, {
-    siderCollapsed: g
-  } = a.useContext(Ye);
-  let v = l;
-  typeof l > "u" ? v = d ? n : "" : l === !1 && (v = "");
-  const C = {
+    siderCollapsed: p
+  } = l.useContext(Je);
+  let v = a;
+  typeof a > "u" ? v = u ? n : "" : a === !1 && (v = "");
+  const h = {
     title: v
   };
-  !g && !m && (C.title = null, C.open = !1);
-  const b = ke(n).length;
-  let w = /* @__PURE__ */ a.createElement(uo, Object.assign({}, ve(e, ["title", "icon", "danger"]), {
-    className: M({
-      [`${s}-item-danger`]: i,
-      [`${s}-item-only-child`]: (r ? b + 1 : b) === 1
+  !p && !m && (h.title = null, h.open = !1);
+  const C = qe(n).length;
+  let b = /* @__PURE__ */ l.createElement(Co, Object.assign({}, be(e, ["title", "icon", "danger"]), {
+    className: _({
+      [`${c}-item-danger`]: i,
+      [`${c}-item-only-child`]: (r ? C + 1 : C) === 1
     }, o),
-    title: typeof l == "string" ? l : void 0
-  }), se(r, {
-    className: M(/* @__PURE__ */ a.isValidElement(r) ? (t = r.props) === null || t === void 0 ? void 0 : t.className : "", `${s}-item-icon`)
-  }), f(m));
-  return p || (w = /* @__PURE__ */ a.createElement(ze, Object.assign({}, C, {
-    placement: u === "rtl" ? "left" : "right",
-    overlayClassName: `${s}-inline-collapsed-tooltip`
-  }), w)), w;
+    title: typeof a == "string" ? a : void 0
+  }), de(r, {
+    className: _(/* @__PURE__ */ l.isValidElement(r) ? (t = r.props) === null || t === void 0 ? void 0 : t.className : "", `${c}-item-icon`)
+  }), g(m));
+  return f || (b = /* @__PURE__ */ l.createElement(_e, Object.assign({}, h, {
+    placement: d === "rtl" ? "left" : "right",
+    classNames: {
+      root: `${c}-inline-collapsed-tooltip`
+    }
+  }), b)), b;
 };
-var Tn = function(e, t) {
+var Xn = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
     t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
   return o;
 };
-const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forwardRef((e, t) => {
+const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forwardRef((e, t) => {
   const {
     children: o
-  } = e, n = Tn(e, ["children"]), r = a.useContext(Oe), l = a.useMemo(() => Object.assign(Object.assign({}, r), n), [
+  } = e, n = Xn(e, ["children"]), r = l.useContext(Ee), a = l.useMemo(() => Object.assign(Object.assign({}, r), n), [
     r,
     n.prefixCls,
     // restProps.expandIcon, Not mark as deps since this is a ReactNode
@@ -2007,29 +2042,29 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
     n.selectable,
     n.rootClassName
     // restProps.validator, Not mark as deps since this is a function
-  ]), i = to(o), c = oo(t, i ? o.ref : null);
-  return /* @__PURE__ */ a.createElement(Oe.Provider, {
-    value: l
-  }, /* @__PURE__ */ a.createElement($t, {
+  ]), i = uo(o), s = mo(t, i ? po(o) : null);
+  return /* @__PURE__ */ l.createElement(Ee.Provider, {
+    value: a
+  }, /* @__PURE__ */ l.createElement(St, {
     space: !0
-  }, i ? /* @__PURE__ */ a.cloneElement(o, {
-    ref: c
+  }, i ? /* @__PURE__ */ l.cloneElement(o, {
+    ref: s
   }) : o));
-}), Rn = (e) => {
+}), qn = (e) => {
   const {
     componentCls: t,
     motionDurationSlow: o,
     horizontalLineHeight: n,
     colorSplit: r,
-    lineWidth: l,
+    lineWidth: a,
     lineType: i,
-    itemPaddingInline: c
+    itemPaddingInline: s
   } = e;
   return {
     [`${t}-horizontal`]: {
       lineHeight: n,
       border: 0,
-      borderBottom: `${P(l)} ${i} ${r}`,
+      borderBottom: `${E(a)} ${i} ${r}`,
       boxShadow: "none",
       "&::after": {
         display: "block",
@@ -2042,7 +2077,7 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
         position: "relative",
         display: "inline-block",
         verticalAlign: "bottom",
-        paddingInline: c
+        paddingInline: s
       },
       [`> ${t}-item:hover,
         > ${t}-item-active,
@@ -2058,7 +2093,7 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
       }
     }
   };
-}, Mn = (e) => {
+}, Gn = (e) => {
   let {
     componentCls: t,
     menuArrowOffset: o,
@@ -2076,76 +2111,75 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
     ${t}-submenu-rtl ${t}-vertical`]: {
       [`${t}-submenu-arrow`]: {
         "&::before": {
-          transform: `rotate(-45deg) translateY(${P(n(o).mul(-1).equal())})`
+          transform: `rotate(-45deg) translateY(${E(n(o).mul(-1).equal())})`
         },
         "&::after": {
-          transform: `rotate(45deg) translateY(${P(o)})`
+          transform: `rotate(45deg) translateY(${E(o)})`
         }
       }
     }
   };
-}, lt = (e) => Object.assign({}, no(e)), st = (e, t) => {
+}, mt = (e) => Object.assign({}, go(e)), pt = (e, t) => {
   const {
     componentCls: o,
     itemColor: n,
     itemSelectedColor: r,
-    groupTitleColor: l,
-    itemBg: i,
+    subMenuItemSelectedColor: a,
+    groupTitleColor: i,
+    itemBg: s,
     subMenuItemBg: c,
-    itemSelectedBg: s,
+    itemSelectedBg: u,
     activeBarHeight: d,
-    activeBarWidth: u,
-    activeBarBorderWidth: p,
-    motionDurationSlow: m,
-    motionEaseInOut: f,
-    motionEaseOut: g,
-    itemPaddingInline: v,
+    activeBarWidth: f,
+    activeBarBorderWidth: m,
+    motionDurationSlow: g,
+    motionEaseInOut: p,
+    motionEaseOut: v,
+    itemPaddingInline: h,
     motionDurationMid: C,
     itemHoverColor: b,
-    lineType: w,
-    colorSplit: x,
+    lineType: S,
+    colorSplit: $,
     // Disabled
-    itemDisabledColor: y,
+    itemDisabledColor: O,
     // Danger
-    dangerItemColor: O,
-    dangerItemHoverColor: j,
-    dangerItemSelectedColor: T,
-    dangerItemActiveBg: _,
-    dangerItemSelectedBg: h,
+    dangerItemColor: H,
+    dangerItemHoverColor: R,
+    dangerItemSelectedColor: M,
+    dangerItemActiveBg: I,
+    dangerItemSelectedBg: w,
     // Bg
-    popupBg: E,
+    popupBg: B,
     itemHoverBg: z,
-    itemActiveBg: B,
-    menuSubMenuBg: I,
+    itemActiveBg: N,
+    menuSubMenuBg: y,
     // Horizontal
-    horizontalItemSelectedColor: $,
-    horizontalItemSelectedBg: D,
-    horizontalItemBorderRadius: k,
-    horizontalItemHoverBg: S
+    horizontalItemSelectedColor: P,
+    horizontalItemSelectedBg: A,
+    horizontalItemBorderRadius: j,
+    horizontalItemHoverBg: L
   } = e;
   return {
     [`${o}-${t}, ${o}-${t} > ${o}`]: {
       color: n,
-      background: i,
-      [`&${o}-root:focus-visible`]: Object.assign({}, lt(e)),
+      background: s,
+      [`&${o}-root:focus-visible`]: Object.assign({}, mt(e)),
       // ======================== Item ========================
       [`${o}-item`]: {
         "&-group-title, &-extra": {
-          color: l
+          color: i
         }
       },
-      [`${o}-submenu-selected`]: {
-        [`> ${o}-submenu-title`]: {
-          color: r
-        }
+      [`${o}-submenu-selected > ${o}-submenu-title`]: {
+        color: a
       },
       [`${o}-item, ${o}-submenu-title`]: {
         color: n,
-        [`&:not(${o}-item-disabled):focus-visible`]: Object.assign({}, lt(e))
+        [`&:not(${o}-item-disabled):focus-visible`]: Object.assign({}, mt(e))
       },
       // Disabled
       [`${o}-item-disabled, ${o}-submenu-disabled`]: {
-        color: `${y} !important`
+        color: `${O} !important`
       },
       // Hover
       [`${o}-item:not(${o}-item-selected):not(${o}-submenu-selected)`]: {
@@ -2159,7 +2193,7 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
             backgroundColor: z
           },
           "&:active": {
-            backgroundColor: B
+            backgroundColor: N
           }
         },
         [`${o}-submenu-title`]: {
@@ -2167,20 +2201,20 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
             backgroundColor: z
           },
           "&:active": {
-            backgroundColor: B
+            backgroundColor: N
           }
         }
       },
       // Danger - only Item has
       [`${o}-item-danger`]: {
-        color: O,
+        color: H,
         [`&${o}-item:hover`]: {
           [`&:not(${o}-item-selected):not(${o}-submenu-selected)`]: {
-            color: j
+            color: R
           }
         },
         [`&${o}-item:active`]: {
-          background: _
+          background: I
         }
       },
       [`${o}-item a`]: {
@@ -2192,29 +2226,29 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
         color: r,
         // Danger
         [`&${o}-item-danger`]: {
-          color: T
+          color: M
         },
         "a, a:hover": {
           color: "inherit"
         }
       },
       [`& ${o}-item-selected`]: {
-        backgroundColor: s,
+        backgroundColor: u,
         // Danger
         [`&${o}-item-danger`]: {
-          backgroundColor: h
+          backgroundColor: w
         }
       },
       [`&${o}-submenu > ${o}`]: {
-        backgroundColor: I
+        backgroundColor: y
       },
       // ===== 设置浮层的颜色 =======
       // ！dark 模式会被popupBg 会被rest 为 darkPopupBg
       [`&${o}-popup > ${o}`]: {
-        backgroundColor: E
+        backgroundColor: B
       },
       [`&${o}-submenu-popup > ${o}`]: {
-        backgroundColor: E
+        backgroundColor: B
       },
       // ===== 设置浮层的颜色 end =======
       // ====================== Horizontal ======================
@@ -2222,34 +2256,34 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
         borderBottom: 0
       } : {}), {
         [`> ${o}-item, > ${o}-submenu`]: {
-          top: p,
-          marginTop: e.calc(p).mul(-1).equal(),
+          top: m,
+          marginTop: e.calc(m).mul(-1).equal(),
           marginBottom: 0,
-          borderRadius: k,
+          borderRadius: j,
           "&::after": {
             position: "absolute",
-            insetInline: v,
+            insetInline: h,
             bottom: 0,
-            borderBottom: `${P(d)} solid transparent`,
-            transition: `border-color ${m} ${f}`,
+            borderBottom: `${E(d)} solid transparent`,
+            transition: `border-color ${g} ${p}`,
             content: '""'
           },
           "&:hover, &-active, &-open": {
-            background: S,
+            background: L,
             "&::after": {
               borderBottomWidth: d,
-              borderBottomColor: $
+              borderBottomColor: P
             }
           },
           "&-selected": {
-            color: $,
-            backgroundColor: D,
+            color: P,
+            backgroundColor: A,
             "&:hover": {
-              backgroundColor: D
+              backgroundColor: A
             },
             "&::after": {
               borderBottomWidth: d,
-              borderBottomColor: $
+              borderBottomColor: P
             }
           }
         }
@@ -2258,7 +2292,7 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
       //
       [`&${o}-root`]: {
         [`&${o}-inline, &${o}-vertical`]: {
-          borderInlineEnd: `${P(p)} ${w} ${x}`
+          borderInlineEnd: `${E(m)} ${S} ${$}`
         }
       },
       // ======================== Inline ========================
@@ -2273,16 +2307,16 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
             position: "absolute",
             insetBlock: 0,
             insetInlineEnd: 0,
-            borderInlineEnd: `${P(u)} solid ${r}`,
+            borderInlineEnd: `${E(f)} solid ${r}`,
             transform: "scaleY(0.0001)",
             opacity: 0,
-            transition: [`transform ${C} ${g}`, `opacity ${C} ${g}`].join(","),
+            transition: [`transform ${C} ${v}`, `opacity ${C} ${v}`].join(","),
             content: '""'
           },
           // Danger
           [`&${o}-item-danger`]: {
             "&::after": {
-              borderInlineEndColor: T
+              borderInlineEndColor: M
             }
           }
         },
@@ -2290,24 +2324,24 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
           "&::after": {
             transform: "scaleY(1)",
             opacity: 1,
-            transition: [`transform ${C} ${f}`, `opacity ${C} ${f}`].join(",")
+            transition: [`transform ${C} ${p}`, `opacity ${C} ${p}`].join(",")
           }
         }
       }
     }
   };
-}, ct = (e) => {
+}, gt = (e) => {
   const {
     componentCls: t,
     itemHeight: o,
     itemMarginInline: n,
     padding: r,
-    menuArrowSize: l,
+    menuArrowSize: a,
     marginXS: i,
-    itemMarginBlock: c,
-    itemWidth: s,
-    itemPaddingInline: d
-  } = e, u = e.calc(l).add(r).add(i).equal();
+    itemMarginBlock: s,
+    itemWidth: c,
+    itemPaddingInline: u
+  } = e, d = e.calc(a).add(r).add(i).equal();
   return {
     [`${t}-item`]: {
       position: "relative",
@@ -2315,45 +2349,45 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
     },
     [`${t}-item, ${t}-submenu-title`]: {
       height: o,
-      lineHeight: P(o),
-      paddingInline: d,
+      lineHeight: E(o),
+      paddingInline: u,
       overflow: "hidden",
       textOverflow: "ellipsis",
       marginInline: n,
-      marginBlock: c,
-      width: s
+      marginBlock: s,
+      width: c
     },
     [`> ${t}-item,
             > ${t}-submenu > ${t}-submenu-title`]: {
       height: o,
-      lineHeight: P(o)
+      lineHeight: E(o)
     },
     [`${t}-item-group-list ${t}-submenu-title,
             ${t}-submenu-title`]: {
-      paddingInlineEnd: u
+      paddingInlineEnd: d
     }
   };
-}, Dn = (e) => {
+}, Yn = (e) => {
   const {
     componentCls: t,
     iconCls: o,
     itemHeight: n,
     colorTextLightSolid: r,
-    dropdownWidth: l,
+    dropdownWidth: a,
     controlHeightLG: i,
-    motionEaseOut: c,
-    paddingXL: s,
-    itemMarginInline: d,
-    fontSizeLG: u,
-    motionDurationFast: p,
+    motionEaseOut: s,
+    paddingXL: c,
+    itemMarginInline: u,
+    fontSizeLG: d,
+    motionDurationFast: f,
     motionDurationSlow: m,
-    paddingXS: f,
-    boxShadowSecondary: g,
+    paddingXS: g,
+    boxShadowSecondary: p,
     collapsedWidth: v,
-    collapsedIconSize: C
-  } = e, b = {
+    collapsedIconSize: h
+  } = e, C = {
     height: n,
-    lineHeight: P(n),
+    lineHeight: E(n),
     listStylePosition: "inside",
     listStyleType: "disc"
   };
@@ -2364,19 +2398,19 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
           [`&${t}-root`]: {
             boxShadow: "none"
           }
-        }, ct(e))
+        }, gt(e))
       },
       [`${t}-submenu-popup`]: {
-        [`${t}-vertical`]: Object.assign(Object.assign({}, ct(e)), {
-          boxShadow: g
+        [`${t}-vertical`]: Object.assign(Object.assign({}, gt(e)), {
+          boxShadow: p
         })
       }
     },
     // Vertical only
     {
       [`${t}-submenu-popup ${t}-vertical${t}-sub`]: {
-        minWidth: l,
-        maxHeight: `calc(100vh - ${P(e.calc(i).mul(2.5).equal())})`,
+        minWidth: a,
+        maxHeight: `calc(100vh - ${E(e.calc(i).mul(2.5).equal())})`,
         padding: "0",
         overflow: "hidden",
         borderInlineEnd: 0,
@@ -2397,7 +2431,7 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
           [`${t}-item, ${t}-submenu-title`]: {
             display: "flex",
             alignItems: "center",
-            transition: [`border-color ${m}`, `background ${m}`, `padding ${p} ${c}`].join(","),
+            transition: [`border-color ${m}`, `background ${m}`, `padding ${f} ${s}`].join(","),
             [`> ${t}-title-content`]: {
               flex: "auto",
               minWidth: 0,
@@ -2415,13 +2449,13 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
           border: 0,
           borderRadius: 0,
           boxShadow: "none",
-          [`& > ${t}-submenu > ${t}-submenu-title`]: b,
+          [`& > ${t}-submenu > ${t}-submenu-title`]: C,
           [`& ${t}-item-group-title`]: {
-            paddingInlineStart: s
+            paddingInlineStart: c
           }
         },
         // >>>>> Item
-        [`${t}-item`]: b
+        [`${t}-item`]: C
       }
     },
     // Inline Collapse Only
@@ -2431,7 +2465,7 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
         [`&${t}-root`]: {
           [`${t}-item, ${t}-submenu ${t}-submenu-title`]: {
             [`> ${t}-inline-collapsed-noicon`]: {
-              fontSize: u,
+              fontSize: d,
               textAlign: "center"
             }
           }
@@ -2441,7 +2475,7 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
           > ${t}-item-group > ${t}-item-group-list > ${t}-submenu > ${t}-submenu-title,
           > ${t}-submenu > ${t}-submenu-title`]: {
           insetInlineStart: 0,
-          paddingInline: `calc(50% - ${P(e.calc(u).div(2).equal())} - ${P(d)})`,
+          paddingInline: `calc(50% - ${E(e.calc(h).div(2).equal())} - ${E(u)})`,
           textOverflow: "clip",
           [`
             ${t}-submenu-arrow,
@@ -2451,8 +2485,8 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
           },
           [`${t}-item-icon, ${o}`]: {
             margin: 0,
-            fontSize: C,
-            lineHeight: P(n),
+            fontSize: h,
+            lineHeight: E(n),
             "+ span": {
               display: "inline-block",
               opacity: 0
@@ -2471,22 +2505,22 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
             color: r
           }
         },
-        [`${t}-item-group-title`]: Object.assign(Object.assign({}, ro), {
-          paddingInline: f
+        [`${t}-item-group-title`]: Object.assign(Object.assign({}, fo), {
+          paddingInline: g
         })
       }
     }
   ];
-}, dt = (e) => {
+}, ft = (e) => {
   const {
     componentCls: t,
     motionDurationSlow: o,
     motionDurationMid: n,
     motionEaseInOut: r,
-    motionEaseOut: l,
+    motionEaseOut: a,
     iconCls: i,
-    iconSize: c,
-    iconMarginInlineEnd: s
+    iconSize: s,
+    iconMarginInlineEnd: c
   } = e;
   return {
     // >>>>> Item
@@ -2498,16 +2532,16 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
       cursor: "pointer",
       transition: [`border-color ${o}`, `background ${o}`, `padding calc(${o} + 0.1s) ${r}`].join(","),
       [`${t}-item-icon, ${i}`]: {
-        minWidth: c,
-        fontSize: c,
-        transition: [`font-size ${n} ${l}`, `margin ${o} ${r}`, `color ${o}`].join(","),
+        minWidth: s,
+        fontSize: s,
+        transition: [`font-size ${n} ${a}`, `margin ${o} ${r}`, `color ${o}`].join(","),
         "+ span": {
-          marginInlineStart: s,
+          marginInlineStart: c,
           opacity: 1,
           transition: [`opacity ${o} ${r}`, `margin ${o}`, `color ${o}`].join(",")
         }
       },
-      [`${t}-item-icon`]: Object.assign({}, io()),
+      [`${t}-item-icon`]: Object.assign({}, vo()),
       [`&${t}-item-only-child`]: {
         [`> ${i}, > ${t}-item-icon`]: {
           marginInlineEnd: 0
@@ -2522,7 +2556,9 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
         borderColor: "transparent !important"
       },
       a: {
-        color: "inherit !important"
+        color: "inherit !important",
+        cursor: "not-allowed",
+        pointerEvents: "none"
       },
       [`> ${t}-submenu-title`]: {
         color: "inherit !important",
@@ -2530,13 +2566,13 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
       }
     }
   };
-}, ut = (e) => {
+}, vt = (e) => {
   const {
     componentCls: t,
     motionDurationSlow: o,
     motionEaseInOut: n,
     borderRadius: r,
-    menuArrowSize: l,
+    menuArrowSize: a,
     menuArrowOffset: i
   } = e;
   return {
@@ -2545,7 +2581,7 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
         position: "absolute",
         top: "50%",
         insetInlineEnd: e.margin,
-        width: l,
+        width: a,
         color: "currentcolor",
         transform: "translateY(-50%)",
         transition: `transform ${o} ${n}, opacity ${o}`
@@ -2554,48 +2590,48 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
         // →
         "&::before, &::after": {
           position: "absolute",
-          width: e.calc(l).mul(0.6).equal(),
-          height: e.calc(l).mul(0.15).equal(),
+          width: e.calc(a).mul(0.6).equal(),
+          height: e.calc(a).mul(0.15).equal(),
           backgroundColor: "currentcolor",
           borderRadius: r,
           transition: [`background ${o} ${n}`, `transform ${o} ${n}`, `top ${o} ${n}`, `color ${o} ${n}`].join(","),
           content: '""'
         },
         "&::before": {
-          transform: `rotate(45deg) translateY(${P(e.calc(i).mul(-1).equal())})`
+          transform: `rotate(45deg) translateY(${E(e.calc(i).mul(-1).equal())})`
         },
         "&::after": {
-          transform: `rotate(-45deg) translateY(${P(i)})`
+          transform: `rotate(-45deg) translateY(${E(i)})`
         }
       }
     }
   };
-}, Hn = (e) => {
+}, Un = (e) => {
   const {
     antCls: t,
     componentCls: o,
     fontSize: n,
     motionDurationSlow: r,
-    motionDurationMid: l,
+    motionDurationMid: a,
     motionEaseInOut: i,
-    paddingXS: c,
-    padding: s,
-    colorSplit: d,
-    lineWidth: u,
-    zIndexPopup: p,
+    paddingXS: s,
+    padding: c,
+    colorSplit: u,
+    lineWidth: d,
+    zIndexPopup: f,
     borderRadiusLG: m,
-    subMenuItemBorderRadius: f,
-    menuArrowSize: g,
+    subMenuItemBorderRadius: g,
+    menuArrowSize: p,
     menuArrowOffset: v,
-    lineType: C,
-    groupTitleLineHeight: b,
-    groupTitleFontSize: w
+    lineType: h,
+    groupTitleLineHeight: C,
+    groupTitleFontSize: b
   } = e;
   return [
     // Misc
     {
       "": {
-        [o]: Object.assign(Object.assign({}, Je()), {
+        [o]: Object.assign(Object.assign({}, rt()), {
           // Hidden
           "&-hidden": {
             display: "none"
@@ -2607,7 +2643,7 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
       }
     },
     {
-      [o]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, ge(e)), Je()), {
+      [o]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, fe(e)), rt()), {
         marginBottom: 0,
         paddingInlineStart: 0,
         // Override default ul/ol
@@ -2633,16 +2669,16 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
           borderRadius: e.itemBorderRadius
         },
         [`${o}-item-group-title`]: {
-          padding: `${P(c)} ${P(s)}`,
-          fontSize: w,
-          lineHeight: b,
+          padding: `${E(s)} ${E(c)}`,
+          fontSize: b,
+          lineHeight: C,
           transition: `all ${r}`
         },
         [`&-horizontal ${o}-submenu`]: {
           transition: [`border-color ${r} ${i}`, `background ${r} ${i}`].join(",")
         },
         [`${o}-submenu, ${o}-submenu-inline`]: {
-          transition: [`border-color ${r} ${i}`, `background ${r} ${i}`, `padding ${l} ${i}`].join(",")
+          transition: [`border-color ${r} ${i}`, `background ${r} ${i}`, `padding ${a} ${i}`].join(",")
         },
         [`${o}-submenu ${o}-sub`]: {
           cursor: "initial",
@@ -2662,8 +2698,7 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
           },
           [`${o}-item-extra`]: {
             marginInlineStart: "auto",
-            paddingInlineStart: e.padding,
-            fontSize: e.fontSizeSM
+            paddingInlineStart: e.padding
           }
         },
         [`${o}-item a`]: {
@@ -2680,23 +2715,23 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
         [`${o}-item-divider`]: {
           overflow: "hidden",
           lineHeight: 0,
-          borderColor: d,
-          borderStyle: C,
+          borderColor: u,
+          borderStyle: h,
           borderWidth: 0,
-          borderTopWidth: u,
-          marginBlock: u,
+          borderTopWidth: d,
+          marginBlock: d,
           padding: 0,
           "&-dashed": {
             borderStyle: "dashed"
           }
         }
-      }), dt(e)), {
+      }), ft(e)), {
         [`${o}-item-group`]: {
           [`${o}-item-group-list`]: {
             margin: 0,
             padding: 0,
             [`${o}-item, ${o}-submenu-title`]: {
-              paddingInline: `${P(e.calc(n).mul(2).equal())} ${P(s)}`
+              paddingInline: `${E(e.calc(n).mul(2).equal())} ${E(c)}`
             }
           }
         },
@@ -2704,7 +2739,7 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
         "&-submenu": {
           "&-popup": {
             position: "absolute",
-            zIndex: p,
+            zIndex: f,
             borderRadius: m,
             boxShadow: "none",
             transformOrigin: "0 0",
@@ -2723,9 +2758,9 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
             },
             [`> ${o}`]: Object.assign(Object.assign(Object.assign({
               borderRadius: m
-            }, dt(e)), ut(e)), {
+            }, ft(e)), vt(e)), {
               [`${o}-item, ${o}-submenu > ${o}-submenu-title`]: {
-                borderRadius: f
+                borderRadius: g
               },
               [`${o}-submenu-title::after`]: {
                 transition: `transform ${r} ${i}`
@@ -2757,25 +2792,25 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
             paddingTop: e.paddingXS
           }
         }
-      }), ut(e)), {
+      }), vt(e)), {
         [`&-inline-collapsed ${o}-submenu-arrow,
         &-inline ${o}-submenu-arrow`]: {
           // ↓
           "&::before": {
-            transform: `rotate(-45deg) translateX(${P(v)})`
+            transform: `rotate(-45deg) translateX(${E(v)})`
           },
           "&::after": {
-            transform: `rotate(45deg) translateX(${P(e.calc(v).mul(-1).equal())})`
+            transform: `rotate(45deg) translateX(${E(e.calc(v).mul(-1).equal())})`
           }
         },
         [`${o}-submenu-open${o}-submenu-inline > ${o}-submenu-title > ${o}-submenu-arrow`]: {
           // ↑
-          transform: `translateY(${P(e.calc(g).mul(0.2).mul(-1).equal())})`,
+          transform: `translateY(${E(e.calc(p).mul(0.2).mul(-1).equal())})`,
           "&::after": {
-            transform: `rotate(-45deg) translateX(${P(e.calc(v).mul(-1).equal())})`
+            transform: `rotate(-45deg) translateX(${E(e.calc(v).mul(-1).equal())})`
           },
           "&::before": {
-            transform: `rotate(45deg) translateX(${P(v)})`
+            transform: `rotate(45deg) translateX(${E(v)})`
           }
         }
       })
@@ -2789,33 +2824,33 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
       }
     }
   ];
-}, An = (e) => {
+}, Kn = (e) => {
   var t, o, n;
   const {
     colorPrimary: r,
-    colorError: l,
+    colorError: a,
     colorTextDisabled: i,
-    colorErrorBg: c,
-    colorText: s,
-    colorTextDescription: d,
-    colorBgContainer: u,
-    colorFillAlter: p,
+    colorErrorBg: s,
+    colorText: c,
+    colorTextDescription: u,
+    colorBgContainer: d,
+    colorFillAlter: f,
     colorFillContent: m,
-    lineWidth: f,
-    lineWidthBold: g,
+    lineWidth: g,
+    lineWidthBold: p,
     controlItemBgActive: v,
-    colorBgTextHover: C,
-    controlHeightLG: b,
-    lineHeight: w,
-    colorBgElevated: x,
-    marginXXS: y,
+    colorBgTextHover: h,
+    controlHeightLG: C,
+    lineHeight: b,
+    colorBgElevated: S,
+    marginXXS: $,
     padding: O,
-    fontSize: j,
-    controlHeightSM: T,
-    fontSizeLG: _,
-    colorTextLightSolid: h,
-    colorErrorHover: E
-  } = e, z = (t = e.activeBarWidth) !== null && t !== void 0 ? t : 0, B = (o = e.activeBarBorderWidth) !== null && o !== void 0 ? o : f, I = (n = e.itemMarginInline) !== null && n !== void 0 ? n : e.marginXXS, $ = new et(h).setAlpha(0.65).toRgbString();
+    fontSize: H,
+    controlHeightSM: R,
+    fontSizeLG: M,
+    colorTextLightSolid: I,
+    colorErrorHover: w
+  } = e, B = (t = e.activeBarWidth) !== null && t !== void 0 ? t : 0, z = (o = e.activeBarBorderWidth) !== null && o !== void 0 ? o : g, N = (n = e.itemMarginInline) !== null && n !== void 0 ? n : e.marginXXS, y = new it(I).setA(0.65).toRgbString();
   return {
     dropdownWidth: 160,
     zIndexPopup: e.zIndexPopupBase + 50,
@@ -2823,161 +2858,163 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
     itemBorderRadius: e.borderRadiusLG,
     radiusSubMenuItem: e.borderRadiusSM,
     subMenuItemBorderRadius: e.borderRadiusSM,
-    colorItemText: s,
-    itemColor: s,
-    colorItemTextHover: s,
-    itemHoverColor: s,
+    colorItemText: c,
+    itemColor: c,
+    colorItemTextHover: c,
+    itemHoverColor: c,
     colorItemTextHoverHorizontal: r,
     horizontalItemHoverColor: r,
-    colorGroupTitle: d,
-    groupTitleColor: d,
+    colorGroupTitle: u,
+    groupTitleColor: u,
     colorItemTextSelected: r,
     itemSelectedColor: r,
+    subMenuItemSelectedColor: r,
     colorItemTextSelectedHorizontal: r,
     horizontalItemSelectedColor: r,
-    colorItemBg: u,
-    itemBg: u,
-    colorItemBgHover: C,
-    itemHoverBg: C,
+    colorItemBg: d,
+    itemBg: d,
+    colorItemBgHover: h,
+    itemHoverBg: h,
     colorItemBgActive: m,
     itemActiveBg: v,
-    colorSubItemBg: p,
-    subMenuItemBg: p,
+    colorSubItemBg: f,
+    subMenuItemBg: f,
     colorItemBgSelected: v,
     itemSelectedBg: v,
     colorItemBgSelectedHorizontal: "transparent",
     horizontalItemSelectedBg: "transparent",
     colorActiveBarWidth: 0,
-    activeBarWidth: z,
-    colorActiveBarHeight: g,
-    activeBarHeight: g,
-    colorActiveBarBorderSize: f,
-    activeBarBorderWidth: B,
+    activeBarWidth: B,
+    colorActiveBarHeight: p,
+    activeBarHeight: p,
+    colorActiveBarBorderSize: g,
+    activeBarBorderWidth: z,
     // Disabled
     colorItemTextDisabled: i,
     itemDisabledColor: i,
     // Danger
-    colorDangerItemText: l,
-    dangerItemColor: l,
-    colorDangerItemTextHover: l,
-    dangerItemHoverColor: l,
-    colorDangerItemTextSelected: l,
-    dangerItemSelectedColor: l,
-    colorDangerItemBgActive: c,
-    dangerItemActiveBg: c,
-    colorDangerItemBgSelected: c,
-    dangerItemSelectedBg: c,
-    itemMarginInline: I,
+    colorDangerItemText: a,
+    dangerItemColor: a,
+    colorDangerItemTextHover: a,
+    dangerItemHoverColor: a,
+    colorDangerItemTextSelected: a,
+    dangerItemSelectedColor: a,
+    colorDangerItemBgActive: s,
+    dangerItemActiveBg: s,
+    colorDangerItemBgSelected: s,
+    dangerItemSelectedBg: s,
+    itemMarginInline: N,
     horizontalItemBorderRadius: 0,
     horizontalItemHoverBg: "transparent",
-    itemHeight: b,
-    groupTitleLineHeight: w,
-    collapsedWidth: b * 2,
-    popupBg: x,
-    itemMarginBlock: y,
+    itemHeight: C,
+    groupTitleLineHeight: b,
+    collapsedWidth: C * 2,
+    popupBg: S,
+    itemMarginBlock: $,
     itemPaddingInline: O,
-    horizontalLineHeight: `${b * 1.15}px`,
-    iconSize: j,
-    iconMarginInlineEnd: T - j,
-    collapsedIconSize: _,
-    groupTitleFontSize: j,
+    horizontalLineHeight: `${C * 1.15}px`,
+    iconSize: H,
+    iconMarginInlineEnd: R - H,
+    collapsedIconSize: M,
+    groupTitleFontSize: H,
     // Disabled
-    darkItemDisabledColor: new et(h).setAlpha(0.25).toRgbString(),
+    darkItemDisabledColor: new it(I).setA(0.25).toRgbString(),
     // Dark
-    darkItemColor: $,
-    darkDangerItemColor: l,
+    darkItemColor: y,
+    darkDangerItemColor: a,
     darkItemBg: "#001529",
     darkPopupBg: "#001529",
     darkSubMenuItemBg: "#000c17",
-    darkItemSelectedColor: h,
+    darkItemSelectedColor: I,
     darkItemSelectedBg: r,
-    darkDangerItemSelectedBg: l,
+    darkDangerItemSelectedBg: a,
     darkItemHoverBg: "transparent",
-    darkGroupTitleColor: $,
-    darkItemHoverColor: h,
-    darkDangerItemHoverColor: E,
-    darkDangerItemSelectedColor: h,
-    darkDangerItemActiveBg: l,
+    darkGroupTitleColor: y,
+    darkItemHoverColor: I,
+    darkDangerItemHoverColor: w,
+    darkDangerItemSelectedColor: I,
+    darkDangerItemActiveBg: a,
     // internal
-    itemWidth: z ? `calc(100% + ${B}px)` : `calc(100% - ${I * 2}px)`
+    itemWidth: B ? `calc(100% + ${z}px)` : `calc(100% - ${N * 2}px)`
   };
-}, Ln = function(e) {
+}, Zn = 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 le("Menu", (r) => {
+  return ce("Menu", (r) => {
     const {
-      colorBgElevated: l,
+      colorBgElevated: a,
       controlHeightLG: i,
-      fontSize: c,
-      darkItemColor: s,
-      darkDangerItemColor: d,
-      darkItemBg: u,
-      darkSubMenuItemBg: p,
+      fontSize: s,
+      darkItemColor: c,
+      darkDangerItemColor: u,
+      darkItemBg: d,
+      darkSubMenuItemBg: f,
       darkItemSelectedColor: m,
-      darkItemSelectedBg: f,
-      darkDangerItemSelectedBg: g,
+      darkItemSelectedBg: g,
+      darkDangerItemSelectedBg: p,
       darkItemHoverBg: v,
-      darkGroupTitleColor: C,
-      darkItemHoverColor: b,
-      darkItemDisabledColor: w,
-      darkDangerItemHoverColor: x,
-      darkDangerItemSelectedColor: y,
+      darkGroupTitleColor: h,
+      darkItemHoverColor: C,
+      darkItemDisabledColor: b,
+      darkDangerItemHoverColor: S,
+      darkDangerItemSelectedColor: $,
       darkDangerItemActiveBg: O,
-      popupBg: j,
-      darkPopupBg: T
-    } = r, _ = r.calc(c).div(7).mul(5).equal(), h = ae(r, {
-      menuArrowSize: _,
+      popupBg: H,
+      darkPopupBg: R
+    } = r, M = r.calc(s).div(7).mul(5).equal(), I = se(r, {
+      menuArrowSize: M,
       menuHorizontalHeight: r.calc(i).mul(1.15).equal(),
-      menuArrowOffset: r.calc(_).mul(0.25).equal(),
-      menuSubMenuBg: l,
+      menuArrowOffset: r.calc(M).mul(0.25).equal(),
+      menuSubMenuBg: a,
       calc: r.calc,
-      popupBg: j
-    }), E = ae(h, {
-      itemColor: s,
-      itemHoverColor: b,
-      groupTitleColor: C,
+      popupBg: H
+    }), w = se(I, {
+      itemColor: c,
+      itemHoverColor: C,
+      groupTitleColor: h,
       itemSelectedColor: m,
-      itemBg: u,
-      popupBg: T,
-      subMenuItemBg: p,
+      subMenuItemSelectedColor: m,
+      itemBg: d,
+      popupBg: R,
+      subMenuItemBg: f,
       itemActiveBg: "transparent",
-      itemSelectedBg: f,
+      itemSelectedBg: g,
       activeBarHeight: 0,
       activeBarBorderWidth: 0,
       itemHoverBg: v,
       // Disabled
-      itemDisabledColor: w,
+      itemDisabledColor: b,
       // Danger
-      dangerItemColor: d,
-      dangerItemHoverColor: x,
-      dangerItemSelectedColor: y,
+      dangerItemColor: u,
+      dangerItemHoverColor: S,
+      dangerItemSelectedColor: $,
       dangerItemActiveBg: O,
-      dangerItemSelectedBg: g,
-      menuSubMenuBg: p,
+      dangerItemSelectedBg: p,
+      menuSubMenuBg: f,
       // Horizontal
       horizontalItemSelectedColor: m,
-      horizontalItemSelectedBg: f
+      horizontalItemSelectedBg: g
     });
     return [
       // Basic
-      Hn(h),
+      Un(I),
       // Horizontal
-      Rn(h),
+      qn(I),
       // Hard code for some light style
       // Vertical
-      Dn(h),
+      Yn(I),
       // Hard code for some light style
       // Theme
-      st(h, "light"),
-      st(E, "dark"),
+      pt(I, "light"),
+      pt(w, "dark"),
       // RTL
-      Mn(h),
+      Gn(I),
       // Motion
-      Po(h),
-      ye(h, "slide-up"),
-      ye(h, "slide-down"),
-      Pe(h, "zoom-big")
+      Ao(I),
+      xe(I, "slide-up"),
+      xe(I, "slide-down"),
+      je(I, "zoom-big")
     ];
-  }, An, {
+  }, Kn, {
     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,
@@ -2985,172 +3022,172 @@ const Oe = /* @__PURE__ */ a.createContext(null), _n = /* @__PURE__ */ a.forward
       groupTitleLineHeight: !0
     }
   })(e, t);
-}, Rt = (e) => {
+}, Lt = (e) => {
   var t;
   const {
     popupClassName: o,
     icon: n,
     title: r,
-    theme: l
-  } = e, i = a.useContext(Se), {
-    prefixCls: c,
-    inlineCollapsed: s,
-    theme: d
-  } = i, u = mo();
-  let p;
+    theme: a
+  } = e, i = l.useContext(Ne), {
+    prefixCls: s,
+    inlineCollapsed: c,
+    theme: u
+  } = i, d = wo();
+  let f;
   if (!n)
-    p = s && !u.length && r && typeof r == "string" ? /* @__PURE__ */ a.createElement("div", {
-      className: `${c}-inline-collapsed-noicon`
-    }, r.charAt(0)) : /* @__PURE__ */ a.createElement("span", {
-      className: `${c}-title-content`
+    f = c && !d.length && r && typeof r == "string" ? /* @__PURE__ */ l.createElement("div", {
+      className: `${s}-inline-collapsed-noicon`
+    }, r.charAt(0)) : /* @__PURE__ */ l.createElement("span", {
+      className: `${s}-title-content`
     }, r);
   else {
-    const g = /* @__PURE__ */ a.isValidElement(r) && r.type === "span";
-    p = /* @__PURE__ */ a.createElement(a.Fragment, null, se(n, {
-      className: M(/* @__PURE__ */ a.isValidElement(n) ? (t = n.props) === null || t === void 0 ? void 0 : t.className : "", `${c}-item-icon`)
-    }), g ? r : /* @__PURE__ */ a.createElement("span", {
-      className: `${c}-title-content`
+    const p = /* @__PURE__ */ l.isValidElement(r) && r.type === "span";
+    f = /* @__PURE__ */ l.createElement(l.Fragment, null, de(n, {
+      className: _(/* @__PURE__ */ l.isValidElement(n) ? (t = n.props) === null || t === void 0 ? void 0 : t.className : "", `${s}-item-icon`)
+    }), p ? r : /* @__PURE__ */ l.createElement("span", {
+      className: `${s}-title-content`
     }, r));
   }
-  const m = a.useMemo(() => Object.assign(Object.assign({}, i), {
+  const m = l.useMemo(() => Object.assign(Object.assign({}, i), {
     firstLevel: !1
-  }), [i]), [f] = Ve("Menu");
-  return /* @__PURE__ */ a.createElement(Se.Provider, {
+  }), [i]), [g] = Ge("Menu");
+  return /* @__PURE__ */ l.createElement(Ne.Provider, {
     value: m
-  }, /* @__PURE__ */ a.createElement(po, Object.assign({}, ve(e, ["icon"]), {
-    title: p,
-    popupClassName: M(c, o, `${c}-${l || d}`),
+  }, /* @__PURE__ */ l.createElement(xo, Object.assign({}, be(e, ["icon"]), {
+    title: f,
+    popupClassName: _(s, o, `${s}-${a || u}`),
     popupStyle: Object.assign({
-      zIndex: f
+      zIndex: g
     }, e.popupStyle)
   })));
 };
-var kn = function(e, t) {
+var Qn = 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 _e(e) {
+function Ae(e) {
   return e === null || e === !1;
 }
-const Vn = {
-  item: _t,
-  submenu: Rt,
-  divider: Tt
-}, Wn = /* @__PURE__ */ De((e, t) => {
+const Jn = {
+  item: At,
+  submenu: Lt,
+  divider: Ht
+}, er = /* @__PURE__ */ ke((e, t) => {
   var o;
-  const n = a.useContext(Oe), r = n || {}, {
-    getPrefixCls: l,
+  const n = l.useContext(Ee), r = n || {}, {
+    getPrefixCls: a,
     getPopupContainer: i,
-    direction: c,
-    menu: s
-  } = a.useContext(J), d = l(), {
-    prefixCls: u,
-    className: p,
+    direction: s,
+    menu: c
+  } = l.useContext(ne), u = a(), {
+    prefixCls: d,
+    className: f,
     style: m,
-    theme: f = "light",
-    expandIcon: g,
+    theme: g = "light",
+    expandIcon: p,
     _internalDisableMenuItemTitleTooltip: v,
-    inlineCollapsed: C,
-    siderCollapsed: b,
-    rootClassName: w,
-    mode: x,
-    selectable: y,
+    inlineCollapsed: h,
+    siderCollapsed: C,
+    rootClassName: b,
+    mode: S,
+    selectable: $,
     onClick: O,
-    overflowedIndicatorPopupClassName: j
-  } = e, T = kn(e, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]), _ = ve(T, ["collapsedWidth"]);
+    overflowedIndicatorPopupClassName: H
+  } = e, R = Qn(e, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]), M = be(R, ["collapsedWidth"]);
   if (process.env.NODE_ENV !== "production") {
-    const H = fe("Menu");
-    process.env.NODE_ENV !== "production" && H(!("inlineCollapsed" in e && x !== "inline"), "usage", "`inlineCollapsed` should only be used when `mode` is inline."), process.env.NODE_ENV !== "production" && H(!(e.siderCollapsed !== void 0 && "inlineCollapsed" in e), "usage", "`inlineCollapsed` not control Menu under Sider. Should set `collapsed` on Sider instead."), H.deprecated("items" in e && !e.children, "children", "items");
+    const D = ve("Menu");
+    process.env.NODE_ENV !== "production" && D(!("inlineCollapsed" in e && S !== "inline"), "usage", "`inlineCollapsed` should only be used when `mode` is inline."), D.deprecated("items" in e && !e.children, "children", "items");
   }
   (o = r.validator) === null || o === void 0 || o.call(r, {
-    mode: x
+    mode: S
   });
-  const h = bt(function() {
-    var H;
-    O == null || O.apply(void 0, arguments), (H = r.onClick) === null || H === void 0 || H.call(r);
-  }), E = r.mode || x, z = y ?? r.selectable, B = a.useMemo(() => b !== void 0 ? b : C, [C, b]), I = {
+  const I = wt(function() {
+    var D;
+    O == null || O.apply(void 0, arguments), (D = r.onClick) === null || D === void 0 || D.call(r);
+  }), w = r.mode || S, B = $ ?? r.selectable, z = h ?? C, N = {
     horizontal: {
-      motionName: `${d}-slide-up`
+      motionName: `${u}-slide-up`
     },
-    inline: ao(d),
+    inline: bo(u),
     other: {
-      motionName: `${d}-zoom-big`
+      motionName: `${u}-zoom-big`
     }
-  }, $ = l("menu", u || r.prefixCls), D = Be($), [k, S, N] = Ln($, D, !n), R = M(`${$}-${f}`, s == null ? void 0 : s.className, p), V = a.useMemo(() => {
-    var H, X;
-    if (typeof g == "function" || _e(g))
-      return g || null;
-    if (typeof r.expandIcon == "function" || _e(r.expandIcon))
+  }, y = a("menu", d || r.prefixCls), P = ze(y), [A, j, L] = Zn(y, P, !n), F = _(`${y}-${g}`, c == null ? void 0 : c.className, f), V = l.useMemo(() => {
+    var D, W;
+    if (typeof p == "function" || Ae(p))
+      return p || null;
+    if (typeof r.expandIcon == "function" || Ae(r.expandIcon))
       return r.expandIcon || null;
-    if (typeof (s == null ? void 0 : s.expandIcon) == "function" || _e(s == null ? void 0 : s.expandIcon))
-      return (s == null ? void 0 : s.expandIcon) || null;
-    const q = (H = g ?? (r == null ? void 0 : r.expandIcon)) !== null && H !== void 0 ? H : s == null ? void 0 : s.expandIcon;
-    return se(q, {
-      className: M(`${$}-submenu-expand-icon`, /* @__PURE__ */ a.isValidElement(q) ? (X = q.props) === null || X === void 0 ? void 0 : X.className : void 0)
+    if (typeof (c == null ? void 0 : c.expandIcon) == "function" || Ae(c == null ? void 0 : c.expandIcon))
+      return (c == null ? void 0 : c.expandIcon) || null;
+    const q = (D = p ?? (r == null ? void 0 : r.expandIcon)) !== null && D !== void 0 ? D : c == null ? void 0 : c.expandIcon;
+    return de(q, {
+      className: _(`${y}-submenu-expand-icon`, /* @__PURE__ */ l.isValidElement(q) ? (W = q.props) === null || W === void 0 ? void 0 : W.className : void 0)
     });
-  }, [g, r == null ? void 0 : r.expandIcon, s == null ? void 0 : s.expandIcon, $]), Z = a.useMemo(() => ({
-    prefixCls: $,
-    inlineCollapsed: B || !1,
-    direction: c,
+  }, [p, r == null ? void 0 : r.expandIcon, c == null ? void 0 : c.expandIcon, y]), k = l.useMemo(() => ({
+    prefixCls: y,
+    inlineCollapsed: z || !1,
+    direction: s,
     firstLevel: !0,
-    theme: f,
-    mode: E,
+    theme: g,
+    mode: w,
     disableMenuItemTitleTooltip: v
-  }), [$, B, c, v, f]);
-  return k(/* @__PURE__ */ a.createElement(Oe.Provider, {
+  }), [y, z, s, v, g]);
+  return A(/* @__PURE__ */ l.createElement(Ee.Provider, {
     value: null
-  }, /* @__PURE__ */ a.createElement(Se.Provider, {
-    value: Z
-  }, /* @__PURE__ */ a.createElement(go, Object.assign({
+  }, /* @__PURE__ */ l.createElement(Ne.Provider, {
+    value: k
+  }, /* @__PURE__ */ l.createElement(So, Object.assign({
     getPopupContainer: i,
-    overflowedIndicator: /* @__PURE__ */ a.createElement(ht, null),
-    overflowedIndicatorPopupClassName: M($, `${$}-${f}`, j),
-    mode: E,
-    selectable: z,
-    onClick: h
-  }, _, {
-    inlineCollapsed: B,
-    style: Object.assign(Object.assign({}, s == null ? void 0 : s.style), m),
-    className: R,
-    prefixCls: $,
-    direction: c,
-    defaultMotions: I,
+    overflowedIndicator: /* @__PURE__ */ l.createElement(xt, null),
+    overflowedIndicatorPopupClassName: _(y, `${y}-${g}`, H),
+    mode: w,
+    selectable: B,
+    onClick: I
+  }, M, {
+    inlineCollapsed: z,
+    style: Object.assign(Object.assign({}, c == null ? void 0 : c.style), m),
+    className: F,
+    prefixCls: y,
+    direction: s,
+    defaultMotions: N,
     expandIcon: V,
     ref: t,
-    rootClassName: M(w, S, r.rootClassName, N, D),
-    _internalComponents: Vn
+    rootClassName: _(b, j, r.rootClassName, L, P),
+    _internalComponents: Jn
   })))));
-}), ue = /* @__PURE__ */ De((e, t) => {
-  const o = Ie(null), n = a.useContext(Ye);
-  return ft(t, () => ({
+}), pe = /* @__PURE__ */ ke((e, t) => {
+  const o = Pe(null), n = l.useContext(Je);
+  return yt(t, () => ({
     menu: o.current,
     focus: (r) => {
-      var l;
-      (l = o.current) === null || l === void 0 || l.focus(r);
+      var a;
+      (a = o.current) === null || a === void 0 || a.focus(r);
     }
-  })), /* @__PURE__ */ a.createElement(Wn, Object.assign({
+  })), /* @__PURE__ */ l.createElement(er, Object.assign({
     ref: o
   }, e, n));
 });
-ue.Item = _t;
-ue.SubMenu = Rt;
-ue.Divider = Tt;
-ue.ItemGroup = fo;
-process.env.NODE_ENV !== "production" && (ue.displayName = "Menu");
-const Xn = (e) => {
+pe.Item = At;
+pe.SubMenu = Lt;
+pe.Divider = Ht;
+pe.ItemGroup = Oo;
+process.env.NODE_ENV !== "production" && (pe.displayName = "Menu");
+const tr = (e) => {
   const {
     componentCls: t,
     menuCls: o,
     colorError: n,
     colorTextLightSolid: r
-  } = e, l = `${o}-item`;
+  } = e, a = `${o}-item`;
   return {
     [`${t}, ${t}-menu-submenu`]: {
-      [`${o} ${l}`]: {
-        [`&${l}-danger:not(${l}-disabled)`]: {
+      [`${o} ${a}`]: {
+        [`&${a}-danger:not(${a}-disabled)`]: {
           color: n,
           "&:hover": {
             color: r,
@@ -3160,22 +3197,22 @@ const Xn = (e) => {
       }
     }
   };
-}, Fn = (e) => {
+}, or = (e) => {
   const {
     componentCls: t,
     menuCls: o,
     zIndexPopup: n,
     dropdownArrowDistance: r,
-    sizePopupArrow: l,
+    sizePopupArrow: a,
     antCls: i,
-    iconCls: c,
-    motionDurationMid: s,
-    paddingBlock: d,
-    fontSize: u,
-    dropdownEdgeChildPadding: p,
+    iconCls: s,
+    motionDurationMid: c,
+    paddingBlock: u,
+    fontSize: d,
+    dropdownEdgeChildPadding: f,
     colorTextDisabled: m,
-    fontSizeIcon: f,
-    controlPaddingHorizontal: g,
+    fontSizeIcon: g,
+    controlPaddingHorizontal: p,
     colorBgElevated: v
   } = e;
   return [
@@ -3192,7 +3229,7 @@ const Xn = (e) => {
         // A placeholder out of dropdown visible range to avoid close when user moving
         "&::before": {
           position: "absolute",
-          insetBlock: e.calc(l).div(2).sub(r).equal(),
+          insetBlock: e.calc(a).div(2).sub(r).equal(),
           // insetInlineStart: -7, // FIXME: Seems not work for hidden element
           zIndex: -9999,
           opacity: 1e-4,
@@ -3204,21 +3241,21 @@ const Xn = (e) => {
           overflowY: "auto"
         },
         [`&-trigger${i}-btn`]: {
-          [`& > ${c}-down, & > ${i}-btn-icon > ${c}-down`]: {
-            fontSize: f
+          [`& > ${s}-down, & > ${i}-btn-icon > ${s}-down`]: {
+            fontSize: g
           }
         },
         [`${t}-wrap`]: {
           position: "relative",
-          [`${i}-btn > ${c}-down`]: {
-            fontSize: f
+          [`${i}-btn > ${s}-down`]: {
+            fontSize: g
           },
-          [`${c}-down::before`]: {
-            transition: `transform ${s}`
+          [`${s}-down::before`]: {
+            transition: `transform ${c}`
           }
         },
         [`${t}-wrap-open`]: {
-          [`${c}-down::before`]: {
+          [`${s}-down::before`]: {
             transform: "rotate(180deg)"
           }
         },
@@ -3236,7 +3273,7 @@ const Xn = (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: $o
+          animationName: Po
         },
         [`&${i}-slide-up-enter${i}-slide-up-enter-active${t}-placement-topLeft,
           &${i}-slide-up-appear${i}-slide-up-appear-active${t}-placement-topLeft,
@@ -3244,25 +3281,28 @@ const Xn = (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: ho
+          animationName: Eo
         },
         [`&${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: bo
+          animationName: No
         },
         [`&${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: vo
+          animationName: Io
         }
       }
     },
     // =============================================================
     // ==                        Arrow style                      ==
     // =============================================================
-    qe(e, v, {
-      arrowPlacement: {}
+    Ze(e, v, {
+      arrowPlacement: {
+        top: !0,
+        bottom: !0
+      }
     }),
     {
       // =============================================================
@@ -3283,24 +3323,24 @@ const Xn = (e) => {
           margin: 0
         }
       },
-      [`${t}, ${t}-menu-submenu`]: Object.assign(Object.assign({}, ge(e)), {
+      [`${t}, ${t}-menu-submenu`]: Object.assign(Object.assign({}, fe(e)), {
         [o]: Object.assign(Object.assign({
-          padding: p,
+          padding: f,
           listStyleType: "none",
           backgroundColor: v,
           backgroundClip: "padding-box",
           borderRadius: e.borderRadiusLG,
           outline: "none",
           boxShadow: e.boxShadowSecondary
-        }, tt(e)), {
+        }, at(e)), {
           "&:empty": {
             padding: 0,
             boxShadow: "none"
           },
           [`${o}-item-group-title`]: {
-            padding: `${P(d)} ${P(g)}`,
+            padding: `${E(u)} ${E(p)}`,
             color: e.colorTextDescription,
-            transition: `all ${s}`
+            transition: `all ${c}`
           },
           // ======================= Item Content =======================
           [`${o}-item`]: {
@@ -3309,7 +3349,7 @@ const Xn = (e) => {
             alignItems: "center"
           },
           [`${o}-item-icon`]: {
-            minWidth: u,
+            minWidth: d,
             marginInlineEnd: e.marginXS,
             fontSize: e.fontSizeSM
           },
@@ -3322,7 +3362,7 @@ const Xn = (e) => {
             },
             "> a": {
               color: "inherit",
-              transition: `all ${s}`,
+              transition: `all ${c}`,
               "&:hover": {
                 color: "inherit"
               },
@@ -3343,18 +3383,18 @@ const Xn = (e) => {
           [`${o}-item, ${o}-submenu-title`]: Object.assign(Object.assign({
             display: "flex",
             margin: 0,
-            padding: `${P(d)} ${P(g)}`,
+            padding: `${E(u)} ${E(p)}`,
             color: e.colorText,
             fontWeight: "normal",
-            fontSize: u,
+            fontSize: d,
             lineHeight: e.lineHeight,
             cursor: "pointer",
-            transition: `all ${s}`,
+            transition: `all ${c}`,
             borderRadius: e.borderRadiusSM,
             "&:hover, &-active": {
               backgroundColor: e.controlItemBgHover
             }
-          }, tt(e)), {
+          }, at(e)), {
             "&-selected": {
               color: e.colorPrimary,
               backgroundColor: e.controlItemBgActive,
@@ -3377,7 +3417,7 @@ const Xn = (e) => {
             "&-divider": {
               height: 1,
               // By design
-              margin: `${P(e.marginXXS)} 0`,
+              margin: `${E(e.marginXXS)} 0`,
               overflow: "hidden",
               lineHeight: 0,
               backgroundColor: e.colorSplit
@@ -3388,18 +3428,18 @@ const Xn = (e) => {
               [`${t}-menu-submenu-arrow-icon`]: {
                 marginInlineEnd: "0 !important",
                 color: e.colorTextDescription,
-                fontSize: f,
+                fontSize: g,
                 fontStyle: "normal"
               }
             }
           }),
           [`${o}-item-group-list`]: {
-            margin: `0 ${P(e.marginXS)}`,
+            margin: `0 ${E(e.marginXS)}`,
             padding: 0,
             listStyle: "none"
           },
           [`${o}-submenu-title`]: {
-            paddingInlineEnd: e.calc(g).add(e.fontSizeSM).equal()
+            paddingInlineEnd: e.calc(p).add(e.fontSizeSM).equal()
           },
           [`${o}-submenu-vertical`]: {
             position: "relative"
@@ -3419,343 +3459,338 @@ const Xn = (e) => {
       })
     },
     // Follow code may reuse in other components
-    [ye(e, "slide-up"), ye(e, "slide-down"), nt(e, "move-up"), nt(e, "move-down"), Pe(e, "zoom-big")]
+    [xe(e, "slide-up"), xe(e, "slide-down"), st(e, "move-up"), st(e, "move-down"), je(e, "zoom-big")]
   ];
-}, qn = (e) => Object.assign(Object.assign({
+}, nr = (e) => Object.assign(Object.assign({
   zIndexPopup: e.zIndexPopupBase + 50,
   paddingBlock: (e.controlHeight - e.fontSize * e.lineHeight) / 2
-}, Ne({
+}, Te({
   contentRadius: e.borderRadiusLG,
   limitVerticalRadius: !0
-})), Fe(e)), Gn = le("Dropdown", (e) => {
+})), Ke(e)), rr = ce("Dropdown", (e) => {
   const {
     marginXXS: t,
     sizePopupArrow: o,
     paddingXXS: n,
     componentCls: r
-  } = e, l = ae(e, {
+  } = e, a = se(e, {
     menuCls: `${r}-menu`,
     dropdownArrowDistance: e.calc(o).div(2).add(t).equal(),
     dropdownEdgeChildPadding: n
   });
-  return [Fn(l), Xn(l)];
-}, qn, {
+  return [or(a), tr(a)];
+}, nr, {
   resetStyle: !1
-}), be = (e) => {
+}), he = (e) => {
   var t;
   const {
     menu: o,
     arrow: n,
     prefixCls: r,
-    children: l,
+    children: a,
     trigger: i,
-    disabled: c,
-    dropdownRender: s,
-    getPopupContainer: d,
-    overlayClassName: u,
-    rootClassName: p,
+    disabled: s,
+    dropdownRender: c,
+    getPopupContainer: u,
+    overlayClassName: d,
+    rootClassName: f,
     overlayStyle: m,
-    open: f,
-    onOpenChange: g,
+    open: g,
+    onOpenChange: p,
     // Deprecated
     visible: v,
-    onVisibleChange: C,
-    mouseEnterDelay: b = 0.15,
-    mouseLeaveDelay: w = 0.1,
-    autoAdjustOverflow: x = !0,
-    placement: y = "",
+    onVisibleChange: h,
+    mouseEnterDelay: C = 0.15,
+    mouseLeaveDelay: b = 0.1,
+    autoAdjustOverflow: S = !0,
+    placement: $ = "",
     overlay: O,
-    transitionName: j
+    transitionName: H
   } = e, {
-    getPopupContainer: T,
-    getPrefixCls: _,
-    direction: h,
-    dropdown: E
-  } = a.useContext(J), z = fe("Dropdown");
-  process.env.NODE_ENV !== "production" && ([["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((L) => {
-    let [oe, ee] = L;
-    z.deprecated(!(oe in e), oe, ee);
-  }), z.deprecated(!("overlay" in e), "overlay", "menu"));
-  const B = a.useMemo(() => {
-    const L = _();
-    return j !== void 0 ? j : y.includes("top") ? `${L}-slide-down` : `${L}-slide-up`;
-  }, [_, y, j]), I = a.useMemo(() => y ? y.includes("Center") ? y.slice(0, y.indexOf("Center")) : y : h === "rtl" ? "bottomRight" : "bottomLeft", [y, h]);
+    getPopupContainer: R,
+    getPrefixCls: M,
+    direction: I,
+    dropdown: w
+  } = l.useContext(ne), B = ve("Dropdown");
+  process.env.NODE_ENV !== "production" && ([["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((X) => {
+    let [oe, ee] = X;
+    B.deprecated(!(oe in e), oe, ee);
+  }), B.deprecated(!("overlay" in e), "overlay", "menu"));
+  const z = l.useMemo(() => {
+    const X = M();
+    return H !== void 0 ? H : $.includes("top") ? `${X}-slide-down` : `${X}-slide-up`;
+  }, [M, $, H]), N = l.useMemo(() => $ ? $.includes("Center") ? $.slice(0, $.indexOf("Center")) : $ : I === "rtl" ? "bottomRight" : "bottomLeft", [$, I]);
   if (process.env.NODE_ENV !== "production") {
-    if (y.includes("Center")) {
-      const L = y.slice(0, y.indexOf("Center"));
-      process.env.NODE_ENV !== "production" && z(!y.includes("Center"), "deprecated", `You are using '${y}' placement in Dropdown, which is deprecated. Try to use '${L}' instead.`);
+    if ($.includes("Center")) {
+      const X = $.slice(0, $.indexOf("Center"));
+      process.env.NODE_ENV !== "production" && B(!$.includes("Center"), "deprecated", `You are using '${$}' placement in Dropdown, which is deprecated. Try to use '${X}' instead.`);
     }
-    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((L) => {
-      let [oe, ee] = L;
-      z.deprecated(!(oe in e), oe, ee);
+    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((X) => {
+      let [oe, ee] = X;
+      B.deprecated(!(oe in e), oe, ee);
     });
   }
-  const $ = _("dropdown", r), D = Be($), [k, S, N] = Gn($, D), [, R] = Ae(), V = a.Children.only(l), Z = se(V, {
-    className: M(`${$}-trigger`, {
-      [`${$}-rtl`]: h === "rtl"
+  const y = M("dropdown", r), P = ze(y), [A, j, L] = rr(y, P), [, F] = We(), V = l.Children.only(jn(a) ? /* @__PURE__ */ l.createElement("span", null, a) : a), k = de(V, {
+    className: _(`${y}-trigger`, {
+      [`${y}-rtl`]: I === "rtl"
     }, V.props.className),
-    disabled: (t = V.props.disabled) !== null && t !== void 0 ? t : c
-  }), H = c ? [] : i, X = !!(H != null && H.includes("contextMenu")), [q, Y] = Le(!1, {
-    value: f ?? v
-  }), F = bt((L) => {
-    g == null || g(L, {
+    disabled: (t = V.props.disabled) !== null && t !== void 0 ? t : s
+  }), D = s ? [] : i, W = !!(D != null && D.includes("contextMenu")), [q, G] = Fe(!1, {
+    value: g ?? v
+  }), Z = wt((X) => {
+    p == null || p(X, {
       source: "trigger"
-    }), C == null || C(L), Y(L);
-  }), K = M(u, p, S, N, D, E == null ? void 0 : E.className, {
-    [`${$}-rtl`]: h === "rtl"
-  }), A = St({
+    }), h == null || h(X), G(X);
+  }), Y = _(d, f, j, L, P, w == null ? void 0 : w.className, {
+    [`${y}-rtl`]: I === "rtl"
+  }), x = Pt({
     arrowPointAtCenter: typeof n == "object" && n.pointAtCenter,
-    autoAdjustOverflow: x,
-    offset: R.marginXXS,
-    arrowWidth: n ? R.sizePopupArrow : 0,
-    borderRadius: R.borderRadius
-  }), W = a.useCallback(() => {
-    o != null && o.selectable && (o != null && o.multiple) || (g == null || g(!1, {
+    autoAdjustOverflow: S,
+    offset: F.marginXXS,
+    arrowWidth: n ? F.sizePopupArrow : 0,
+    borderRadius: F.borderRadius
+  }), T = l.useCallback(() => {
+    o != null && o.selectable && (o != null && o.multiple) || (p == null || p(!1, {
       source: "menu"
-    }), Y(!1));
+    }), G(!1));
   }, [o == null ? void 0 : o.selectable, o == null ? void 0 : o.multiple]), U = () => {
-    let L;
-    return o != null && o.items ? L = /* @__PURE__ */ a.createElement(ue, Object.assign({}, o)) : typeof O == "function" ? L = O() : L = O, s && (L = s(L)), L = a.Children.only(typeof L == "string" ? /* @__PURE__ */ a.createElement("span", null, L) : L), /* @__PURE__ */ a.createElement(_n, {
-      prefixCls: `${$}-menu`,
-      rootClassName: M(N, D),
-      expandIcon: /* @__PURE__ */ a.createElement("span", {
-        className: `${$}-menu-submenu-arrow`
-      }, /* @__PURE__ */ a.createElement(we, {
-        className: `${$}-menu-submenu-arrow-icon`
+    let X;
+    return o != null && o.items ? X = /* @__PURE__ */ l.createElement(pe, Object.assign({}, o)) : typeof O == "function" ? X = O() : X = O, c && (X = c(X)), X = l.Children.only(typeof X == "string" ? /* @__PURE__ */ l.createElement("span", null, X) : X), /* @__PURE__ */ l.createElement(Fn, {
+      prefixCls: `${y}-menu`,
+      rootClassName: _(L, P),
+      expandIcon: /* @__PURE__ */ l.createElement("span", {
+        className: `${y}-menu-submenu-arrow`
+      }, I === "rtl" ? /* @__PURE__ */ l.createElement(Ie, {
+        className: `${y}-menu-submenu-arrow-icon`
+      }) : /* @__PURE__ */ l.createElement(Se, {
+        className: `${y}-menu-submenu-arrow-icon`
       })),
       mode: "vertical",
       selectable: !1,
-      onClick: W,
+      onClick: T,
       validator: (oe) => {
         let {
           mode: ee
         } = oe;
-        process.env.NODE_ENV !== "production" && z(!ee || ee === "vertical", "usage", `mode="${ee}" is not supported for Dropdown's Menu.`);
+        process.env.NODE_ENV !== "production" && B(!ee || ee === "vertical", "usage", `mode="${ee}" is not supported for Dropdown's Menu.`);
       }
-    }, L);
-  }, [ie, je] = Ve("Dropdown", m == null ? void 0 : m.zIndex);
-  let me = /* @__PURE__ */ a.createElement(Co, Object.assign({
-    alignPoint: X
-  }, ve(e, ["rootClassName"]), {
-    mouseEnterDelay: b,
-    mouseLeaveDelay: w,
+    }, X);
+  }, [ae, Re] = Ge("Dropdown", m == null ? void 0 : m.zIndex);
+  let te = /* @__PURE__ */ l.createElement(Bo, Object.assign({
+    alignPoint: W
+  }, be(e, ["rootClassName"]), {
+    mouseEnterDelay: C,
+    mouseLeaveDelay: b,
     visible: q,
-    builtinPlacements: A,
+    builtinPlacements: x,
     arrow: !!n,
-    overlayClassName: K,
-    prefixCls: $,
-    getPopupContainer: d || T,
-    transitionName: B,
-    trigger: H,
+    overlayClassName: Y,
+    prefixCls: y,
+    getPopupContainer: u || R,
+    transitionName: z,
+    trigger: D,
     overlay: U,
-    placement: I,
-    onVisibleChange: F,
-    overlayStyle: Object.assign(Object.assign(Object.assign({}, E == null ? void 0 : E.style), m), {
-      zIndex: ie
+    placement: N,
+    onVisibleChange: Z,
+    overlayStyle: Object.assign(Object.assign(Object.assign({}, w == null ? void 0 : w.style), m), {
+      zIndex: ae
     })
-  }), Z);
-  return ie && (me = /* @__PURE__ */ a.createElement(Ct.Provider, {
-    value: je
-  }, me)), k(me);
-};
-function Yn(e) {
-  return Object.assign(Object.assign({}, e), {
-    align: {
-      overflow: {
-        adjustX: !1,
-        adjustY: !1
-      }
-    }
-  });
-}
-const Un = wo(be, "dropdown", (e) => e, Yn), Kn = (e) => /* @__PURE__ */ a.createElement(Un, Object.assign({}, e), /* @__PURE__ */ a.createElement("span", null));
-be._InternalPanelDoNotUseOrYouWillBeFired = Kn;
-process.env.NODE_ENV !== "production" && (be.displayName = "Dropdown");
-function mt(e) {
+  }), k);
+  return ae && (te = /* @__PURE__ */ l.createElement(Ot.Provider, {
+    value: Re
+  }, te)), A(te);
+}, ir = jo(he, "align", void 0, "dropdown", (e) => e), ar = (e) => /* @__PURE__ */ l.createElement(ir, Object.assign({}, e), /* @__PURE__ */ l.createElement("span", null));
+he._InternalPanelDoNotUseOrYouWillBeFired = ar;
+process.env.NODE_ENV !== "production" && (he.displayName = "Dropdown");
+function bt(e) {
   return ["small", "middle", "large"].includes(e);
 }
-function pt(e) {
+function ht(e) {
   return e ? typeof e == "number" && !Number.isNaN(e) : !1;
 }
-const Mt = /* @__PURE__ */ gt.createContext({
+const kt = /* @__PURE__ */ $t.createContext({
   latestIndex: 0
-}), Zn = Mt.Provider, Qn = (e) => {
+}), lr = kt.Provider, sr = (e) => {
   let {
     className: t,
     index: o,
     children: n,
     split: r,
-    style: l
+    style: a
   } = e;
   const {
     latestIndex: i
-  } = a.useContext(Mt);
-  return n == null ? null : /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
+  } = l.useContext(kt);
+  return n == null ? null : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("div", {
     className: t,
-    style: l
-  }, n), o < i && r && /* @__PURE__ */ a.createElement("span", {
+    style: a
+  }, n), o < i && r && /* @__PURE__ */ l.createElement("span", {
     className: `${t}-split`
   }, r));
 };
-var Jn = function(e, t) {
+var cr = 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 er = /* @__PURE__ */ a.forwardRef((e, t) => {
-  var o, n, r;
+const dr = /* @__PURE__ */ l.forwardRef((e, t) => {
+  var o;
   const {
-    getPrefixCls: l,
-    space: i,
-    direction: c
-  } = a.useContext(J), {
-    size: s = (o = i == null ? void 0 : i.size) !== null && o !== void 0 ? o : "small",
-    align: d,
-    className: u,
-    rootClassName: p,
-    children: m,
-    direction: f = "horizontal",
-    prefixCls: g,
-    split: v,
-    style: C,
-    wrap: b = !1,
-    classNames: w,
-    styles: x
-  } = e, y = Jn(e, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]), [O, j] = Array.isArray(s) ? s : [s, s], T = mt(j), _ = mt(O), h = pt(j), E = pt(O), z = ke(m, {
+    getPrefixCls: n,
+    direction: r,
+    size: a,
+    className: i,
+    style: s,
+    classNames: c,
+    styles: u
+  } = Xe("space"), {
+    size: d = a ?? "small",
+    align: f,
+    className: m,
+    rootClassName: g,
+    children: p,
+    direction: v = "horizontal",
+    prefixCls: h,
+    split: C,
+    style: b,
+    wrap: S = !1,
+    classNames: $,
+    styles: O
+  } = e, H = cr(e, ["size", "align", "className", "rootClassName", "children", "direction", "prefixCls", "split", "style", "wrap", "classNames", "styles"]), [R, M] = Array.isArray(d) ? d : [d, d], I = bt(M), w = bt(R), B = ht(M), z = ht(R), N = qe(p, {
     keepEmpty: !0
-  }), B = d === void 0 && f === "horizontal" ? "center" : d, I = l("space", g), [$, D, k] = xo(I), S = M(I, i == null ? void 0 : i.className, D, `${I}-${f}`, {
-    [`${I}-rtl`]: c === "rtl",
-    [`${I}-align-${B}`]: B,
-    [`${I}-gap-row-${j}`]: T,
-    [`${I}-gap-col-${O}`]: _
-  }, u, p, k), N = M(`${I}-item`, (n = w == null ? void 0 : w.item) !== null && n !== void 0 ? n : (r = i == null ? void 0 : i.classNames) === null || r === void 0 ? void 0 : r.item);
-  let R = 0;
-  const V = z.map((X, q) => {
-    var Y, F;
-    X != null && (R = q);
-    const K = (X == null ? void 0 : X.key) || `${N}-${q}`;
-    return /* @__PURE__ */ a.createElement(Qn, {
-      className: N,
-      key: K,
-      index: q,
-      split: v,
-      style: (Y = x == null ? void 0 : x.item) !== null && Y !== void 0 ? Y : (F = i == null ? void 0 : i.styles) === null || F === void 0 ? void 0 : F.item
-    }, X);
-  }), Z = a.useMemo(() => ({
-    latestIndex: R
-  }), [R]);
-  if (z.length === 0)
+  }), y = f === void 0 && v === "horizontal" ? "center" : f, P = n("space", h), [A, j, L] = To(P), F = _(P, i, j, `${P}-${v}`, {
+    [`${P}-rtl`]: r === "rtl",
+    [`${P}-align-${y}`]: y,
+    [`${P}-gap-row-${M}`]: I,
+    [`${P}-gap-col-${R}`]: w
+  }, m, g, L), V = _(`${P}-item`, (o = $ == null ? void 0 : $.item) !== null && o !== void 0 ? o : c.item);
+  let k = 0;
+  const D = N.map((G, Z) => {
+    var Y;
+    G != null && (k = Z);
+    const x = (G == null ? void 0 : G.key) || `${V}-${Z}`;
+    return /* @__PURE__ */ l.createElement(sr, {
+      className: V,
+      key: x,
+      index: Z,
+      split: C,
+      style: (Y = O == null ? void 0 : O.item) !== null && Y !== void 0 ? Y : u.item
+    }, G);
+  }), W = l.useMemo(() => ({
+    latestIndex: k
+  }), [k]);
+  if (N.length === 0)
     return null;
-  const H = {};
-  return b && (H.flexWrap = "wrap"), !_ && E && (H.columnGap = O), !T && h && (H.rowGap = j), $(/* @__PURE__ */ a.createElement("div", Object.assign({
+  const q = {};
+  return S && (q.flexWrap = "wrap"), !w && z && (q.columnGap = R), !I && B && (q.rowGap = M), A(/* @__PURE__ */ l.createElement("div", Object.assign({
     ref: t,
-    className: S,
-    style: Object.assign(Object.assign(Object.assign({}, H), i == null ? void 0 : i.style), C)
-  }, y), /* @__PURE__ */ a.createElement(Zn, {
-    value: Z
-  }, V)));
-}), Ue = er;
-Ue.Compact = So;
-process.env.NODE_ENV !== "production" && (Ue.displayName = "Space");
-var tr = function(e, t) {
+    className: F,
+    style: Object.assign(Object.assign(Object.assign({}, q), s), b)
+  }, H), /* @__PURE__ */ l.createElement(lr, {
+    value: W
+  }, D)));
+}), et = dr;
+et.Compact = _o;
+process.env.NODE_ENV !== "production" && (et.displayName = "Space");
+var ur = 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 Dt = (e) => {
+const Vt = (e) => {
   const {
     getPopupContainer: t,
     getPrefixCls: o,
     direction: n
-  } = a.useContext(J), {
+  } = l.useContext(ne), {
     prefixCls: r,
-    type: l = "default",
+    type: a = "default",
     danger: i,
-    disabled: c,
-    loading: s,
-    onClick: d,
-    htmlType: u,
-    children: p,
+    disabled: s,
+    loading: c,
+    onClick: u,
+    htmlType: d,
+    children: f,
     className: m,
-    menu: f,
-    arrow: g,
+    menu: g,
+    arrow: p,
     autoFocus: v,
-    overlay: C,
-    trigger: b,
-    align: w,
-    open: x,
-    onOpenChange: y,
+    overlay: h,
+    trigger: C,
+    align: b,
+    open: S,
+    onOpenChange: $,
     placement: O,
-    getPopupContainer: j,
-    href: T,
-    icon: _ = /* @__PURE__ */ a.createElement(ht, null),
-    title: h,
-    buttonsRender: E = (A) => A,
-    mouseEnterDelay: z,
-    mouseLeaveDelay: B,
-    overlayClassName: I,
-    overlayStyle: $,
-    destroyPopupOnHide: D,
-    dropdownRender: k
-  } = e, S = tr(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"]), N = o("dropdown", r), R = `${N}-button`, V = {
-    menu: f,
-    arrow: g,
+    getPopupContainer: H,
+    href: R,
+    icon: M = /* @__PURE__ */ l.createElement(xt, null),
+    title: I,
+    buttonsRender: w = (x) => x,
+    mouseEnterDelay: B,
+    mouseLeaveDelay: z,
+    overlayClassName: N,
+    overlayStyle: y,
+    destroyPopupOnHide: P,
+    dropdownRender: A
+  } = e, j = ur(e, ["prefixCls", "type", "danger", "disabled", "loading", "onClick", "htmlType", "children", "className", "menu", "arrow", "autoFocus", "overlay", "trigger", "align", "open", "onOpenChange", "placement", "getPopupContainer", "href", "icon", "title", "buttonsRender", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "overlayStyle", "destroyPopupOnHide", "dropdownRender"]), L = o("dropdown", r), F = `${L}-button`, V = {
+    menu: g,
+    arrow: p,
     autoFocus: v,
-    align: w,
-    disabled: c,
-    trigger: c ? [] : b,
-    onOpenChange: y,
-    getPopupContainer: j || t,
-    mouseEnterDelay: z,
-    mouseLeaveDelay: B,
-    overlayClassName: I,
-    overlayStyle: $,
-    destroyPopupOnHide: D,
-    dropdownRender: k
+    align: b,
+    disabled: s,
+    trigger: s ? [] : C,
+    onOpenChange: $,
+    getPopupContainer: H || t,
+    mouseEnterDelay: B,
+    mouseLeaveDelay: z,
+    overlayClassName: N,
+    overlayStyle: y,
+    destroyPopupOnHide: P,
+    dropdownRender: A
   }, {
-    compactSize: Z,
-    compactItemClassnames: H
-  } = Oo(N, n), X = M(R, H, m);
-  "overlay" in e && (V.overlay = C), "open" in e && (V.open = x), "placement" in e ? V.placement = O : V.placement = n === "rtl" ? "bottomLeft" : "bottomRight";
-  const q = /* @__PURE__ */ a.createElement(ot, {
-    type: l,
+    compactSize: k,
+    compactItemClassnames: D
+  } = Ro(L, n), W = _(F, D, m);
+  "overlay" in e && (V.overlay = h), "open" in e && (V.open = S), "placement" in e ? V.placement = O : V.placement = n === "rtl" ? "bottomLeft" : "bottomRight";
+  const q = /* @__PURE__ */ l.createElement(lt, {
+    type: a,
     danger: i,
-    disabled: c,
-    loading: s,
-    onClick: d,
-    htmlType: u,
-    href: T,
-    title: h
-  }, p), Y = /* @__PURE__ */ a.createElement(ot, {
-    type: l,
+    disabled: s,
+    loading: c,
+    onClick: u,
+    htmlType: d,
+    href: R,
+    title: I
+  }, f), G = /* @__PURE__ */ l.createElement(lt, {
+    type: a,
     danger: i,
-    icon: _
-  }), [F, K] = E([q, Y]);
-  return /* @__PURE__ */ a.createElement(Ue.Compact, Object.assign({
-    className: X,
-    size: Z,
+    icon: M
+  }), [Z, Y] = w([q, G]);
+  return /* @__PURE__ */ l.createElement(et.Compact, Object.assign({
+    className: W,
+    size: k,
     block: !0
-  }, S), F, /* @__PURE__ */ a.createElement(be, Object.assign({}, V), K));
+  }, j), Z, /* @__PURE__ */ l.createElement(he, Object.assign({}, V), Y));
 };
-Dt.__ANT_BUTTON = !0;
-const Ht = be;
-Ht.Button = Dt;
-const or = (e) => /* @__PURE__ */ a.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ a.createElement("path", { d: "M19 9L12 16L5 9", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), nr = "_avatar_1r72q_43", rr = "_pointer_1r72q_49", ir = "_flexRowCenter_1r72q_53", ar = "_userTitle_1r72q_60", Ce = {
-  avatar: nr,
-  pointer: rr,
-  flexRowCenter: ir,
-  userTitle: ar
-}, gr = ({ items: e, user: t, collapsed: o, handleMenuClick: n }) => /* @__PURE__ */ he(Ht, { menu: { items: e, onClick: n }, trigger: ["click"], children: /* @__PURE__ */ Ft("a", { onClick: (r) => r.preventDefault(), className: Ce.flexRowCenter, children: [
-  /* @__PURE__ */ he(Pt, { className: Gt(Ce.avatar, Ce.pointer), size: "large", children: t[0] }),
-  !o && /* @__PURE__ */ he("span", { className: Ce.userTitle, children: t }),
-  !o && /* @__PURE__ */ he(or, {})
+Vt.__ANT_BUTTON = !0;
+const Wt = he;
+Wt.Button = Vt;
+const mr = (e) => /* @__PURE__ */ l.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "M19 9L12 16L5 9", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), pr = "_avatar_1r72q_43", gr = "_pointer_1r72q_49", fr = "_flexRowCenter_1r72q_53", vr = "_userTitle_1r72q_60", we = {
+  avatar: pr,
+  pointer: gr,
+  flexRowCenter: fr,
+  userTitle: vr
+}, Sr = ({ items: e, user: t, collapsed: o, handleMenuClick: n }) => /* @__PURE__ */ ye(Wt, { menu: { items: e, onClick: n }, trigger: ["click"], children: /* @__PURE__ */ eo("a", { onClick: (r) => r.preventDefault(), className: we.flexRowCenter, children: [
+  /* @__PURE__ */ ye(_t, { className: oo(we.avatar, we.pointer), size: "large", children: t[0] }),
+  !o && /* @__PURE__ */ ye("span", { className: we.userTitle, children: t }),
+  !o && /* @__PURE__ */ ye(mr, {})
 ] }) });
 export {
-  ue as M,
-  or as S,
-  gr as U
+  pe as M,
+  mr as S,
+  Sr as U
 };