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

package/dist/{UserInfoDropdown-6aB5cQyF.js → UserInfoDropdown-CoZutJAR.js}

@@ -1,11 +1,11 @@
 import { jsx as ye, jsxs as eo } from "react/jsx-runtime";
 import * as l from "react";
-import $t, { useRef as Ee, forwardRef as ke, useImperativeHandle as yt, useContext as tt, useState as ot, useEffect as De, createContext as to } 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 { _ as Pe } from "./objectWithoutPropertiesLoose-BTau6TOn.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 Be, 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-D_FWkiDE.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-DfTPoz8U.js";
-import { P as ge, i as ze, 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-ByiFMw5U.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`];
@@ -18,7 +18,7 @@ import './assets/UserInfoDropdown.css';function Mo(e, t) {
   }, {});
 }
 var Do = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, name: "right", theme: "outlined" }, Ho = function(t, o) {
-  return /* @__PURE__ */ l.createElement(Ve, Pe({}, t, {
+  return /* @__PURE__ */ l.createElement(Ve, Be({}, t, {
     ref: o,
     icon: Do
   }));
@@ -234,16 +234,16 @@ function Qo() {
   return e;
 }
 function Jo() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  const t = Ee({}), o = Qo(), n = Zo();
+  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 r = n.subscribe((a) => {
-      t.current = a, e && o();
+    const a = r.subscribe((i) => {
+      o.current = i, e && n();
     });
-    return () => n.unsubscribe(r);
-  }, []), t.current;
+    return () => r.unsubscribe(a);
+  }, []), o.current;
 }
-const Ae = /* @__PURE__ */ l.createContext({}), en = (e) => {
+const Le = /* @__PURE__ */ l.createContext({}), en = (e) => {
   const {
     antCls: t,
     componentCls: o,
@@ -261,7 +261,7 @@ const Ae = /* @__PURE__ */ l.createContext({}), en = (e) => {
     borderRadiusSM: p,
     lineWidth: v,
     lineType: h
-  } = e, y = (b, S, $) => ({
+  } = e, C = (b, S, $) => ({
     width: b,
     height: b,
     borderRadius: "50%",
@@ -294,9 +294,9 @@ const Ae = /* @__PURE__ */ l.createContext({}), en = (e) => {
       [`${t}-image-img`]: {
         display: "block"
       }
-    }), y(i, u, m)), {
-      "&-lg": Object.assign({}, y(s, d, g)),
-      "&-sm": Object.assign({}, y(c, f, p)),
+    }), C(i, u, m)), {
+      "&-lg": Object.assign({}, C(s, d, g)),
+      "&-sm": Object.assign({}, C(c, f, p)),
       "> img": {
         display: "block",
         width: "100%",
@@ -373,7 +373,7 @@ const rn = (e, t) => {
   const [o, n] = l.useState(1), [r, a] = l.useState(!1), [i, s] = l.useState(!0), c = l.useRef(null), u = l.useRef(null), d = io(t, c), {
     getPrefixCls: f,
     avatar: m
-  } = l.useContext(ne), g = l.useContext(Ae), p = () => {
+  } = l.useContext(ne), g = l.useContext(Le), p = () => {
     if (!u.current || !c.current)
       return;
     const x = u.current.offsetWidth, T = c.current.offsetWidth;
@@ -396,7 +396,7 @@ const rn = (e, t) => {
     (x == null ? void 0 : x()) !== !1 && s(!1);
   }, {
     prefixCls: h,
-    shape: y,
+    shape: C,
     size: b,
     src: S,
     srcSet: $,
@@ -410,7 +410,7 @@ const rn = (e, t) => {
   } = 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";
-  }), C = Object.keys(typeof N == "object" ? N || {} : {}).some((x) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(x)), P = Jo(C), A = l.useMemo(() => {
+  }), 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 x = It.find((U) => P[U]), T = N[x];
@@ -424,10 +424,10 @@ const rn = (e, t) => {
     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 j = f("avatar", h), L = Be(j), [F, V, k] = Nt(j, L), D = _({
+  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 = y || (g == null ? void 0 : g.shape) || "circle", G = _(j, D, m == null ? void 0 : m.className, `${j}-${q}`, {
+  }), 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" ? {
@@ -570,9 +570,9 @@ var ue = {
     targetOffset: J
   }
 }, 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, y = 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;
+  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 z = t.overlay, N = t.id, C = t.showArrow, P = C === void 0 ? !0 : C, A = t.classNames, j = t.styles, L = lo(t, ln), F = so(N), V = Ee(null);
+  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;
   });
@@ -592,7 +592,7 @@ var ue = {
     });
     return /* @__PURE__ */ l.cloneElement(g, Y);
   };
-  return /* @__PURE__ */ l.createElement($o, Pe({
+  return /* @__PURE__ */ l.createElement($o, Be({
     popupClassName: _(n, A == null ? void 0 : A.root),
     prefixCls: m,
     popup: D,
@@ -605,7 +605,7 @@ var ue = {
     onPopupVisibleChange: p,
     afterPopupVisibleChange: v,
     popupTransitionName: h,
-    popupAnimation: y,
+    popupAnimation: C,
     popupMotion: b,
     defaultPopupVisible: I,
     autoDestroy: M,
@@ -621,9 +621,9 @@ function Ke(e) {
     sizePopupArrow: t,
     borderRadiusXS: o,
     borderRadiusOuter: n
-  } = e, r = t / 2, a = 0, i = r, s = n * 1 / Math.sqrt(2), c = r - n * (1 - 1 / Math.sqrt(2)), u = r - o * (1 / Math.sqrt(2)), d = n * (Math.sqrt(2) - 1) + o * (1 / Math.sqrt(2)), f = 2 * r - u, m = d, g = 2 * r - s, p = c, v = 2 * r - a, h = i, y = r * Math.sqrt(2) + n * (Math.sqrt(2) - 2), b = n * (Math.sqrt(2) - 1), S = `polygon(${b}px 100%, 50% ${b}px, ${2 * r - b}px 100%, ${b}px 100%)`, $ = `path('M ${a} ${i} A ${n} ${n} 0 0 0 ${s} ${c} L ${u} ${d} A ${o} ${o} 0 0 1 ${f} ${m} L ${g} ${p} A ${n} ${n} 0 0 0 ${v} ${h} Z')`;
+  } = e, r = t / 2, a = 0, i = r, s = n * 1 / Math.sqrt(2), c = r - n * (1 - 1 / Math.sqrt(2)), u = r - o * (1 / Math.sqrt(2)), d = n * (Math.sqrt(2) - 1) + o * (1 / Math.sqrt(2)), f = 2 * r - u, m = d, 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: y,
+    arrowShadowWidth: C,
     arrowPath: $,
     arrowPolygon: S
   };
@@ -674,7 +674,7 @@ const dn = (e, t, o) => {
     }
   };
 }, Et = 8;
-function je(e) {
+function Te(e) {
   const {
     contentRadius: t,
     limitVerticalRadius: o
@@ -938,7 +938,7 @@ function Pt(e) {
         f.offset[0] = s + r;
         break;
     }
-    const m = je({
+    const m = Te({
       contentRadius: a,
       limitVerticalRadius: !0
     });
@@ -1024,10 +1024,10 @@ const gn = (e) => {
         [`${o}-content`]: {
           position: "relative"
         }
-      }), Mo(e, (h, y) => {
+      }), Mo(e, (h, C) => {
         let {
           darkColor: b
-        } = y;
+        } = C;
         return {
           [`&${o}-${h}`]: {
             [`${o}-inner`]: {
@@ -1058,7 +1058,7 @@ const gn = (e) => {
   ];
 }, fn = (e) => Object.assign(Object.assign({
   zIndexPopup: e.zIndexPopupBase + 70
-}, je({
+}, Te({
   contentRadius: e.borderRadius,
   limitVerticalRadius: !0
 })), Ke(se(e, {
@@ -1077,7 +1077,7 @@ const gn = (e) => {
       tooltipBorderRadius: r,
       tooltipBg: i
     });
-    return [gn(s), ze(n, "zoom-big-fast")];
+    return [gn(s), je(n, "zoom-big-fast")];
   }, fn, {
     resetStyle: !1,
     // Popover use Tooltip as internal component. We do not need to handle this.
@@ -1142,7 +1142,7 @@ const yn = /* @__PURE__ */ l.forwardRef((e, t) => {
     title: p,
     overlay: v,
     builtinPlacements: h,
-    arrowPointAtCenter: y = !1,
+    arrowPointAtCenter: C = !1,
     autoAdjustOverflow: b = !0,
     motion: S,
     getPopupContainer: $,
@@ -1154,7 +1154,7 @@ const yn = /* @__PURE__ */ l.forwardRef((e, t) => {
     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"]), C = !!g, [, P] = We(), {
+  } = 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,
@@ -1188,25 +1188,25 @@ const yn = /* @__PURE__ */ l.forwardRef((e, t) => {
     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 = y;
-    return typeof g == "object" && (re = (Q = (K = g.pointAtCenter) !== null && K !== void 0 ? K : g.arrowPointAtCenter) !== null && Q !== void 0 ? Q : y), h || Pt({
+    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: C ? P.sizePopupArrow : 0,
+      arrowWidth: y ? P.sizePopupArrow : 0,
       borderRadius: P.borderRadius,
       offset: P.marginXXS,
       visibleFirst: !0
     });
-  }, [y, g, h, P]), ae = l.useMemo(() => p === 0 ? p : v || p || "", [v, p]), _e = /* @__PURE__ */ l.createElement(St, {
+  }, [C, g, h, P]), ae = l.useMemo(() => p === 0 ? p : v || p || "", [v, p]), Re = /* @__PURE__ */ l.createElement(St, {
     space: !0
   }, typeof ae == "function" ? ae() : ae), te = j("tooltip", r), X = j(), oe = e["data-popover-inject"];
   let ee = Z;
   !("open" in e) && !("visible" in e) && x && (ee = !1);
-  const Re = /* @__PURE__ */ l.isValidElement(u) && !zo(u) ? u : /* @__PURE__ */ l.createElement("span", null, u), $e = Re.props, Xt = !$e.className || typeof $e.className == "string" ? _($e.className, a || `${te}-open`) : $e.className, [Ft, qt, Gt] = Bt(te, !oe), Me = zt(te, s), Yt = Me.arrowStyle, Ut = _(w, {
+  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"
-  }, Me.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, {
+  }, 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: C,
+    showArrow: y,
     placement: O,
     mouseEnterDelay: H,
     mouseLeaveDelay: R,
@@ -1217,12 +1217,12 @@ const yn = /* @__PURE__ */ l.forwardRef((e, t) => {
     },
     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), Me.overlayStyle)
+      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: _e,
+    overlay: Re,
     visible: ee,
     onVisibleChange: T,
     afterVisibleChange: d ?? f,
@@ -1234,15 +1234,15 @@ const yn = /* @__PURE__ */ l.forwardRef((e, t) => {
       motionDeadline: 1e3
     },
     destroyTooltipOnHide: !!m
-  }), ee ? de(Re, {
+  }), ee ? de(Me, {
     className: Xt
-  }) : Re);
+  }) : Me);
   return Ft(/* @__PURE__ */ l.createElement(Ot.Provider, {
     value: Qt
   }, Jt));
-}), Te = yn;
-process.env.NODE_ENV !== "production" && (Te.displayName = "Tooltip");
-Te._InternalPanelDoNotUseOrYouWillBeFired = hn;
+}), _e = yn;
+process.env.NODE_ENV !== "production" && (_e.displayName = "Tooltip");
+_e._InternalPanelDoNotUseOrYouWillBeFired = hn;
 const Cn = (e) => {
   const {
     componentCls: t,
@@ -1365,7 +1365,7 @@ const Cn = (e) => {
   return Object.assign(Object.assign(Object.assign({
     titleMinWidth: 177,
     zIndexPopup: i + 30
-  }, Ke(e)), je({
+  }, Ke(e)), Te({
     contentRadius: s,
     limitVerticalRadius: !0
   })), {
@@ -1384,7 +1384,7 @@ const Cn = (e) => {
     popoverBg: t,
     popoverColor: o
   });
-  return [Cn(n), wn(n), ze(n, "zoom-big")];
+  return [Cn(n), wn(n), je(n, "zoom-big")];
 }, xn, {
   resetStyle: !1,
   deprecatedTokens: [["width", "titleMinWidth"], ["minWidth", "titleMinWidth"]]
@@ -1467,13 +1467,13 @@ const En = /* @__PURE__ */ l.forwardRef((e, t) => {
     overlayStyle: p = {},
     styles: v,
     classNames: h
-  } = e, y = Nn(e, ["prefixCls", "title", "content", "overlayClassName", "placement", "trigger", "children", "mouseEnterDelay", "mouseLeaveDelay", "onOpenChange", "overlayStyle", "styles", "classNames"]), {
+  } = 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), [C, P] = Fe(!1, {
+  } = 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
   }), A = (k, D) => {
@@ -1483,12 +1483,12 @@ const En = /* @__PURE__ */ l.forwardRef((e, t) => {
   }, L = (k) => {
     A(k);
   }, F = Oe(a), V = Oe(i);
-  return M(/* @__PURE__ */ l.createElement(Te, Object.assign({
+  return M(/* @__PURE__ */ l.createElement(_e, Object.assign({
     placement: c,
     trigger: u,
     mouseEnterDelay: f,
     mouseLeaveDelay: m
-  }, y, {
+  }, C, {
     prefixCls: R,
     classNames: {
       root: z,
@@ -1499,14 +1499,14 @@ const En = /* @__PURE__ */ l.forwardRef((e, t) => {
       body: Object.assign(Object.assign({}, H.body), v == null ? void 0 : v.body)
     },
     ref: t,
-    open: C,
+    open: y,
     onOpenChange: L,
     overlay: F || V ? /* @__PURE__ */ l.createElement(Tt, {
       prefixCls: R,
       title: F,
       content: V
     }) : null,
-    transitionName: Ct(B, "zoom-big", y.transitionName),
+    transitionName: Ct(B, "zoom-big", C.transitionName),
     "data-popover-inject": !0
   }), de(d, {
     onKeyDown: (k) => {
@@ -1521,11 +1521,11 @@ const dt = (e) => {
   const {
     size: t,
     shape: o
-  } = l.useContext(Ae), n = l.useMemo(() => ({
+  } = l.useContext(Le), n = l.useMemo(() => ({
     size: e.size || t,
     shape: e.shape || o
   }), [e.size, e.shape, t, o]);
-  return /* @__PURE__ */ l.createElement(Ae.Provider, {
+  return /* @__PURE__ */ l.createElement(Le.Provider, {
     value: n
   }, e.children);
 }, Pn = (e) => {
@@ -1544,25 +1544,25 @@ const dt = (e) => {
     shape: p,
     maxPopoverPlacement: v,
     maxPopoverTrigger: h,
-    children: y,
+    children: C,
     max: b
   } = e;
   if (process.env.NODE_ENV !== "production") {
     const N = ve("Avatar.Group");
-    [["maxCount", "max={{ count: number }}"], ["maxStyle", "max={{ style: CSSProperties }}"], ["maxPopoverPlacement", "max={{ popover: PopoverProps }}"], ["maxPopoverTrigger", "max={{ popover: PopoverProps }}"]].forEach((C) => {
-      let [P, A] = C;
+    [["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 S = a("avatar", s), $ = `${S}-group`, O = Be(S), [H, R, M] = Nt(S, O), 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(y).map((N, C) => de(N, {
+  }, 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-${C}`
+    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), C = 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: C
+    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), {
       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)
@@ -1592,21 +1592,21 @@ const dt = (e) => {
   }, w)));
 }, _t = Ye;
 _t.Group = Pn;
-const Bn = (e) => typeof e != "object" && typeof e != "function" || e === null;
-var zn = { 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" }, jn = function(t, o) {
-  return /* @__PURE__ */ l.createElement(Ve, Pe({}, t, {
+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: zn
+    icon: Bn
   }));
-}, Rt = /* @__PURE__ */ l.forwardRef(jn);
-process.env.NODE_ENV !== "production" && (Rt.displayName = "BarsOutlined");
-var Tn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, name: "left", theme: "outlined" }, _n = function(t, o) {
-  return /* @__PURE__ */ l.createElement(Ve, Pe({}, 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: Tn
   }));
-}, Le = /* @__PURE__ */ l.forwardRef(_n);
-process.env.NODE_ENV !== "production" && (Le.displayName = "LeftOutlined");
+}, Rt = /* @__PURE__ */ l.forwardRef(_n);
+process.env.NODE_ENV !== "production" && (Rt.displayName = "BarsOutlined");
 const Rn = /* @__PURE__ */ l.createContext({
   siderHook: {
     addSider: () => null,
@@ -1762,6 +1762,9 @@ const Dn = (e) => {
           width: "auto"
         }
       },
+      [`&-zero-width ${t}-children`]: {
+        overflow: "hidden"
+      },
       [`${t}-trigger`]: {
         position: "fixed",
         bottom: 0,
@@ -1774,40 +1777,35 @@ const Dn = (e) => {
         cursor: "pointer",
         transition: `all ${n}`
       },
-      [`${t}-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: 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",
-            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)}`
-          }
+          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
@@ -1867,10 +1865,10 @@ const ut = {
     breakpoint: p,
     onCollapse: v,
     onBreakpoint: h
-  } = e, y = An(e, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
+  } = 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);
-  De(() => {
+  He(() => {
     "collapsed" in e && $(e.collapsed);
   }, [e.collapsed]);
   const R = (x, T) => {
@@ -1878,12 +1876,12 @@ const ut = {
   }, {
     getPrefixCls: M,
     direction: I
-  } = tt(ne), w = M("layout-sider", o), [B, z, N] = Hn(w), C = Ee(null);
-  C.current = (x) => {
+  } = 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");
-  }, De(() => {
+  }, He(() => {
     function x(U) {
-      return C.current(U);
+      return y.current(U);
     }
     let T;
     if (typeof window < "u") {
@@ -1907,19 +1905,19 @@ const ut = {
         T == null || T.removeListener(x);
       }
     };
-  }, [p]), De(() => {
+  }, [p]), He(() => {
     const x = kn("ant-sider-");
     return b.addSider(x), () => b.removeSider(x);
   }, []);
   const P = () => {
     R(!S, "clickTrigger");
-  }, A = be(y, ["collapsed"]), j = S ? m : f, L = Ln(j) ? `${j}px` : String(j), F = parseFloat(String(m || 0)) === 0 ? /* @__PURE__ */ l.createElement("span", {
+  }, 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(Le, null),
-    collapsed: V ? /* @__PURE__ */ l.createElement(Le, null) : /* @__PURE__ */ l.createElement(Se, null)
+    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,
@@ -1951,7 +1949,7 @@ const ut = {
   }, a), u || O && F ? q : null)));
 });
 process.env.NODE_ENV !== "production" && (Vn.displayName = "Sider");
-const Ie = /* @__PURE__ */ to({
+const Ne = /* @__PURE__ */ to({
   prefixCls: "",
   firstLevel: !0,
   inlineCollapsed: !1
@@ -1991,7 +1989,7 @@ const Ht = (e) => {
     direction: d,
     disableMenuItemTitleTooltip: f,
     inlineCollapsed: m
-  } = l.useContext(Ie), g = (S) => {
+  } = 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
@@ -2009,17 +2007,17 @@ const Ht = (e) => {
     title: v
   };
   !p && !m && (h.title = null, h.open = !1);
-  const y = qe(n).length;
+  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 ? y + 1 : y) === 1
+      [`${c}-item-only-child`]: (r ? C + 1 : C) === 1
     }, o),
     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(Te, Object.assign({}, h, {
+  return f || (b = /* @__PURE__ */ l.createElement(_e, Object.assign({}, h, {
     placement: d === "rtl" ? "left" : "right",
     classNames: {
       root: `${c}-inline-collapsed-tooltip`
@@ -2033,10 +2031,10 @@ var Xn = function(e, t) {
     t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
   return o;
 };
-const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forwardRef((e, t) => {
+const Ee = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forwardRef((e, t) => {
   const {
     children: o
-  } = e, n = Xn(e, ["children"]), r = l.useContext(Ne), a = l.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
@@ -2045,7 +2043,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     n.rootClassName
     // restProps.validator, Not mark as deps since this is a function
   ]), i = uo(o), s = mo(t, i ? po(o) : null);
-  return /* @__PURE__ */ l.createElement(Ne.Provider, {
+  return /* @__PURE__ */ l.createElement(Ee.Provider, {
     value: a
   }, /* @__PURE__ */ l.createElement(St, {
     space: !0
@@ -2138,7 +2136,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     motionEaseInOut: p,
     motionEaseOut: v,
     itemPaddingInline: h,
-    motionDurationMid: y,
+    motionDurationMid: C,
     itemHoverColor: b,
     lineType: S,
     colorSplit: $,
@@ -2154,7 +2152,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     popupBg: B,
     itemHoverBg: z,
     itemActiveBg: N,
-    menuSubMenuBg: C,
+    menuSubMenuBg: y,
     // Horizontal
     horizontalItemSelectedColor: P,
     horizontalItemSelectedBg: A,
@@ -2242,7 +2240,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
         }
       },
       [`&${o}-submenu > ${o}`]: {
-        backgroundColor: C
+        backgroundColor: y
       },
       // ===== 设置浮层的颜色 =======
       // ！dark 模式会被popupBg 会被rest 为 darkPopupBg
@@ -2312,7 +2310,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
             borderInlineEnd: `${E(f)} solid ${r}`,
             transform: "scaleY(0.0001)",
             opacity: 0,
-            transition: [`transform ${y} ${v}`, `opacity ${y} ${v}`].join(","),
+            transition: [`transform ${C} ${v}`, `opacity ${C} ${v}`].join(","),
             content: '""'
           },
           // Danger
@@ -2326,7 +2324,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
           "&::after": {
             transform: "scaleY(1)",
             opacity: 1,
-            transition: [`transform ${y} ${p}`, `opacity ${y} ${p}`].join(",")
+            transition: [`transform ${C} ${p}`, `opacity ${C} ${p}`].join(",")
           }
         }
       }
@@ -2387,7 +2385,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     boxShadowSecondary: p,
     collapsedWidth: v,
     collapsedIconSize: h
-  } = e, y = {
+  } = e, C = {
     height: n,
     lineHeight: E(n),
     listStylePosition: "inside",
@@ -2451,13 +2449,13 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
           border: 0,
           borderRadius: 0,
           boxShadow: "none",
-          [`& > ${t}-submenu > ${t}-submenu-title`]: y,
+          [`& > ${t}-submenu > ${t}-submenu-title`]: C,
           [`& ${t}-item-group-title`]: {
             paddingInlineStart: c
           }
         },
         // >>>>> Item
-        [`${t}-item`]: y
+        [`${t}-item`]: C
       }
     },
     // Inline Collapse Only
@@ -2626,7 +2624,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     menuArrowSize: p,
     menuArrowOffset: v,
     lineType: h,
-    groupTitleLineHeight: y,
+    groupTitleLineHeight: C,
     groupTitleFontSize: b
   } = e;
   return [
@@ -2673,7 +2671,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
         [`${o}-item-group-title`]: {
           padding: `${E(s)} ${E(c)}`,
           fontSize: b,
-          lineHeight: y,
+          lineHeight: C,
           transition: `all ${r}`
         },
         [`&-horizontal ${o}-submenu`]: {
@@ -2842,7 +2840,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     lineWidthBold: p,
     controlItemBgActive: v,
     colorBgTextHover: h,
-    controlHeightLG: y,
+    controlHeightLG: C,
     lineHeight: b,
     colorBgElevated: S,
     marginXXS: $,
@@ -2852,7 +2850,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     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, C = new it(I).setA(0.65).toRgbString();
+  } = 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,
@@ -2908,13 +2906,13 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     itemMarginInline: N,
     horizontalItemBorderRadius: 0,
     horizontalItemHoverBg: "transparent",
-    itemHeight: y,
+    itemHeight: C,
     groupTitleLineHeight: b,
-    collapsedWidth: y * 2,
+    collapsedWidth: C * 2,
     popupBg: S,
     itemMarginBlock: $,
     itemPaddingInline: O,
-    horizontalLineHeight: `${y * 1.15}px`,
+    horizontalLineHeight: `${C * 1.15}px`,
     iconSize: H,
     iconMarginInlineEnd: R - H,
     collapsedIconSize: M,
@@ -2922,7 +2920,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     // Disabled
     darkItemDisabledColor: new it(I).setA(0.25).toRgbString(),
     // Dark
-    darkItemColor: C,
+    darkItemColor: y,
     darkDangerItemColor: a,
     darkItemBg: "#001529",
     darkPopupBg: "#001529",
@@ -2931,7 +2929,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     darkItemSelectedBg: r,
     darkDangerItemSelectedBg: a,
     darkItemHoverBg: "transparent",
-    darkGroupTitleColor: C,
+    darkGroupTitleColor: y,
     darkItemHoverColor: I,
     darkDangerItemHoverColor: w,
     darkDangerItemSelectedColor: I,
@@ -2955,7 +2953,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
       darkDangerItemSelectedBg: p,
       darkItemHoverBg: v,
       darkGroupTitleColor: h,
-      darkItemHoverColor: y,
+      darkItemHoverColor: C,
       darkItemDisabledColor: b,
       darkDangerItemHoverColor: S,
       darkDangerItemSelectedColor: $,
@@ -2971,7 +2969,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
       popupBg: H
     }), w = se(I, {
       itemColor: c,
-      itemHoverColor: y,
+      itemHoverColor: C,
       groupTitleColor: h,
       itemSelectedColor: m,
       subMenuItemSelectedColor: m,
@@ -3014,7 +3012,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
       Ao(I),
       xe(I, "slide-up"),
       xe(I, "slide-down"),
-      ze(I, "zoom-big")
+      je(I, "zoom-big")
     ];
   }, 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"]],
@@ -3031,7 +3029,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
     icon: n,
     title: r,
     theme: a
-  } = e, i = l.useContext(Ie), {
+  } = e, i = l.useContext(Ne), {
     prefixCls: s,
     inlineCollapsed: c,
     theme: u
@@ -3054,7 +3052,7 @@ const Ne = /* @__PURE__ */ l.createContext(null), Fn = /* @__PURE__ */ l.forward
   const m = l.useMemo(() => Object.assign(Object.assign({}, i), {
     firstLevel: !1
   }), [i]), [g] = Ge("Menu");
-  return /* @__PURE__ */ l.createElement(Ie.Provider, {
+  return /* @__PURE__ */ l.createElement(Ne.Provider, {
     value: m
   }, /* @__PURE__ */ l.createElement(xo, Object.assign({}, be(e, ["icon"]), {
     title: f,
@@ -3071,7 +3069,7 @@ var Qn = function(e, t) {
     t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
   return o;
 };
-function He(e) {
+function Ae(e) {
   return e === null || e === !1;
 }
 const Jn = {
@@ -3080,7 +3078,7 @@ const Jn = {
   divider: Ht
 }, er = /* @__PURE__ */ ke((e, t) => {
   var o;
-  const n = l.useContext(Ne), r = n || {}, {
+  const n = l.useContext(Ee), r = n || {}, {
     getPrefixCls: a,
     getPopupContainer: i,
     direction: s,
@@ -3093,7 +3091,7 @@ const Jn = {
     expandIcon: p,
     _internalDisableMenuItemTitleTooltip: v,
     inlineCollapsed: h,
-    siderCollapsed: y,
+    siderCollapsed: C,
     rootClassName: b,
     mode: S,
     selectable: $,
@@ -3110,7 +3108,7 @@ const Jn = {
   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 ?? y, N = {
+  }), w = r.mode || S, B = $ ?? r.selectable, z = h ?? C, N = {
     horizontal: {
       motionName: `${u}-slide-up`
     },
@@ -3118,35 +3116,35 @@ const Jn = {
     other: {
       motionName: `${u}-zoom-big`
     }
-  }, C = a("menu", d || r.prefixCls), P = Be(C), [A, j, L] = Zn(C, P, !n), F = _(`${C}-${g}`, c == null ? void 0 : c.className, f), V = l.useMemo(() => {
+  }, 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" || He(p))
+    if (typeof p == "function" || Ae(p))
       return p || null;
-    if (typeof r.expandIcon == "function" || He(r.expandIcon))
+    if (typeof r.expandIcon == "function" || Ae(r.expandIcon))
       return r.expandIcon || null;
-    if (typeof (c == null ? void 0 : c.expandIcon) == "function" || He(c == null ? void 0 : c.expandIcon))
+    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: _(`${C}-submenu-expand-icon`, /* @__PURE__ */ l.isValidElement(q) ? (W = q.props) === null || W === void 0 ? void 0 : W.className : void 0)
+      className: _(`${y}-submenu-expand-icon`, /* @__PURE__ */ l.isValidElement(q) ? (W = q.props) === null || W === void 0 ? void 0 : W.className : void 0)
     });
-  }, [p, r == null ? void 0 : r.expandIcon, c == null ? void 0 : c.expandIcon, C]), k = l.useMemo(() => ({
-    prefixCls: 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: g,
     mode: w,
     disableMenuItemTitleTooltip: v
-  }), [C, z, s, v, g]);
-  return A(/* @__PURE__ */ l.createElement(Ne.Provider, {
+  }), [y, z, s, v, g]);
+  return A(/* @__PURE__ */ l.createElement(Ee.Provider, {
     value: null
-  }, /* @__PURE__ */ l.createElement(Ie.Provider, {
+  }, /* @__PURE__ */ l.createElement(Ne.Provider, {
     value: k
   }, /* @__PURE__ */ l.createElement(So, Object.assign({
     getPopupContainer: i,
     overflowedIndicator: /* @__PURE__ */ l.createElement(xt, null),
-    overflowedIndicatorPopupClassName: _(C, `${C}-${g}`, H),
+    overflowedIndicatorPopupClassName: _(y, `${y}-${g}`, H),
     mode: w,
     selectable: B,
     onClick: I
@@ -3154,7 +3152,7 @@ const Jn = {
     inlineCollapsed: z,
     style: Object.assign(Object.assign({}, c == null ? void 0 : c.style), m),
     className: F,
-    prefixCls: C,
+    prefixCls: y,
     direction: s,
     defaultMotions: N,
     expandIcon: V,
@@ -3163,7 +3161,7 @@ const Jn = {
     _internalComponents: Jn
   })))));
 }), pe = /* @__PURE__ */ ke((e, t) => {
-  const o = Ee(null), n = l.useContext(Je);
+  const o = Pe(null), n = l.useContext(Je);
   return yt(t, () => ({
     menu: o.current,
     focus: (r) => {
@@ -3461,12 +3459,12 @@ const tr = (e) => {
       })
     },
     // Follow code may reuse in other components
-    [xe(e, "slide-up"), xe(e, "slide-down"), st(e, "move-up"), st(e, "move-down"), ze(e, "zoom-big")]
+    [xe(e, "slide-up"), xe(e, "slide-down"), st(e, "move-up"), st(e, "move-down"), je(e, "zoom-big")]
   ];
 }, nr = (e) => Object.assign(Object.assign({
   zIndexPopup: e.zIndexPopupBase + 50,
   paddingBlock: (e.controlHeight - e.fontSize * e.lineHeight) / 2
-}, je({
+}, Te({
   contentRadius: e.borderRadiusLG,
   limitVerticalRadius: !0
 })), Ke(e)), rr = ce("Dropdown", (e) => {
@@ -3502,7 +3500,7 @@ const tr = (e) => {
     // Deprecated
     visible: v,
     onVisibleChange: h,
-    mouseEnterDelay: y = 0.15,
+    mouseEnterDelay: C = 0.15,
     mouseLeaveDelay: b = 0.1,
     autoAdjustOverflow: S = !0,
     placement: $ = "",
@@ -3532,9 +3530,9 @@ const tr = (e) => {
       B.deprecated(!(oe in e), oe, ee);
     });
   }
-  const C = M("dropdown", r), P = Be(C), [A, j, L] = rr(C, P), [, F] = We(), V = l.Children.only(Bn(a) ? /* @__PURE__ */ l.createElement("span", null, a) : a), k = de(V, {
-    className: _(`${C}-trigger`, {
-      [`${C}-rtl`]: I === "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 : s
   }), D = s ? [] : i, W = !!(D != null && D.includes("contextMenu")), [q, G] = Fe(!1, {
@@ -3544,7 +3542,7 @@ const tr = (e) => {
       source: "trigger"
     }), h == null || h(X), G(X);
   }), Y = _(d, f, j, L, P, w == null ? void 0 : w.className, {
-    [`${C}-rtl`]: I === "rtl"
+    [`${y}-rtl`]: I === "rtl"
   }), x = Pt({
     arrowPointAtCenter: typeof n == "object" && n.pointAtCenter,
     autoAdjustOverflow: S,
@@ -3558,12 +3556,14 @@ const tr = (e) => {
   }, [o == null ? void 0 : o.selectable, o == null ? void 0 : o.multiple]), U = () => {
     let X;
     return o != null && o.items ? X = /* @__PURE__ */ l.createElement(pe, Object.assign({}, o)) : typeof O == "function" ? X = O() : X = O, c && (X = c(X)), X = l.Children.only(typeof X == "string" ? /* @__PURE__ */ l.createElement("span", null, X) : X), /* @__PURE__ */ l.createElement(Fn, {
-      prefixCls: `${C}-menu`,
+      prefixCls: `${y}-menu`,
       rootClassName: _(L, P),
       expandIcon: /* @__PURE__ */ l.createElement("span", {
-        className: `${C}-menu-submenu-arrow`
-      }, /* @__PURE__ */ l.createElement(Se, {
-        className: `${C}-menu-submenu-arrow-icon`
+        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,
@@ -3575,17 +3575,17 @@ const tr = (e) => {
         process.env.NODE_ENV !== "production" && B(!ee || ee === "vertical", "usage", `mode="${ee}" is not supported for Dropdown's Menu.`);
       }
     }, X);
-  }, [ae, _e] = Ge("Dropdown", m == null ? void 0 : m.zIndex);
+  }, [ae, Re] = Ge("Dropdown", m == null ? void 0 : m.zIndex);
   let te = /* @__PURE__ */ l.createElement(Bo, Object.assign({
     alignPoint: W
   }, be(e, ["rootClassName"]), {
-    mouseEnterDelay: y,
+    mouseEnterDelay: C,
     mouseLeaveDelay: b,
     visible: q,
     builtinPlacements: x,
     arrow: !!n,
     overlayClassName: Y,
-    prefixCls: C,
+    prefixCls: y,
     getPopupContainer: u || R,
     transitionName: z,
     trigger: D,
@@ -3597,7 +3597,7 @@ const tr = (e) => {
     })
   }), k);
   return ae && (te = /* @__PURE__ */ l.createElement(Ot.Provider, {
-    value: _e
+    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;
@@ -3653,16 +3653,16 @@ const dr = /* @__PURE__ */ l.forwardRef((e, t) => {
     children: p,
     direction: v = "horizontal",
     prefixCls: h,
-    split: y,
+    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
-  }), C = f === void 0 && v === "horizontal" ? "center" : f, P = n("space", h), [A, j, L] = To(P), F = _(P, i, j, `${P}-${v}`, {
+  }), 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-${C}`]: C,
+    [`${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);
@@ -3675,7 +3675,7 @@ const dr = /* @__PURE__ */ l.forwardRef((e, t) => {
       className: V,
       key: x,
       index: Z,
-      split: y,
+      split: C,
       style: (Y = O == null ? void 0 : O.item) !== null && Y !== void 0 ? Y : u.item
     }, G);
   }), W = l.useMemo(() => ({
@@ -3720,7 +3720,7 @@ const Vt = (e) => {
     arrow: p,
     autoFocus: v,
     overlay: h,
-    trigger: y,
+    trigger: C,
     align: b,
     open: S,
     onOpenChange: $,
@@ -3733,7 +3733,7 @@ const Vt = (e) => {
     mouseEnterDelay: B,
     mouseLeaveDelay: z,
     overlayClassName: N,
-    overlayStyle: C,
+    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 = {
@@ -3742,13 +3742,13 @@ const Vt = (e) => {
     autoFocus: v,
     align: b,
     disabled: s,
-    trigger: s ? [] : y,
+    trigger: s ? [] : C,
     onOpenChange: $,
     getPopupContainer: H || t,
     mouseEnterDelay: B,
     mouseLeaveDelay: z,
     overlayClassName: N,
-    overlayStyle: C,
+    overlayStyle: y,
     destroyPopupOnHide: P,
     dropdownRender: A
   }, {