@gobolt/genesis 0.0.8 → 0.0.9

package/dist/components/Breadcrumb/styles.js

@@ -1,64 +1,60 @@
-import { d as De } from "../../styled-components.browser.esm-02f500bc.js";
+import { d as Re } from "../../styled-components.browser.esm-CZ1XM4o4.js";
 import * as l from "react";
-import { useContext as Ie, useState as ye, useEffect as pe, useRef as Me, createContext as nt, forwardRef as Re, useImperativeHandle as rt, useMemo as it } from "react";
-import { a as _e, c as P, F as xe } from "../../presets-83ccb923.js";
-import { o as Q, t as oe, u as lt } from "../../isVisible-729780f5.js";
-import { p as Ae } from "../../pickAttrs-00ba4687.js";
-import { c as ee } from "../../reactNode-f4391605.js";
-import { g as te, p as v, C as Z, N as at, k as st, j as ct, o as dt, O as ut, m as ne, E as we, r as he, G as mt, t as ae, b as Le, H as $e, B as gt } from "../../index-4003d75b.js";
-import { i as Oe, g as pt, D as bt } from "../../DownOutlined-64a4732a.js";
-import { R as fe } from "../../RightOutlined-83515eb4.js";
-import { D as $t, M as ft, u as vt, S as ht, E as Ct, a as St, b as It, c as yt } from "../../EllipsisOutlined-60122660.js";
-import { u as ke, b as xt, z as wt } from "../../index-1a33c134.js";
-import { T as Ot, i as We, g as Bt, a as Et, b as Nt, c as Tt } from "../../index-0b9ee239.js";
-import { u as Xe } from "../../context-3b8a39af.js";
-import { A as Ve } from "../../AntdIcon-c395a1c4.js";
-import { C as jt } from "../../ContextIsolator-b09b2c52.js";
-import { g as zt } from "../../collapse-345bc884.js";
-import { i as re, s as Pt, a as Ht, b as Dt, c as Mt } from "../../Overflow-a570fa69.js";
-import "react-dom";
-import "../../index-8c8d2d0c.js";
-import "../../presetColors-ccf8cb4c.js";
-import "../../Compact-c39ed20d.js";
-const Rt = (e) => typeof e != "object" && typeof e != "function" || e === null, _t = Rt;
-var At = { 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" };
-const Lt = At;
-var kt = function(o, t) {
-  return /* @__PURE__ */ l.createElement(Ve, _e({}, o, {
+import { useContext as we, useState as Oe, useEffect as be, useRef as _e, createContext as tt, forwardRef as Ae, useImperativeHandle as nt, useMemo as ot } from "react";
+import { a as Se, c as P, F as Be } from "../../warning-C63HNL9U.js";
+import { o as Q, t as ne, u as rt } from "../../isVisible-A-IfeFoT.js";
+import { p as Le } from "../../pickAttrs-B0YTfcV1.js";
+import { c as ee } from "../../reactNode-sKPeiqPL.js";
+import { g as te, q as h, C as Z, X as it, j as lt, h as at, p as st, Y as dt, m as oe, F as Ee, o as Ie, H as ct, v as se, b as ke, I as he, E as ut } from "../../index-oK7z6jnz.js";
+import { i as Ne, g as mt, R as pt } from "../../PurePanel-BqPLRtc2.js";
+import { I as ye } from "../../AntdIcon-BoLh1dP8.js";
+import { D as gt, M as ft, u as bt, S as $t, E as ht, R as vt, a as Ct, b as St } from "../../index-C8haFnXI.js";
+import { u as We, a as It, z as yt } from "../../index-CfDY25LP.js";
+import { T as xt, i as Xe, g as wt, a as Ot, b as Bt, c as Et } from "../../index-DPW8XdWj.js";
+import { u as Ve } from "../../context-BMW3aJEf.js";
+import { C as Nt } from "../../ContextIsolator-D5x2Ih51.js";
+import { g as jt } from "../../collapse-Dtpt-6W_.js";
+import { i as re, s as zt, a as Tt, b as Pt, c as Ht } from "../../Overflow-PBZD-PFm.js";
+var Dt = { 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" }, Mt = function(n, t) {
+  return /* @__PURE__ */ l.createElement(ye, Se({}, n, {
     ref: t,
-    icon: Lt
+    icon: Dt
   }));
-}, qe = /* @__PURE__ */ l.forwardRef(kt);
+}, qe = /* @__PURE__ */ l.forwardRef(Mt);
 process.env.NODE_ENV !== "production" && (qe.displayName = "BarsOutlined");
-const Wt = qe;
-var Xt = { 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" };
-const Vt = Xt;
-var qt = function(o, t) {
-  return /* @__PURE__ */ l.createElement(Ve, _e({}, o, {
+var Rt = { 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" }, _t = function(n, t) {
+  return /* @__PURE__ */ l.createElement(ye, Se({}, n, {
     ref: t,
-    icon: Vt
+    icon: Rt
   }));
-}, Fe = /* @__PURE__ */ l.forwardRef(qt);
-process.env.NODE_ENV !== "production" && (Fe.displayName = "LeftOutlined");
-const Be = Fe, Ft = /* @__PURE__ */ l.createContext({
+}, ve = /* @__PURE__ */ l.forwardRef(_t);
+process.env.NODE_ENV !== "production" && (ve.displayName = "LeftOutlined");
+var At = { 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" }, Lt = function(n, t) {
+  return /* @__PURE__ */ l.createElement(ye, Se({}, n, {
+    ref: t,
+    icon: At
+  }));
+}, ie = /* @__PURE__ */ l.forwardRef(Lt);
+process.env.NODE_ENV !== "production" && (ie.displayName = "RightOutlined");
+const kt = (e) => typeof e != "object" && typeof e != "function" || e === null, Wt = /* @__PURE__ */ l.createContext({
   siderHook: {
     addSider: () => null,
     removeSider: () => null
   }
-}), Gt = (e) => {
+}), Xt = (e) => {
   const {
-    antCls: o,
+    antCls: n,
     // .ant
     componentCls: t,
     // .ant-layout
-    colorText: n,
+    colorText: o,
     footerBg: r,
     headerHeight: a,
     headerPadding: i,
-    headerColor: c,
+    headerColor: d,
     footerPadding: s,
-    fontSize: g,
-    bodyBg: p,
+    fontSize: p,
+    bodyBg: g,
     headerBg: S
   } = e;
   return {
@@ -68,7 +64,7 @@ const Be = Fe, Ft = /* @__PURE__ */ l.createContext({
       flexDirection: "column",
       /* fix firefox can't set height smaller than content on flex item */
       minHeight: 0,
-      background: p,
+      background: g,
       "&, *": {
         boxSizing: "border-box"
       },
@@ -91,100 +87,100 @@ const Be = Fe, Ft = /* @__PURE__ */ l.createContext({
     [`${t}-header`]: {
       height: a,
       padding: i,
-      color: c,
-      lineHeight: v(a),
+      color: d,
+      lineHeight: h(a),
       background: S,
       // Other components/menu/style/index.less line:686
       // Integration with header element so menu items have the same height
-      [`${o}-menu`]: {
+      [`${n}-menu`]: {
         lineHeight: "inherit"
       }
     },
     // ==================== Footer ====================
     [`${t}-footer`]: {
       padding: s,
-      color: n,
-      fontSize: g,
+      color: o,
+      fontSize: p,
       background: r
     },
     // =================== Content ====================
     [`${t}-content`]: {
       flex: "auto",
-      color: n,
+      color: o,
       // fix firefox can't set height smaller than content on flex item
       minHeight: 0
     }
   };
-}, Ge = (e) => {
+}, Fe = (e) => {
   const {
-    colorBgLayout: o,
+    colorBgLayout: n,
     controlHeight: t,
-    controlHeightLG: n,
+    controlHeightLG: o,
     colorText: r,
     controlHeightSM: a,
     marginXXS: i,
-    colorTextLightSolid: c,
+    colorTextLightSolid: d,
     colorBgContainer: s
-  } = e, g = n * 1.25;
+  } = e, p = o * 1.25;
   return {
     // Deprecated
     colorBgHeader: "#001529",
-    colorBgBody: o,
+    colorBgBody: n,
     colorBgTrigger: "#002140",
-    bodyBg: o,
+    bodyBg: n,
     headerBg: "#001529",
     headerHeight: t * 2,
-    headerPadding: `0 ${g}px`,
+    headerPadding: `0 ${p}px`,
     headerColor: r,
-    footerPadding: `${a}px ${g}px`,
-    footerBg: o,
+    footerPadding: `${a}px ${p}px`,
+    footerBg: n,
     siderBg: "#001529",
-    triggerHeight: n + i * 2,
+    triggerHeight: o + i * 2,
     triggerBg: "#002140",
-    triggerColor: c,
-    zeroTriggerWidth: n,
-    zeroTriggerHeight: n,
+    triggerColor: d,
+    zeroTriggerWidth: o,
+    zeroTriggerHeight: o,
     lightSiderBg: s,
     lightTriggerBg: s,
     lightTriggerColor: r
   };
-}, Ye = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]];
-te("Layout", (e) => [Gt(e)], Ge, {
-  deprecatedTokens: Ye
+}, Ge = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]];
+te("Layout", (e) => [Xt(e)], Fe, {
+  deprecatedTokens: Ge
 });
-const Yt = (e) => {
+const Vt = (e) => {
   const {
-    componentCls: o,
+    componentCls: n,
     siderBg: t,
-    motionDurationMid: n,
+    motionDurationMid: o,
     motionDurationSlow: r,
     antCls: a,
     triggerHeight: i,
-    triggerColor: c,
+    triggerColor: d,
     triggerBg: s,
-    headerHeight: g,
-    zeroTriggerWidth: p,
+    headerHeight: p,
+    zeroTriggerWidth: g,
     zeroTriggerHeight: S,
     borderRadiusLG: u,
-    lightSiderBg: f,
-    lightTriggerColor: d,
+    lightSiderBg: $,
+    lightTriggerColor: c,
     lightTriggerBg: m,
-    bodyBg: h
+    bodyBg: v
   } = e;
   return {
-    [o]: {
+    [n]: {
       position: "relative",
       // fix firefox can't set width smaller than content on flex item
       minWidth: 0,
       background: t,
-      transition: `all ${n}, background 0s`,
+      transition: `all ${o}, background 0s`,
       "&-has-trigger": {
         paddingBottom: i
       },
       "&-right": {
         order: 1
       },
-      [`${o}-children`]: {
+      [`${n}-children`]: {
         height: "100%",
         // Hack for fixing margin collapse bug
         // https://github.com/ant-design/ant-design/issues/7967
@@ -195,36 +191,36 @@ const Yt = (e) => {
           width: "auto"
         }
       },
-      [`${o}-trigger`]: {
+      [`${n}-trigger`]: {
         position: "fixed",
         bottom: 0,
         zIndex: 1,
         height: i,
-        color: c,
-        lineHeight: v(i),
+        color: d,
+        lineHeight: h(i),
         textAlign: "center",
         background: s,
         cursor: "pointer",
-        transition: `all ${n}`
+        transition: `all ${o}`
       },
-      "&-zero-width": {
+      [`${n}-zero-width`]: {
         "> *": {
           overflow: "hidden"
         },
         "&-trigger": {
           position: "absolute",
-          top: g,
-          insetInlineEnd: e.calc(p).mul(-1).equal(),
+          top: p,
+          insetInlineEnd: e.calc(g).mul(-1).equal(),
           zIndex: 1,
-          width: p,
+          width: g,
           height: S,
-          color: c,
+          color: d,
           fontSize: e.fontSizeXL,
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
           background: t,
-          borderRadius: `0 ${v(u)} ${v(u)} 0`,
+          borderRadius: `0 ${h(u)} ${h(u)} 0`,
           cursor: "pointer",
           transition: `background ${r} ease`,
           "&::after": {
@@ -238,86 +234,84 @@ const Yt = (e) => {
             background: "rgba(255, 255, 255, 0.2)"
           },
           "&-right": {
-            insetInlineStart: e.calc(p).mul(-1).equal(),
-            borderRadius: `${v(u)} 0 0 ${v(u)}`
+            insetInlineStart: e.calc(g).mul(-1).equal(),
+            borderRadius: `${h(u)} 0 0 ${h(u)}`
           }
         }
       },
       // Light
       "&-light": {
-        background: f,
-        [`${o}-trigger`]: {
-          color: d,
+        background: $,
+        [`${n}-trigger`]: {
+          color: c,
           background: m
         },
-        [`${o}-zero-width-trigger`]: {
-          color: d,
+        [`${n}-zero-width-trigger`]: {
+          color: c,
           background: m,
-          border: `1px solid ${h}`,
+          border: `1px solid ${v}`,
           // Safe to modify to any other color
           borderInlineStart: 0
         }
       }
     }
   };
-}, Ut = te(["Layout", "Sider"], (e) => [Yt(e)], Ge, {
-  deprecatedTokens: Ye
+}, qt = te(["Layout", "Sider"], (e) => [Vt(e)], Fe, {
+  deprecatedTokens: Ge
 });
-var Kt = globalThis && globalThis.__rest || function(e, o) {
+var Ft = function(e, n) {
   var t = {};
-  for (var n in e)
-    Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
-      o.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (t[n[r]] = e[n[r]]);
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
+    n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (t[o[r]] = e[o[r]]);
   return t;
 };
-const Ee = {
+const je = {
   xs: "479.98px",
   sm: "575.98px",
   md: "767.98px",
   lg: "991.98px",
   xl: "1199.98px",
   xxl: "1599.98px"
-}, Zt = (e) => !Number.isNaN(Number.parseFloat(e)) && isFinite(e), Ce = /* @__PURE__ */ l.createContext({}), Jt = (() => {
+}, Gt = (e) => !Number.isNaN(Number.parseFloat(e)) && isFinite(e), xe = /* @__PURE__ */ l.createContext({}), Yt = /* @__PURE__ */ (() => {
   let e = 0;
   return function() {
-    let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-    return e += 1, `${o}${e}`;
+    let n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+    return e += 1, `${n}${e}`;
   };
-})(), Qt = /* @__PURE__ */ l.forwardRef((e, o) => {
+})(), Ut = /* @__PURE__ */ l.forwardRef((e, n) => {
   const {
     prefixCls: t,
-    className: n,
+    className: o,
     trigger: r,
     children: a,
     defaultCollapsed: i = !1,
-    theme: c = "dark",
+    theme: d = "dark",
     style: s = {},
-    collapsible: g = !1,
-    reverseArrow: p = !1,
+    collapsible: p = !1,
+    reverseArrow: g = !1,
     width: S = 200,
     collapsedWidth: u = 80,
-    zeroWidthTriggerStyle: f,
-    breakpoint: d,
+    zeroWidthTriggerStyle: $,
+    breakpoint: c,
     onCollapse: m,
-    onBreakpoint: h
-  } = e, I = Kt(e, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
+    onBreakpoint: v
+  } = e, I = Ft(e, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
     siderHook: B
-  } = Ie(Ft), [x, $] = ye("collapsed" in e ? e.collapsed : i), [E, N] = ye(!1);
-  pe(() => {
-    "collapsed" in e && $(e.collapsed);
+  } = we(Wt), [x, b] = Oe("collapsed" in e ? e.collapsed : i), [E, N] = Oe(!1);
+  be(() => {
+    "collapsed" in e && b(e.collapsed);
   }, [e.collapsed]);
-  const _ = (z, A) => {
-    "collapsed" in e || $(z), m == null || m(z, A);
+  const _ = (T, A) => {
+    "collapsed" in e || b(T), m == null || m(T, A);
   }, {
     getPrefixCls: w,
     direction: C
-  } = Ie(Z), b = w("layout-sider", t), [T, D, M] = Ut(b), y = Me(null);
-  y.current = (z) => {
-    N(z.matches), h == null || h(z.matches), x !== z.matches && _(z.matches, "responsive");
-  }, pe(() => {
-    function z(Y) {
+  } = we(Z), f = w("layout-sider", t), [j, D, M] = qt(f), y = _e(null);
+  y.current = (T) => {
+    N(T.matches), v == null || v(T.matches), x !== T.matches && _(T.matches, "responsive");
+  }, be(() => {
+    function T(Y) {
       return y.current(Y);
     }
     let A;
@@ -325,38 +319,38 @@ const Ee = {
       const {
         matchMedia: Y
       } = window;
-      if (Y && d && d in Ee) {
-        A = Y(`screen and (max-width: ${Ee[d]})`);
+      if (Y && c && c in je) {
+        A = Y(`screen and (max-width: ${je[c]})`);
         try {
-          A.addEventListener("change", z);
+          A.addEventListener("change", T);
         } catch {
-          A.addListener(z);
+          A.addListener(T);
         }
-        z(A);
+        T(A);
       }
     }
     return () => {
       try {
-        A == null || A.removeEventListener("change", z);
+        A == null || A.removeEventListener("change", T);
       } catch {
-        A == null || A.removeListener(z);
+        A == null || A.removeListener(T);
       }
     };
-  }, [d]), pe(() => {
-    const z = Jt("ant-sider-");
-    return B.addSider(z), () => B.removeSider(z);
+  }, [c]), be(() => {
+    const T = Yt("ant-sider-");
+    return B.addSider(T), () => B.removeSider(T);
   }, []);
   const H = () => {
     _(!x, "clickTrigger");
-  }, L = Q(I, ["collapsed"]), k = x ? u : S, R = Zt(k) ? `${k}px` : String(k), W = parseFloat(String(u || 0)) === 0 ? /* @__PURE__ */ l.createElement("span", {
+  }, L = Q(I, ["collapsed"]), k = x ? u : S, R = Gt(k) ? `${k}px` : String(k), W = parseFloat(String(u || 0)) === 0 ? /* @__PURE__ */ l.createElement("span", {
     onClick: H,
-    className: P(`${b}-zero-width-trigger`, `${b}-zero-width-trigger-${p ? "right" : "left"}`),
-    style: f
-  }, r || /* @__PURE__ */ l.createElement(Wt, null)) : null, V = C === "rtl" == !p, X = {
-    expanded: V ? /* @__PURE__ */ l.createElement(fe, null) : /* @__PURE__ */ l.createElement(Be, null),
-    collapsed: V ? /* @__PURE__ */ l.createElement(Be, null) : /* @__PURE__ */ l.createElement(fe, null)
+    className: P(`${f}-zero-width-trigger`, `${f}-zero-width-trigger-${g ? "right" : "left"}`),
+    style: $
+  }, r || /* @__PURE__ */ l.createElement(qe, null)) : null, V = C === "rtl" == !g, X = {
+    expanded: V ? /* @__PURE__ */ l.createElement(ie, null) : /* @__PURE__ */ l.createElement(ve, null),
+    collapsed: V ? /* @__PURE__ */ l.createElement(ve, null) : /* @__PURE__ */ l.createElement(ie, null)
   }[x ? "collapsed" : "expanded"], q = r !== null ? W || /* @__PURE__ */ l.createElement("div", {
-    className: `${b}-trigger`,
+    className: `${f}-trigger`,
     onClick: H,
     style: {
       width: R
@@ -366,87 +360,85 @@ const Ee = {
     maxWidth: R,
     minWidth: R,
     width: R
-  }), de = P(b, `${b}-${c}`, {
-    [`${b}-collapsed`]: !!x,
-    [`${b}-has-trigger`]: g && r !== null && !W,
-    [`${b}-below`]: !!E,
-    [`${b}-zero-width`]: parseFloat(R) === 0
-  }, n, D, M), ue = l.useMemo(() => ({
+  }), me = P(f, `${f}-${d}`, {
+    [`${f}-collapsed`]: !!x,
+    [`${f}-has-trigger`]: p && r !== null && !W,
+    [`${f}-below`]: !!E,
+    [`${f}-zero-width`]: parseFloat(R) === 0
+  }, o, D, M), pe = l.useMemo(() => ({
     siderCollapsed: x
   }), [x]);
-  return T(/* @__PURE__ */ l.createElement(Ce.Provider, {
-    value: ue
+  return j(/* @__PURE__ */ l.createElement(xe.Provider, {
+    value: pe
   }, /* @__PURE__ */ l.createElement("aside", Object.assign({
-    className: de
+    className: me
   }, L, {
     style: G,
-    ref: o
+    ref: n
   }), /* @__PURE__ */ l.createElement("div", {
-    className: `${b}-children`
-  }, a), g || E && W ? q : null)));
+    className: `${f}-children`
+  }, a), p || E && W ? q : null)));
 });
-process.env.NODE_ENV !== "production" && (Qt.displayName = "Sider");
-const eo = /* @__PURE__ */ nt({
+process.env.NODE_ENV !== "production" && (Ut.displayName = "Sider");
+const le = /* @__PURE__ */ tt({
   prefixCls: "",
   firstLevel: !0,
   inlineCollapsed: !1
-}), ie = eo;
-var to = globalThis && globalThis.__rest || function(e, o) {
+});
+var Kt = function(e, n) {
   var t = {};
-  for (var n in e)
-    Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
-      o.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (t[n[r]] = e[n[r]]);
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
+    n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (t[o[r]] = e[o[r]]);
   return t;
 };
-const oo = (e) => {
+const Ye = (e) => {
   const {
-    prefixCls: o,
+    prefixCls: n,
     className: t,
-    dashed: n
-  } = e, r = to(e, ["prefixCls", "className", "dashed"]), {
+    dashed: o
+  } = e, r = Kt(e, ["prefixCls", "className", "dashed"]), {
     getPrefixCls: a
-  } = l.useContext(Z), i = a("menu", o), c = P({
-    [`${i}-item-divider-dashed`]: !!n
+  } = l.useContext(Z), i = a("menu", n), d = P({
+    [`${i}-item-divider-dashed`]: !!o
   }, t);
-  return /* @__PURE__ */ l.createElement($t, Object.assign({
-    className: c
+  return /* @__PURE__ */ l.createElement(gt, Object.assign({
+    className: d
   }, r));
-}, Ue = oo, no = (e) => {
-  var o;
+}, Ue = (e) => {
+  var n;
   const {
     className: t,
-    children: n,
+    children: o,
     icon: r,
     title: a,
     danger: i,
-    extra: c
+    extra: d
   } = e, {
     prefixCls: s,
-    firstLevel: g,
-    direction: p,
+    firstLevel: p,
+    direction: g,
     disableMenuItemTitleTooltip: S,
     inlineCollapsed: u
-  } = l.useContext(ie), f = (x) => {
-    const $ = n == null ? void 0 : n[0], E = /* @__PURE__ */ l.createElement("span", {
+  } = l.useContext(le), $ = (x) => {
+    const b = o == null ? void 0 : o[0], E = /* @__PURE__ */ l.createElement("span", {
       className: P(`${s}-title-content`, {
-        [`${s}-title-content-with-extra`]: !!c || c === 0
+        [`${s}-title-content-with-extra`]: !!d || d === 0
       })
-    }, n);
-    return (!r || /* @__PURE__ */ l.isValidElement(n) && n.type === "span") && n && x && g && typeof $ == "string" ? /* @__PURE__ */ l.createElement("div", {
+    }, o);
+    return (!r || /* @__PURE__ */ l.isValidElement(o) && o.type === "span") && o && x && p && typeof b == "string" ? /* @__PURE__ */ l.createElement("div", {
       className: `${s}-inline-collapsed-noicon`
-    }, $.charAt(0)) : E;
+    }, b.charAt(0)) : E;
   }, {
-    siderCollapsed: d
-  } = l.useContext(Ce);
+    siderCollapsed: c
+  } = l.useContext(xe);
   let m = a;
-  typeof a > "u" ? m = g ? n : "" : a === !1 && (m = "");
-  const h = {
+  typeof a > "u" ? m = p ? o : "" : a === !1 && (m = "");
+  const v = {
     title: m
   };
-  !d && !u && (h.title = null, h.open = !1);
-  const I = oe(n).length;
+  !c && !u && (v.title = null, v.open = !1);
+  const I = ne(o).length;
   let B = /* @__PURE__ */ l.createElement(ft, Object.assign({}, Q(e, ["title", "icon", "danger"]), {
     className: P({
       [`${s}-item-danger`]: i,
@@ -454,58 +446,56 @@ const oo = (e) => {
     }, t),
     title: typeof a == "string" ? a : void 0
   }), ee(r, {
-    className: P(/* @__PURE__ */ l.isValidElement(r) ? (o = r.props) === null || o === void 0 ? void 0 : o.className : "", `${s}-item-icon`)
-  }), f(u));
-  return S || (B = /* @__PURE__ */ l.createElement(Ot, Object.assign({}, h, {
-    placement: p === "rtl" ? "left" : "right",
+    className: P(/* @__PURE__ */ l.isValidElement(r) ? (n = r.props) === null || n === void 0 ? void 0 : n.className : "", `${s}-item-icon`)
+  }), $(u));
+  return S || (B = /* @__PURE__ */ l.createElement(xt, Object.assign({}, v, {
+    placement: g === "rtl" ? "left" : "right",
     classNames: {
       root: `${s}-inline-collapsed-tooltip`
     }
   }), B)), B;
-}, Ke = no;
-var ro = globalThis && globalThis.__rest || function(e, o) {
+};
+var Zt = function(e, n) {
   var t = {};
-  for (var n in e)
-    Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
-      o.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (t[n[r]] = e[n[r]]);
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
+    n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (t[o[r]] = e[o[r]]);
   return t;
 };
-const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forwardRef((e, o) => {
+const ae = /* @__PURE__ */ l.createContext(null), Jt = /* @__PURE__ */ l.forwardRef((e, n) => {
   const {
     children: t
-  } = e, n = ro(e, ["children"]), r = l.useContext(le), a = l.useMemo(() => Object.assign(Object.assign({}, r), n), [
+  } = e, o = Zt(e, ["children"]), r = l.useContext(ae), a = l.useMemo(() => Object.assign(Object.assign({}, r), o), [
     r,
-    n.prefixCls,
+    o.prefixCls,
     // restProps.expandIcon, Not mark as deps since this is a ReactNode
-    n.mode,
-    n.selectable,
-    n.rootClassName
+    o.mode,
+    o.selectable,
+    o.rootClassName
     // restProps.validator, Not mark as deps since this is a function
-  ]), i = at(t), c = st(o, i ? ct(t) : null);
-  return /* @__PURE__ */ l.createElement(le.Provider, {
+  ]), i = it(t), d = lt(n, i ? at(t) : null);
+  return /* @__PURE__ */ l.createElement(ae.Provider, {
     value: a
-  }, /* @__PURE__ */ l.createElement(jt, {
+  }, /* @__PURE__ */ l.createElement(Nt, {
     space: !0
   }, i ? /* @__PURE__ */ l.cloneElement(t, {
-    ref: c
+    ref: d
   }) : t));
-}), lo = (e) => {
+}), Qt = (e) => {
   const {
-    componentCls: o,
+    componentCls: n,
     motionDurationSlow: t,
-    horizontalLineHeight: n,
+    horizontalLineHeight: o,
     colorSplit: r,
     lineWidth: a,
     lineType: i,
-    itemPaddingInline: c
+    itemPaddingInline: d
   } = e;
   return {
-    [`${o}-horizontal`]: {
-      lineHeight: n,
+    [`${n}-horizontal`]: {
+      lineHeight: o,
       border: 0,
-      borderBottom: `${v(a)} ${i} ${r}`,
+      borderBottom: `${h(a)} ${i} ${r}`,
       boxShadow: "none",
       "&::after": {
         display: "block",
@@ -514,73 +504,73 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
         content: '"\\20"'
       },
       // ======================= Item =======================
-      [`${o}-item, ${o}-submenu`]: {
+      [`${n}-item, ${n}-submenu`]: {
         position: "relative",
         display: "inline-block",
         verticalAlign: "bottom",
-        paddingInline: c
+        paddingInline: d
       },
-      [`> ${o}-item:hover,
-        > ${o}-item-active,
-        > ${o}-submenu ${o}-submenu-title:hover`]: {
+      [`> ${n}-item:hover,
+        > ${n}-item-active,
+        > ${n}-submenu ${n}-submenu-title:hover`]: {
         backgroundColor: "transparent"
       },
-      [`${o}-item, ${o}-submenu-title`]: {
+      [`${n}-item, ${n}-submenu-title`]: {
         transition: [`border-color ${t}`, `background ${t}`].join(",")
       },
       // ===================== Sub Menu =====================
-      [`${o}-submenu-arrow`]: {
+      [`${n}-submenu-arrow`]: {
         display: "none"
       }
     }
   };
-}, ao = lo, so = (e) => {
+}, en = (e) => {
   let {
-    componentCls: o,
+    componentCls: n,
     menuArrowOffset: t,
-    calc: n
+    calc: o
   } = e;
   return {
-    [`${o}-rtl`]: {
+    [`${n}-rtl`]: {
       direction: "rtl"
     },
-    [`${o}-submenu-rtl`]: {
+    [`${n}-submenu-rtl`]: {
       transformOrigin: "100% 0"
     },
     // Vertical Arrow
-    [`${o}-rtl${o}-vertical,
-    ${o}-submenu-rtl ${o}-vertical`]: {
-      [`${o}-submenu-arrow`]: {
+    [`${n}-rtl${n}-vertical,
+    ${n}-submenu-rtl ${n}-vertical`]: {
+      [`${n}-submenu-arrow`]: {
         "&::before": {
-          transform: `rotate(-45deg) translateY(${v(n(t).mul(-1).equal())})`
+          transform: `rotate(-45deg) translateY(${h(o(t).mul(-1).equal())})`
         },
         "&::after": {
-          transform: `rotate(45deg) translateY(${v(t)})`
+          transform: `rotate(45deg) translateY(${h(t)})`
         }
       }
     }
   };
-}, co = so, Ne = (e) => Object.assign({}, dt(e)), uo = (e, o) => {
+}, ze = (e) => Object.assign({}, st(e)), Te = (e, n) => {
   const {
     componentCls: t,
-    itemColor: n,
+    itemColor: o,
     itemSelectedColor: r,
     subMenuItemSelectedColor: a,
     groupTitleColor: i,
-    itemBg: c,
+    itemBg: d,
     subMenuItemBg: s,
-    itemSelectedBg: g,
-    activeBarHeight: p,
+    itemSelectedBg: p,
+    activeBarHeight: g,
     activeBarWidth: S,
     activeBarBorderWidth: u,
-    motionDurationSlow: f,
-    motionEaseInOut: d,
+    motionDurationSlow: $,
+    motionEaseInOut: c,
     motionEaseOut: m,
-    itemPaddingInline: h,
+    itemPaddingInline: v,
     motionDurationMid: I,
     itemHoverColor: B,
     lineType: x,
-    colorSplit: $,
+    colorSplit: b,
     // Disabled
     itemDisabledColor: E,
     // Danger
@@ -588,9 +578,9 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
     dangerItemHoverColor: _,
     dangerItemSelectedColor: w,
     dangerItemActiveBg: C,
-    dangerItemSelectedBg: b,
+    dangerItemSelectedBg: f,
     // Bg
-    popupBg: T,
+    popupBg: j,
     itemHoverBg: D,
     itemActiveBg: M,
     menuSubMenuBg: y,
@@ -601,10 +591,10 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
     horizontalItemHoverBg: R
   } = e;
   return {
-    [`${t}-${o}, ${t}-${o} > ${t}`]: {
-      color: n,
-      background: c,
-      [`&${t}-root:focus-visible`]: Object.assign({}, Ne(e)),
+    [`${t}-${n}, ${t}-${n} > ${t}`]: {
+      color: o,
+      background: d,
+      [`&${t}-root:focus-visible`]: Object.assign({}, ze(e)),
       // ======================== Item ========================
       [`${t}-item`]: {
         "&-group-title, &-extra": {
@@ -615,8 +605,8 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
         color: a
       },
       [`${t}-item, ${t}-submenu-title`]: {
-        color: n,
-        [`&:not(${t}-item-disabled):focus-visible`]: Object.assign({}, Ne(e))
+        color: o,
+        [`&:not(${t}-item-disabled):focus-visible`]: Object.assign({}, ze(e))
       },
       // Disabled
       [`${t}-item-disabled, ${t}-submenu-disabled`]: {
@@ -674,10 +664,10 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
         }
       },
       [`& ${t}-item-selected`]: {
-        backgroundColor: g,
+        backgroundColor: p,
         // Danger
         [`&${t}-item-danger`]: {
-          backgroundColor: b
+          backgroundColor: f
         }
       },
       [`&${t}-submenu > ${t}`]: {
@@ -686,14 +676,14 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
       // ===== 设置浮层的颜色 =======
       // ！dark 模式会被popupBg 会被rest 为 darkPopupBg
       [`&${t}-popup > ${t}`]: {
-        backgroundColor: T
+        backgroundColor: j
       },
       [`&${t}-submenu-popup > ${t}`]: {
-        backgroundColor: T
+        backgroundColor: j
       },
       // ===== 设置浮层的颜色 end =======
       // ====================== Horizontal ======================
-      [`&${t}-horizontal`]: Object.assign(Object.assign({}, o === "dark" ? {
+      [`&${t}-horizontal`]: Object.assign(Object.assign({}, n === "dark" ? {
         borderBottom: 0
       } : {}), {
         [`> ${t}-item, > ${t}-submenu`]: {
@@ -703,16 +693,16 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
           borderRadius: k,
           "&::after": {
             position: "absolute",
-            insetInline: h,
+            insetInline: v,
             bottom: 0,
-            borderBottom: `${v(p)} solid transparent`,
-            transition: `border-color ${f} ${d}`,
+            borderBottom: `${h(g)} solid transparent`,
+            transition: `border-color ${$} ${c}`,
             content: '""'
           },
           "&:hover, &-active, &-open": {
             background: R,
             "&::after": {
-              borderBottomWidth: p,
+              borderBottomWidth: g,
               borderBottomColor: H
             }
           },
@@ -723,7 +713,7 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
               backgroundColor: L
             },
             "&::after": {
-              borderBottomWidth: p,
+              borderBottomWidth: g,
               borderBottomColor: H
             }
           }
@@ -733,7 +723,7 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
       //
       [`&${t}-root`]: {
         [`&${t}-inline, &${t}-vertical`]: {
-          borderInlineEnd: `${v(u)} ${x} ${$}`
+          borderInlineEnd: `${h(u)} ${x} ${b}`
         }
       },
       // ======================== Inline ========================
@@ -748,7 +738,7 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
             position: "absolute",
             insetBlock: 0,
             insetInlineEnd: 0,
-            borderInlineEnd: `${v(S)} solid ${r}`,
+            borderInlineEnd: `${h(S)} solid ${r}`,
             transform: "scaleY(0.0001)",
             opacity: 0,
             transition: [`transform ${I} ${m}`, `opacity ${I} ${m}`].join(","),
@@ -765,93 +755,93 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
           "&::after": {
             transform: "scaleY(1)",
             opacity: 1,
-            transition: [`transform ${I} ${d}`, `opacity ${I} ${d}`].join(",")
+            transition: [`transform ${I} ${c}`, `opacity ${I} ${c}`].join(",")
           }
         }
       }
     }
   };
-}, Te = uo, je = (e) => {
+}, Pe = (e) => {
   const {
-    componentCls: o,
+    componentCls: n,
     itemHeight: t,
-    itemMarginInline: n,
+    itemMarginInline: o,
     padding: r,
     menuArrowSize: a,
     marginXS: i,
-    itemMarginBlock: c,
+    itemMarginBlock: d,
     itemWidth: s,
-    itemPaddingInline: g
-  } = e, p = e.calc(a).add(r).add(i).equal();
+    itemPaddingInline: p
+  } = e, g = e.calc(a).add(r).add(i).equal();
   return {
-    [`${o}-item`]: {
+    [`${n}-item`]: {
       position: "relative",
       overflow: "hidden"
     },
-    [`${o}-item, ${o}-submenu-title`]: {
+    [`${n}-item, ${n}-submenu-title`]: {
       height: t,
-      lineHeight: v(t),
-      paddingInline: g,
+      lineHeight: h(t),
+      paddingInline: p,
       overflow: "hidden",
       textOverflow: "ellipsis",
-      marginInline: n,
-      marginBlock: c,
+      marginInline: o,
+      marginBlock: d,
       width: s
     },
-    [`> ${o}-item,
-            > ${o}-submenu > ${o}-submenu-title`]: {
+    [`> ${n}-item,
+            > ${n}-submenu > ${n}-submenu-title`]: {
       height: t,
-      lineHeight: v(t)
+      lineHeight: h(t)
     },
-    [`${o}-item-group-list ${o}-submenu-title,
-            ${o}-submenu-title`]: {
-      paddingInlineEnd: p
+    [`${n}-item-group-list ${n}-submenu-title,
+            ${n}-submenu-title`]: {
+      paddingInlineEnd: g
     }
   };
-}, mo = (e) => {
+}, tn = (e) => {
   const {
-    componentCls: o,
+    componentCls: n,
     iconCls: t,
-    itemHeight: n,
+    itemHeight: o,
     colorTextLightSolid: r,
     dropdownWidth: a,
     controlHeightLG: i,
-    motionEaseOut: c,
+    motionEaseOut: d,
     paddingXL: s,
-    itemMarginInline: g,
-    fontSizeLG: p,
+    itemMarginInline: p,
+    fontSizeLG: g,
     motionDurationFast: S,
     motionDurationSlow: u,
-    paddingXS: f,
-    boxShadowSecondary: d,
+    paddingXS: $,
+    boxShadowSecondary: c,
     collapsedWidth: m,
-    collapsedIconSize: h
+    collapsedIconSize: v
   } = e, I = {
-    height: n,
-    lineHeight: v(n),
+    height: o,
+    lineHeight: h(o),
     listStylePosition: "inside",
     listStyleType: "disc"
   };
   return [
     {
-      [o]: {
+      [n]: {
         "&-inline, &-vertical": Object.assign({
-          [`&${o}-root`]: {
+          [`&${n}-root`]: {
             boxShadow: "none"
           }
-        }, je(e))
+        }, Pe(e))
       },
-      [`${o}-submenu-popup`]: {
-        [`${o}-vertical`]: Object.assign(Object.assign({}, je(e)), {
-          boxShadow: d
+      [`${n}-submenu-popup`]: {
+        [`${n}-vertical`]: Object.assign(Object.assign({}, Pe(e)), {
+          boxShadow: c
         })
       }
     },
     // Vertical only
     {
-      [`${o}-submenu-popup ${o}-vertical${o}-sub`]: {
+      [`${n}-submenu-popup ${n}-vertical${n}-sub`]: {
         minWidth: a,
-        maxHeight: `calc(100vh - ${v(e.calc(i).mul(2.5).equal())})`,
+        maxHeight: `calc(100vh - ${h(e.calc(i).mul(2.5).equal())})`,
         padding: "0",
         overflow: "hidden",
         borderInlineEnd: 0,
@@ -865,15 +855,15 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
     },
     // Inline Only
     {
-      [`${o}-inline`]: {
+      [`${n}-inline`]: {
         width: "100%",
         // Motion enhance for first level
-        [`&${o}-root`]: {
-          [`${o}-item, ${o}-submenu-title`]: {
+        [`&${n}-root`]: {
+          [`${n}-item, ${n}-submenu-title`]: {
             display: "flex",
             alignItems: "center",
-            transition: [`border-color ${u}`, `background ${u}`, `padding ${S} ${c}`].join(","),
-            [`> ${o}-title-content`]: {
+            transition: [`border-color ${u}`, `background ${u}`, `padding ${S} ${d}`].join(","),
+            [`> ${n}-title-content`]: {
               flex: "auto",
               minWidth: 0,
               overflow: "hidden",
@@ -885,112 +875,112 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
           }
         },
         // >>>>> Sub
-        [`${o}-sub${o}-inline`]: {
+        [`${n}-sub${n}-inline`]: {
           padding: 0,
           border: 0,
           borderRadius: 0,
           boxShadow: "none",
-          [`& > ${o}-submenu > ${o}-submenu-title`]: I,
-          [`& ${o}-item-group-title`]: {
+          [`& > ${n}-submenu > ${n}-submenu-title`]: I,
+          [`& ${n}-item-group-title`]: {
             paddingInlineStart: s
           }
         },
         // >>>>> Item
-        [`${o}-item`]: I
+        [`${n}-item`]: I
       }
     },
     // Inline Collapse Only
     {
-      [`${o}-inline-collapsed`]: {
+      [`${n}-inline-collapsed`]: {
         width: m,
-        [`&${o}-root`]: {
-          [`${o}-item, ${o}-submenu ${o}-submenu-title`]: {
-            [`> ${o}-inline-collapsed-noicon`]: {
-              fontSize: p,
+        [`&${n}-root`]: {
+          [`${n}-item, ${n}-submenu ${n}-submenu-title`]: {
+            [`> ${n}-inline-collapsed-noicon`]: {
+              fontSize: g,
               textAlign: "center"
             }
           }
         },
-        [`> ${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`]: {
+        [`> ${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`]: {
           insetInlineStart: 0,
-          paddingInline: `calc(50% - ${v(e.calc(h).div(2).equal())} - ${v(g)})`,
+          paddingInline: `calc(50% - ${h(e.calc(v).div(2).equal())} - ${h(p)})`,
           textOverflow: "clip",
           [`
-            ${o}-submenu-arrow,
-            ${o}-submenu-expand-icon
+            ${n}-submenu-arrow,
+            ${n}-submenu-expand-icon
           `]: {
             opacity: 0
           },
-          [`${o}-item-icon, ${t}`]: {
+          [`${n}-item-icon, ${t}`]: {
             margin: 0,
-            fontSize: h,
-            lineHeight: v(n),
+            fontSize: v,
+            lineHeight: h(o),
             "+ span": {
               display: "inline-block",
               opacity: 0
             }
           }
         },
-        [`${o}-item-icon, ${t}`]: {
+        [`${n}-item-icon, ${t}`]: {
           display: "inline-block"
         },
         "&-tooltip": {
           pointerEvents: "none",
-          [`${o}-item-icon, ${t}`]: {
+          [`${n}-item-icon, ${t}`]: {
             display: "none"
           },
           "a, a:hover": {
             color: r
           }
         },
-        [`${o}-item-group-title`]: Object.assign(Object.assign({}, ut), {
-          paddingInline: f
+        [`${n}-item-group-title`]: Object.assign(Object.assign({}, dt), {
+          paddingInline: $
         })
       }
     }
   ];
-}, go = mo, ze = (e) => {
+}, He = (e) => {
   const {
-    componentCls: o,
+    componentCls: n,
     motionDurationSlow: t,
-    motionDurationMid: n,
+    motionDurationMid: o,
     motionEaseInOut: r,
     motionEaseOut: a,
     iconCls: i,
-    iconSize: c,
+    iconSize: d,
     iconMarginInlineEnd: s
   } = e;
   return {
     // >>>>> Item
-    [`${o}-item, ${o}-submenu-title`]: {
+    [`${n}-item, ${n}-submenu-title`]: {
       position: "relative",
       display: "block",
       margin: 0,
       whiteSpace: "nowrap",
       cursor: "pointer",
       transition: [`border-color ${t}`, `background ${t}`, `padding calc(${t} + 0.1s) ${r}`].join(","),
-      [`${o}-item-icon, ${i}`]: {
-        minWidth: c,
-        fontSize: c,
-        transition: [`font-size ${n} ${a}`, `margin ${t} ${r}`, `color ${t}`].join(","),
+      [`${n}-item-icon, ${i}`]: {
+        minWidth: d,
+        fontSize: d,
+        transition: [`font-size ${o} ${a}`, `margin ${t} ${r}`, `color ${t}`].join(","),
         "+ span": {
           marginInlineStart: s,
           opacity: 1,
           transition: [`opacity ${t} ${r}`, `margin ${t}`, `color ${t}`].join(",")
         }
       },
-      [`${o}-item-icon`]: Object.assign({}, mt()),
-      [`&${o}-item-only-child`]: {
-        [`> ${i}, > ${o}-item-icon`]: {
+      [`${n}-item-icon`]: Object.assign({}, ct()),
+      [`&${n}-item-only-child`]: {
+        [`> ${i}, > ${n}-item-icon`]: {
           marginInlineEnd: 0
         }
       }
     },
     // Disabled state sets text to gray and nukes hover/tab effects
-    [`${o}-item-disabled, ${o}-submenu-disabled`]: {
+    [`${n}-item-disabled, ${n}-submenu-disabled`]: {
       background: "none !important",
       cursor: "not-allowed",
       "&::after": {
@@ -1001,23 +991,23 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
         cursor: "not-allowed",
         pointerEvents: "none"
       },
-      [`> ${o}-submenu-title`]: {
+      [`> ${n}-submenu-title`]: {
         color: "inherit !important",
         cursor: "not-allowed"
       }
     }
   };
-}, Pe = (e) => {
+}, De = (e) => {
   const {
-    componentCls: o,
+    componentCls: n,
     motionDurationSlow: t,
-    motionEaseInOut: n,
+    motionEaseInOut: o,
     borderRadius: r,
     menuArrowSize: a,
     menuArrowOffset: i
   } = e;
   return {
-    [`${o}-submenu`]: {
+    [`${n}-submenu`]: {
       "&-expand-icon, &-arrow": {
         position: "absolute",
         top: "50%",
@@ -1025,7 +1015,7 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
         width: a,
         color: "currentcolor",
         transform: "translateY(-50%)",
-        transition: `transform ${t} ${n}, opacity ${t}`
+        transition: `transform ${t} ${o}, opacity ${t}`
       },
       "&-arrow": {
         // →
@@ -1035,36 +1025,36 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
           height: e.calc(a).mul(0.15).equal(),
           backgroundColor: "currentcolor",
           borderRadius: r,
-          transition: [`background ${t} ${n}`, `transform ${t} ${n}`, `top ${t} ${n}`, `color ${t} ${n}`].join(","),
+          transition: [`background ${t} ${o}`, `transform ${t} ${o}`, `top ${t} ${o}`, `color ${t} ${o}`].join(","),
           content: '""'
         },
         "&::before": {
-          transform: `rotate(45deg) translateY(${v(e.calc(i).mul(-1).equal())})`
+          transform: `rotate(45deg) translateY(${h(e.calc(i).mul(-1).equal())})`
         },
         "&::after": {
-          transform: `rotate(-45deg) translateY(${v(i)})`
+          transform: `rotate(-45deg) translateY(${h(i)})`
         }
       }
     }
   };
-}, po = (e) => {
+}, nn = (e) => {
   const {
-    antCls: o,
+    antCls: n,
     componentCls: t,
-    fontSize: n,
+    fontSize: o,
     motionDurationSlow: r,
     motionDurationMid: a,
     motionEaseInOut: i,
-    paddingXS: c,
+    paddingXS: d,
     padding: s,
-    colorSplit: g,
-    lineWidth: p,
+    colorSplit: p,
+    lineWidth: g,
     zIndexPopup: S,
     borderRadiusLG: u,
-    subMenuItemBorderRadius: f,
-    menuArrowSize: d,
+    subMenuItemBorderRadius: $,
+    menuArrowSize: c,
     menuArrowOffset: m,
-    lineType: h,
+    lineType: v,
     groupTitleLineHeight: I,
     groupTitleFontSize: B
   } = e;
@@ -1072,7 +1062,7 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
     // Misc
     {
       "": {
-        [t]: Object.assign(Object.assign({}, we()), {
+        [t]: Object.assign(Object.assign({}, Ee()), {
           // Hidden
           "&-hidden": {
             display: "none"
@@ -1084,11 +1074,11 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
       }
     },
     {
-      [t]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, he(e)), we()), {
+      [t]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Ie(e)), Ee()), {
         marginBottom: 0,
         paddingInlineStart: 0,
         // Override default ul/ol
-        fontSize: n,
+        fontSize: o,
         lineHeight: 0,
         listStyle: "none",
         outline: "none",
@@ -1110,7 +1100,7 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
           borderRadius: e.itemBorderRadius
         },
         [`${t}-item-group-title`]: {
-          padding: `${v(c)} ${v(s)}`,
+          padding: `${h(d)} ${h(s)}`,
           fontSize: B,
           lineHeight: I,
           transition: `all ${r}`
@@ -1133,7 +1123,7 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
             width: "100%"
           },
           // https://github.com/ant-design/ant-design/issues/41143
-          [`> ${o}-typography-ellipsis-single-line`]: {
+          [`> ${n}-typography-ellipsis-single-line`]: {
             display: "inline",
             verticalAlign: "unset"
           },
@@ -1156,23 +1146,23 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
         [`${t}-item-divider`]: {
           overflow: "hidden",
           lineHeight: 0,
-          borderColor: g,
-          borderStyle: h,
+          borderColor: p,
+          borderStyle: v,
           borderWidth: 0,
-          borderTopWidth: p,
-          marginBlock: p,
+          borderTopWidth: g,
+          marginBlock: g,
           padding: 0,
           "&-dashed": {
             borderStyle: "dashed"
           }
         }
-      }), ze(e)), {
+      }), He(e)), {
         [`${t}-item-group`]: {
           [`${t}-item-group-list`]: {
             margin: 0,
             padding: 0,
             [`${t}-item, ${t}-submenu-title`]: {
-              paddingInline: `${v(e.calc(n).mul(2).equal())} ${v(s)}`
+              paddingInline: `${h(e.calc(o).mul(2).equal())} ${h(s)}`
             }
           }
         },
@@ -1199,9 +1189,9 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
             },
             [`> ${t}`]: Object.assign(Object.assign(Object.assign({
               borderRadius: u
-            }, ze(e)), Pe(e)), {
+            }, He(e)), De(e)), {
               [`${t}-item, ${t}-submenu > ${t}-submenu-title`]: {
-                borderRadius: f
+                borderRadius: $
               },
               [`${t}-submenu-title::after`]: {
                 transition: `transform ${r} ${i}`
@@ -1233,65 +1223,65 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
             paddingTop: e.paddingXS
           }
         }
-      }), Pe(e)), {
+      }), De(e)), {
         [`&-inline-collapsed ${t}-submenu-arrow,
         &-inline ${t}-submenu-arrow`]: {
           // ↓
           "&::before": {
-            transform: `rotate(-45deg) translateX(${v(m)})`
+            transform: `rotate(-45deg) translateX(${h(m)})`
           },
           "&::after": {
-            transform: `rotate(45deg) translateX(${v(e.calc(m).mul(-1).equal())})`
+            transform: `rotate(45deg) translateX(${h(e.calc(m).mul(-1).equal())})`
           }
         },
         [`${t}-submenu-open${t}-submenu-inline > ${t}-submenu-title > ${t}-submenu-arrow`]: {
           // ↑
-          transform: `translateY(${v(e.calc(d).mul(0.2).mul(-1).equal())})`,
+          transform: `translateY(${h(e.calc(c).mul(0.2).mul(-1).equal())})`,
           "&::after": {
-            transform: `rotate(-45deg) translateX(${v(e.calc(m).mul(-1).equal())})`
+            transform: `rotate(-45deg) translateX(${h(e.calc(m).mul(-1).equal())})`
           },
           "&::before": {
-            transform: `rotate(45deg) translateX(${v(m)})`
+            transform: `rotate(45deg) translateX(${h(m)})`
           }
         }
       })
     },
     // Integration with header element so menu items have the same height
     {
-      [`${o}-layout-header`]: {
+      [`${n}-layout-header`]: {
         [t]: {
           lineHeight: "inherit"
         }
       }
     }
   ];
-}, bo = (e) => {
-  var o, t, n;
+}, on = (e) => {
+  var n, t, o;
   const {
     colorPrimary: r,
     colorError: a,
     colorTextDisabled: i,
-    colorErrorBg: c,
+    colorErrorBg: d,
     colorText: s,
-    colorTextDescription: g,
-    colorBgContainer: p,
+    colorTextDescription: p,
+    colorBgContainer: g,
     colorFillAlter: S,
     colorFillContent: u,
-    lineWidth: f,
-    lineWidthBold: d,
+    lineWidth: $,
+    lineWidthBold: c,
     controlItemBgActive: m,
-    colorBgTextHover: h,
+    colorBgTextHover: v,
     controlHeightLG: I,
     lineHeight: B,
     colorBgElevated: x,
-    marginXXS: $,
+    marginXXS: b,
     padding: E,
     fontSize: N,
     controlHeightSM: _,
     fontSizeLG: w,
     colorTextLightSolid: C,
-    colorErrorHover: b
-  } = e, T = (o = e.activeBarWidth) !== null && o !== void 0 ? o : 0, D = (t = e.activeBarBorderWidth) !== null && t !== void 0 ? t : f, M = (n = e.itemMarginInline) !== null && n !== void 0 ? n : e.marginXXS, y = new xe(C).setA(0.65).toRgbString();
+    colorErrorHover: f
+  } = e, j = (n = e.activeBarWidth) !== null && n !== void 0 ? n : 0, D = (t = e.activeBarBorderWidth) !== null && t !== void 0 ? t : $, M = (o = e.itemMarginInline) !== null && o !== void 0 ? o : e.marginXXS, y = new Be(C).setA(0.65).toRgbString();
   return {
     dropdownWidth: 160,
     zIndexPopup: e.zIndexPopupBase + 50,
@@ -1305,17 +1295,17 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
     itemHoverColor: s,
     colorItemTextHoverHorizontal: r,
     horizontalItemHoverColor: r,
-    colorGroupTitle: g,
-    groupTitleColor: g,
+    colorGroupTitle: p,
+    groupTitleColor: p,
     colorItemTextSelected: r,
     itemSelectedColor: r,
     subMenuItemSelectedColor: r,
     colorItemTextSelectedHorizontal: r,
     horizontalItemSelectedColor: r,
-    colorItemBg: p,
-    itemBg: p,
-    colorItemBgHover: h,
-    itemHoverBg: h,
+    colorItemBg: g,
+    itemBg: g,
+    colorItemBgHover: v,
+    itemHoverBg: v,
     colorItemBgActive: u,
     itemActiveBg: m,
     colorSubItemBg: S,
@@ -1325,10 +1315,10 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
     colorItemBgSelectedHorizontal: "transparent",
     horizontalItemSelectedBg: "transparent",
     colorActiveBarWidth: 0,
-    activeBarWidth: T,
-    colorActiveBarHeight: d,
-    activeBarHeight: d,
-    colorActiveBarBorderSize: f,
+    activeBarWidth: j,
+    colorActiveBarHeight: c,
+    activeBarHeight: c,
+    colorActiveBarBorderSize: $,
     activeBarBorderWidth: D,
     // Disabled
     colorItemTextDisabled: i,
@@ -1340,10 +1330,10 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
     dangerItemHoverColor: a,
     colorDangerItemTextSelected: a,
     dangerItemSelectedColor: a,
-    colorDangerItemBgActive: c,
-    dangerItemActiveBg: c,
-    colorDangerItemBgSelected: c,
-    dangerItemSelectedBg: c,
+    colorDangerItemBgActive: d,
+    dangerItemActiveBg: d,
+    colorDangerItemBgSelected: d,
+    dangerItemSelectedBg: d,
     itemMarginInline: M,
     horizontalItemBorderRadius: 0,
     horizontalItemHoverBg: "transparent",
@@ -1351,7 +1341,7 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
     groupTitleLineHeight: B,
     collapsedWidth: I * 2,
     popupBg: x,
-    itemMarginBlock: $,
+    itemMarginBlock: b,
     itemPaddingInline: E,
     horizontalLineHeight: `${I * 1.15}px`,
     iconSize: N,
@@ -1359,7 +1349,7 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
     collapsedIconSize: w,
     groupTitleFontSize: N,
     // Disabled
-    darkItemDisabledColor: new xe(C).setA(0.25).toRgbString(),
+    darkItemDisabledColor: new Be(C).setA(0.25).toRgbString(),
     // Dark
     darkItemColor: y,
     darkDangerItemColor: a,
@@ -1372,301 +1362,299 @@ const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forward
     darkItemHoverBg: "transparent",
     darkGroupTitleColor: y,
     darkItemHoverColor: C,
-    darkDangerItemHoverColor: b,
+    darkDangerItemHoverColor: f,
     darkDangerItemSelectedColor: C,
     darkDangerItemActiveBg: a,
     // internal
-    itemWidth: T ? `calc(100% + ${D}px)` : `calc(100% - ${M * 2}px)`
+    itemWidth: j ? `calc(100% + ${D}px)` : `calc(100% - ${M * 2}px)`
   };
-}, $o = function(e) {
-  let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : e, t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0;
+}, rn = function(e) {
+  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : e, t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0;
   return te("Menu", (r) => {
     const {
       colorBgElevated: a,
       controlHeightLG: i,
-      fontSize: c,
+      fontSize: d,
       darkItemColor: s,
-      darkDangerItemColor: g,
-      darkItemBg: p,
+      darkDangerItemColor: p,
+      darkItemBg: g,
       darkSubMenuItemBg: S,
       darkItemSelectedColor: u,
-      darkItemSelectedBg: f,
-      darkDangerItemSelectedBg: d,
+      darkItemSelectedBg: $,
+      darkDangerItemSelectedBg: c,
       darkItemHoverBg: m,
-      darkGroupTitleColor: h,
+      darkGroupTitleColor: v,
       darkItemHoverColor: I,
       darkItemDisabledColor: B,
       darkDangerItemHoverColor: x,
-      darkDangerItemSelectedColor: $,
+      darkDangerItemSelectedColor: b,
       darkDangerItemActiveBg: E,
       popupBg: N,
       darkPopupBg: _
-    } = r, w = r.calc(c).div(7).mul(5).equal(), C = ne(r, {
+    } = r, w = r.calc(d).div(7).mul(5).equal(), C = oe(r, {
       menuArrowSize: w,
       menuHorizontalHeight: r.calc(i).mul(1.15).equal(),
       menuArrowOffset: r.calc(w).mul(0.25).equal(),
       menuSubMenuBg: a,
       calc: r.calc,
       popupBg: N
-    }), b = ne(C, {
+    }), f = oe(C, {
       itemColor: s,
       itemHoverColor: I,
-      groupTitleColor: h,
+      groupTitleColor: v,
       itemSelectedColor: u,
-      itemBg: p,
+      itemBg: g,
       popupBg: _,
       subMenuItemBg: S,
       itemActiveBg: "transparent",
-      itemSelectedBg: f,
+      itemSelectedBg: $,
       activeBarHeight: 0,
       activeBarBorderWidth: 0,
       itemHoverBg: m,
       // Disabled
       itemDisabledColor: B,
       // Danger
-      dangerItemColor: g,
+      dangerItemColor: p,
       dangerItemHoverColor: x,
-      dangerItemSelectedColor: $,
+      dangerItemSelectedColor: b,
       dangerItemActiveBg: E,
-      dangerItemSelectedBg: d,
+      dangerItemSelectedBg: c,
       menuSubMenuBg: S,
       // Horizontal
       horizontalItemSelectedColor: u,
-      horizontalItemSelectedBg: f
+      horizontalItemSelectedBg: $
     });
     return [
       // Basic
-      po(C),
+      nn(C),
       // Horizontal
-      ao(C),
+      Qt(C),
       // Hard code for some light style
       // Vertical
-      go(C),
+      tn(C),
       // Hard code for some light style
       // Theme
       Te(C, "light"),
-      Te(b, "dark"),
+      Te(f, "dark"),
       // RTL
-      co(C),
+      en(C),
       // Motion
-      zt(C),
+      jt(C),
       re(C, "slide-up"),
       re(C, "slide-down"),
-      We(C, "zoom-big")
+      Xe(C, "zoom-big")
     ];
-  }, bo, {
+  }, on, {
     deprecatedTokens: [["colorGroupTitle", "groupTitleColor"], ["radiusItem", "itemBorderRadius"], ["radiusSubMenuItem", "subMenuItemBorderRadius"], ["colorItemText", "itemColor"], ["colorItemTextHover", "itemHoverColor"], ["colorItemTextHoverHorizontal", "horizontalItemHoverColor"], ["colorItemTextSelected", "itemSelectedColor"], ["colorItemTextSelectedHorizontal", "horizontalItemSelectedColor"], ["colorItemTextDisabled", "itemDisabledColor"], ["colorDangerItemText", "dangerItemColor"], ["colorDangerItemTextHover", "dangerItemHoverColor"], ["colorDangerItemTextSelected", "dangerItemSelectedColor"], ["colorDangerItemBgActive", "dangerItemActiveBg"], ["colorDangerItemBgSelected", "dangerItemSelectedBg"], ["colorItemBg", "itemBg"], ["colorItemBgHover", "itemHoverBg"], ["colorSubItemBg", "subMenuItemBg"], ["colorItemBgActive", "itemActiveBg"], ["colorItemBgSelectedHorizontal", "horizontalItemSelectedBg"], ["colorActiveBarWidth", "activeBarWidth"], ["colorActiveBarHeight", "activeBarHeight"], ["colorActiveBarBorderSize", "activeBarBorderWidth"], ["colorItemBgSelected", "itemSelectedBg"]],
     // Dropdown will handle menu style self. We do not need to handle this.
     injectStyle: t,
     unitless: {
       groupTitleLineHeight: !0
     }
-  })(e, o);
-}, fo = (e) => {
-  var o;
+  })(e, n);
+}, Ke = (e) => {
+  var n;
   const {
     popupClassName: t,
-    icon: n,
+    icon: o,
     title: r,
     theme: a
-  } = e, i = l.useContext(ie), {
-    prefixCls: c,
+  } = e, i = l.useContext(le), {
+    prefixCls: d,
     inlineCollapsed: s,
-    theme: g
-  } = i, p = vt();
+    theme: p
+  } = i, g = bt();
   let S;
-  if (!n)
-    S = s && !p.length && r && typeof r == "string" ? /* @__PURE__ */ l.createElement("div", {
-      className: `${c}-inline-collapsed-noicon`
+  if (!o)
+    S = s && !g.length && r && typeof r == "string" ? /* @__PURE__ */ l.createElement("div", {
+      className: `${d}-inline-collapsed-noicon`
     }, r.charAt(0)) : /* @__PURE__ */ l.createElement("span", {
-      className: `${c}-title-content`
+      className: `${d}-title-content`
     }, r);
   else {
-    const d = /* @__PURE__ */ l.isValidElement(r) && r.type === "span";
-    S = /* @__PURE__ */ l.createElement(l.Fragment, null, ee(n, {
-      className: P(/* @__PURE__ */ l.isValidElement(n) ? (o = n.props) === null || o === void 0 ? void 0 : o.className : "", `${c}-item-icon`)
-    }), d ? r : /* @__PURE__ */ l.createElement("span", {
-      className: `${c}-title-content`
+    const c = /* @__PURE__ */ l.isValidElement(r) && r.type === "span";
+    S = /* @__PURE__ */ l.createElement(l.Fragment, null, ee(o, {
+      className: P(/* @__PURE__ */ l.isValidElement(o) ? (n = o.props) === null || n === void 0 ? void 0 : n.className : "", `${d}-item-icon`)
+    }), c ? r : /* @__PURE__ */ l.createElement("span", {
+      className: `${d}-title-content`
     }, r));
   }
   const u = l.useMemo(() => Object.assign(Object.assign({}, i), {
     firstLevel: !1
-  }), [i]), [f] = ke("Menu");
-  return /* @__PURE__ */ l.createElement(ie.Provider, {
+  }), [i]), [$] = We("Menu");
+  return /* @__PURE__ */ l.createElement(le.Provider, {
     value: u
-  }, /* @__PURE__ */ l.createElement(ht, Object.assign({}, Q(e, ["icon"]), {
+  }, /* @__PURE__ */ l.createElement($t, Object.assign({}, Q(e, ["icon"]), {
     title: S,
-    popupClassName: P(c, t, `${c}-${a || g}`),
+    popupClassName: P(d, t, `${d}-${a || p}`),
     popupStyle: Object.assign({
-      zIndex: f
+      zIndex: $
     }, e.popupStyle)
   })));
-}, Ze = fo;
-var vo = globalThis && globalThis.__rest || function(e, o) {
+};
+var ln = function(e, n) {
   var t = {};
-  for (var n in e)
-    Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
-      o.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (t[n[r]] = e[n[r]]);
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
+    n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (t[o[r]] = e[o[r]]);
   return t;
 };
-function be(e) {
+function $e(e) {
   return e === null || e === !1;
 }
-const ho = {
-  item: Ke,
-  submenu: Ze,
-  divider: Ue
-}, Co = /* @__PURE__ */ Re((e, o) => {
+const an = {
+  item: Ue,
+  submenu: Ke,
+  divider: Ye
+}, sn = /* @__PURE__ */ Ae((e, n) => {
   var t;
-  const n = l.useContext(le), r = n || {}, {
+  const o = l.useContext(ae), r = o || {}, {
     getPrefixCls: a,
     getPopupContainer: i,
-    direction: c,
+    direction: d,
     menu: s
-  } = l.useContext(Z), g = a(), {
-    prefixCls: p,
+  } = l.useContext(Z), p = a(), {
+    prefixCls: g,
     className: S,
     style: u,
-    theme: f = "light",
-    expandIcon: d,
+    theme: $ = "light",
+    expandIcon: c,
     _internalDisableMenuItemTitleTooltip: m,
-    inlineCollapsed: h,
+    inlineCollapsed: v,
     siderCollapsed: I,
     rootClassName: B,
     mode: x,
-    selectable: $,
+    selectable: b,
     onClick: E,
     overflowedIndicatorPopupClassName: N
-  } = e, _ = vo(e, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]), w = Q(_, ["collapsedWidth"]);
+  } = e, _ = ln(e, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]), w = Q(_, ["collapsedWidth"]);
   if (process.env.NODE_ENV !== "production") {
-    const j = ae("Menu");
-    process.env.NODE_ENV !== "production" && j(!("inlineCollapsed" in e && x !== "inline"), "usage", "`inlineCollapsed` should only be used when `mode` is inline."), j.deprecated("items" in e && !e.children, "children", "items");
+    const z = se("Menu");
+    process.env.NODE_ENV !== "production" && z(!("inlineCollapsed" in e && x !== "inline"), "usage", "`inlineCollapsed` should only be used when `mode` is inline."), z.deprecated("items" in e && !e.children, "children", "items");
   }
   (t = r.validator) === null || t === void 0 || t.call(r, {
     mode: x
   });
-  const C = Le(function() {
-    var j;
-    E == null || E.apply(void 0, arguments), (j = r.onClick) === null || j === void 0 || j.call(r);
-  }), b = r.mode || x, T = $ ?? r.selectable, D = h ?? I, M = {
+  const C = ke(function() {
+    var z;
+    E == null || E.apply(void 0, arguments), (z = r.onClick) === null || z === void 0 || z.call(r);
+  }), f = r.mode || x, j = b ?? r.selectable, D = v ?? I, M = {
     horizontal: {
-      motionName: `${g}-slide-up`
+      motionName: `${p}-slide-up`
     },
-    inline: xt(g),
+    inline: It(p),
     other: {
-      motionName: `${g}-zoom-big`
+      motionName: `${p}-zoom-big`
     }
-  }, y = a("menu", p || r.prefixCls), H = Xe(y), [L, k, R] = $o(y, H, !n), W = P(`${y}-${f}`, s == null ? void 0 : s.className, S), V = l.useMemo(() => {
-    var j, X;
-    if (typeof d == "function" || be(d))
-      return d || null;
-    if (typeof r.expandIcon == "function" || be(r.expandIcon))
+  }, y = a("menu", g || r.prefixCls), H = Ve(y), [L, k, R] = rn(y, H, !o), W = P(`${y}-${$}`, s == null ? void 0 : s.className, S), V = l.useMemo(() => {
+    var z, X;
+    if (typeof c == "function" || $e(c))
+      return c || null;
+    if (typeof r.expandIcon == "function" || $e(r.expandIcon))
       return r.expandIcon || null;
-    if (typeof (s == null ? void 0 : s.expandIcon) == "function" || be(s == null ? void 0 : s.expandIcon))
+    if (typeof (s == null ? void 0 : s.expandIcon) == "function" || $e(s == null ? void 0 : s.expandIcon))
       return (s == null ? void 0 : s.expandIcon) || null;
-    const q = (j = d ?? (r == null ? void 0 : r.expandIcon)) !== null && j !== void 0 ? j : s == null ? void 0 : s.expandIcon;
+    const q = (z = c ?? (r == null ? void 0 : r.expandIcon)) !== null && z !== void 0 ? z : s == null ? void 0 : s.expandIcon;
     return ee(q, {
       className: P(`${y}-submenu-expand-icon`, /* @__PURE__ */ l.isValidElement(q) ? (X = q.props) === null || X === void 0 ? void 0 : X.className : void 0)
     });
-  }, [d, r == null ? void 0 : r.expandIcon, s == null ? void 0 : s.expandIcon, y]), F = l.useMemo(() => ({
+  }, [c, r == null ? void 0 : r.expandIcon, s == null ? void 0 : s.expandIcon, y]), F = l.useMemo(() => ({
     prefixCls: y,
     inlineCollapsed: D || !1,
-    direction: c,
+    direction: d,
     firstLevel: !0,
-    theme: f,
-    mode: b,
+    theme: $,
+    mode: f,
     disableMenuItemTitleTooltip: m
-  }), [y, D, c, m, f]);
-  return L(/* @__PURE__ */ l.createElement(le.Provider, {
+  }), [y, D, d, m, $]);
+  return L(/* @__PURE__ */ l.createElement(ae.Provider, {
     value: null
-  }, /* @__PURE__ */ l.createElement(ie.Provider, {
+  }, /* @__PURE__ */ l.createElement(le.Provider, {
     value: F
-  }, /* @__PURE__ */ l.createElement(Ct, Object.assign({
+  }, /* @__PURE__ */ l.createElement(ht, Object.assign({
     getPopupContainer: i,
-    overflowedIndicator: /* @__PURE__ */ l.createElement(St, null),
-    overflowedIndicatorPopupClassName: P(y, `${y}-${f}`, N),
-    mode: b,
-    selectable: T,
+    overflowedIndicator: /* @__PURE__ */ l.createElement(vt, null),
+    overflowedIndicatorPopupClassName: P(y, `${y}-${$}`, N),
+    mode: f,
+    selectable: j,
     onClick: C
   }, w, {
     inlineCollapsed: D,
     style: Object.assign(Object.assign({}, s == null ? void 0 : s.style), u),
     className: W,
     prefixCls: y,
-    direction: c,
+    direction: d,
     defaultMotions: M,
     expandIcon: V,
-    ref: o,
+    ref: n,
     rootClassName: P(B, k, r.rootClassName, R, H),
-    _internalComponents: ho
+    _internalComponents: an
   })))));
-}), So = Co, J = /* @__PURE__ */ Re((e, o) => {
-  const t = Me(null), n = l.useContext(Ce);
-  return rt(o, () => ({
+}), J = /* @__PURE__ */ Ae((e, n) => {
+  const t = _e(null), o = l.useContext(xe);
+  return nt(n, () => ({
     menu: t.current,
     focus: (r) => {
       var a;
       (a = t.current) === null || a === void 0 || a.focus(r);
     }
-  })), /* @__PURE__ */ l.createElement(So, Object.assign({
+  })), /* @__PURE__ */ l.createElement(sn, Object.assign({
     ref: t
-  }, e, n));
+  }, e, o));
 });
-J.Item = Ke;
-J.SubMenu = Ze;
-J.Divider = Ue;
-J.ItemGroup = It;
+J.Item = Ue;
+J.SubMenu = Ke;
+J.Divider = Ye;
+J.ItemGroup = Ct;
 process.env.NODE_ENV !== "production" && (J.displayName = "Menu");
-const Io = J, yo = (e) => {
+const dn = (e) => {
   const {
-    componentCls: o,
+    componentCls: n,
     menuCls: t,
-    colorError: n,
+    colorError: o,
     colorTextLightSolid: r
   } = e, a = `${t}-item`;
   return {
-    [`${o}, ${o}-menu-submenu`]: {
+    [`${n}, ${n}-menu-submenu`]: {
       [`${t} ${a}`]: {
         [`&${a}-danger:not(${a}-disabled)`]: {
-          color: n,
+          color: o,
           "&:hover": {
             color: r,
-            backgroundColor: n
+            backgroundColor: o
           }
         }
       }
     }
   };
-}, xo = yo, wo = (e) => {
+}, cn = (e) => {
   const {
-    componentCls: o,
+    componentCls: n,
     menuCls: t,
-    zIndexPopup: n,
+    zIndexPopup: o,
     dropdownArrowDistance: r,
     sizePopupArrow: a,
     antCls: i,
-    iconCls: c,
+    iconCls: d,
     motionDurationMid: s,
-    paddingBlock: g,
-    fontSize: p,
+    paddingBlock: p,
+    fontSize: g,
     dropdownEdgeChildPadding: S,
     colorTextDisabled: u,
-    fontSizeIcon: f,
-    controlPaddingHorizontal: d,
+    fontSizeIcon: $,
+    controlPaddingHorizontal: c,
     colorBgElevated: m
   } = e;
   return [
     {
-      [o]: {
+      [n]: {
         position: "absolute",
         top: -9999,
         left: {
           _skip_check_: !0,
           value: -9999
         },
-        zIndex: n,
+        zIndex: o,
         display: "block",
         // A placeholder out of dropdown visible range to avoid close when user moving
         "&::before": {
@@ -1683,21 +1671,21 @@ const Io = J, yo = (e) => {
           overflowY: "auto"
         },
         [`&-trigger${i}-btn`]: {
-          [`& > ${c}-down, & > ${i}-btn-icon > ${c}-down`]: {
-            fontSize: f
+          [`& > ${d}-down, & > ${i}-btn-icon > ${d}-down`]: {
+            fontSize: $
           }
         },
-        [`${o}-wrap`]: {
+        [`${n}-wrap`]: {
           position: "relative",
-          [`${i}-btn > ${c}-down`]: {
-            fontSize: f
+          [`${i}-btn > ${d}-down`]: {
+            fontSize: $
           },
-          [`${c}-down::before`]: {
+          [`${d}-down::before`]: {
             transition: `transform ${s}`
           }
         },
-        [`${o}-wrap-open`]: {
-          [`${c}-down::before`]: {
+        [`${n}-wrap-open`]: {
+          [`${d}-down::before`]: {
             transform: "rotate(180deg)"
           }
         },
@@ -1709,38 +1697,38 @@ const Io = J, yo = (e) => {
         // =============================================================
         // 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${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: Pt
+        [`&${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: zt
         },
-        [`&${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: Ht
+        [`&${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: Tt
         },
-        [`&${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: Dt
+        [`&${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`]: {
+          animationName: Pt
         },
-        [`&${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: Mt
+        [`&${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: Ht
         }
       }
     },
     // =============================================================
     // ==                        Arrow style                      ==
     // =============================================================
-    Bt(e, m, {
+    wt(e, m, {
       arrowPlacement: {
         top: !0,
         bottom: !0
@@ -1750,13 +1738,13 @@ const Io = J, yo = (e) => {
       // =============================================================
       // ==                          Menu                           ==
       // =============================================================
-      [`${o} ${t}`]: {
+      [`${n} ${t}`]: {
         position: "relative",
         margin: 0
       },
       [`${t}-submenu-popup`]: {
         position: "absolute",
-        zIndex: n,
+        zIndex: o,
         background: "transparent",
         boxShadow: "none",
         transformOrigin: "0 0",
@@ -1765,7 +1753,7 @@ const Io = J, yo = (e) => {
           margin: 0
         }
       },
-      [`${o}, ${o}-menu-submenu`]: Object.assign(Object.assign({}, he(e)), {
+      [`${n}, ${n}-menu-submenu`]: Object.assign(Object.assign({}, Ie(e)), {
         [t]: Object.assign(Object.assign({
           padding: S,
           listStyleType: "none",
@@ -1774,13 +1762,13 @@ const Io = J, yo = (e) => {
           borderRadius: e.borderRadiusLG,
           outline: "none",
           boxShadow: e.boxShadowSecondary
-        }, $e(e)), {
+        }, he(e)), {
           "&:empty": {
             padding: 0,
             boxShadow: "none"
           },
           [`${t}-item-group-title`]: {
-            padding: `${v(g)} ${v(d)}`,
+            padding: `${h(p)} ${h(c)}`,
             color: e.colorTextDescription,
             transition: `all ${s}`
           },
@@ -1791,7 +1779,7 @@ const Io = J, yo = (e) => {
             alignItems: "center"
           },
           [`${t}-item-icon`]: {
-            minWidth: p,
+            minWidth: g,
             marginInlineEnd: e.marginXS,
             fontSize: e.fontSizeSM
           },
@@ -1825,10 +1813,10 @@ const Io = J, yo = (e) => {
           [`${t}-item, ${t}-submenu-title`]: Object.assign(Object.assign({
             display: "flex",
             margin: 0,
-            padding: `${v(g)} ${v(d)}`,
+            padding: `${h(p)} ${h(c)}`,
             color: e.colorText,
             fontWeight: "normal",
-            fontSize: p,
+            fontSize: g,
             lineHeight: e.lineHeight,
             cursor: "pointer",
             transition: `all ${s}`,
@@ -1836,7 +1824,7 @@ const Io = J, yo = (e) => {
             "&:hover, &-active": {
               backgroundColor: e.controlItemBgHover
             }
-          }, $e(e)), {
+          }, he(e)), {
             "&-selected": {
               color: e.colorPrimary,
               backgroundColor: e.controlItemBgActive,
@@ -1859,150 +1847,150 @@ const Io = J, yo = (e) => {
             "&-divider": {
               height: 1,
               // By design
-              margin: `${v(e.marginXXS)} 0`,
+              margin: `${h(e.marginXXS)} 0`,
               overflow: "hidden",
               lineHeight: 0,
               backgroundColor: e.colorSplit
             },
-            [`${o}-menu-submenu-expand-icon`]: {
+            [`${n}-menu-submenu-expand-icon`]: {
               position: "absolute",
               insetInlineEnd: e.paddingXS,
-              [`${o}-menu-submenu-arrow-icon`]: {
+              [`${n}-menu-submenu-arrow-icon`]: {
                 marginInlineEnd: "0 !important",
                 color: e.colorTextDescription,
-                fontSize: f,
+                fontSize: $,
                 fontStyle: "normal"
               }
             }
           }),
           [`${t}-item-group-list`]: {
-            margin: `0 ${v(e.marginXS)}`,
+            margin: `0 ${h(e.marginXS)}`,
             padding: 0,
             listStyle: "none"
           },
           [`${t}-submenu-title`]: {
-            paddingInlineEnd: e.calc(d).add(e.fontSizeSM).equal()
+            paddingInlineEnd: e.calc(c).add(e.fontSizeSM).equal()
           },
           [`${t}-submenu-vertical`]: {
             position: "relative"
           },
-          [`${t}-submenu${t}-submenu-disabled ${o}-menu-submenu-title`]: {
-            [`&, ${o}-menu-submenu-arrow-icon`]: {
+          [`${t}-submenu${t}-submenu-disabled ${n}-menu-submenu-title`]: {
+            [`&, ${n}-menu-submenu-arrow-icon`]: {
               color: u,
               backgroundColor: m,
               cursor: "not-allowed"
             }
           },
           // https://github.com/ant-design/ant-design/issues/19264
-          [`${t}-submenu-selected ${o}-menu-submenu-title`]: {
+          [`${t}-submenu-selected ${n}-menu-submenu-title`]: {
             color: e.colorPrimary
           }
         })
       })
     },
     // Follow code may reuse in other components
-    [re(e, "slide-up"), re(e, "slide-down"), Oe(e, "move-up"), Oe(e, "move-down"), We(e, "zoom-big")]
+    [re(e, "slide-up"), re(e, "slide-down"), Ne(e, "move-up"), Ne(e, "move-down"), Xe(e, "zoom-big")]
   ];
-}, Oo = (e) => Object.assign(Object.assign({
+}, un = (e) => Object.assign(Object.assign({
   zIndexPopup: e.zIndexPopupBase + 50,
   paddingBlock: (e.controlHeight - e.fontSize * e.lineHeight) / 2
-}, Et({
+}, Ot({
   contentRadius: e.borderRadiusLG,
   limitVerticalRadius: !0
-})), Nt(e)), Bo = te("Dropdown", (e) => {
+})), Bt(e)), mn = te("Dropdown", (e) => {
   const {
-    marginXXS: o,
+    marginXXS: n,
     sizePopupArrow: t,
-    paddingXXS: n,
+    paddingXXS: o,
     componentCls: r
-  } = e, a = ne(e, {
+  } = e, a = oe(e, {
     menuCls: `${r}-menu`,
-    dropdownArrowDistance: e.calc(t).div(2).add(o).equal(),
-    dropdownEdgeChildPadding: n
+    dropdownArrowDistance: e.calc(t).div(2).add(n).equal(),
+    dropdownEdgeChildPadding: o
   });
-  return [wo(a), xo(a)];
-}, Oo, {
+  return [cn(a), dn(a)];
+}, un, {
   resetStyle: !1
-}), se = (e) => {
-  var o;
+}), de = (e) => {
+  var n;
   const {
     menu: t,
-    arrow: n,
+    arrow: o,
     prefixCls: r,
     children: a,
     trigger: i,
-    disabled: c,
+    disabled: d,
     dropdownRender: s,
-    getPopupContainer: g,
-    overlayClassName: p,
+    getPopupContainer: p,
+    overlayClassName: g,
     rootClassName: S,
     overlayStyle: u,
-    open: f,
-    onOpenChange: d,
+    open: $,
+    onOpenChange: c,
     // Deprecated
     visible: m,
-    onVisibleChange: h,
+    onVisibleChange: v,
     mouseEnterDelay: I = 0.15,
     mouseLeaveDelay: B = 0.1,
     autoAdjustOverflow: x = !0,
-    placement: $ = "",
+    placement: b = "",
     overlay: E,
     transitionName: N
   } = e, {
     getPopupContainer: _,
     getPrefixCls: w,
     direction: C,
-    dropdown: b
-  } = l.useContext(Z), T = ae("Dropdown");
+    dropdown: f
+  } = l.useContext(Z), j = se("Dropdown");
   process.env.NODE_ENV !== "production" && ([["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((O) => {
     let [U, K] = O;
-    T.deprecated(!(U in e), U, K);
-  }), T.deprecated(!("overlay" in e), "overlay", "menu"));
+    j.deprecated(!(U in e), U, K);
+  }), j.deprecated(!("overlay" in e), "overlay", "menu"));
   const D = l.useMemo(() => {
     const O = w();
-    return N !== void 0 ? N : $.includes("top") ? `${O}-slide-down` : `${O}-slide-up`;
-  }, [w, $, N]), M = l.useMemo(() => $ ? $.includes("Center") ? $.slice(0, $.indexOf("Center")) : $ : C === "rtl" ? "bottomRight" : "bottomLeft", [$, C]);
+    return N !== void 0 ? N : b.includes("top") ? `${O}-slide-down` : `${O}-slide-up`;
+  }, [w, b, N]), M = l.useMemo(() => b ? b.includes("Center") ? b.slice(0, b.indexOf("Center")) : b : C === "rtl" ? "bottomRight" : "bottomLeft", [b, C]);
   if (process.env.NODE_ENV !== "production") {
-    if ($.includes("Center")) {
-      const O = $.slice(0, $.indexOf("Center"));
-      process.env.NODE_ENV !== "production" && T(!$.includes("Center"), "deprecated", `You are using '${$}' placement in Dropdown, which is deprecated. Try to use '${O}' instead.`);
+    if (b.includes("Center")) {
+      const O = b.slice(0, b.indexOf("Center"));
+      process.env.NODE_ENV !== "production" && j(!b.includes("Center"), "deprecated", `You are using '${b}' placement in Dropdown, which is deprecated. Try to use '${O}' instead.`);
     }
     [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((O) => {
       let [U, K] = O;
-      T.deprecated(!(U in e), U, K);
+      j.deprecated(!(U in e), U, K);
     });
   }
-  const y = w("dropdown", r), H = Xe(y), [L, k, R] = Bo(y, H), [, W] = gt(), V = l.Children.only(_t(a) ? /* @__PURE__ */ l.createElement("span", null, a) : a), F = ee(V, {
+  const y = w("dropdown", r), H = Ve(y), [L, k, R] = mn(y, H), [, W] = ut(), V = l.Children.only(kt(a) ? /* @__PURE__ */ l.createElement("span", null, a) : a), F = ee(V, {
     className: P(`${y}-trigger`, {
       [`${y}-rtl`]: C === "rtl"
     }, V.props.className),
-    disabled: (o = V.props.disabled) !== null && o !== void 0 ? o : c
-  }), j = c ? [] : i, X = !!(j != null && j.includes("contextMenu")), [q, G] = lt(!1, {
-    value: f ?? m
-  }), de = Le((O) => {
-    d == null || d(O, {
+    disabled: (n = V.props.disabled) !== null && n !== void 0 ? n : d
+  }), z = d ? [] : i, X = !!(z != null && z.includes("contextMenu")), [q, G] = rt(!1, {
+    value: $ ?? m
+  }), me = ke((O) => {
+    c == null || c(O, {
       source: "trigger"
-    }), h == null || h(O), G(O);
-  }), ue = P(p, S, k, R, H, b == null ? void 0 : b.className, {
+    }), v == null || v(O), G(O);
+  }), pe = P(g, S, k, R, H, f == null ? void 0 : f.className, {
     [`${y}-rtl`]: C === "rtl"
-  }), z = Tt({
-    arrowPointAtCenter: typeof n == "object" && n.pointAtCenter,
+  }), T = Et({
+    arrowPointAtCenter: typeof o == "object" && o.pointAtCenter,
     autoAdjustOverflow: x,
     offset: W.marginXXS,
-    arrowWidth: n ? W.sizePopupArrow : 0,
+    arrowWidth: o ? W.sizePopupArrow : 0,
     borderRadius: W.borderRadius
   }), A = l.useCallback(() => {
-    t != null && t.selectable && (t != null && t.multiple) || (d == null || d(!1, {
+    t != null && t.selectable && (t != null && t.multiple) || (c == null || c(!1, {
       source: "menu"
     }), G(!1));
   }, [t == null ? void 0 : t.selectable, t == null ? void 0 : t.multiple]), Y = () => {
     let O;
-    return t != null && t.items ? O = /* @__PURE__ */ l.createElement(Io, Object.assign({}, t)) : typeof E == "function" ? O = E() : O = E, s && (O = s(O)), O = l.Children.only(typeof O == "string" ? /* @__PURE__ */ l.createElement("span", null, O) : O), /* @__PURE__ */ l.createElement(io, {
+    return t != null && t.items ? O = /* @__PURE__ */ l.createElement(J, Object.assign({}, t)) : typeof E == "function" ? O = E() : O = E, s && (O = s(O)), O = l.Children.only(typeof O == "string" ? /* @__PURE__ */ l.createElement("span", null, O) : O), /* @__PURE__ */ l.createElement(Jt, {
       prefixCls: `${y}-menu`,
       rootClassName: P(R, H),
       expandIcon: /* @__PURE__ */ l.createElement("span", {
         className: `${y}-menu-submenu-arrow`
-      }, /* @__PURE__ */ l.createElement(fe, {
+      }, /* @__PURE__ */ l.createElement(ie, {
         className: `${y}-menu-submenu-arrow-icon`
       })),
       mode: "vertical",
@@ -2012,168 +2000,162 @@ const Io = J, yo = (e) => {
         let {
           mode: K
         } = U;
-        process.env.NODE_ENV !== "production" && T(!K || K === "vertical", "usage", `mode="${K}" is not supported for Dropdown's Menu.`);
+        process.env.NODE_ENV !== "production" && j(!K || K === "vertical", "usage", `mode="${K}" is not supported for Dropdown's Menu.`);
       }
     }, O);
-  }, [me, ot] = ke("Dropdown", u == null ? void 0 : u.zIndex);
-  let ge = /* @__PURE__ */ l.createElement(yt, Object.assign({
+  }, [ge, et] = We("Dropdown", u == null ? void 0 : u.zIndex);
+  let fe = /* @__PURE__ */ l.createElement(St, Object.assign({
     alignPoint: X
   }, Q(e, ["rootClassName"]), {
     mouseEnterDelay: I,
     mouseLeaveDelay: B,
     visible: q,
-    builtinPlacements: z,
-    arrow: !!n,
-    overlayClassName: ue,
+    builtinPlacements: T,
+    arrow: !!o,
+    overlayClassName: pe,
     prefixCls: y,
-    getPopupContainer: g || _,
+    getPopupContainer: p || _,
     transitionName: D,
-    trigger: j,
+    trigger: z,
     overlay: Y,
     placement: M,
-    onVisibleChange: de,
-    overlayStyle: Object.assign(Object.assign(Object.assign({}, b == null ? void 0 : b.style), u), {
-      zIndex: me
+    onVisibleChange: me,
+    overlayStyle: Object.assign(Object.assign(Object.assign({}, f == null ? void 0 : f.style), u), {
+      zIndex: ge
     })
   }), F);
-  return me && (ge = /* @__PURE__ */ l.createElement(wt.Provider, {
-    value: ot
-  }, ge)), L(ge);
-}, Eo = pt(se, "align", void 0, "dropdown", (e) => e), No = (e) => /* @__PURE__ */ l.createElement(Eo, Object.assign({}, e), /* @__PURE__ */ l.createElement("span", null));
-se._InternalPanelDoNotUseOrYouWillBeFired = No;
-process.env.NODE_ENV !== "production" && (se.displayName = "Dropdown");
-const To = se, Je = (e) => {
+  return ge && (fe = /* @__PURE__ */ l.createElement(yt.Provider, {
+    value: et
+  }, fe)), L(fe);
+}, pn = mt(de, "align", void 0, "dropdown", (e) => e), gn = (e) => /* @__PURE__ */ l.createElement(pn, Object.assign({}, e), /* @__PURE__ */ l.createElement("span", null));
+de._InternalPanelDoNotUseOrYouWillBeFired = gn;
+process.env.NODE_ENV !== "production" && (de.displayName = "Dropdown");
+const ce = (e) => {
   let {
-    children: o
+    children: n
   } = e;
   const {
     getPrefixCls: t
-  } = l.useContext(Z), n = t("breadcrumb");
+  } = l.useContext(Z), o = t("breadcrumb");
   return /* @__PURE__ */ l.createElement("li", {
-    className: `${n}-separator`,
+    className: `${o}-separator`,
     "aria-hidden": "true"
-  }, o === "" ? o : o || "/");
+  }, n === "" ? n : n || "/");
 };
-Je.__ANT_BREADCRUMB_SEPARATOR = !0;
-const Se = Je;
-var jo = globalThis && globalThis.__rest || function(e, o) {
+ce.__ANT_BREADCRUMB_SEPARATOR = !0;
+var fn = function(e, n) {
   var t = {};
-  for (var n in e)
-    Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
-      o.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (t[n[r]] = e[n[r]]);
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
+    n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (t[o[r]] = e[o[r]]);
   return t;
 };
-function zo(e, o) {
+function bn(e, n) {
   if (e.title === void 0 || e.title === null)
     return null;
-  const t = Object.keys(o).join("|");
-  return typeof e.title == "object" ? e.title : String(e.title).replace(new RegExp(`:(${t})`, "g"), (n, r) => o[r] || n);
+  const t = Object.keys(n).join("|");
+  return typeof e.title == "object" ? e.title : String(e.title).replace(new RegExp(`:(${t})`, "g"), (o, r) => n[r] || o);
 }
-function Qe(e, o, t, n) {
+function Ze(e, n, t, o) {
   if (t == null)
     return null;
   const {
     className: r,
     onClick: a
-  } = o, i = jo(o, ["className", "onClick"]), c = Object.assign(Object.assign({}, Ae(i, {
+  } = n, i = fn(n, ["className", "onClick"]), d = Object.assign(Object.assign({}, Le(i, {
     data: !0,
     aria: !0
   })), {
     onClick: a
   });
-  return n !== void 0 ? /* @__PURE__ */ l.createElement("a", Object.assign({}, c, {
+  return o !== void 0 ? /* @__PURE__ */ l.createElement("a", Object.assign({}, d, {
     className: P(`${e}-link`, r),
-    href: n
-  }), t) : /* @__PURE__ */ l.createElement("span", Object.assign({}, c, {
+    href: o
+  }), t) : /* @__PURE__ */ l.createElement("span", Object.assign({}, d, {
     className: P(`${e}-link`, r)
   }), t);
 }
-function Po(e, o) {
-  return (n, r, a, i, c) => {
-    if (o)
-      return o(n, r, a, i);
-    const s = zo(n, r);
-    return Qe(e, n, s, c);
+function $n(e, n) {
+  return (o, r, a, i, d) => {
+    if (n)
+      return n(o, r, a, i);
+    const s = bn(o, r);
+    return Ze(e, o, s, d);
   };
 }
-var ve = globalThis && globalThis.__rest || function(e, o) {
+var Ce = function(e, n) {
   var t = {};
-  for (var n in e)
-    Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
-      o.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (t[n[r]] = e[n[r]]);
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
+    n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (t[o[r]] = e[o[r]]);
   return t;
 };
-const et = (e) => {
+const Je = (e) => {
   const {
-    prefixCls: o,
+    prefixCls: n,
     separator: t = "/",
-    children: n,
+    children: o,
     menu: r,
     overlay: a,
     dropdownProps: i,
-    href: c
+    href: d
   } = e;
-  process.env.NODE_ENV !== "production" && ae("Breadcrumb.Item").deprecated(!("overlay" in e), "overlay", "menu");
-  const g = ((p) => {
+  process.env.NODE_ENV !== "production" && se("Breadcrumb.Item").deprecated(!("overlay" in e), "overlay", "menu");
+  const p = ((g) => {
     if (r || a) {
       const S = Object.assign({}, i);
       if (r) {
         const u = r || {}, {
-          items: f
-        } = u, d = ve(u, ["items"]);
-        S.menu = Object.assign(Object.assign({}, d), {
-          items: f == null ? void 0 : f.map((m, h) => {
+          items: $
+        } = u, c = Ce(u, ["items"]);
+        S.menu = Object.assign(Object.assign({}, c), {
+          items: $ == null ? void 0 : $.map((m, v) => {
             var {
               key: I,
               title: B,
               label: x,
-              path: $
-            } = m, E = ve(m, ["key", "title", "label", "path"]);
+              path: b
+            } = m, E = Ce(m, ["key", "title", "label", "path"]);
             let N = x ?? B;
-            return $ && (N = /* @__PURE__ */ l.createElement("a", {
-              href: `${c}${$}`
+            return b && (N = /* @__PURE__ */ l.createElement("a", {
+              href: `${d}${b}`
             }, N)), Object.assign(Object.assign({}, E), {
-              key: I ?? h,
+              key: I ?? v,
               label: N
             });
           })
         });
-      } else
-        a && (S.overlay = a);
-      return /* @__PURE__ */ l.createElement(To, Object.assign({
+      } else a && (S.overlay = a);
+      return /* @__PURE__ */ l.createElement(de, Object.assign({
         placement: "bottom"
       }, S), /* @__PURE__ */ l.createElement("span", {
-        className: `${o}-overlay-link`
-      }, p, /* @__PURE__ */ l.createElement(bt, null)));
+        className: `${n}-overlay-link`
+      }, g, /* @__PURE__ */ l.createElement(pt, null)));
     }
-    return p;
-  })(n);
-  return g != null ? /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("li", null, g), t && /* @__PURE__ */ l.createElement(Se, null, t)) : null;
-}, tt = (e) => {
+    return g;
+  })(o);
+  return p != null ? /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("li", null, p), t && /* @__PURE__ */ l.createElement(ce, null, t)) : null;
+}, Qe = (e) => {
   const {
-    prefixCls: o,
+    prefixCls: n,
     children: t,
-    href: n
-  } = e, r = ve(e, ["prefixCls", "children", "href"]), {
+    href: o
+  } = e, r = Ce(e, ["prefixCls", "children", "href"]), {
     getPrefixCls: a
-  } = l.useContext(Z), i = a("breadcrumb", o);
-  return /* @__PURE__ */ l.createElement(et, Object.assign({}, r, {
+  } = l.useContext(Z), i = a("breadcrumb", n);
+  return /* @__PURE__ */ l.createElement(Je, Object.assign({}, r, {
     prefixCls: i
-  }), Qe(i, r, t, n));
+  }), Ze(i, r, t, o));
 };
-tt.__ANT_BREADCRUMB_ITEM = !0;
-const Ho = tt, Do = (e) => {
+Qe.__ANT_BREADCRUMB_ITEM = !0;
+const hn = (e) => {
   const {
-    componentCls: o,
+    componentCls: n,
     iconCls: t,
-    calc: n
+    calc: o
   } = e;
   return {
-    [o]: Object.assign(Object.assign({}, he(e)), {
+    [n]: Object.assign(Object.assign({}, Ie(e)), {
       color: e.itemColor,
       fontSize: e.fontSize,
       [t]: {
@@ -2189,24 +2171,24 @@ const Ho = tt, Do = (e) => {
       a: Object.assign({
         color: e.linkColor,
         transition: `color ${e.motionDurationMid}`,
-        padding: `0 ${v(e.paddingXXS)}`,
+        padding: `0 ${h(e.paddingXXS)}`,
         borderRadius: e.borderRadiusSM,
         height: e.fontHeight,
         display: "inline-block",
-        marginInline: n(e.marginXXS).mul(-1).equal(),
+        marginInline: o(e.marginXXS).mul(-1).equal(),
         "&:hover": {
           color: e.linkHoverColor,
           backgroundColor: e.colorBgTextHover
         }
-      }, $e(e)),
+      }, he(e)),
       "li:last-child": {
         color: e.lastItemColor
       },
-      [`${o}-separator`]: {
+      [`${n}-separator`]: {
         marginInline: e.separatorMargin,
         color: e.separatorColor
       },
-      [`${o}-link`]: {
+      [`${n}-link`]: {
         [`
           > ${t} + span,
           > ${t} + a
@@ -2214,12 +2196,12 @@ const Ho = tt, Do = (e) => {
           marginInlineStart: e.marginXXS
         }
       },
-      [`${o}-overlay-link`]: {
+      [`${n}-overlay-link`]: {
         borderRadius: e.borderRadiusSM,
         height: e.fontHeight,
         display: "inline-block",
-        padding: `0 ${v(e.paddingXXS)}`,
-        marginInline: n(e.marginXXS).mul(-1).equal(),
+        padding: `0 ${h(e.paddingXXS)}`,
+        marginInline: o(e.marginXXS).mul(-1).equal(),
         [`> ${t}`]: {
           marginInlineStart: e.marginXXS,
           fontSize: e.fontSizeIcon
@@ -2243,7 +2225,7 @@ const Ho = tt, Do = (e) => {
       }
     })
   };
-}, Mo = (e) => ({
+}, vn = (e) => ({
   itemColor: e.colorTextDescription,
   lastItemColor: e.colorText,
   iconFontSize: e.fontSize,
@@ -2251,88 +2233,84 @@ const Ho = tt, Do = (e) => {
   linkHoverColor: e.colorText,
   separatorColor: e.colorTextDescription,
   separatorMargin: e.marginXS
-}), Ro = te("Breadcrumb", (e) => {
-  const o = ne(e, {});
-  return Do(o);
-}, Mo);
-var He = globalThis && globalThis.__rest || function(e, o) {
+}), Cn = te("Breadcrumb", (e) => {
+  const n = oe(e, {});
+  return hn(n);
+}, vn);
+var Me = function(e, n) {
   var t = {};
-  for (var n in e)
-    Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
-      o.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (t[n[r]] = e[n[r]]);
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
+    n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (t[o[r]] = e[o[r]]);
   return t;
 };
-function _o(e) {
+function Sn(e) {
   const {
-    breadcrumbName: o,
+    breadcrumbName: n,
     children: t
-  } = e, n = He(e, ["breadcrumbName", "children"]), r = Object.assign({
-    title: o
-  }, n);
+  } = e, o = Me(e, ["breadcrumbName", "children"]), r = Object.assign({
+    title: n
+  }, o);
   return t && (r.menu = {
     items: t.map((a) => {
       var {
         breadcrumbName: i
-      } = a, c = He(a, ["breadcrumbName"]);
-      return Object.assign(Object.assign({}, c), {
+      } = a, d = Me(a, ["breadcrumbName"]);
+      return Object.assign(Object.assign({}, d), {
         title: i
       });
     })
   }), r;
 }
-function Ao(e, o) {
-  return it(() => e || (o ? o.map(_o) : null), [e, o]);
+function In(e, n) {
+  return ot(() => e || (n ? n.map(Sn) : null), [e, n]);
 }
-var Lo = globalThis && globalThis.__rest || function(e, o) {
+var yn = function(e, n) {
   var t = {};
-  for (var n in e)
-    Object.prototype.hasOwnProperty.call(e, n) && o.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
-      o.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (t[n[r]] = e[n[r]]);
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
+    n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (t[o[r]] = e[o[r]]);
   return t;
 };
-const ko = (e, o) => {
-  if (o === void 0)
-    return o;
-  let t = (o || "").replace(/^\//, "");
-  return Object.keys(e).forEach((n) => {
-    t = t.replace(`:${n}`, e[n]);
+const xn = (e, n) => {
+  if (n === void 0)
+    return n;
+  let t = (n || "").replace(/^\//, "");
+  return Object.keys(e).forEach((o) => {
+    t = t.replace(`:${o}`, e[o]);
   }), t;
-}, ce = (e) => {
+}, ue = (e) => {
   const {
-    prefixCls: o,
+    prefixCls: n,
     separator: t = "/",
-    style: n,
+    style: o,
     className: r,
     rootClassName: a,
     routes: i,
-    items: c,
+    items: d,
     children: s,
-    itemRender: g,
-    params: p = {}
-  } = e, S = Lo(e, ["prefixCls", "separator", "style", "className", "rootClassName", "routes", "items", "children", "itemRender", "params"]), {
+    itemRender: p,
+    params: g = {}
+  } = e, S = yn(e, ["prefixCls", "separator", "style", "className", "rootClassName", "routes", "items", "children", "itemRender", "params"]), {
     getPrefixCls: u,
-    direction: f,
-    breadcrumb: d
+    direction: $,
+    breadcrumb: c
   } = l.useContext(Z);
   let m;
-  const h = u("breadcrumb", o), [I, B, x] = Ro(h), $ = Ao(c, i);
+  const v = u("breadcrumb", n), [I, B, x] = Cn(v), b = In(d, i);
   if (process.env.NODE_ENV !== "production") {
-    const w = ae("Breadcrumb");
-    if (w.deprecated(!i, "routes", "items"), !$ || $.length === 0) {
-      const C = oe(s);
-      w.deprecated(C.length === 0, "Breadcrumb.Item and Breadcrumb.Separator", "items"), C.forEach((b) => {
-        b && process.env.NODE_ENV !== "production" && w(b.type && (b.type.__ANT_BREADCRUMB_ITEM === !0 || b.type.__ANT_BREADCRUMB_SEPARATOR === !0), "usage", "Only accepts Breadcrumb.Item and Breadcrumb.Separator as it's children");
+    const w = se("Breadcrumb");
+    if (w.deprecated(!i, "routes", "items"), !b || b.length === 0) {
+      const C = ne(s);
+      w.deprecated(C.length === 0, "Breadcrumb.Item and Breadcrumb.Separator", "items"), C.forEach((f) => {
+        f && process.env.NODE_ENV !== "production" && w(f.type && (f.type.__ANT_BREADCRUMB_ITEM === !0 || f.type.__ANT_BREADCRUMB_SEPARATOR === !0), "usage", "Only accepts Breadcrumb.Item and Breadcrumb.Separator as it's children");
       });
     }
   }
-  const E = Po(h, g);
-  if ($ && $.length > 0) {
-    const w = [], C = c || i;
-    m = $.map((b, T) => {
+  const E = $n(v, p);
+  if (b && b.length > 0) {
+    const w = [], C = d || i;
+    m = b.map((f, j) => {
       const {
         path: D,
         key: M,
@@ -2343,21 +2321,21 @@ const ko = (e, o) => {
         className: R,
         separator: W,
         dropdownProps: V
-      } = b, F = ko(p, D);
+      } = f, F = xn(g, D);
       F !== void 0 && w.push(F);
-      const j = M ?? T;
+      const z = M ?? j;
       if (y === "separator")
-        return /* @__PURE__ */ l.createElement(Se, {
-          key: j
+        return /* @__PURE__ */ l.createElement(ce, {
+          key: z
         }, W);
-      const X = {}, q = T === $.length - 1;
+      const X = {}, q = j === b.length - 1;
       H ? X.menu = H : L && (X.overlay = L);
       let {
         href: G
-      } = b;
-      return w.length && F !== void 0 && (G = `#/${w.join("/")}`), /* @__PURE__ */ l.createElement(et, Object.assign({
-        key: j
-      }, X, Ae(b, {
+      } = f;
+      return w.length && F !== void 0 && (G = `#/${w.join("/")}`), /* @__PURE__ */ l.createElement(Je, Object.assign({
+        key: z
+      }, X, Le(f, {
         data: !0,
         aria: !0
       }), {
@@ -2366,36 +2344,36 @@ const ko = (e, o) => {
         href: G,
         separator: q ? "" : t,
         onClick: k,
-        prefixCls: h
-      }), E(b, p, C, w, G));
+        prefixCls: v
+      }), E(f, g, C, w, G));
     });
   } else if (s) {
-    const w = oe(s).length;
-    m = oe(s).map((C, b) => {
+    const w = ne(s).length;
+    m = ne(s).map((C, f) => {
       if (!C)
         return C;
-      const T = b === w - 1;
+      const j = f === w - 1;
       return ee(C, {
-        separator: T ? "" : t,
+        separator: j ? "" : t,
         // eslint-disable-next-line react/no-array-index-key
-        key: b
+        key: f
       });
     });
   }
-  const N = P(h, d == null ? void 0 : d.className, {
-    [`${h}-rtl`]: f === "rtl"
-  }, r, a, B, x), _ = Object.assign(Object.assign({}, d == null ? void 0 : d.style), n);
+  const N = P(v, c == null ? void 0 : c.className, {
+    [`${v}-rtl`]: $ === "rtl"
+  }, r, a, B, x), _ = Object.assign(Object.assign({}, c == null ? void 0 : c.style), o);
   return I(/* @__PURE__ */ l.createElement("nav", Object.assign({
     className: N,
     style: _
   }, S), /* @__PURE__ */ l.createElement("ol", null, m)));
 };
-ce.Item = Ho;
-ce.Separator = Se;
-process.env.NODE_ENV !== "production" && (ce.displayName = "Breadcrumb");
-const Wo = ce, Xo = ({ colors: e, borderRadius: o, sizing: t, typography: n }, r = "active", a = "wide") => `
+ue.Item = Qe;
+ue.Separator = ce;
+process.env.NODE_ENV !== "production" && (ue.displayName = "Breadcrumb");
+const wn = ({ colors: e, typography: n }, t = "wide") => `
   &.ant-breadcrumb {
-    font-size: ${n[a].body1.fontSize};
+    font-size: ${n[t].body1.fontSize};
     
     .ant-breadcrumb-link,
     span[class*="ant-breadcrumb-link"] > a {
@@ -2438,20 +2416,21 @@ const Wo = ce, Xo = ({ colors: e, borderRadius: o, sizing: t, typography: n }, r
       background: none !important;
     }
   }
-`, mn = De.div`
-  ${({ isDisabled: e }) => e && `
+`, Wn = Re.div`
+  ${({ $isDisabled: e }) => e && `
       cursor: not-allowed;
       .ant-breadcrumb {
         pointer-events: none;
         opacity: 0.5;
       }
     `}
-`, gn = De(Wo)`
-  ${({ theme: e, type: o, state: t }) => e && Xo(e, o, t)}
+  opacity: ${({ $isDisabled: e }) => e ? 0.5 : 1};
+`, Xn = Re(ue)`
+  ${({ theme: e, breakpoint: n }) => e && wn(e, n)}
 `;
 export {
-  gn as Breadcrumb,
-  mn as BreadcrumbWrapper,
-  gn as default,
-  Xo as getGenesisClass
+  Xn as Breadcrumb,
+  Wn as BreadcrumbWrapper,
+  Xn as default,
+  wn as getGenesisClass
 };