@gobolt/genesis 0.1.2 → 0.1.3

package/dist/{dropdown-Dp_PTQ2u.js → dropdown-BlRB2LxQ.js}

@@ -1,45 +1,45 @@
 import * as l from "react";
-import { useContext as he, useState as ve, useEffect as ce, useRef as Ne, createContext as qe, forwardRef as Te, useImperativeHandle as Fe } from "react";
-import { d as pe, e as P, F as Ce } from "./presets-Djh_L_6R.js";
-import { I as fe } from "./AntdIcon-nCNB0J1E.js";
-import { a as Ge, M as Ye, u as Ue, S as Ze, E as Ke, R as Je, b as Qe, D as et } from "./EllipsisOutlined-DGMph0Bj.js";
-import { j as oe, f as p, C as re, O as tt, B as nt, A as ot, w as rt, v as it, m as me, n as Ie, k as He, r as lt, g as Pe, a as De, p as Se, c as at } from "./index-BbTV2Cw5.js";
-import { u as st } from "./useMergedState-D6toxSxh.js";
+import { useContext as ve, useState as he, useEffect as ue, useRef as Ne, createContext as qe, forwardRef as Te, useImperativeHandle as Fe } from "react";
+import { e as pe, c as P, F as Ce } from "./presets-CSXMiWyc.js";
+import { I as $e } from "./AntdIcon-DP6hPDqu.js";
+import { a as Ge, M as Ye, u as Ue, S as Ze, E as Ke, R as Je, b as Qe, D as et } from "./EllipsisOutlined-BodkguEc.js";
+import { g as re, f as p, C as ie, $ as tt, A as ot, z as nt, s as rt, t as it, m as ge, k as Ie, j as He, r as lt, a as Pe, o as Se, c as at } from "./CSSMotionList-DB0khM6h.js";
+import { u as st } from "./useMergedState-D1-TbeEv.js";
 import { o as Z } from "./omit-B_u6A-HL.js";
-import { u as je, z as dt } from "./useZIndex-DhyHuZTN.js";
-import { T as ct, i as Me, g as ut, a as mt, b as gt } from "./index-DWjq9XYj.js";
-import { i as xe, g as pt } from "./DownOutlined-Dcq69ZKM.js";
-import { c as ie } from "./reactNode-sKPeiqPL.js";
-import { u as Re } from "./useCSSVarCls-Dau77fzS.js";
-import "./index-DLdU7Tpd.js";
-import { i as ft } from "./motion-CUN72xsH.js";
-import { t as $t } from "./toArray-U3Az44CO.js";
-import { C as bt } from "./ContextIsolator-BmfhJgG0.js";
-import { g as ht } from "./collapse-Dtpt-6W_.js";
-import { i as Q, s as vt, a as Ct, b as It, c as St } from "./Overflow-DWf4XIal.js";
-import { g as xt } from "./roundedArrow-DI_Q-xdU.js";
-var wt = { 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" }, yt = function(n, e) {
-  return /* @__PURE__ */ l.createElement(fe, pe({}, n, {
+import { u as De, z as dt } from "./useZIndex-tgX56o1r.js";
+import { T as ct, i as Me, g as ut, a as mt, b as gt } from "./index-Y0KgiFZb.js";
+import { i as xe, g as pt } from "./DownOutlined-Bv7ua5i8.js";
+import { c as le } from "./reactNode-sKPeiqPL.js";
+import { d as je } from "./index-DCopujxC.js";
+import { u as Re } from "./useCSSVarCls-YfJY1twF.js";
+import { i as $t } from "./motion-C-XpKcZG.js";
+import { t as bt } from "./toArray-D5kvYi_U.js";
+import { C as ft } from "./ContextIsolator-CUJnq-4F.js";
+import { g as vt } from "./collapse-Dtpt-6W_.js";
+import { i as Q, s as ht, a as Ct, b as It, c as St } from "./Overflow-CVbsx7Gn.js";
+import { g as xt } from "./roundedArrow-BxPlu4Hq.js";
+var wt = { 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" }, yt = function(o, e) {
+  return /* @__PURE__ */ l.createElement($e, pe({}, o, {
     ref: e,
     icon: wt
   }));
 }, ee = /* @__PURE__ */ l.forwardRef(yt);
 process.env.NODE_ENV !== "production" && (ee.displayName = "RightOutlined");
-const Bt = (t) => typeof t != "object" && typeof t != "function" || t === null;
-var Ot = { 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" }, Et = function(n, e) {
-  return /* @__PURE__ */ l.createElement(fe, pe({}, n, {
+var Bt = { 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" }, Ot = function(o, e) {
+  return /* @__PURE__ */ l.createElement($e, pe({}, o, {
     ref: e,
-    icon: Ot
+    icon: Bt
   }));
-}, Ae = /* @__PURE__ */ l.forwardRef(Et);
-process.env.NODE_ENV !== "production" && (Ae.displayName = "BarsOutlined");
-var zt = { 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" }, Nt = function(n, e) {
-  return /* @__PURE__ */ l.createElement(fe, pe({}, n, {
+}, te = /* @__PURE__ */ l.forwardRef(Ot);
+process.env.NODE_ENV !== "production" && (te.displayName = "LeftOutlined");
+const Et = (t) => typeof t != "object" && typeof t != "function" || t === null;
+var zt = { 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" }, Nt = function(o, e) {
+  return /* @__PURE__ */ l.createElement($e, pe({}, o, {
     ref: e,
     icon: zt
   }));
-}, ge = /* @__PURE__ */ l.forwardRef(Nt);
-process.env.NODE_ENV !== "production" && (ge.displayName = "LeftOutlined");
+}, Ae = /* @__PURE__ */ l.forwardRef(Nt);
+process.env.NODE_ENV !== "production" && (Ae.displayName = "BarsOutlined");
 const Tt = /* @__PURE__ */ l.createContext({
   siderHook: {
     addSider: () => null,
@@ -47,19 +47,19 @@ const Tt = /* @__PURE__ */ l.createContext({
   }
 }), Ht = (t) => {
   const {
-    antCls: n,
+    antCls: o,
     // .ant
     componentCls: e,
     // .ant-layout
     colorText: r,
-    footerBg: o,
+    footerBg: n,
     headerHeight: a,
     headerPadding: i,
     headerColor: d,
     footerPadding: s,
     fontSize: m,
-    bodyBg: f,
-    headerBg: b
+    bodyBg: $,
+    headerBg: f
   } = t;
   return {
     [e]: {
@@ -68,7 +68,7 @@ const Tt = /* @__PURE__ */ l.createContext({
       flexDirection: "column",
       /* fix firefox can't set height smaller than content on flex item */
       minHeight: 0,
-      background: f,
+      background: $,
       "&, *": {
         boxSizing: "border-box"
       },
@@ -93,10 +93,10 @@ const Tt = /* @__PURE__ */ l.createContext({
       padding: i,
       color: d,
       lineHeight: p(a),
-      background: b,
+      background: f,
       // Other components/menu/style/index.less line:686
       // Integration with header element so menu items have the same height
-      [`${n}-menu`]: {
+      [`${o}-menu`]: {
         lineHeight: "inherit"
       }
     },
@@ -105,7 +105,7 @@ const Tt = /* @__PURE__ */ l.createContext({
       padding: s,
       color: r,
       fontSize: m,
-      background: o
+      background: n
     },
     // =================== Content ====================
     [`${e}-content`]: {
@@ -117,10 +117,10 @@ const Tt = /* @__PURE__ */ l.createContext({
   };
 }, Le = (t) => {
   const {
-    colorBgLayout: n,
+    colorBgLayout: o,
     controlHeight: e,
     controlHeightLG: r,
-    colorText: o,
+    colorText: n,
     controlHeightSM: a,
     marginXXS: i,
     colorTextLightSolid: d,
@@ -129,15 +129,15 @@ const Tt = /* @__PURE__ */ l.createContext({
   return {
     // Deprecated
     colorBgHeader: "#001529",
-    colorBgBody: n,
+    colorBgBody: o,
     colorBgTrigger: "#002140",
-    bodyBg: n,
+    bodyBg: o,
     headerBg: "#001529",
     headerHeight: e * 2,
     headerPadding: `0 ${m}px`,
-    headerColor: o,
+    headerColor: n,
     footerPadding: `${a}px ${m}px`,
-    footerBg: n,
+    footerBg: o,
     siderBg: "#001529",
     triggerHeight: r + i * 2,
     triggerBg: "#002140",
@@ -146,31 +146,31 @@ const Tt = /* @__PURE__ */ l.createContext({
     zeroTriggerHeight: r,
     lightSiderBg: s,
     lightTriggerBg: s,
-    lightTriggerColor: o
+    lightTriggerColor: n
   };
-}, _e = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]], xn = oe("Layout", (t) => [Ht(t)], Le, {
+}, _e = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]], xo = re("Layout", (t) => [Ht(t)], Le, {
   deprecatedTokens: _e
 }), Pt = (t) => {
   const {
-    componentCls: n,
+    componentCls: o,
     siderBg: e,
     motionDurationMid: r,
-    motionDurationSlow: o,
+    motionDurationSlow: n,
     antCls: a,
     triggerHeight: i,
     triggerColor: d,
     triggerBg: s,
     headerHeight: m,
-    zeroTriggerWidth: f,
-    zeroTriggerHeight: b,
+    zeroTriggerWidth: $,
+    zeroTriggerHeight: f,
     borderRadiusLG: u,
-    lightSiderBg: $,
+    lightSiderBg: b,
     lightTriggerColor: c,
     lightTriggerBg: g,
-    bodyBg: h
+    bodyBg: v
   } = t;
   return {
-    [n]: {
+    [o]: {
       position: "relative",
       // fix firefox can't set width smaller than content on flex item
       minWidth: 0,
@@ -182,7 +182,7 @@ const Tt = /* @__PURE__ */ l.createContext({
       "&-right": {
         order: 1
       },
-      [`${n}-children`]: {
+      [`${o}-children`]: {
         height: "100%",
         // Hack for fixing margin collapse bug
         // https://github.com/ant-design/ant-design/issues/7967
@@ -193,7 +193,10 @@ const Tt = /* @__PURE__ */ l.createContext({
           width: "auto"
         }
       },
-      [`${n}-trigger`]: {
+      [`&-zero-width ${o}-children`]: {
+        overflow: "hidden"
+      },
+      [`${o}-trigger`]: {
         position: "fixed",
         bottom: 0,
         zIndex: 1,
@@ -205,67 +208,62 @@ const Tt = /* @__PURE__ */ l.createContext({
         cursor: "pointer",
         transition: `all ${r}`
       },
-      [`${n}-zero-width`]: {
-        "> *": {
-          overflow: "hidden"
-        },
-        "&-trigger": {
+      [`${o}-zero-width-trigger`]: {
+        position: "absolute",
+        top: m,
+        insetInlineEnd: t.calc($).mul(-1).equal(),
+        zIndex: 1,
+        width: $,
+        height: f,
+        color: d,
+        fontSize: t.fontSizeXL,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: e,
+        borderRadius: `0 ${p(u)} ${p(u)} 0`,
+        cursor: "pointer",
+        transition: `background ${n} ease`,
+        "&::after": {
           position: "absolute",
-          top: m,
-          insetInlineEnd: t.calc(f).mul(-1).equal(),
-          zIndex: 1,
-          width: f,
-          height: b,
-          color: d,
-          fontSize: t.fontSizeXL,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          background: e,
-          borderRadius: `0 ${p(u)} ${p(u)} 0`,
-          cursor: "pointer",
-          transition: `background ${o} ease`,
-          "&::after": {
-            position: "absolute",
-            inset: 0,
-            background: "transparent",
-            transition: `all ${o}`,
-            content: '""'
-          },
-          "&:hover::after": {
-            background: "rgba(255, 255, 255, 0.2)"
-          },
-          "&-right": {
-            insetInlineStart: t.calc(f).mul(-1).equal(),
-            borderRadius: `${p(u)} 0 0 ${p(u)}`
-          }
+          inset: 0,
+          background: "transparent",
+          transition: `all ${n}`,
+          content: '""'
+        },
+        "&:hover::after": {
+          background: "rgba(255, 255, 255, 0.2)"
+        },
+        "&-right": {
+          insetInlineStart: t.calc($).mul(-1).equal(),
+          borderRadius: `${p(u)} 0 0 ${p(u)}`
         }
       },
       // Light
       "&-light": {
-        background: $,
-        [`${n}-trigger`]: {
+        background: b,
+        [`${o}-trigger`]: {
           color: c,
           background: g
         },
-        [`${n}-zero-width-trigger`]: {
+        [`${o}-zero-width-trigger`]: {
           color: c,
           background: g,
-          border: `1px solid ${h}`,
+          border: `1px solid ${v}`,
           // Safe to modify to any other color
           borderInlineStart: 0
         }
       }
     }
   };
-}, Dt = oe(["Layout", "Sider"], (t) => [Pt(t)], Le, {
+}, Dt = re(["Layout", "Sider"], (t) => [Pt(t)], Le, {
   deprecatedTokens: _e
 });
-var jt = function(t, n) {
+var Mt = function(t, o) {
   var e = {};
-  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && n.indexOf(r) < 0 && (e[r] = t[r]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
-    n.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (e[r[o]] = t[r[o]]);
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && o.indexOf(r) < 0 && (e[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, r = Object.getOwnPropertySymbols(t); n < r.length; n++)
+    o.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[n]) && (e[r[n]] = t[r[n]]);
   return e;
 };
 const we = {
@@ -275,44 +273,44 @@ const we = {
   lg: "991.98px",
   xl: "1199.98px",
   xxl: "1599.98px"
-}, Mt = (t) => !Number.isNaN(Number.parseFloat(t)) && isFinite(t), $e = /* @__PURE__ */ l.createContext({}), Rt = /* @__PURE__ */ (() => {
+}, jt = (t) => !Number.isNaN(Number.parseFloat(t)) && isFinite(t), be = /* @__PURE__ */ l.createContext({}), Rt = /* @__PURE__ */ (() => {
   let t = 0;
   return function() {
-    let n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-    return t += 1, `${n}${t}`;
+    let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+    return t += 1, `${o}${t}`;
   };
-})(), At = /* @__PURE__ */ l.forwardRef((t, n) => {
+})(), At = /* @__PURE__ */ l.forwardRef((t, o) => {
   const {
     prefixCls: e,
     className: r,
-    trigger: o,
+    trigger: n,
     children: a,
     defaultCollapsed: i = !1,
     theme: d = "dark",
     style: s = {},
     collapsible: m = !1,
-    reverseArrow: f = !1,
-    width: b = 200,
+    reverseArrow: $ = !1,
+    width: f = 200,
     collapsedWidth: u = 80,
-    zeroWidthTriggerStyle: $,
+    zeroWidthTriggerStyle: b,
     breakpoint: c,
     onCollapse: g,
-    onBreakpoint: h
-  } = t, x = jt(t, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
+    onBreakpoint: v
+  } = t, x = Mt(t, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
     siderHook: B
-  } = he(Tt), [y, v] = ve("collapsed" in t ? t.collapsed : i), [O, N] = ve(!1);
-  ce(() => {
-    "collapsed" in t && v(t.collapsed);
+  } = ve(Tt), [y, h] = he("collapsed" in t ? t.collapsed : i), [O, N] = he(!1);
+  ue(() => {
+    "collapsed" in t && h(t.collapsed);
   }, [t.collapsed]);
   const A = (E, D) => {
-    "collapsed" in t || v(E), g == null || g(E, D);
+    "collapsed" in t || h(E), g == null || g(E, D);
   }, {
     getPrefixCls: T,
     direction: I
-  } = he(re), S = T("layout-sider", e), [H, j, L] = Dt(S), C = Ne(null);
+  } = ve(ie), S = T("layout-sider", e), [H, M, L] = Dt(S), C = Ne(null);
   C.current = (E) => {
-    N(E.matches), h == null || h(E.matches), y !== E.matches && A(E.matches, "responsive");
-  }, ce(() => {
+    N(E.matches), v == null || v(E.matches), y !== E.matches && A(E.matches, "responsive");
+  }, ue(() => {
     function E(F) {
       return C.current(F);
     }
@@ -338,166 +336,166 @@ const we = {
         D == null || D.removeListener(E);
       }
     };
-  }, [c]), ce(() => {
+  }, [c]), ue(() => {
     const E = Rt("ant-sider-");
     return B.addSider(E), () => B.removeSider(E);
   }, []);
-  const M = () => {
+  const j = () => {
     A(!y, "clickTrigger");
-  }, W = Z(x, ["collapsed"]), _ = y ? u : b, R = Mt(_) ? `${_}px` : String(_), k = parseFloat(String(u || 0)) === 0 ? /* @__PURE__ */ l.createElement("span", {
-    onClick: M,
-    className: P(`${S}-zero-width-trigger`, `${S}-zero-width-trigger-${f ? "right" : "left"}`),
-    style: $
-  }, o || /* @__PURE__ */ l.createElement(Ae, null)) : null, V = I === "rtl" == !f, X = {
-    expanded: V ? /* @__PURE__ */ l.createElement(ee, null) : /* @__PURE__ */ l.createElement(ge, null),
-    collapsed: V ? /* @__PURE__ */ l.createElement(ge, null) : /* @__PURE__ */ l.createElement(ee, null)
-  }[y ? "collapsed" : "expanded"], q = o !== null ? k || /* @__PURE__ */ l.createElement("div", {
+  }, W = Z(x, ["collapsed"]), _ = y ? u : f, R = jt(_) ? `${_}px` : String(_), k = parseFloat(String(u || 0)) === 0 ? /* @__PURE__ */ l.createElement("span", {
+    onClick: j,
+    className: P(`${S}-zero-width-trigger`, `${S}-zero-width-trigger-${$ ? "right" : "left"}`),
+    style: b
+  }, n || /* @__PURE__ */ l.createElement(Ae, null)) : null, V = I === "rtl" == !$, X = {
+    expanded: V ? /* @__PURE__ */ l.createElement(ee, null) : /* @__PURE__ */ l.createElement(te, null),
+    collapsed: V ? /* @__PURE__ */ l.createElement(te, null) : /* @__PURE__ */ l.createElement(ee, null)
+  }[y ? "collapsed" : "expanded"], q = n !== null ? k || /* @__PURE__ */ l.createElement("div", {
     className: `${S}-trigger`,
-    onClick: M,
+    onClick: j,
     style: {
       width: R
     }
-  }, o || X) : null, J = Object.assign(Object.assign({}, s), {
+  }, n || X) : null, J = Object.assign(Object.assign({}, s), {
     flex: `0 0 ${R}`,
     maxWidth: R,
     minWidth: R,
     width: R
-  }), le = P(S, `${S}-${d}`, {
+  }), ae = P(S, `${S}-${d}`, {
     [`${S}-collapsed`]: !!y,
-    [`${S}-has-trigger`]: m && o !== null && !k,
+    [`${S}-has-trigger`]: m && n !== null && !k,
     [`${S}-below`]: !!O,
     [`${S}-zero-width`]: parseFloat(R) === 0
-  }, r, j, L), ae = l.useMemo(() => ({
+  }, r, M, L), se = l.useMemo(() => ({
     siderCollapsed: y
   }), [y]);
-  return H(/* @__PURE__ */ l.createElement($e.Provider, {
-    value: ae
+  return H(/* @__PURE__ */ l.createElement(be.Provider, {
+    value: se
   }, /* @__PURE__ */ l.createElement("aside", Object.assign({
-    className: le
+    className: ae
   }, W, {
     style: J,
-    ref: n
+    ref: o
   }), /* @__PURE__ */ l.createElement("div", {
     className: `${S}-children`
   }, a), m || O && k ? q : null)));
 });
 process.env.NODE_ENV !== "production" && (At.displayName = "Sider");
-const te = /* @__PURE__ */ qe({
+const oe = /* @__PURE__ */ qe({
   prefixCls: "",
   firstLevel: !0,
   inlineCollapsed: !1
 });
-var Lt = function(t, n) {
+var Lt = function(t, o) {
   var e = {};
-  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && n.indexOf(r) < 0 && (e[r] = t[r]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
-    n.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (e[r[o]] = t[r[o]]);
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && o.indexOf(r) < 0 && (e[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, r = Object.getOwnPropertySymbols(t); n < r.length; n++)
+    o.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[n]) && (e[r[n]] = t[r[n]]);
   return e;
 };
 const ke = (t) => {
   const {
-    prefixCls: n,
+    prefixCls: o,
     className: e,
     dashed: r
-  } = t, o = Lt(t, ["prefixCls", "className", "dashed"]), {
+  } = t, n = Lt(t, ["prefixCls", "className", "dashed"]), {
     getPrefixCls: a
-  } = l.useContext(re), i = a("menu", n), d = P({
+  } = l.useContext(ie), i = a("menu", o), d = P({
     [`${i}-item-divider-dashed`]: !!r
   }, e);
   return /* @__PURE__ */ l.createElement(Ge, Object.assign({
     className: d
-  }, o));
+  }, n));
 }, We = (t) => {
-  var n;
+  var o;
   const {
     className: e,
     children: r,
-    icon: o,
+    icon: n,
     title: a,
     danger: i,
     extra: d
   } = t, {
     prefixCls: s,
     firstLevel: m,
-    direction: f,
-    disableMenuItemTitleTooltip: b,
+    direction: $,
+    disableMenuItemTitleTooltip: f,
     inlineCollapsed: u
-  } = l.useContext(te), $ = (y) => {
-    const v = r == null ? void 0 : r[0], O = /* @__PURE__ */ l.createElement("span", {
+  } = l.useContext(oe), b = (y) => {
+    const h = r == null ? void 0 : r[0], O = /* @__PURE__ */ l.createElement("span", {
       className: P(`${s}-title-content`, {
         [`${s}-title-content-with-extra`]: !!d || d === 0
       })
     }, r);
-    return (!o || /* @__PURE__ */ l.isValidElement(r) && r.type === "span") && r && y && m && typeof v == "string" ? /* @__PURE__ */ l.createElement("div", {
+    return (!n || /* @__PURE__ */ l.isValidElement(r) && r.type === "span") && r && y && m && typeof h == "string" ? /* @__PURE__ */ l.createElement("div", {
       className: `${s}-inline-collapsed-noicon`
-    }, v.charAt(0)) : O;
+    }, h.charAt(0)) : O;
   }, {
     siderCollapsed: c
-  } = l.useContext($e);
+  } = l.useContext(be);
   let g = a;
   typeof a > "u" ? g = m ? r : "" : a === !1 && (g = "");
-  const h = {
+  const v = {
     title: g
   };
-  !c && !u && (h.title = null, h.open = !1);
-  const x = $t(r).length;
+  !c && !u && (v.title = null, v.open = !1);
+  const x = bt(r).length;
   let B = /* @__PURE__ */ l.createElement(Ye, Object.assign({}, Z(t, ["title", "icon", "danger"]), {
     className: P({
       [`${s}-item-danger`]: i,
-      [`${s}-item-only-child`]: (o ? x + 1 : x) === 1
+      [`${s}-item-only-child`]: (n ? x + 1 : x) === 1
     }, e),
     title: typeof a == "string" ? a : void 0
-  }), ie(o, {
-    className: P(/* @__PURE__ */ l.isValidElement(o) ? (n = o.props) === null || n === void 0 ? void 0 : n.className : "", `${s}-item-icon`)
-  }), $(u));
-  return b || (B = /* @__PURE__ */ l.createElement(ct, Object.assign({}, h, {
-    placement: f === "rtl" ? "left" : "right",
+  }), le(n, {
+    className: P(/* @__PURE__ */ l.isValidElement(n) ? (o = n.props) === null || o === void 0 ? void 0 : o.className : "", `${s}-item-icon`)
+  }), b(u));
+  return f || (B = /* @__PURE__ */ l.createElement(ct, Object.assign({}, v, {
+    placement: $ === "rtl" ? "left" : "right",
     classNames: {
       root: `${s}-inline-collapsed-tooltip`
     }
   }), B)), B;
 };
-var _t = function(t, n) {
+var _t = function(t, o) {
   var e = {};
-  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && n.indexOf(r) < 0 && (e[r] = t[r]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
-    n.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (e[r[o]] = t[r[o]]);
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && o.indexOf(r) < 0 && (e[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, r = Object.getOwnPropertySymbols(t); n < r.length; n++)
+    o.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[n]) && (e[r[n]] = t[r[n]]);
   return e;
 };
-const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forwardRef((t, n) => {
+const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forwardRef((t, o) => {
   const {
     children: e
-  } = t, r = _t(t, ["children"]), o = l.useContext(ne), a = l.useMemo(() => Object.assign(Object.assign({}, o), r), [
-    o,
+  } = t, r = _t(t, ["children"]), n = l.useContext(ne), a = l.useMemo(() => Object.assign(Object.assign({}, n), r), [
+    n,
     r.prefixCls,
     // restProps.expandIcon, Not mark as deps since this is a ReactNode
     r.mode,
     r.selectable,
     r.rootClassName
     // restProps.validator, Not mark as deps since this is a function
-  ]), i = tt(e), d = nt(n, i ? ot(e) : null);
+  ]), i = tt(e), d = ot(o, i ? nt(e) : null);
   return /* @__PURE__ */ l.createElement(ne.Provider, {
     value: a
-  }, /* @__PURE__ */ l.createElement(bt, {
+  }, /* @__PURE__ */ l.createElement(ft, {
     space: !0
   }, i ? /* @__PURE__ */ l.cloneElement(e, {
     ref: d
   }) : e));
 }), Wt = (t) => {
   const {
-    componentCls: n,
+    componentCls: o,
     motionDurationSlow: e,
     horizontalLineHeight: r,
-    colorSplit: o,
+    colorSplit: n,
     lineWidth: a,
     lineType: i,
     itemPaddingInline: d
   } = t;
   return {
-    [`${n}-horizontal`]: {
+    [`${o}-horizontal`]: {
       lineHeight: r,
       border: 0,
-      borderBottom: `${p(a)} ${i} ${o}`,
+      borderBottom: `${p(a)} ${i} ${n}`,
       boxShadow: "none",
       "&::after": {
         display: "block",
@@ -506,43 +504,43 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
         content: '"\\20"'
       },
       // ======================= Item =======================
-      [`${n}-item, ${n}-submenu`]: {
+      [`${o}-item, ${o}-submenu`]: {
         position: "relative",
         display: "inline-block",
         verticalAlign: "bottom",
         paddingInline: d
       },
-      [`> ${n}-item:hover,
-        > ${n}-item-active,
-        > ${n}-submenu ${n}-submenu-title:hover`]: {
+      [`> ${o}-item:hover,
+        > ${o}-item-active,
+        > ${o}-submenu ${o}-submenu-title:hover`]: {
         backgroundColor: "transparent"
       },
-      [`${n}-item, ${n}-submenu-title`]: {
+      [`${o}-item, ${o}-submenu-title`]: {
         transition: [`border-color ${e}`, `background ${e}`].join(",")
       },
       // ===================== Sub Menu =====================
-      [`${n}-submenu-arrow`]: {
+      [`${o}-submenu-arrow`]: {
         display: "none"
       }
     }
   };
 }, Vt = (t) => {
   let {
-    componentCls: n,
+    componentCls: o,
     menuArrowOffset: e,
     calc: r
   } = t;
   return {
-    [`${n}-rtl`]: {
+    [`${o}-rtl`]: {
       direction: "rtl"
     },
-    [`${n}-submenu-rtl`]: {
+    [`${o}-submenu-rtl`]: {
       transformOrigin: "100% 0"
     },
     // Vertical Arrow
-    [`${n}-rtl${n}-vertical,
-    ${n}-submenu-rtl ${n}-vertical`]: {
-      [`${n}-submenu-arrow`]: {
+    [`${o}-rtl${o}-vertical,
+    ${o}-submenu-rtl ${o}-vertical`]: {
+      [`${o}-submenu-arrow`]: {
         "&::before": {
           transform: `rotate(-45deg) translateY(${p(r(e).mul(-1).equal())})`
         },
@@ -552,27 +550,27 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
       }
     }
   };
-}, ye = (t) => Object.assign({}, rt(t)), Be = (t, n) => {
+}, ye = (t) => Object.assign({}, rt(t)), Be = (t, o) => {
   const {
     componentCls: e,
     itemColor: r,
-    itemSelectedColor: o,
+    itemSelectedColor: n,
     subMenuItemSelectedColor: a,
     groupTitleColor: i,
     itemBg: d,
     subMenuItemBg: s,
     itemSelectedBg: m,
-    activeBarHeight: f,
-    activeBarWidth: b,
+    activeBarHeight: $,
+    activeBarWidth: f,
     activeBarBorderWidth: u,
-    motionDurationSlow: $,
+    motionDurationSlow: b,
     motionEaseInOut: c,
     motionEaseOut: g,
-    itemPaddingInline: h,
+    itemPaddingInline: v,
     motionDurationMid: x,
     itemHoverColor: B,
     lineType: y,
-    colorSplit: v,
+    colorSplit: h,
     // Disabled
     itemDisabledColor: O,
     // Danger
@@ -583,17 +581,17 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     dangerItemSelectedBg: S,
     // Bg
     popupBg: H,
-    itemHoverBg: j,
+    itemHoverBg: M,
     itemActiveBg: L,
     menuSubMenuBg: C,
     // Horizontal
-    horizontalItemSelectedColor: M,
+    horizontalItemSelectedColor: j,
     horizontalItemSelectedBg: W,
     horizontalItemBorderRadius: _,
     horizontalItemHoverBg: R
   } = t;
   return {
-    [`${e}-${n}, ${e}-${n} > ${e}`]: {
+    [`${e}-${o}, ${e}-${o} > ${e}`]: {
       color: r,
       background: d,
       [`&${e}-root:focus-visible`]: Object.assign({}, ye(t)),
@@ -623,7 +621,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
       [`&:not(${e}-horizontal)`]: {
         [`${e}-item:not(${e}-item-selected)`]: {
           "&:hover": {
-            backgroundColor: j
+            backgroundColor: M
           },
           "&:active": {
             backgroundColor: L
@@ -631,7 +629,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
         },
         [`${e}-submenu-title`]: {
           "&:hover": {
-            backgroundColor: j
+            backgroundColor: M
           },
           "&:active": {
             backgroundColor: L
@@ -656,7 +654,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
         }
       },
       [`${e}-item-selected`]: {
-        color: o,
+        color: n,
         // Danger
         [`&${e}-item-danger`]: {
           color: T
@@ -685,7 +683,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
       },
       // ===== 设置浮层的颜色 end =======
       // ====================== Horizontal ======================
-      [`&${e}-horizontal`]: Object.assign(Object.assign({}, n === "dark" ? {
+      [`&${e}-horizontal`]: Object.assign(Object.assign({}, o === "dark" ? {
         borderBottom: 0
       } : {}), {
         [`> ${e}-item, > ${e}-submenu`]: {
@@ -695,28 +693,28 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
           borderRadius: _,
           "&::after": {
             position: "absolute",
-            insetInline: h,
+            insetInline: v,
             bottom: 0,
-            borderBottom: `${p(f)} solid transparent`,
-            transition: `border-color ${$} ${c}`,
+            borderBottom: `${p($)} solid transparent`,
+            transition: `border-color ${b} ${c}`,
             content: '""'
           },
           "&:hover, &-active, &-open": {
             background: R,
             "&::after": {
-              borderBottomWidth: f,
-              borderBottomColor: M
+              borderBottomWidth: $,
+              borderBottomColor: j
             }
           },
           "&-selected": {
-            color: M,
+            color: j,
             backgroundColor: W,
             "&:hover": {
               backgroundColor: W
             },
             "&::after": {
-              borderBottomWidth: f,
-              borderBottomColor: M
+              borderBottomWidth: $,
+              borderBottomColor: j
             }
           }
         }
@@ -725,7 +723,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
       //
       [`&${e}-root`]: {
         [`&${e}-inline, &${e}-vertical`]: {
-          borderInlineEnd: `${p(u)} ${y} ${v}`
+          borderInlineEnd: `${p(u)} ${y} ${h}`
         }
       },
       // ======================== Inline ========================
@@ -740,7 +738,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
             position: "absolute",
             insetBlock: 0,
             insetInlineEnd: 0,
-            borderInlineEnd: `${p(b)} solid ${o}`,
+            borderInlineEnd: `${p(f)} solid ${n}`,
             transform: "scaleY(0.0001)",
             opacity: 0,
             transition: [`transform ${x} ${g}`, `opacity ${x} ${g}`].join(","),
@@ -765,22 +763,22 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
   };
 }, Oe = (t) => {
   const {
-    componentCls: n,
+    componentCls: o,
     itemHeight: e,
     itemMarginInline: r,
-    padding: o,
+    padding: n,
     menuArrowSize: a,
     marginXS: i,
     itemMarginBlock: d,
     itemWidth: s,
     itemPaddingInline: m
-  } = t, f = t.calc(a).add(o).add(i).equal();
+  } = t, $ = t.calc(a).add(n).add(i).equal();
   return {
-    [`${n}-item`]: {
+    [`${o}-item`]: {
       position: "relative",
       overflow: "hidden"
     },
-    [`${n}-item, ${n}-submenu-title`]: {
+    [`${o}-item, ${o}-submenu-title`]: {
       height: e,
       lineHeight: p(e),
       paddingInline: m,
@@ -790,34 +788,34 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
       marginBlock: d,
       width: s
     },
-    [`> ${n}-item,
-            > ${n}-submenu > ${n}-submenu-title`]: {
+    [`> ${o}-item,
+            > ${o}-submenu > ${o}-submenu-title`]: {
       height: e,
       lineHeight: p(e)
     },
-    [`${n}-item-group-list ${n}-submenu-title,
-            ${n}-submenu-title`]: {
-      paddingInlineEnd: f
+    [`${o}-item-group-list ${o}-submenu-title,
+            ${o}-submenu-title`]: {
+      paddingInlineEnd: $
     }
   };
 }, Xt = (t) => {
   const {
-    componentCls: n,
+    componentCls: o,
     iconCls: e,
     itemHeight: r,
-    colorTextLightSolid: o,
+    colorTextLightSolid: n,
     dropdownWidth: a,
     controlHeightLG: i,
     motionEaseOut: d,
     paddingXL: s,
     itemMarginInline: m,
-    fontSizeLG: f,
-    motionDurationFast: b,
+    fontSizeLG: $,
+    motionDurationFast: f,
     motionDurationSlow: u,
-    paddingXS: $,
+    paddingXS: b,
     boxShadowSecondary: c,
     collapsedWidth: g,
-    collapsedIconSize: h
+    collapsedIconSize: v
   } = t, x = {
     height: r,
     lineHeight: p(r),
@@ -826,22 +824,22 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
   };
   return [
     {
-      [n]: {
+      [o]: {
         "&-inline, &-vertical": Object.assign({
-          [`&${n}-root`]: {
+          [`&${o}-root`]: {
             boxShadow: "none"
           }
         }, Oe(t))
       },
-      [`${n}-submenu-popup`]: {
-        [`${n}-vertical`]: Object.assign(Object.assign({}, Oe(t)), {
+      [`${o}-submenu-popup`]: {
+        [`${o}-vertical`]: Object.assign(Object.assign({}, Oe(t)), {
           boxShadow: c
         })
       }
     },
     // Vertical only
     {
-      [`${n}-submenu-popup ${n}-vertical${n}-sub`]: {
+      [`${o}-submenu-popup ${o}-vertical${o}-sub`]: {
         minWidth: a,
         maxHeight: `calc(100vh - ${p(t.calc(i).mul(2.5).equal())})`,
         padding: "0",
@@ -857,15 +855,15 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     },
     // Inline Only
     {
-      [`${n}-inline`]: {
+      [`${o}-inline`]: {
         width: "100%",
         // Motion enhance for first level
-        [`&${n}-root`]: {
-          [`${n}-item, ${n}-submenu-title`]: {
+        [`&${o}-root`]: {
+          [`${o}-item, ${o}-submenu-title`]: {
             display: "flex",
             alignItems: "center",
-            transition: [`border-color ${u}`, `background ${u}`, `padding ${b} ${d}`].join(","),
-            [`> ${n}-title-content`]: {
+            transition: [`border-color ${u}`, `background ${u}`, `padding ${f} ${d}`].join(","),
+            [`> ${o}-title-content`]: {
               flex: "auto",
               minWidth: 0,
               overflow: "hidden",
@@ -877,48 +875,48 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
           }
         },
         // >>>>> Sub
-        [`${n}-sub${n}-inline`]: {
+        [`${o}-sub${o}-inline`]: {
           padding: 0,
           border: 0,
           borderRadius: 0,
           boxShadow: "none",
-          [`& > ${n}-submenu > ${n}-submenu-title`]: x,
-          [`& ${n}-item-group-title`]: {
+          [`& > ${o}-submenu > ${o}-submenu-title`]: x,
+          [`& ${o}-item-group-title`]: {
             paddingInlineStart: s
           }
         },
         // >>>>> Item
-        [`${n}-item`]: x
+        [`${o}-item`]: x
       }
     },
     // Inline Collapse Only
     {
-      [`${n}-inline-collapsed`]: {
+      [`${o}-inline-collapsed`]: {
         width: g,
-        [`&${n}-root`]: {
-          [`${n}-item, ${n}-submenu ${n}-submenu-title`]: {
-            [`> ${n}-inline-collapsed-noicon`]: {
-              fontSize: f,
+        [`&${o}-root`]: {
+          [`${o}-item, ${o}-submenu ${o}-submenu-title`]: {
+            [`> ${o}-inline-collapsed-noicon`]: {
+              fontSize: $,
               textAlign: "center"
             }
           }
         },
-        [`> ${n}-item,
-          > ${n}-item-group > ${n}-item-group-list > ${n}-item,
-          > ${n}-item-group > ${n}-item-group-list > ${n}-submenu > ${n}-submenu-title,
-          > ${n}-submenu > ${n}-submenu-title`]: {
+        [`> ${o}-item,
+          > ${o}-item-group > ${o}-item-group-list > ${o}-item,
+          > ${o}-item-group > ${o}-item-group-list > ${o}-submenu > ${o}-submenu-title,
+          > ${o}-submenu > ${o}-submenu-title`]: {
           insetInlineStart: 0,
-          paddingInline: `calc(50% - ${p(t.calc(h).div(2).equal())} - ${p(m)})`,
+          paddingInline: `calc(50% - ${p(t.calc(v).div(2).equal())} - ${p(m)})`,
           textOverflow: "clip",
           [`
-            ${n}-submenu-arrow,
-            ${n}-submenu-expand-icon
+            ${o}-submenu-arrow,
+            ${o}-submenu-expand-icon
           `]: {
             opacity: 0
           },
-          [`${n}-item-icon, ${e}`]: {
+          [`${o}-item-icon, ${e}`]: {
             margin: 0,
-            fontSize: h,
+            fontSize: v,
             lineHeight: p(r),
             "+ span": {
               display: "inline-block",
@@ -926,30 +924,30 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
             }
           }
         },
-        [`${n}-item-icon, ${e}`]: {
+        [`${o}-item-icon, ${e}`]: {
           display: "inline-block"
         },
         "&-tooltip": {
           pointerEvents: "none",
-          [`${n}-item-icon, ${e}`]: {
+          [`${o}-item-icon, ${e}`]: {
             display: "none"
           },
           "a, a:hover": {
-            color: o
+            color: n
           }
         },
-        [`${n}-item-group-title`]: Object.assign(Object.assign({}, it), {
-          paddingInline: $
+        [`${o}-item-group-title`]: Object.assign(Object.assign({}, it), {
+          paddingInline: b
         })
       }
     }
   ];
 }, Ee = (t) => {
   const {
-    componentCls: n,
+    componentCls: o,
     motionDurationSlow: e,
     motionDurationMid: r,
-    motionEaseInOut: o,
+    motionEaseInOut: n,
     motionEaseOut: a,
     iconCls: i,
     iconSize: d,
@@ -957,32 +955,32 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
   } = t;
   return {
     // >>>>> Item
-    [`${n}-item, ${n}-submenu-title`]: {
+    [`${o}-item, ${o}-submenu-title`]: {
       position: "relative",
       display: "block",
       margin: 0,
       whiteSpace: "nowrap",
       cursor: "pointer",
-      transition: [`border-color ${e}`, `background ${e}`, `padding calc(${e} + 0.1s) ${o}`].join(","),
-      [`${n}-item-icon, ${i}`]: {
+      transition: [`border-color ${e}`, `background ${e}`, `padding calc(${e} + 0.1s) ${n}`].join(","),
+      [`${o}-item-icon, ${i}`]: {
         minWidth: d,
         fontSize: d,
-        transition: [`font-size ${r} ${a}`, `margin ${e} ${o}`, `color ${e}`].join(","),
+        transition: [`font-size ${r} ${a}`, `margin ${e} ${n}`, `color ${e}`].join(","),
         "+ span": {
           marginInlineStart: s,
           opacity: 1,
-          transition: [`opacity ${e} ${o}`, `margin ${e}`, `color ${e}`].join(",")
+          transition: [`opacity ${e} ${n}`, `margin ${e}`, `color ${e}`].join(",")
         }
       },
-      [`${n}-item-icon`]: Object.assign({}, lt()),
-      [`&${n}-item-only-child`]: {
-        [`> ${i}, > ${n}-item-icon`]: {
+      [`${o}-item-icon`]: Object.assign({}, lt()),
+      [`&${o}-item-only-child`]: {
+        [`> ${i}, > ${o}-item-icon`]: {
           marginInlineEnd: 0
         }
       }
     },
     // Disabled state sets text to gray and nukes hover/tab effects
-    [`${n}-item-disabled, ${n}-submenu-disabled`]: {
+    [`${o}-item-disabled, ${o}-submenu-disabled`]: {
       background: "none !important",
       cursor: "not-allowed",
       "&::after": {
@@ -993,7 +991,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
         cursor: "not-allowed",
         pointerEvents: "none"
       },
-      [`> ${n}-submenu-title`]: {
+      [`> ${o}-submenu-title`]: {
         color: "inherit !important",
         cursor: "not-allowed"
       }
@@ -1001,15 +999,15 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
   };
 }, ze = (t) => {
   const {
-    componentCls: n,
+    componentCls: o,
     motionDurationSlow: e,
     motionEaseInOut: r,
-    borderRadius: o,
+    borderRadius: n,
     menuArrowSize: a,
     menuArrowOffset: i
   } = t;
   return {
-    [`${n}-submenu`]: {
+    [`${o}-submenu`]: {
       "&-expand-icon, &-arrow": {
         position: "absolute",
         top: "50%",
@@ -1026,7 +1024,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
           width: t.calc(a).mul(0.6).equal(),
           height: t.calc(a).mul(0.15).equal(),
           backgroundColor: "currentcolor",
-          borderRadius: o,
+          borderRadius: n,
           transition: [`background ${e} ${r}`, `transform ${e} ${r}`, `top ${e} ${r}`, `color ${e} ${r}`].join(","),
           content: '""'
         },
@@ -1041,22 +1039,22 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
   };
 }, qt = (t) => {
   const {
-    antCls: n,
+    antCls: o,
     componentCls: e,
     fontSize: r,
-    motionDurationSlow: o,
+    motionDurationSlow: n,
     motionDurationMid: a,
     motionEaseInOut: i,
     paddingXS: d,
     padding: s,
     colorSplit: m,
-    lineWidth: f,
-    zIndexPopup: b,
+    lineWidth: $,
+    zIndexPopup: f,
     borderRadiusLG: u,
-    subMenuItemBorderRadius: $,
+    subMenuItemBorderRadius: b,
     menuArrowSize: c,
     menuArrowOffset: g,
-    lineType: h,
+    lineType: v,
     groupTitleLineHeight: x,
     groupTitleFontSize: B
   } = t;
@@ -1085,7 +1083,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
         listStyle: "none",
         outline: "none",
         // Magic cubic here but smooth transition
-        transition: `width ${o} cubic-bezier(0.2, 0, 0, 1) 0s`,
+        transition: `width ${n} cubic-bezier(0.2, 0, 0, 1) 0s`,
         "ul, ol": {
           margin: 0,
           padding: 0,
@@ -1105,27 +1103,27 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
           padding: `${p(d)} ${p(s)}`,
           fontSize: B,
           lineHeight: x,
-          transition: `all ${o}`
+          transition: `all ${n}`
         },
         [`&-horizontal ${e}-submenu`]: {
-          transition: [`border-color ${o} ${i}`, `background ${o} ${i}`].join(",")
+          transition: [`border-color ${n} ${i}`, `background ${n} ${i}`].join(",")
         },
         [`${e}-submenu, ${e}-submenu-inline`]: {
-          transition: [`border-color ${o} ${i}`, `background ${o} ${i}`, `padding ${a} ${i}`].join(",")
+          transition: [`border-color ${n} ${i}`, `background ${n} ${i}`, `padding ${a} ${i}`].join(",")
         },
         [`${e}-submenu ${e}-sub`]: {
           cursor: "initial",
-          transition: [`background ${o} ${i}`, `padding ${o} ${i}`].join(",")
+          transition: [`background ${n} ${i}`, `padding ${n} ${i}`].join(",")
         },
         [`${e}-title-content`]: {
-          transition: `color ${o}`,
+          transition: `color ${n}`,
           "&-with-extra": {
             display: "inline-flex",
             alignItems: "center",
             width: "100%"
           },
           // https://github.com/ant-design/ant-design/issues/41143
-          [`> ${n}-typography-ellipsis-single-line`]: {
+          [`> ${o}-typography-ellipsis-single-line`]: {
             display: "inline",
             verticalAlign: "unset"
           },
@@ -1149,10 +1147,10 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
           overflow: "hidden",
           lineHeight: 0,
           borderColor: m,
-          borderStyle: h,
+          borderStyle: v,
           borderWidth: 0,
-          borderTopWidth: f,
-          marginBlock: f,
+          borderTopWidth: $,
+          marginBlock: $,
           padding: 0,
           "&-dashed": {
             borderStyle: "dashed"
@@ -1172,7 +1170,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
         "&-submenu": {
           "&-popup": {
             position: "absolute",
-            zIndex: b,
+            zIndex: f,
             borderRadius: u,
             boxShadow: "none",
             transformOrigin: "0 0",
@@ -1193,10 +1191,10 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
               borderRadius: u
             }, Ee(t)), ze(t)), {
               [`${e}-item, ${e}-submenu > ${e}-submenu-title`]: {
-                borderRadius: $
+                borderRadius: b
               },
               [`${e}-submenu-title::after`]: {
-                transition: `transform ${o} ${i}`
+                transition: `transform ${n} ${i}`
               }
             })
           },
@@ -1250,7 +1248,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     },
     // Integration with header element so menu items have the same height
     {
-      [`${n}-layout-header`]: {
+      [`${o}-layout-header`]: {
         [e]: {
           lineHeight: "inherit"
         }
@@ -1258,32 +1256,32 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     }
   ];
 }, Ft = (t) => {
-  var n, e, r;
+  var o, e, r;
   const {
-    colorPrimary: o,
+    colorPrimary: n,
     colorError: a,
     colorTextDisabled: i,
     colorErrorBg: d,
     colorText: s,
     colorTextDescription: m,
-    colorBgContainer: f,
-    colorFillAlter: b,
+    colorBgContainer: $,
+    colorFillAlter: f,
     colorFillContent: u,
-    lineWidth: $,
+    lineWidth: b,
     lineWidthBold: c,
     controlItemBgActive: g,
-    colorBgTextHover: h,
+    colorBgTextHover: v,
     controlHeightLG: x,
     lineHeight: B,
     colorBgElevated: y,
-    marginXXS: v,
+    marginXXS: h,
     padding: O,
     fontSize: N,
     controlHeightSM: A,
     fontSizeLG: T,
     colorTextLightSolid: I,
     colorErrorHover: S
-  } = t, H = (n = t.activeBarWidth) !== null && n !== void 0 ? n : 0, j = (e = t.activeBarBorderWidth) !== null && e !== void 0 ? e : $, L = (r = t.itemMarginInline) !== null && r !== void 0 ? r : t.marginXXS, C = new Ce(I).setA(0.65).toRgbString();
+  } = t, H = (o = t.activeBarWidth) !== null && o !== void 0 ? o : 0, M = (e = t.activeBarBorderWidth) !== null && e !== void 0 ? e : b, L = (r = t.itemMarginInline) !== null && r !== void 0 ? r : t.marginXXS, C = new Ce(I).setA(0.65).toRgbString();
   return {
     dropdownWidth: 160,
     zIndexPopup: t.zIndexPopupBase + 50,
@@ -1295,23 +1293,23 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     itemColor: s,
     colorItemTextHover: s,
     itemHoverColor: s,
-    colorItemTextHoverHorizontal: o,
-    horizontalItemHoverColor: o,
+    colorItemTextHoverHorizontal: n,
+    horizontalItemHoverColor: n,
     colorGroupTitle: m,
     groupTitleColor: m,
-    colorItemTextSelected: o,
-    itemSelectedColor: o,
-    subMenuItemSelectedColor: o,
-    colorItemTextSelectedHorizontal: o,
-    horizontalItemSelectedColor: o,
-    colorItemBg: f,
-    itemBg: f,
-    colorItemBgHover: h,
-    itemHoverBg: h,
+    colorItemTextSelected: n,
+    itemSelectedColor: n,
+    subMenuItemSelectedColor: n,
+    colorItemTextSelectedHorizontal: n,
+    horizontalItemSelectedColor: n,
+    colorItemBg: $,
+    itemBg: $,
+    colorItemBgHover: v,
+    itemHoverBg: v,
     colorItemBgActive: u,
     itemActiveBg: g,
-    colorSubItemBg: b,
-    subMenuItemBg: b,
+    colorSubItemBg: f,
+    subMenuItemBg: f,
     colorItemBgSelected: g,
     itemSelectedBg: g,
     colorItemBgSelectedHorizontal: "transparent",
@@ -1320,8 +1318,8 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     activeBarWidth: H,
     colorActiveBarHeight: c,
     activeBarHeight: c,
-    colorActiveBarBorderSize: $,
-    activeBarBorderWidth: j,
+    colorActiveBarBorderSize: b,
+    activeBarBorderWidth: M,
     // Disabled
     colorItemTextDisabled: i,
     itemDisabledColor: i,
@@ -1343,7 +1341,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     groupTitleLineHeight: B,
     collapsedWidth: x * 2,
     popupBg: y,
-    itemMarginBlock: v,
+    itemMarginBlock: h,
     itemPaddingInline: O,
     horizontalLineHeight: `${x * 1.15}px`,
     iconSize: N,
@@ -1359,7 +1357,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     darkPopupBg: "#001529",
     darkSubMenuItemBg: "#000c17",
     darkItemSelectedColor: I,
-    darkItemSelectedBg: o,
+    darkItemSelectedBg: n,
     darkDangerItemSelectedBg: a,
     darkItemHoverBg: "transparent",
     darkGroupTitleColor: C,
@@ -1368,48 +1366,49 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     darkDangerItemSelectedColor: I,
     darkDangerItemActiveBg: a,
     // internal
-    itemWidth: H ? `calc(100% + ${j}px)` : `calc(100% - ${L * 2}px)`
+    itemWidth: H ? `calc(100% + ${M}px)` : `calc(100% - ${L * 2}px)`
   };
 }, Gt = function(t) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : t, e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0;
-  return oe("Menu", (o) => {
+  let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : t, e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0;
+  return re("Menu", (n) => {
     const {
       colorBgElevated: a,
       controlHeightLG: i,
       fontSize: d,
       darkItemColor: s,
       darkDangerItemColor: m,
-      darkItemBg: f,
-      darkSubMenuItemBg: b,
+      darkItemBg: $,
+      darkSubMenuItemBg: f,
       darkItemSelectedColor: u,
-      darkItemSelectedBg: $,
+      darkItemSelectedBg: b,
       darkDangerItemSelectedBg: c,
       darkItemHoverBg: g,
-      darkGroupTitleColor: h,
+      darkGroupTitleColor: v,
       darkItemHoverColor: x,
       darkItemDisabledColor: B,
       darkDangerItemHoverColor: y,
-      darkDangerItemSelectedColor: v,
+      darkDangerItemSelectedColor: h,
       darkDangerItemActiveBg: O,
       popupBg: N,
       darkPopupBg: A
-    } = o, T = o.calc(d).div(7).mul(5).equal(), I = me(o, {
+    } = n, T = n.calc(d).div(7).mul(5).equal(), I = ge(n, {
       menuArrowSize: T,
-      menuHorizontalHeight: o.calc(i).mul(1.15).equal(),
-      menuArrowOffset: o.calc(T).mul(0.25).equal(),
+      menuHorizontalHeight: n.calc(i).mul(1.15).equal(),
+      menuArrowOffset: n.calc(T).mul(0.25).equal(),
       menuSubMenuBg: a,
-      calc: o.calc,
+      calc: n.calc,
       popupBg: N
-    }), S = me(I, {
+    }), S = ge(I, {
       itemColor: s,
       itemHoverColor: x,
-      groupTitleColor: h,
+      groupTitleColor: v,
       itemSelectedColor: u,
-      itemBg: f,
+      subMenuItemSelectedColor: u,
+      itemBg: $,
       popupBg: A,
-      subMenuItemBg: b,
+      subMenuItemBg: f,
       itemActiveBg: "transparent",
-      itemSelectedBg: $,
+      itemSelectedBg: b,
       activeBarHeight: 0,
       activeBarBorderWidth: 0,
       itemHoverBg: g,
@@ -1418,13 +1417,13 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
       // Danger
       dangerItemColor: m,
       dangerItemHoverColor: y,
-      dangerItemSelectedColor: v,
+      dangerItemSelectedColor: h,
       dangerItemActiveBg: O,
       dangerItemSelectedBg: c,
-      menuSubMenuBg: b,
+      menuSubMenuBg: f,
       // Horizontal
       horizontalItemSelectedColor: u,
-      horizontalItemSelectedBg: $
+      horizontalItemSelectedBg: b
     });
     return [
       // Basic
@@ -1441,7 +1440,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
       // RTL
       Vt(I),
       // Motion
-      ht(I),
+      vt(I),
       Q(I, "slide-up"),
       Q(I, "slide-down"),
       Me(I, "zoom-big")
@@ -1453,152 +1452,152 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     unitless: {
       groupTitleLineHeight: !0
     }
-  })(t, n);
+  })(t, o);
 }, Ve = (t) => {
-  var n;
+  var o;
   const {
     popupClassName: e,
     icon: r,
-    title: o,
+    title: n,
     theme: a
-  } = t, i = l.useContext(te), {
+  } = t, i = l.useContext(oe), {
     prefixCls: d,
     inlineCollapsed: s,
     theme: m
-  } = i, f = Ue();
-  let b;
+  } = i, $ = Ue();
+  let f;
   if (!r)
-    b = s && !f.length && o && typeof o == "string" ? /* @__PURE__ */ l.createElement("div", {
+    f = s && !$.length && n && typeof n == "string" ? /* @__PURE__ */ l.createElement("div", {
       className: `${d}-inline-collapsed-noicon`
-    }, o.charAt(0)) : /* @__PURE__ */ l.createElement("span", {
+    }, n.charAt(0)) : /* @__PURE__ */ l.createElement("span", {
       className: `${d}-title-content`
-    }, o);
+    }, n);
   else {
-    const c = /* @__PURE__ */ l.isValidElement(o) && o.type === "span";
-    b = /* @__PURE__ */ l.createElement(l.Fragment, null, ie(r, {
-      className: P(/* @__PURE__ */ l.isValidElement(r) ? (n = r.props) === null || n === void 0 ? void 0 : n.className : "", `${d}-item-icon`)
-    }), c ? o : /* @__PURE__ */ l.createElement("span", {
+    const c = /* @__PURE__ */ l.isValidElement(n) && n.type === "span";
+    f = /* @__PURE__ */ l.createElement(l.Fragment, null, le(r, {
+      className: P(/* @__PURE__ */ l.isValidElement(r) ? (o = r.props) === null || o === void 0 ? void 0 : o.className : "", `${d}-item-icon`)
+    }), c ? n : /* @__PURE__ */ l.createElement("span", {
       className: `${d}-title-content`
-    }, o));
+    }, n));
   }
   const u = l.useMemo(() => Object.assign(Object.assign({}, i), {
     firstLevel: !1
-  }), [i]), [$] = je("Menu");
-  return /* @__PURE__ */ l.createElement(te.Provider, {
+  }), [i]), [b] = De("Menu");
+  return /* @__PURE__ */ l.createElement(oe.Provider, {
     value: u
   }, /* @__PURE__ */ l.createElement(Ze, Object.assign({}, Z(t, ["icon"]), {
-    title: b,
+    title: f,
     popupClassName: P(d, e, `${d}-${a || m}`),
     popupStyle: Object.assign({
-      zIndex: $
+      zIndex: b
     }, t.popupStyle)
   })));
 };
-var Yt = function(t, n) {
+var Yt = function(t, o) {
   var e = {};
-  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && n.indexOf(r) < 0 && (e[r] = t[r]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
-    n.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (e[r[o]] = t[r[o]]);
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && o.indexOf(r) < 0 && (e[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, r = Object.getOwnPropertySymbols(t); n < r.length; n++)
+    o.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[n]) && (e[r[n]] = t[r[n]]);
   return e;
 };
-function ue(t) {
+function me(t) {
   return t === null || t === !1;
 }
 const Ut = {
   item: We,
   submenu: Ve,
   divider: ke
-}, Zt = /* @__PURE__ */ Te((t, n) => {
+}, Zt = /* @__PURE__ */ Te((t, o) => {
   var e;
-  const r = l.useContext(ne), o = r || {}, {
+  const r = l.useContext(ne), n = r || {}, {
     getPrefixCls: a,
     getPopupContainer: i,
     direction: d,
     menu: s
-  } = l.useContext(re), m = a(), {
-    prefixCls: f,
-    className: b,
+  } = l.useContext(ie), m = a(), {
+    prefixCls: $,
+    className: f,
     style: u,
-    theme: $ = "light",
+    theme: b = "light",
     expandIcon: c,
     _internalDisableMenuItemTitleTooltip: g,
-    inlineCollapsed: h,
+    inlineCollapsed: v,
     siderCollapsed: x,
     rootClassName: B,
     mode: y,
-    selectable: v,
+    selectable: h,
     onClick: O,
     overflowedIndicatorPopupClassName: N
   } = t, A = Yt(t, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]), T = Z(A, ["collapsedWidth"]);
   if (process.env.NODE_ENV !== "production") {
-    const z = Pe("Menu");
+    const z = je("Menu");
     process.env.NODE_ENV !== "production" && z(!("inlineCollapsed" in t && y !== "inline"), "usage", "`inlineCollapsed` should only be used when `mode` is inline."), z.deprecated("items" in t && !t.children, "children", "items");
   }
-  (e = o.validator) === null || e === void 0 || e.call(o, {
+  (e = n.validator) === null || e === void 0 || e.call(n, {
     mode: y
   });
-  const I = De(function() {
+  const I = Pe(function() {
     var z;
-    O == null || O.apply(void 0, arguments), (z = o.onClick) === null || z === void 0 || z.call(o);
-  }), S = o.mode || y, H = v ?? o.selectable, j = h ?? x, L = {
+    O == null || O.apply(void 0, arguments), (z = n.onClick) === null || z === void 0 || z.call(n);
+  }), S = n.mode || y, H = h ?? n.selectable, M = v ?? x, L = {
     horizontal: {
       motionName: `${m}-slide-up`
     },
-    inline: ft(m),
+    inline: $t(m),
     other: {
       motionName: `${m}-zoom-big`
     }
-  }, C = a("menu", f || o.prefixCls), M = Re(C), [W, _, R] = Gt(C, M, !r), k = P(`${C}-${$}`, s == null ? void 0 : s.className, b), V = l.useMemo(() => {
+  }, C = a("menu", $ || n.prefixCls), j = Re(C), [W, _, R] = Gt(C, j, !r), k = P(`${C}-${b}`, s == null ? void 0 : s.className, f), V = l.useMemo(() => {
     var z, X;
-    if (typeof c == "function" || ue(c))
+    if (typeof c == "function" || me(c))
       return c || null;
-    if (typeof o.expandIcon == "function" || ue(o.expandIcon))
-      return o.expandIcon || null;
-    if (typeof (s == null ? void 0 : s.expandIcon) == "function" || ue(s == null ? void 0 : s.expandIcon))
+    if (typeof n.expandIcon == "function" || me(n.expandIcon))
+      return n.expandIcon || null;
+    if (typeof (s == null ? void 0 : s.expandIcon) == "function" || me(s == null ? void 0 : s.expandIcon))
       return (s == null ? void 0 : s.expandIcon) || null;
-    const q = (z = c ?? (o == null ? void 0 : o.expandIcon)) !== null && z !== void 0 ? z : s == null ? void 0 : s.expandIcon;
-    return ie(q, {
+    const q = (z = c ?? (n == null ? void 0 : n.expandIcon)) !== null && z !== void 0 ? z : s == null ? void 0 : s.expandIcon;
+    return le(q, {
       className: P(`${C}-submenu-expand-icon`, /* @__PURE__ */ l.isValidElement(q) ? (X = q.props) === null || X === void 0 ? void 0 : X.className : void 0)
     });
-  }, [c, o == null ? void 0 : o.expandIcon, s == null ? void 0 : s.expandIcon, C]), K = l.useMemo(() => ({
+  }, [c, n == null ? void 0 : n.expandIcon, s == null ? void 0 : s.expandIcon, C]), K = l.useMemo(() => ({
     prefixCls: C,
-    inlineCollapsed: j || !1,
+    inlineCollapsed: M || !1,
     direction: d,
     firstLevel: !0,
-    theme: $,
+    theme: b,
     mode: S,
     disableMenuItemTitleTooltip: g
-  }), [C, j, d, g, $]);
+  }), [C, M, d, g, b]);
   return W(/* @__PURE__ */ l.createElement(ne.Provider, {
     value: null
-  }, /* @__PURE__ */ l.createElement(te.Provider, {
+  }, /* @__PURE__ */ l.createElement(oe.Provider, {
     value: K
   }, /* @__PURE__ */ l.createElement(Ke, Object.assign({
     getPopupContainer: i,
     overflowedIndicator: /* @__PURE__ */ l.createElement(Je, null),
-    overflowedIndicatorPopupClassName: P(C, `${C}-${$}`, N),
+    overflowedIndicatorPopupClassName: P(C, `${C}-${b}`, N),
     mode: S,
     selectable: H,
     onClick: I
   }, T, {
-    inlineCollapsed: j,
+    inlineCollapsed: M,
     style: Object.assign(Object.assign({}, s == null ? void 0 : s.style), u),
     className: k,
     prefixCls: C,
     direction: d,
     defaultMotions: L,
     expandIcon: V,
-    ref: n,
-    rootClassName: P(B, _, o.rootClassName, R, M),
+    ref: o,
+    rootClassName: P(B, _, n.rootClassName, R, j),
     _internalComponents: Ut
   })))));
-}), U = /* @__PURE__ */ Te((t, n) => {
-  const e = Ne(null), r = l.useContext($e);
-  return Fe(n, () => ({
+}), U = /* @__PURE__ */ Te((t, o) => {
+  const e = Ne(null), r = l.useContext(be);
+  return Fe(o, () => ({
     menu: e.current,
-    focus: (o) => {
+    focus: (n) => {
       var a;
-      (a = e.current) === null || a === void 0 || a.focus(o);
+      (a = e.current) === null || a === void 0 || a.focus(n);
     }
   })), /* @__PURE__ */ l.createElement(Zt, Object.assign({
     ref: e
@@ -1611,18 +1610,18 @@ U.ItemGroup = Qe;
 process.env.NODE_ENV !== "production" && (U.displayName = "Menu");
 const Kt = (t) => {
   const {
-    componentCls: n,
+    componentCls: o,
     menuCls: e,
     colorError: r,
-    colorTextLightSolid: o
+    colorTextLightSolid: n
   } = t, a = `${e}-item`;
   return {
-    [`${n}, ${n}-menu-submenu`]: {
+    [`${o}, ${o}-menu-submenu`]: {
       [`${e} ${a}`]: {
         [`&${a}-danger:not(${a}-disabled)`]: {
           color: r,
           "&:hover": {
-            color: o,
+            color: n,
             backgroundColor: r
           }
         }
@@ -1631,25 +1630,25 @@ const Kt = (t) => {
   };
 }, Jt = (t) => {
   const {
-    componentCls: n,
+    componentCls: o,
     menuCls: e,
     zIndexPopup: r,
-    dropdownArrowDistance: o,
+    dropdownArrowDistance: n,
     sizePopupArrow: a,
     antCls: i,
     iconCls: d,
     motionDurationMid: s,
     paddingBlock: m,
-    fontSize: f,
-    dropdownEdgeChildPadding: b,
+    fontSize: $,
+    dropdownEdgeChildPadding: f,
     colorTextDisabled: u,
-    fontSizeIcon: $,
+    fontSizeIcon: b,
     controlPaddingHorizontal: c,
     colorBgElevated: g
   } = t;
   return [
     {
-      [n]: {
+      [o]: {
         position: "absolute",
         top: -9999,
         left: {
@@ -1661,7 +1660,7 @@ const Kt = (t) => {
         // A placeholder out of dropdown visible range to avoid close when user moving
         "&::before": {
           position: "absolute",
-          insetBlock: t.calc(a).div(2).sub(o).equal(),
+          insetBlock: t.calc(a).div(2).sub(n).equal(),
           // insetInlineStart: -7, // FIXME: Seems not work for hidden element
           zIndex: -9999,
           opacity: 1e-4,
@@ -1674,19 +1673,19 @@ const Kt = (t) => {
         },
         [`&-trigger${i}-btn`]: {
           [`& > ${d}-down, & > ${i}-btn-icon > ${d}-down`]: {
-            fontSize: $
+            fontSize: b
           }
         },
-        [`${n}-wrap`]: {
+        [`${o}-wrap`]: {
           position: "relative",
           [`${i}-btn > ${d}-down`]: {
-            fontSize: $
+            fontSize: b
           },
           [`${d}-down::before`]: {
             transition: `transform ${s}`
           }
         },
-        [`${n}-wrap-open`]: {
+        [`${o}-wrap-open`]: {
           [`${d}-down::before`]: {
             transform: "rotate(180deg)"
           }
@@ -1699,31 +1698,31 @@ const Kt = (t) => {
         // =============================================================
         // When position is not enough for dropdown, the placement will revert.
         // We will handle this with revert motion name.
-        [`&${i}-slide-down-enter${i}-slide-down-enter-active${n}-placement-bottomLeft,
-          &${i}-slide-down-appear${i}-slide-down-appear-active${n}-placement-bottomLeft,
-          &${i}-slide-down-enter${i}-slide-down-enter-active${n}-placement-bottom,
-          &${i}-slide-down-appear${i}-slide-down-appear-active${n}-placement-bottom,
-          &${i}-slide-down-enter${i}-slide-down-enter-active${n}-placement-bottomRight,
-          &${i}-slide-down-appear${i}-slide-down-appear-active${n}-placement-bottomRight`]: {
-          animationName: vt
-        },
-        [`&${i}-slide-up-enter${i}-slide-up-enter-active${n}-placement-topLeft,
-          &${i}-slide-up-appear${i}-slide-up-appear-active${n}-placement-topLeft,
-          &${i}-slide-up-enter${i}-slide-up-enter-active${n}-placement-top,
-          &${i}-slide-up-appear${i}-slide-up-appear-active${n}-placement-top,
-          &${i}-slide-up-enter${i}-slide-up-enter-active${n}-placement-topRight,
-          &${i}-slide-up-appear${i}-slide-up-appear-active${n}-placement-topRight`]: {
-          animationName: Ct
+        [`&${i}-slide-down-enter${i}-slide-down-enter-active${o}-placement-bottomLeft,
+          &${i}-slide-down-appear${i}-slide-down-appear-active${o}-placement-bottomLeft,
+          &${i}-slide-down-enter${i}-slide-down-enter-active${o}-placement-bottom,
+          &${i}-slide-down-appear${i}-slide-down-appear-active${o}-placement-bottom,
+          &${i}-slide-down-enter${i}-slide-down-enter-active${o}-placement-bottomRight,
+          &${i}-slide-down-appear${i}-slide-down-appear-active${o}-placement-bottomRight`]: {
+          animationName: St
         },
-        [`&${i}-slide-down-leave${i}-slide-down-leave-active${n}-placement-bottomLeft,
-          &${i}-slide-down-leave${i}-slide-down-leave-active${n}-placement-bottom,
-          &${i}-slide-down-leave${i}-slide-down-leave-active${n}-placement-bottomRight`]: {
+        [`&${i}-slide-up-enter${i}-slide-up-enter-active${o}-placement-topLeft,
+          &${i}-slide-up-appear${i}-slide-up-appear-active${o}-placement-topLeft,
+          &${i}-slide-up-enter${i}-slide-up-enter-active${o}-placement-top,
+          &${i}-slide-up-appear${i}-slide-up-appear-active${o}-placement-top,
+          &${i}-slide-up-enter${i}-slide-up-enter-active${o}-placement-topRight,
+          &${i}-slide-up-appear${i}-slide-up-appear-active${o}-placement-topRight`]: {
           animationName: It
         },
-        [`&${i}-slide-up-leave${i}-slide-up-leave-active${n}-placement-topLeft,
-          &${i}-slide-up-leave${i}-slide-up-leave-active${n}-placement-top,
-          &${i}-slide-up-leave${i}-slide-up-leave-active${n}-placement-topRight`]: {
-          animationName: St
+        [`&${i}-slide-down-leave${i}-slide-down-leave-active${o}-placement-bottomLeft,
+          &${i}-slide-down-leave${i}-slide-down-leave-active${o}-placement-bottom,
+          &${i}-slide-down-leave${i}-slide-down-leave-active${o}-placement-bottomRight`]: {
+          animationName: Ct
+        },
+        [`&${i}-slide-up-leave${i}-slide-up-leave-active${o}-placement-topLeft,
+          &${i}-slide-up-leave${i}-slide-up-leave-active${o}-placement-top,
+          &${i}-slide-up-leave${i}-slide-up-leave-active${o}-placement-topRight`]: {
+          animationName: ht
         }
       }
     },
@@ -1740,7 +1739,7 @@ const Kt = (t) => {
       // =============================================================
       // ==                          Menu                           ==
       // =============================================================
-      [`${n} ${e}`]: {
+      [`${o} ${e}`]: {
         position: "relative",
         margin: 0
       },
@@ -1755,9 +1754,9 @@ const Kt = (t) => {
           margin: 0
         }
       },
-      [`${n}, ${n}-menu-submenu`]: Object.assign(Object.assign({}, He(t)), {
+      [`${o}, ${o}-menu-submenu`]: Object.assign(Object.assign({}, He(t)), {
         [e]: Object.assign(Object.assign({
-          padding: b,
+          padding: f,
           listStyleType: "none",
           backgroundColor: g,
           backgroundClip: "padding-box",
@@ -1781,7 +1780,7 @@ const Kt = (t) => {
             alignItems: "center"
           },
           [`${e}-item-icon`]: {
-            minWidth: f,
+            minWidth: $,
             marginInlineEnd: t.marginXS,
             fontSize: t.fontSizeSM
           },
@@ -1818,7 +1817,7 @@ const Kt = (t) => {
             padding: `${p(m)} ${p(c)}`,
             color: t.colorText,
             fontWeight: "normal",
-            fontSize: f,
+            fontSize: $,
             lineHeight: t.lineHeight,
             cursor: "pointer",
             transition: `all ${s}`,
@@ -1854,13 +1853,13 @@ const Kt = (t) => {
               lineHeight: 0,
               backgroundColor: t.colorSplit
             },
-            [`${n}-menu-submenu-expand-icon`]: {
+            [`${o}-menu-submenu-expand-icon`]: {
               position: "absolute",
               insetInlineEnd: t.paddingXS,
-              [`${n}-menu-submenu-arrow-icon`]: {
+              [`${o}-menu-submenu-arrow-icon`]: {
                 marginInlineEnd: "0 !important",
                 color: t.colorTextDescription,
-                fontSize: $,
+                fontSize: b,
                 fontStyle: "normal"
               }
             }
@@ -1876,15 +1875,15 @@ const Kt = (t) => {
           [`${e}-submenu-vertical`]: {
             position: "relative"
           },
-          [`${e}-submenu${e}-submenu-disabled ${n}-menu-submenu-title`]: {
-            [`&, ${n}-menu-submenu-arrow-icon`]: {
+          [`${e}-submenu${e}-submenu-disabled ${o}-menu-submenu-title`]: {
+            [`&, ${o}-menu-submenu-arrow-icon`]: {
               color: u,
               backgroundColor: g,
               cursor: "not-allowed"
             }
           },
           // https://github.com/ant-design/ant-design/issues/19264
-          [`${e}-submenu-selected ${n}-menu-submenu-title`]: {
+          [`${e}-submenu-selected ${o}-menu-submenu-title`]: {
             color: t.colorPrimary
           }
         })
@@ -1899,43 +1898,43 @@ const Kt = (t) => {
 }, mt({
   contentRadius: t.borderRadiusLG,
   limitVerticalRadius: !0
-})), xt(t)), en = oe("Dropdown", (t) => {
+})), xt(t)), eo = re("Dropdown", (t) => {
   const {
-    marginXXS: n,
+    marginXXS: o,
     sizePopupArrow: e,
     paddingXXS: r,
-    componentCls: o
-  } = t, a = me(t, {
-    menuCls: `${o}-menu`,
-    dropdownArrowDistance: t.calc(e).div(2).add(n).equal(),
+    componentCls: n
+  } = t, a = ge(t, {
+    menuCls: `${n}-menu`,
+    dropdownArrowDistance: t.calc(e).div(2).add(o).equal(),
     dropdownEdgeChildPadding: r
   });
   return [Jt(a), Kt(a)];
 }, Qt, {
   resetStyle: !1
-}), be = (t) => {
-  var n;
+}), fe = (t) => {
+  var o;
   const {
     menu: e,
     arrow: r,
-    prefixCls: o,
+    prefixCls: n,
     children: a,
     trigger: i,
     disabled: d,
     dropdownRender: s,
     getPopupContainer: m,
-    overlayClassName: f,
-    rootClassName: b,
+    overlayClassName: $,
+    rootClassName: f,
     overlayStyle: u,
-    open: $,
+    open: b,
     onOpenChange: c,
     // Deprecated
     visible: g,
-    onVisibleChange: h,
+    onVisibleChange: v,
     mouseEnterDelay: x = 0.15,
     mouseLeaveDelay: B = 0.1,
     autoAdjustOverflow: y = !0,
-    placement: v = "",
+    placement: h = "",
     overlay: O,
     transitionName: N
   } = t, {
@@ -1943,37 +1942,37 @@ const Kt = (t) => {
     getPrefixCls: T,
     direction: I,
     dropdown: S
-  } = l.useContext(re), H = Pe("Dropdown");
+  } = l.useContext(ie), H = je("Dropdown");
   process.env.NODE_ENV !== "production" && ([["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((w) => {
     let [G, Y] = w;
     H.deprecated(!(G in t), G, Y);
   }), H.deprecated(!("overlay" in t), "overlay", "menu"));
-  const j = l.useMemo(() => {
+  const M = l.useMemo(() => {
     const w = T();
-    return N !== void 0 ? N : v.includes("top") ? `${w}-slide-down` : `${w}-slide-up`;
-  }, [T, v, N]), L = l.useMemo(() => v ? v.includes("Center") ? v.slice(0, v.indexOf("Center")) : v : I === "rtl" ? "bottomRight" : "bottomLeft", [v, I]);
+    return N !== void 0 ? N : h.includes("top") ? `${w}-slide-down` : `${w}-slide-up`;
+  }, [T, h, N]), L = l.useMemo(() => h ? h.includes("Center") ? h.slice(0, h.indexOf("Center")) : h : I === "rtl" ? "bottomRight" : "bottomLeft", [h, I]);
   if (process.env.NODE_ENV !== "production") {
-    if (v.includes("Center")) {
-      const w = v.slice(0, v.indexOf("Center"));
-      process.env.NODE_ENV !== "production" && H(!v.includes("Center"), "deprecated", `You are using '${v}' placement in Dropdown, which is deprecated. Try to use '${w}' instead.`);
+    if (h.includes("Center")) {
+      const w = h.slice(0, h.indexOf("Center"));
+      process.env.NODE_ENV !== "production" && H(!h.includes("Center"), "deprecated", `You are using '${h}' placement in Dropdown, which is deprecated. Try to use '${w}' instead.`);
     }
     [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((w) => {
       let [G, Y] = w;
       H.deprecated(!(G in t), G, Y);
     });
   }
-  const C = T("dropdown", o), M = Re(C), [W, _, R] = en(C, M), [, k] = at(), V = l.Children.only(Bt(a) ? /* @__PURE__ */ l.createElement("span", null, a) : a), K = ie(V, {
+  const C = T("dropdown", n), j = Re(C), [W, _, R] = eo(C, j), [, k] = at(), V = l.Children.only(Et(a) ? /* @__PURE__ */ l.createElement("span", null, a) : a), K = le(V, {
     className: P(`${C}-trigger`, {
       [`${C}-rtl`]: I === "rtl"
     }, V.props.className),
-    disabled: (n = V.props.disabled) !== null && n !== void 0 ? n : d
+    disabled: (o = V.props.disabled) !== null && o !== void 0 ? o : d
   }), z = d ? [] : i, X = !!(z != null && z.includes("contextMenu")), [q, J] = st(!1, {
-    value: $ ?? g
-  }), le = De((w) => {
+    value: b ?? g
+  }), ae = Pe((w) => {
     c == null || c(w, {
       source: "trigger"
-    }), h == null || h(w), J(w);
-  }), ae = P(f, b, _, R, M, S == null ? void 0 : S.className, {
+    }), v == null || v(w), J(w);
+  }), se = P($, f, _, R, j, S == null ? void 0 : S.className, {
     [`${C}-rtl`]: I === "rtl"
   }), E = gt({
     arrowPointAtCenter: typeof r == "object" && r.pointAtCenter,
@@ -1989,10 +1988,12 @@ const Kt = (t) => {
     let w;
     return e != null && e.items ? w = /* @__PURE__ */ l.createElement(U, Object.assign({}, e)) : typeof O == "function" ? w = O() : w = O, s && (w = s(w)), w = l.Children.only(typeof w == "string" ? /* @__PURE__ */ l.createElement("span", null, w) : w), /* @__PURE__ */ l.createElement(kt, {
       prefixCls: `${C}-menu`,
-      rootClassName: P(R, M),
+      rootClassName: P(R, j),
       expandIcon: /* @__PURE__ */ l.createElement("span", {
         className: `${C}-menu-submenu-arrow`
-      }, /* @__PURE__ */ l.createElement(ee, {
+      }, I === "rtl" ? /* @__PURE__ */ l.createElement(te, {
+        className: `${C}-menu-submenu-arrow-icon`
+      }) : /* @__PURE__ */ l.createElement(ee, {
         className: `${C}-menu-submenu-arrow-icon`
       })),
       mode: "vertical",
@@ -2005,8 +2006,8 @@ const Kt = (t) => {
         process.env.NODE_ENV !== "production" && H(!Y || Y === "vertical", "usage", `mode="${Y}" is not supported for Dropdown's Menu.`);
       }
     }, w);
-  }, [se, Xe] = je("Dropdown", u == null ? void 0 : u.zIndex);
-  let de = /* @__PURE__ */ l.createElement(et, Object.assign({
+  }, [de, Xe] = De("Dropdown", u == null ? void 0 : u.zIndex);
+  let ce = /* @__PURE__ */ l.createElement(et, Object.assign({
     alignPoint: X
   }, Z(t, ["rootClassName"]), {
     mouseEnterDelay: x,
@@ -2014,32 +2015,32 @@ const Kt = (t) => {
     visible: q,
     builtinPlacements: E,
     arrow: !!r,
-    overlayClassName: ae,
+    overlayClassName: se,
     prefixCls: C,
     getPopupContainer: m || A,
-    transitionName: j,
+    transitionName: M,
     trigger: z,
     overlay: F,
     placement: L,
-    onVisibleChange: le,
+    onVisibleChange: ae,
     overlayStyle: Object.assign(Object.assign(Object.assign({}, S == null ? void 0 : S.style), u), {
-      zIndex: se
+      zIndex: de
     })
   }), K);
-  return se && (de = /* @__PURE__ */ l.createElement(dt.Provider, {
+  return de && (ce = /* @__PURE__ */ l.createElement(dt.Provider, {
     value: Xe
-  }, de)), W(de);
-}, tn = pt(be, "align", void 0, "dropdown", (t) => t), nn = (t) => /* @__PURE__ */ l.createElement(tn, Object.assign({}, t), /* @__PURE__ */ l.createElement("span", null));
-be._InternalPanelDoNotUseOrYouWillBeFired = nn;
-process.env.NODE_ENV !== "production" && (be.displayName = "Dropdown");
+  }, ce)), W(ce);
+}, to = pt(fe, "align", void 0, "dropdown", (t) => t), oo = (t) => /* @__PURE__ */ l.createElement(to, Object.assign({}, t), /* @__PURE__ */ l.createElement("span", null));
+fe._InternalPanelDoNotUseOrYouWillBeFired = oo;
+process.env.NODE_ENV !== "production" && (fe.displayName = "Dropdown");
 export {
-  be as D,
+  fe as D,
   Tt as L,
   U as M,
   kt as O,
-  ee as R,
+  te as R,
   At as S,
-  $e as a,
-  ge as b,
-  xn as u
+  be as a,
+  ee as b,
+  xo as u
 };