@gobolt/genesis 0.0.10 → 0.0.11

package/dist/dropdown-zGGFIyJ_.js

@@ -0,0 +1,2044 @@
+import * as l from "react";
+import { useContext as he, useState as ve, useEffect as ce, useRef as Ne, createContext as qe, forwardRef as Te, useImperativeHandle as Fe } from "react";
+import { d as pe, e as P, F as Ce } from "./presets-Djh_L_6R.js";
+import { I as fe } from "./AntdIcon-nCNB0J1E.js";
+import { a as Ge, M as Ye, u as Ue, S as Ze, E as Ke, R as Je, b as Qe, D as et } from "./EllipsisOutlined-CJ2pgE2d.js";
+import { g as oe, j as p, C as re, O as tt, z as nt, y as ot, q as rt, t as it, m as me, s as Ie, r as He, M as lt, e as Pe, a as De, k as Se, c as at } from "./index-ByspLxrB.js";
+import { u as st } from "./useMergedState-BoELfaU9.js";
+import { o as Z } from "./omit-B_u6A-HL.js";
+import { u as Me, z as dt } from "./useZIndex-D81lkWy4.js";
+import { T as ct, i as je, g as ut, b as mt, a as gt, c as pt } from "./index-CqqwGTME.js";
+import { i as xe, g as ft } from "./DownOutlined-5-15jS0h.js";
+import { c as ie } from "./reactNode-sKPeiqPL.js";
+import { u as Re } from "./useCSSVarCls-C-MlZC6a.js";
+import "./index-DLdU7Tpd.js";
+import { b as $t } from "./index-DWUXwgXK.js";
+import { t as bt } from "./toArray-DGvPoJP_.js";
+import { C as ht } from "./ContextIsolator-CwuJooYf.js";
+import { g as vt } from "./collapse-Dtpt-6W_.js";
+import { i as Q, s as Ct, a as It, b as St, c as xt } from "./Overflow-DdNKJLQh.js";
+var wt = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, name: "right", theme: "outlined" }, yt = function(n, e) {
+  return /* @__PURE__ */ l.createElement(fe, pe({}, n, {
+    ref: e,
+    icon: wt
+  }));
+}, ee = /* @__PURE__ */ l.forwardRef(yt);
+process.env.NODE_ENV !== "production" && (ee.displayName = "RightOutlined");
+const Bt = (t) => typeof t != "object" && typeof t != "function" || t === null;
+var Ot = { icon: { tag: "svg", attrs: { viewBox: "0 0 1024 1024", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, name: "bars", theme: "outlined" }, Et = function(n, e) {
+  return /* @__PURE__ */ l.createElement(fe, pe({}, n, {
+    ref: e,
+    icon: Ot
+  }));
+}, Ae = /* @__PURE__ */ l.forwardRef(Et);
+process.env.NODE_ENV !== "production" && (Ae.displayName = "BarsOutlined");
+var zt = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, name: "left", theme: "outlined" }, Nt = function(n, e) {
+  return /* @__PURE__ */ l.createElement(fe, pe({}, n, {
+    ref: e,
+    icon: zt
+  }));
+}, ge = /* @__PURE__ */ l.forwardRef(Nt);
+process.env.NODE_ENV !== "production" && (ge.displayName = "LeftOutlined");
+const Tt = /* @__PURE__ */ l.createContext({
+  siderHook: {
+    addSider: () => null,
+    removeSider: () => null
+  }
+}), Ht = (t) => {
+  const {
+    antCls: n,
+    // .ant
+    componentCls: e,
+    // .ant-layout
+    colorText: r,
+    footerBg: o,
+    headerHeight: a,
+    headerPadding: i,
+    headerColor: d,
+    footerPadding: s,
+    fontSize: m,
+    bodyBg: f,
+    headerBg: b
+  } = t;
+  return {
+    [e]: {
+      display: "flex",
+      flex: "auto",
+      flexDirection: "column",
+      /* fix firefox can't set height smaller than content on flex item */
+      minHeight: 0,
+      background: f,
+      "&, *": {
+        boxSizing: "border-box"
+      },
+      [`&${e}-has-sider`]: {
+        flexDirection: "row",
+        [`> ${e}, > ${e}-content`]: {
+          // https://segmentfault.com/a/1190000019498300
+          width: 0
+        }
+      },
+      [`${e}-header, &${e}-footer`]: {
+        flex: "0 0 auto"
+      },
+      // RTL
+      "&-rtl": {
+        direction: "rtl"
+      }
+    },
+    // ==================== Header ====================
+    [`${e}-header`]: {
+      height: a,
+      padding: i,
+      color: d,
+      lineHeight: p(a),
+      background: b,
+      // Other components/menu/style/index.less line:686
+      // Integration with header element so menu items have the same height
+      [`${n}-menu`]: {
+        lineHeight: "inherit"
+      }
+    },
+    // ==================== Footer ====================
+    [`${e}-footer`]: {
+      padding: s,
+      color: r,
+      fontSize: m,
+      background: o
+    },
+    // =================== Content ====================
+    [`${e}-content`]: {
+      flex: "auto",
+      color: r,
+      // fix firefox can't set height smaller than content on flex item
+      minHeight: 0
+    }
+  };
+}, Le = (t) => {
+  const {
+    colorBgLayout: n,
+    controlHeight: e,
+    controlHeightLG: r,
+    colorText: o,
+    controlHeightSM: a,
+    marginXXS: i,
+    colorTextLightSolid: d,
+    colorBgContainer: s
+  } = t, m = r * 1.25;
+  return {
+    // Deprecated
+    colorBgHeader: "#001529",
+    colorBgBody: n,
+    colorBgTrigger: "#002140",
+    bodyBg: n,
+    headerBg: "#001529",
+    headerHeight: e * 2,
+    headerPadding: `0 ${m}px`,
+    headerColor: o,
+    footerPadding: `${a}px ${m}px`,
+    footerBg: n,
+    siderBg: "#001529",
+    triggerHeight: r + i * 2,
+    triggerBg: "#002140",
+    triggerColor: d,
+    zeroTriggerWidth: r,
+    zeroTriggerHeight: r,
+    lightSiderBg: s,
+    lightTriggerBg: s,
+    lightTriggerColor: o
+  };
+}, _e = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]], Sn = oe("Layout", (t) => [Ht(t)], Le, {
+  deprecatedTokens: _e
+}), Pt = (t) => {
+  const {
+    componentCls: n,
+    siderBg: e,
+    motionDurationMid: r,
+    motionDurationSlow: o,
+    antCls: a,
+    triggerHeight: i,
+    triggerColor: d,
+    triggerBg: s,
+    headerHeight: m,
+    zeroTriggerWidth: f,
+    zeroTriggerHeight: b,
+    borderRadiusLG: u,
+    lightSiderBg: $,
+    lightTriggerColor: c,
+    lightTriggerBg: g,
+    bodyBg: h
+  } = t;
+  return {
+    [n]: {
+      position: "relative",
+      // fix firefox can't set width smaller than content on flex item
+      minWidth: 0,
+      background: e,
+      transition: `all ${r}, background 0s`,
+      "&-has-trigger": {
+        paddingBottom: i
+      },
+      "&-right": {
+        order: 1
+      },
+      [`${n}-children`]: {
+        height: "100%",
+        // Hack for fixing margin collapse bug
+        // https://github.com/ant-design/ant-design/issues/7967
+        // solution from https://stackoverflow.com/a/33132624/3040605
+        marginTop: -0.1,
+        paddingTop: 0.1,
+        [`${a}-menu${a}-menu-inline-collapsed`]: {
+          width: "auto"
+        }
+      },
+      [`${n}-trigger`]: {
+        position: "fixed",
+        bottom: 0,
+        zIndex: 1,
+        height: i,
+        color: d,
+        lineHeight: p(i),
+        textAlign: "center",
+        background: s,
+        cursor: "pointer",
+        transition: `all ${r}`
+      },
+      [`${n}-zero-width`]: {
+        "> *": {
+          overflow: "hidden"
+        },
+        "&-trigger": {
+          position: "absolute",
+          top: m,
+          insetInlineEnd: t.calc(f).mul(-1).equal(),
+          zIndex: 1,
+          width: f,
+          height: b,
+          color: d,
+          fontSize: t.fontSizeXL,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          background: e,
+          borderRadius: `0 ${p(u)} ${p(u)} 0`,
+          cursor: "pointer",
+          transition: `background ${o} ease`,
+          "&::after": {
+            position: "absolute",
+            inset: 0,
+            background: "transparent",
+            transition: `all ${o}`,
+            content: '""'
+          },
+          "&:hover::after": {
+            background: "rgba(255, 255, 255, 0.2)"
+          },
+          "&-right": {
+            insetInlineStart: t.calc(f).mul(-1).equal(),
+            borderRadius: `${p(u)} 0 0 ${p(u)}`
+          }
+        }
+      },
+      // Light
+      "&-light": {
+        background: $,
+        [`${n}-trigger`]: {
+          color: c,
+          background: g
+        },
+        [`${n}-zero-width-trigger`]: {
+          color: c,
+          background: g,
+          border: `1px solid ${h}`,
+          // Safe to modify to any other color
+          borderInlineStart: 0
+        }
+      }
+    }
+  };
+}, Dt = oe(["Layout", "Sider"], (t) => [Pt(t)], Le, {
+  deprecatedTokens: _e
+});
+var Mt = function(t, n) {
+  var e = {};
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && n.indexOf(r) < 0 && (e[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
+    n.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (e[r[o]] = t[r[o]]);
+  return e;
+};
+const we = {
+  xs: "479.98px",
+  sm: "575.98px",
+  md: "767.98px",
+  lg: "991.98px",
+  xl: "1199.98px",
+  xxl: "1599.98px"
+}, jt = (t) => !Number.isNaN(Number.parseFloat(t)) && isFinite(t), $e = /* @__PURE__ */ l.createContext({}), Rt = /* @__PURE__ */ (() => {
+  let t = 0;
+  return function() {
+    let n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+    return t += 1, `${n}${t}`;
+  };
+})(), At = /* @__PURE__ */ l.forwardRef((t, n) => {
+  const {
+    prefixCls: e,
+    className: r,
+    trigger: o,
+    children: a,
+    defaultCollapsed: i = !1,
+    theme: d = "dark",
+    style: s = {},
+    collapsible: m = !1,
+    reverseArrow: f = !1,
+    width: b = 200,
+    collapsedWidth: u = 80,
+    zeroWidthTriggerStyle: $,
+    breakpoint: c,
+    onCollapse: g,
+    onBreakpoint: h
+  } = t, x = Mt(t, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
+    siderHook: B
+  } = he(Tt), [y, v] = ve("collapsed" in t ? t.collapsed : i), [O, N] = ve(!1);
+  ce(() => {
+    "collapsed" in t && v(t.collapsed);
+  }, [t.collapsed]);
+  const A = (E, D) => {
+    "collapsed" in t || v(E), g == null || g(E, D);
+  }, {
+    getPrefixCls: T,
+    direction: I
+  } = he(re), S = T("layout-sider", e), [H, M, L] = Dt(S), C = Ne(null);
+  C.current = (E) => {
+    N(E.matches), h == null || h(E.matches), y !== E.matches && A(E.matches, "responsive");
+  }, ce(() => {
+    function E(F) {
+      return C.current(F);
+    }
+    let D;
+    if (typeof window < "u") {
+      const {
+        matchMedia: F
+      } = window;
+      if (F && c && c in we) {
+        D = F(`screen and (max-width: ${we[c]})`);
+        try {
+          D.addEventListener("change", E);
+        } catch {
+          D.addListener(E);
+        }
+        E(D);
+      }
+    }
+    return () => {
+      try {
+        D == null || D.removeEventListener("change", E);
+      } catch {
+        D == null || D.removeListener(E);
+      }
+    };
+  }, [c]), ce(() => {
+    const E = Rt("ant-sider-");
+    return B.addSider(E), () => B.removeSider(E);
+  }, []);
+  const j = () => {
+    A(!y, "clickTrigger");
+  }, W = Z(x, ["collapsed"]), _ = y ? u : b, R = jt(_) ? `${_}px` : String(_), k = parseFloat(String(u || 0)) === 0 ? /* @__PURE__ */ l.createElement("span", {
+    onClick: j,
+    className: P(`${S}-zero-width-trigger`, `${S}-zero-width-trigger-${f ? "right" : "left"}`),
+    style: $
+  }, o || /* @__PURE__ */ l.createElement(Ae, null)) : null, V = I === "rtl" == !f, X = {
+    expanded: V ? /* @__PURE__ */ l.createElement(ee, null) : /* @__PURE__ */ l.createElement(ge, null),
+    collapsed: V ? /* @__PURE__ */ l.createElement(ge, null) : /* @__PURE__ */ l.createElement(ee, null)
+  }[y ? "collapsed" : "expanded"], q = o !== null ? k || /* @__PURE__ */ l.createElement("div", {
+    className: `${S}-trigger`,
+    onClick: j,
+    style: {
+      width: R
+    }
+  }, o || X) : null, J = Object.assign(Object.assign({}, s), {
+    flex: `0 0 ${R}`,
+    maxWidth: R,
+    minWidth: R,
+    width: R
+  }), le = P(S, `${S}-${d}`, {
+    [`${S}-collapsed`]: !!y,
+    [`${S}-has-trigger`]: m && o !== null && !k,
+    [`${S}-below`]: !!O,
+    [`${S}-zero-width`]: parseFloat(R) === 0
+  }, r, M, L), ae = l.useMemo(() => ({
+    siderCollapsed: y
+  }), [y]);
+  return H(/* @__PURE__ */ l.createElement($e.Provider, {
+    value: ae
+  }, /* @__PURE__ */ l.createElement("aside", Object.assign({
+    className: le
+  }, W, {
+    style: J,
+    ref: n
+  }), /* @__PURE__ */ l.createElement("div", {
+    className: `${S}-children`
+  }, a), m || O && k ? q : null)));
+});
+process.env.NODE_ENV !== "production" && (At.displayName = "Sider");
+const te = /* @__PURE__ */ qe({
+  prefixCls: "",
+  firstLevel: !0,
+  inlineCollapsed: !1
+});
+var Lt = function(t, n) {
+  var e = {};
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && n.indexOf(r) < 0 && (e[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
+    n.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (e[r[o]] = t[r[o]]);
+  return e;
+};
+const ke = (t) => {
+  const {
+    prefixCls: n,
+    className: e,
+    dashed: r
+  } = t, o = Lt(t, ["prefixCls", "className", "dashed"]), {
+    getPrefixCls: a
+  } = l.useContext(re), i = a("menu", n), d = P({
+    [`${i}-item-divider-dashed`]: !!r
+  }, e);
+  return /* @__PURE__ */ l.createElement(Ge, Object.assign({
+    className: d
+  }, o));
+}, We = (t) => {
+  var n;
+  const {
+    className: e,
+    children: r,
+    icon: o,
+    title: a,
+    danger: i,
+    extra: d
+  } = t, {
+    prefixCls: s,
+    firstLevel: m,
+    direction: f,
+    disableMenuItemTitleTooltip: b,
+    inlineCollapsed: u
+  } = l.useContext(te), $ = (y) => {
+    const v = r == null ? void 0 : r[0], O = /* @__PURE__ */ l.createElement("span", {
+      className: P(`${s}-title-content`, {
+        [`${s}-title-content-with-extra`]: !!d || d === 0
+      })
+    }, r);
+    return (!o || /* @__PURE__ */ l.isValidElement(r) && r.type === "span") && r && y && m && typeof v == "string" ? /* @__PURE__ */ l.createElement("div", {
+      className: `${s}-inline-collapsed-noicon`
+    }, v.charAt(0)) : O;
+  }, {
+    siderCollapsed: c
+  } = l.useContext($e);
+  let g = a;
+  typeof a > "u" ? g = m ? r : "" : a === !1 && (g = "");
+  const h = {
+    title: g
+  };
+  !c && !u && (h.title = null, h.open = !1);
+  const x = bt(r).length;
+  let B = /* @__PURE__ */ l.createElement(Ye, Object.assign({}, Z(t, ["title", "icon", "danger"]), {
+    className: P({
+      [`${s}-item-danger`]: i,
+      [`${s}-item-only-child`]: (o ? x + 1 : x) === 1
+    }, e),
+    title: typeof a == "string" ? a : void 0
+  }), ie(o, {
+    className: P(/* @__PURE__ */ l.isValidElement(o) ? (n = o.props) === null || n === void 0 ? void 0 : n.className : "", `${s}-item-icon`)
+  }), $(u));
+  return b || (B = /* @__PURE__ */ l.createElement(ct, Object.assign({}, h, {
+    placement: f === "rtl" ? "left" : "right",
+    classNames: {
+      root: `${s}-inline-collapsed-tooltip`
+    }
+  }), B)), B;
+};
+var _t = function(t, n) {
+  var e = {};
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && n.indexOf(r) < 0 && (e[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
+    n.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (e[r[o]] = t[r[o]]);
+  return e;
+};
+const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forwardRef((t, n) => {
+  const {
+    children: e
+  } = t, r = _t(t, ["children"]), o = l.useContext(ne), a = l.useMemo(() => Object.assign(Object.assign({}, o), r), [
+    o,
+    r.prefixCls,
+    // restProps.expandIcon, Not mark as deps since this is a ReactNode
+    r.mode,
+    r.selectable,
+    r.rootClassName
+    // restProps.validator, Not mark as deps since this is a function
+  ]), i = tt(e), d = nt(n, i ? ot(e) : null);
+  return /* @__PURE__ */ l.createElement(ne.Provider, {
+    value: a
+  }, /* @__PURE__ */ l.createElement(ht, {
+    space: !0
+  }, i ? /* @__PURE__ */ l.cloneElement(e, {
+    ref: d
+  }) : e));
+}), Wt = (t) => {
+  const {
+    componentCls: n,
+    motionDurationSlow: e,
+    horizontalLineHeight: r,
+    colorSplit: o,
+    lineWidth: a,
+    lineType: i,
+    itemPaddingInline: d
+  } = t;
+  return {
+    [`${n}-horizontal`]: {
+      lineHeight: r,
+      border: 0,
+      borderBottom: `${p(a)} ${i} ${o}`,
+      boxShadow: "none",
+      "&::after": {
+        display: "block",
+        clear: "both",
+        height: 0,
+        content: '"\\20"'
+      },
+      // ======================= Item =======================
+      [`${n}-item, ${n}-submenu`]: {
+        position: "relative",
+        display: "inline-block",
+        verticalAlign: "bottom",
+        paddingInline: d
+      },
+      [`> ${n}-item:hover,
+        > ${n}-item-active,
+        > ${n}-submenu ${n}-submenu-title:hover`]: {
+        backgroundColor: "transparent"
+      },
+      [`${n}-item, ${n}-submenu-title`]: {
+        transition: [`border-color ${e}`, `background ${e}`].join(",")
+      },
+      // ===================== Sub Menu =====================
+      [`${n}-submenu-arrow`]: {
+        display: "none"
+      }
+    }
+  };
+}, Vt = (t) => {
+  let {
+    componentCls: n,
+    menuArrowOffset: e,
+    calc: r
+  } = t;
+  return {
+    [`${n}-rtl`]: {
+      direction: "rtl"
+    },
+    [`${n}-submenu-rtl`]: {
+      transformOrigin: "100% 0"
+    },
+    // Vertical Arrow
+    [`${n}-rtl${n}-vertical,
+    ${n}-submenu-rtl ${n}-vertical`]: {
+      [`${n}-submenu-arrow`]: {
+        "&::before": {
+          transform: `rotate(-45deg) translateY(${p(r(e).mul(-1).equal())})`
+        },
+        "&::after": {
+          transform: `rotate(45deg) translateY(${p(e)})`
+        }
+      }
+    }
+  };
+}, ye = (t) => Object.assign({}, rt(t)), Be = (t, n) => {
+  const {
+    componentCls: e,
+    itemColor: r,
+    itemSelectedColor: o,
+    subMenuItemSelectedColor: a,
+    groupTitleColor: i,
+    itemBg: d,
+    subMenuItemBg: s,
+    itemSelectedBg: m,
+    activeBarHeight: f,
+    activeBarWidth: b,
+    activeBarBorderWidth: u,
+    motionDurationSlow: $,
+    motionEaseInOut: c,
+    motionEaseOut: g,
+    itemPaddingInline: h,
+    motionDurationMid: x,
+    itemHoverColor: B,
+    lineType: y,
+    colorSplit: v,
+    // Disabled
+    itemDisabledColor: O,
+    // Danger
+    dangerItemColor: N,
+    dangerItemHoverColor: A,
+    dangerItemSelectedColor: T,
+    dangerItemActiveBg: I,
+    dangerItemSelectedBg: S,
+    // Bg
+    popupBg: H,
+    itemHoverBg: M,
+    itemActiveBg: L,
+    menuSubMenuBg: C,
+    // Horizontal
+    horizontalItemSelectedColor: j,
+    horizontalItemSelectedBg: W,
+    horizontalItemBorderRadius: _,
+    horizontalItemHoverBg: R
+  } = t;
+  return {
+    [`${e}-${n}, ${e}-${n} > ${e}`]: {
+      color: r,
+      background: d,
+      [`&${e}-root:focus-visible`]: Object.assign({}, ye(t)),
+      // ======================== Item ========================
+      [`${e}-item`]: {
+        "&-group-title, &-extra": {
+          color: i
+        }
+      },
+      [`${e}-submenu-selected > ${e}-submenu-title`]: {
+        color: a
+      },
+      [`${e}-item, ${e}-submenu-title`]: {
+        color: r,
+        [`&:not(${e}-item-disabled):focus-visible`]: Object.assign({}, ye(t))
+      },
+      // Disabled
+      [`${e}-item-disabled, ${e}-submenu-disabled`]: {
+        color: `${O} !important`
+      },
+      // Hover
+      [`${e}-item:not(${e}-item-selected):not(${e}-submenu-selected)`]: {
+        [`&:hover, > ${e}-submenu-title:hover`]: {
+          color: B
+        }
+      },
+      [`&:not(${e}-horizontal)`]: {
+        [`${e}-item:not(${e}-item-selected)`]: {
+          "&:hover": {
+            backgroundColor: M
+          },
+          "&:active": {
+            backgroundColor: L
+          }
+        },
+        [`${e}-submenu-title`]: {
+          "&:hover": {
+            backgroundColor: M
+          },
+          "&:active": {
+            backgroundColor: L
+          }
+        }
+      },
+      // Danger - only Item has
+      [`${e}-item-danger`]: {
+        color: N,
+        [`&${e}-item:hover`]: {
+          [`&:not(${e}-item-selected):not(${e}-submenu-selected)`]: {
+            color: A
+          }
+        },
+        [`&${e}-item:active`]: {
+          background: I
+        }
+      },
+      [`${e}-item a`]: {
+        "&, &:hover": {
+          color: "inherit"
+        }
+      },
+      [`${e}-item-selected`]: {
+        color: o,
+        // Danger
+        [`&${e}-item-danger`]: {
+          color: T
+        },
+        "a, a:hover": {
+          color: "inherit"
+        }
+      },
+      [`& ${e}-item-selected`]: {
+        backgroundColor: m,
+        // Danger
+        [`&${e}-item-danger`]: {
+          backgroundColor: S
+        }
+      },
+      [`&${e}-submenu > ${e}`]: {
+        backgroundColor: C
+      },
+      // ===== 设置浮层的颜色 =======
+      // ！dark 模式会被popupBg 会被rest 为 darkPopupBg
+      [`&${e}-popup > ${e}`]: {
+        backgroundColor: H
+      },
+      [`&${e}-submenu-popup > ${e}`]: {
+        backgroundColor: H
+      },
+      // ===== 设置浮层的颜色 end =======
+      // ====================== Horizontal ======================
+      [`&${e}-horizontal`]: Object.assign(Object.assign({}, n === "dark" ? {
+        borderBottom: 0
+      } : {}), {
+        [`> ${e}-item, > ${e}-submenu`]: {
+          top: u,
+          marginTop: t.calc(u).mul(-1).equal(),
+          marginBottom: 0,
+          borderRadius: _,
+          "&::after": {
+            position: "absolute",
+            insetInline: h,
+            bottom: 0,
+            borderBottom: `${p(f)} solid transparent`,
+            transition: `border-color ${$} ${c}`,
+            content: '""'
+          },
+          "&:hover, &-active, &-open": {
+            background: R,
+            "&::after": {
+              borderBottomWidth: f,
+              borderBottomColor: j
+            }
+          },
+          "&-selected": {
+            color: j,
+            backgroundColor: W,
+            "&:hover": {
+              backgroundColor: W
+            },
+            "&::after": {
+              borderBottomWidth: f,
+              borderBottomColor: j
+            }
+          }
+        }
+      }),
+      // ================== Inline & Vertical ===================
+      //
+      [`&${e}-root`]: {
+        [`&${e}-inline, &${e}-vertical`]: {
+          borderInlineEnd: `${p(u)} ${y} ${v}`
+        }
+      },
+      // ======================== Inline ========================
+      [`&${e}-inline`]: {
+        // Sub
+        [`${e}-sub${e}-inline`]: {
+          background: s
+        },
+        [`${e}-item`]: {
+          position: "relative",
+          "&::after": {
+            position: "absolute",
+            insetBlock: 0,
+            insetInlineEnd: 0,
+            borderInlineEnd: `${p(b)} solid ${o}`,
+            transform: "scaleY(0.0001)",
+            opacity: 0,
+            transition: [`transform ${x} ${g}`, `opacity ${x} ${g}`].join(","),
+            content: '""'
+          },
+          // Danger
+          [`&${e}-item-danger`]: {
+            "&::after": {
+              borderInlineEndColor: T
+            }
+          }
+        },
+        [`${e}-selected, ${e}-item-selected`]: {
+          "&::after": {
+            transform: "scaleY(1)",
+            opacity: 1,
+            transition: [`transform ${x} ${c}`, `opacity ${x} ${c}`].join(",")
+          }
+        }
+      }
+    }
+  };
+}, Oe = (t) => {
+  const {
+    componentCls: n,
+    itemHeight: e,
+    itemMarginInline: r,
+    padding: o,
+    menuArrowSize: a,
+    marginXS: i,
+    itemMarginBlock: d,
+    itemWidth: s,
+    itemPaddingInline: m
+  } = t, f = t.calc(a).add(o).add(i).equal();
+  return {
+    [`${n}-item`]: {
+      position: "relative",
+      overflow: "hidden"
+    },
+    [`${n}-item, ${n}-submenu-title`]: {
+      height: e,
+      lineHeight: p(e),
+      paddingInline: m,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      marginInline: r,
+      marginBlock: d,
+      width: s
+    },
+    [`> ${n}-item,
+            > ${n}-submenu > ${n}-submenu-title`]: {
+      height: e,
+      lineHeight: p(e)
+    },
+    [`${n}-item-group-list ${n}-submenu-title,
+            ${n}-submenu-title`]: {
+      paddingInlineEnd: f
+    }
+  };
+}, Xt = (t) => {
+  const {
+    componentCls: n,
+    iconCls: e,
+    itemHeight: r,
+    colorTextLightSolid: o,
+    dropdownWidth: a,
+    controlHeightLG: i,
+    motionEaseOut: d,
+    paddingXL: s,
+    itemMarginInline: m,
+    fontSizeLG: f,
+    motionDurationFast: b,
+    motionDurationSlow: u,
+    paddingXS: $,
+    boxShadowSecondary: c,
+    collapsedWidth: g,
+    collapsedIconSize: h
+  } = t, x = {
+    height: r,
+    lineHeight: p(r),
+    listStylePosition: "inside",
+    listStyleType: "disc"
+  };
+  return [
+    {
+      [n]: {
+        "&-inline, &-vertical": Object.assign({
+          [`&${n}-root`]: {
+            boxShadow: "none"
+          }
+        }, Oe(t))
+      },
+      [`${n}-submenu-popup`]: {
+        [`${n}-vertical`]: Object.assign(Object.assign({}, Oe(t)), {
+          boxShadow: c
+        })
+      }
+    },
+    // Vertical only
+    {
+      [`${n}-submenu-popup ${n}-vertical${n}-sub`]: {
+        minWidth: a,
+        maxHeight: `calc(100vh - ${p(t.calc(i).mul(2.5).equal())})`,
+        padding: "0",
+        overflow: "hidden",
+        borderInlineEnd: 0,
+        // https://github.com/ant-design/ant-design/issues/22244
+        // https://github.com/ant-design/ant-design/issues/26812
+        "&:not([class*='-active'])": {
+          overflowX: "hidden",
+          overflowY: "auto"
+        }
+      }
+    },
+    // Inline Only
+    {
+      [`${n}-inline`]: {
+        width: "100%",
+        // Motion enhance for first level
+        [`&${n}-root`]: {
+          [`${n}-item, ${n}-submenu-title`]: {
+            display: "flex",
+            alignItems: "center",
+            transition: [`border-color ${u}`, `background ${u}`, `padding ${b} ${d}`].join(","),
+            [`> ${n}-title-content`]: {
+              flex: "auto",
+              minWidth: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis"
+            },
+            "> *": {
+              flex: "none"
+            }
+          }
+        },
+        // >>>>> Sub
+        [`${n}-sub${n}-inline`]: {
+          padding: 0,
+          border: 0,
+          borderRadius: 0,
+          boxShadow: "none",
+          [`& > ${n}-submenu > ${n}-submenu-title`]: x,
+          [`& ${n}-item-group-title`]: {
+            paddingInlineStart: s
+          }
+        },
+        // >>>>> Item
+        [`${n}-item`]: x
+      }
+    },
+    // Inline Collapse Only
+    {
+      [`${n}-inline-collapsed`]: {
+        width: g,
+        [`&${n}-root`]: {
+          [`${n}-item, ${n}-submenu ${n}-submenu-title`]: {
+            [`> ${n}-inline-collapsed-noicon`]: {
+              fontSize: f,
+              textAlign: "center"
+            }
+          }
+        },
+        [`> ${n}-item,
+          > ${n}-item-group > ${n}-item-group-list > ${n}-item,
+          > ${n}-item-group > ${n}-item-group-list > ${n}-submenu > ${n}-submenu-title,
+          > ${n}-submenu > ${n}-submenu-title`]: {
+          insetInlineStart: 0,
+          paddingInline: `calc(50% - ${p(t.calc(h).div(2).equal())} - ${p(m)})`,
+          textOverflow: "clip",
+          [`
+            ${n}-submenu-arrow,
+            ${n}-submenu-expand-icon
+          `]: {
+            opacity: 0
+          },
+          [`${n}-item-icon, ${e}`]: {
+            margin: 0,
+            fontSize: h,
+            lineHeight: p(r),
+            "+ span": {
+              display: "inline-block",
+              opacity: 0
+            }
+          }
+        },
+        [`${n}-item-icon, ${e}`]: {
+          display: "inline-block"
+        },
+        "&-tooltip": {
+          pointerEvents: "none",
+          [`${n}-item-icon, ${e}`]: {
+            display: "none"
+          },
+          "a, a:hover": {
+            color: o
+          }
+        },
+        [`${n}-item-group-title`]: Object.assign(Object.assign({}, it), {
+          paddingInline: $
+        })
+      }
+    }
+  ];
+}, Ee = (t) => {
+  const {
+    componentCls: n,
+    motionDurationSlow: e,
+    motionDurationMid: r,
+    motionEaseInOut: o,
+    motionEaseOut: a,
+    iconCls: i,
+    iconSize: d,
+    iconMarginInlineEnd: s
+  } = t;
+  return {
+    // >>>>> Item
+    [`${n}-item, ${n}-submenu-title`]: {
+      position: "relative",
+      display: "block",
+      margin: 0,
+      whiteSpace: "nowrap",
+      cursor: "pointer",
+      transition: [`border-color ${e}`, `background ${e}`, `padding calc(${e} + 0.1s) ${o}`].join(","),
+      [`${n}-item-icon, ${i}`]: {
+        minWidth: d,
+        fontSize: d,
+        transition: [`font-size ${r} ${a}`, `margin ${e} ${o}`, `color ${e}`].join(","),
+        "+ span": {
+          marginInlineStart: s,
+          opacity: 1,
+          transition: [`opacity ${e} ${o}`, `margin ${e}`, `color ${e}`].join(",")
+        }
+      },
+      [`${n}-item-icon`]: Object.assign({}, lt()),
+      [`&${n}-item-only-child`]: {
+        [`> ${i}, > ${n}-item-icon`]: {
+          marginInlineEnd: 0
+        }
+      }
+    },
+    // Disabled state sets text to gray and nukes hover/tab effects
+    [`${n}-item-disabled, ${n}-submenu-disabled`]: {
+      background: "none !important",
+      cursor: "not-allowed",
+      "&::after": {
+        borderColor: "transparent !important"
+      },
+      a: {
+        color: "inherit !important",
+        cursor: "not-allowed",
+        pointerEvents: "none"
+      },
+      [`> ${n}-submenu-title`]: {
+        color: "inherit !important",
+        cursor: "not-allowed"
+      }
+    }
+  };
+}, ze = (t) => {
+  const {
+    componentCls: n,
+    motionDurationSlow: e,
+    motionEaseInOut: r,
+    borderRadius: o,
+    menuArrowSize: a,
+    menuArrowOffset: i
+  } = t;
+  return {
+    [`${n}-submenu`]: {
+      "&-expand-icon, &-arrow": {
+        position: "absolute",
+        top: "50%",
+        insetInlineEnd: t.margin,
+        width: a,
+        color: "currentcolor",
+        transform: "translateY(-50%)",
+        transition: `transform ${e} ${r}, opacity ${e}`
+      },
+      "&-arrow": {
+        // →
+        "&::before, &::after": {
+          position: "absolute",
+          width: t.calc(a).mul(0.6).equal(),
+          height: t.calc(a).mul(0.15).equal(),
+          backgroundColor: "currentcolor",
+          borderRadius: o,
+          transition: [`background ${e} ${r}`, `transform ${e} ${r}`, `top ${e} ${r}`, `color ${e} ${r}`].join(","),
+          content: '""'
+        },
+        "&::before": {
+          transform: `rotate(45deg) translateY(${p(t.calc(i).mul(-1).equal())})`
+        },
+        "&::after": {
+          transform: `rotate(-45deg) translateY(${p(i)})`
+        }
+      }
+    }
+  };
+}, qt = (t) => {
+  const {
+    antCls: n,
+    componentCls: e,
+    fontSize: r,
+    motionDurationSlow: o,
+    motionDurationMid: a,
+    motionEaseInOut: i,
+    paddingXS: d,
+    padding: s,
+    colorSplit: m,
+    lineWidth: f,
+    zIndexPopup: b,
+    borderRadiusLG: u,
+    subMenuItemBorderRadius: $,
+    menuArrowSize: c,
+    menuArrowOffset: g,
+    lineType: h,
+    groupTitleLineHeight: x,
+    groupTitleFontSize: B
+  } = t;
+  return [
+    // Misc
+    {
+      "": {
+        [e]: Object.assign(Object.assign({}, Ie()), {
+          // Hidden
+          "&-hidden": {
+            display: "none"
+          }
+        })
+      },
+      [`${e}-submenu-hidden`]: {
+        display: "none"
+      }
+    },
+    {
+      [e]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, He(t)), Ie()), {
+        marginBottom: 0,
+        paddingInlineStart: 0,
+        // Override default ul/ol
+        fontSize: r,
+        lineHeight: 0,
+        listStyle: "none",
+        outline: "none",
+        // Magic cubic here but smooth transition
+        transition: `width ${o} cubic-bezier(0.2, 0, 0, 1) 0s`,
+        "ul, ol": {
+          margin: 0,
+          padding: 0,
+          listStyle: "none"
+        },
+        // Overflow ellipsis
+        "&-overflow": {
+          display: "flex",
+          [`${e}-item`]: {
+            flex: "none"
+          }
+        },
+        [`${e}-item, ${e}-submenu, ${e}-submenu-title`]: {
+          borderRadius: t.itemBorderRadius
+        },
+        [`${e}-item-group-title`]: {
+          padding: `${p(d)} ${p(s)}`,
+          fontSize: B,
+          lineHeight: x,
+          transition: `all ${o}`
+        },
+        [`&-horizontal ${e}-submenu`]: {
+          transition: [`border-color ${o} ${i}`, `background ${o} ${i}`].join(",")
+        },
+        [`${e}-submenu, ${e}-submenu-inline`]: {
+          transition: [`border-color ${o} ${i}`, `background ${o} ${i}`, `padding ${a} ${i}`].join(",")
+        },
+        [`${e}-submenu ${e}-sub`]: {
+          cursor: "initial",
+          transition: [`background ${o} ${i}`, `padding ${o} ${i}`].join(",")
+        },
+        [`${e}-title-content`]: {
+          transition: `color ${o}`,
+          "&-with-extra": {
+            display: "inline-flex",
+            alignItems: "center",
+            width: "100%"
+          },
+          // https://github.com/ant-design/ant-design/issues/41143
+          [`> ${n}-typography-ellipsis-single-line`]: {
+            display: "inline",
+            verticalAlign: "unset"
+          },
+          [`${e}-item-extra`]: {
+            marginInlineStart: "auto",
+            paddingInlineStart: t.padding
+          }
+        },
+        [`${e}-item a`]: {
+          "&::before": {
+            position: "absolute",
+            inset: 0,
+            backgroundColor: "transparent",
+            content: '""'
+          }
+        },
+        // Removed a Badge related style seems it's safe
+        // https://github.com/ant-design/ant-design/issues/19809
+        // >>>>> Divider
+        [`${e}-item-divider`]: {
+          overflow: "hidden",
+          lineHeight: 0,
+          borderColor: m,
+          borderStyle: h,
+          borderWidth: 0,
+          borderTopWidth: f,
+          marginBlock: f,
+          padding: 0,
+          "&-dashed": {
+            borderStyle: "dashed"
+          }
+        }
+      }), Ee(t)), {
+        [`${e}-item-group`]: {
+          [`${e}-item-group-list`]: {
+            margin: 0,
+            padding: 0,
+            [`${e}-item, ${e}-submenu-title`]: {
+              paddingInline: `${p(t.calc(r).mul(2).equal())} ${p(s)}`
+            }
+          }
+        },
+        // ======================= Sub Menu =======================
+        "&-submenu": {
+          "&-popup": {
+            position: "absolute",
+            zIndex: b,
+            borderRadius: u,
+            boxShadow: "none",
+            transformOrigin: "0 0",
+            [`&${e}-submenu`]: {
+              background: "transparent"
+            },
+            // https://github.com/ant-design/ant-design/issues/13955
+            "&::before": {
+              position: "absolute",
+              inset: 0,
+              zIndex: -1,
+              width: "100%",
+              height: "100%",
+              opacity: 0,
+              content: '""'
+            },
+            [`> ${e}`]: Object.assign(Object.assign(Object.assign({
+              borderRadius: u
+            }, Ee(t)), ze(t)), {
+              [`${e}-item, ${e}-submenu > ${e}-submenu-title`]: {
+                borderRadius: $
+              },
+              [`${e}-submenu-title::after`]: {
+                transition: `transform ${o} ${i}`
+              }
+            })
+          },
+          "\n          &-placement-leftTop,\n          &-placement-bottomRight,\n          ": {
+            transformOrigin: "100% 0"
+          },
+          "\n          &-placement-leftBottom,\n          &-placement-topRight,\n          ": {
+            transformOrigin: "100% 100%"
+          },
+          "\n          &-placement-rightBottom,\n          &-placement-topLeft,\n          ": {
+            transformOrigin: "0 100%"
+          },
+          "\n          &-placement-bottomLeft,\n          &-placement-rightTop,\n          ": {
+            transformOrigin: "0 0"
+          },
+          "\n          &-placement-leftTop,\n          &-placement-leftBottom\n          ": {
+            paddingInlineEnd: t.paddingXS
+          },
+          "\n          &-placement-rightTop,\n          &-placement-rightBottom\n          ": {
+            paddingInlineStart: t.paddingXS
+          },
+          "\n          &-placement-topRight,\n          &-placement-topLeft\n          ": {
+            paddingBottom: t.paddingXS
+          },
+          "\n          &-placement-bottomRight,\n          &-placement-bottomLeft\n          ": {
+            paddingTop: t.paddingXS
+          }
+        }
+      }), ze(t)), {
+        [`&-inline-collapsed ${e}-submenu-arrow,
+        &-inline ${e}-submenu-arrow`]: {
+          // ↓
+          "&::before": {
+            transform: `rotate(-45deg) translateX(${p(g)})`
+          },
+          "&::after": {
+            transform: `rotate(45deg) translateX(${p(t.calc(g).mul(-1).equal())})`
+          }
+        },
+        [`${e}-submenu-open${e}-submenu-inline > ${e}-submenu-title > ${e}-submenu-arrow`]: {
+          // ↑
+          transform: `translateY(${p(t.calc(c).mul(0.2).mul(-1).equal())})`,
+          "&::after": {
+            transform: `rotate(-45deg) translateX(${p(t.calc(g).mul(-1).equal())})`
+          },
+          "&::before": {
+            transform: `rotate(45deg) translateX(${p(g)})`
+          }
+        }
+      })
+    },
+    // Integration with header element so menu items have the same height
+    {
+      [`${n}-layout-header`]: {
+        [e]: {
+          lineHeight: "inherit"
+        }
+      }
+    }
+  ];
+}, Ft = (t) => {
+  var n, e, r;
+  const {
+    colorPrimary: o,
+    colorError: a,
+    colorTextDisabled: i,
+    colorErrorBg: d,
+    colorText: s,
+    colorTextDescription: m,
+    colorBgContainer: f,
+    colorFillAlter: b,
+    colorFillContent: u,
+    lineWidth: $,
+    lineWidthBold: c,
+    controlItemBgActive: g,
+    colorBgTextHover: h,
+    controlHeightLG: x,
+    lineHeight: B,
+    colorBgElevated: y,
+    marginXXS: v,
+    padding: O,
+    fontSize: N,
+    controlHeightSM: A,
+    fontSizeLG: T,
+    colorTextLightSolid: I,
+    colorErrorHover: S
+  } = t, H = (n = t.activeBarWidth) !== null && n !== void 0 ? n : 0, M = (e = t.activeBarBorderWidth) !== null && e !== void 0 ? e : $, L = (r = t.itemMarginInline) !== null && r !== void 0 ? r : t.marginXXS, C = new Ce(I).setA(0.65).toRgbString();
+  return {
+    dropdownWidth: 160,
+    zIndexPopup: t.zIndexPopupBase + 50,
+    radiusItem: t.borderRadiusLG,
+    itemBorderRadius: t.borderRadiusLG,
+    radiusSubMenuItem: t.borderRadiusSM,
+    subMenuItemBorderRadius: t.borderRadiusSM,
+    colorItemText: s,
+    itemColor: s,
+    colorItemTextHover: s,
+    itemHoverColor: s,
+    colorItemTextHoverHorizontal: o,
+    horizontalItemHoverColor: o,
+    colorGroupTitle: m,
+    groupTitleColor: m,
+    colorItemTextSelected: o,
+    itemSelectedColor: o,
+    subMenuItemSelectedColor: o,
+    colorItemTextSelectedHorizontal: o,
+    horizontalItemSelectedColor: o,
+    colorItemBg: f,
+    itemBg: f,
+    colorItemBgHover: h,
+    itemHoverBg: h,
+    colorItemBgActive: u,
+    itemActiveBg: g,
+    colorSubItemBg: b,
+    subMenuItemBg: b,
+    colorItemBgSelected: g,
+    itemSelectedBg: g,
+    colorItemBgSelectedHorizontal: "transparent",
+    horizontalItemSelectedBg: "transparent",
+    colorActiveBarWidth: 0,
+    activeBarWidth: H,
+    colorActiveBarHeight: c,
+    activeBarHeight: c,
+    colorActiveBarBorderSize: $,
+    activeBarBorderWidth: M,
+    // Disabled
+    colorItemTextDisabled: i,
+    itemDisabledColor: i,
+    // Danger
+    colorDangerItemText: a,
+    dangerItemColor: a,
+    colorDangerItemTextHover: a,
+    dangerItemHoverColor: a,
+    colorDangerItemTextSelected: a,
+    dangerItemSelectedColor: a,
+    colorDangerItemBgActive: d,
+    dangerItemActiveBg: d,
+    colorDangerItemBgSelected: d,
+    dangerItemSelectedBg: d,
+    itemMarginInline: L,
+    horizontalItemBorderRadius: 0,
+    horizontalItemHoverBg: "transparent",
+    itemHeight: x,
+    groupTitleLineHeight: B,
+    collapsedWidth: x * 2,
+    popupBg: y,
+    itemMarginBlock: v,
+    itemPaddingInline: O,
+    horizontalLineHeight: `${x * 1.15}px`,
+    iconSize: N,
+    iconMarginInlineEnd: A - N,
+    collapsedIconSize: T,
+    groupTitleFontSize: N,
+    // Disabled
+    darkItemDisabledColor: new Ce(I).setA(0.25).toRgbString(),
+    // Dark
+    darkItemColor: C,
+    darkDangerItemColor: a,
+    darkItemBg: "#001529",
+    darkPopupBg: "#001529",
+    darkSubMenuItemBg: "#000c17",
+    darkItemSelectedColor: I,
+    darkItemSelectedBg: o,
+    darkDangerItemSelectedBg: a,
+    darkItemHoverBg: "transparent",
+    darkGroupTitleColor: C,
+    darkItemHoverColor: I,
+    darkDangerItemHoverColor: S,
+    darkDangerItemSelectedColor: I,
+    darkDangerItemActiveBg: a,
+    // internal
+    itemWidth: H ? `calc(100% + ${M}px)` : `calc(100% - ${L * 2}px)`
+  };
+}, Gt = function(t) {
+  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : t, e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0;
+  return oe("Menu", (o) => {
+    const {
+      colorBgElevated: a,
+      controlHeightLG: i,
+      fontSize: d,
+      darkItemColor: s,
+      darkDangerItemColor: m,
+      darkItemBg: f,
+      darkSubMenuItemBg: b,
+      darkItemSelectedColor: u,
+      darkItemSelectedBg: $,
+      darkDangerItemSelectedBg: c,
+      darkItemHoverBg: g,
+      darkGroupTitleColor: h,
+      darkItemHoverColor: x,
+      darkItemDisabledColor: B,
+      darkDangerItemHoverColor: y,
+      darkDangerItemSelectedColor: v,
+      darkDangerItemActiveBg: O,
+      popupBg: N,
+      darkPopupBg: A
+    } = o, T = o.calc(d).div(7).mul(5).equal(), I = me(o, {
+      menuArrowSize: T,
+      menuHorizontalHeight: o.calc(i).mul(1.15).equal(),
+      menuArrowOffset: o.calc(T).mul(0.25).equal(),
+      menuSubMenuBg: a,
+      calc: o.calc,
+      popupBg: N
+    }), S = me(I, {
+      itemColor: s,
+      itemHoverColor: x,
+      groupTitleColor: h,
+      itemSelectedColor: u,
+      itemBg: f,
+      popupBg: A,
+      subMenuItemBg: b,
+      itemActiveBg: "transparent",
+      itemSelectedBg: $,
+      activeBarHeight: 0,
+      activeBarBorderWidth: 0,
+      itemHoverBg: g,
+      // Disabled
+      itemDisabledColor: B,
+      // Danger
+      dangerItemColor: m,
+      dangerItemHoverColor: y,
+      dangerItemSelectedColor: v,
+      dangerItemActiveBg: O,
+      dangerItemSelectedBg: c,
+      menuSubMenuBg: b,
+      // Horizontal
+      horizontalItemSelectedColor: u,
+      horizontalItemSelectedBg: $
+    });
+    return [
+      // Basic
+      qt(I),
+      // Horizontal
+      Wt(I),
+      // Hard code for some light style
+      // Vertical
+      Xt(I),
+      // Hard code for some light style
+      // Theme
+      Be(I, "light"),
+      Be(S, "dark"),
+      // RTL
+      Vt(I),
+      // Motion
+      vt(I),
+      Q(I, "slide-up"),
+      Q(I, "slide-down"),
+      je(I, "zoom-big")
+    ];
+  }, Ft, {
+    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: e,
+    unitless: {
+      groupTitleLineHeight: !0
+    }
+  })(t, n);
+}, Ve = (t) => {
+  var n;
+  const {
+    popupClassName: e,
+    icon: r,
+    title: o,
+    theme: a
+  } = t, i = l.useContext(te), {
+    prefixCls: d,
+    inlineCollapsed: s,
+    theme: m
+  } = i, f = Ue();
+  let b;
+  if (!r)
+    b = s && !f.length && o && typeof o == "string" ? /* @__PURE__ */ l.createElement("div", {
+      className: `${d}-inline-collapsed-noicon`
+    }, o.charAt(0)) : /* @__PURE__ */ l.createElement("span", {
+      className: `${d}-title-content`
+    }, o);
+  else {
+    const c = /* @__PURE__ */ l.isValidElement(o) && o.type === "span";
+    b = /* @__PURE__ */ l.createElement(l.Fragment, null, ie(r, {
+      className: P(/* @__PURE__ */ l.isValidElement(r) ? (n = r.props) === null || n === void 0 ? void 0 : n.className : "", `${d}-item-icon`)
+    }), c ? o : /* @__PURE__ */ l.createElement("span", {
+      className: `${d}-title-content`
+    }, o));
+  }
+  const u = l.useMemo(() => Object.assign(Object.assign({}, i), {
+    firstLevel: !1
+  }), [i]), [$] = Me("Menu");
+  return /* @__PURE__ */ l.createElement(te.Provider, {
+    value: u
+  }, /* @__PURE__ */ l.createElement(Ze, Object.assign({}, Z(t, ["icon"]), {
+    title: b,
+    popupClassName: P(d, e, `${d}-${a || m}`),
+    popupStyle: Object.assign({
+      zIndex: $
+    }, t.popupStyle)
+  })));
+};
+var Yt = function(t, n) {
+  var e = {};
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && n.indexOf(r) < 0 && (e[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
+    n.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (e[r[o]] = t[r[o]]);
+  return e;
+};
+function ue(t) {
+  return t === null || t === !1;
+}
+const Ut = {
+  item: We,
+  submenu: Ve,
+  divider: ke
+}, Zt = /* @__PURE__ */ Te((t, n) => {
+  var e;
+  const r = l.useContext(ne), o = r || {}, {
+    getPrefixCls: a,
+    getPopupContainer: i,
+    direction: d,
+    menu: s
+  } = l.useContext(re), m = a(), {
+    prefixCls: f,
+    className: b,
+    style: u,
+    theme: $ = "light",
+    expandIcon: c,
+    _internalDisableMenuItemTitleTooltip: g,
+    inlineCollapsed: h,
+    siderCollapsed: x,
+    rootClassName: B,
+    mode: y,
+    selectable: v,
+    onClick: O,
+    overflowedIndicatorPopupClassName: N
+  } = t, A = Yt(t, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]), T = Z(A, ["collapsedWidth"]);
+  if (process.env.NODE_ENV !== "production") {
+    const z = Pe("Menu");
+    process.env.NODE_ENV !== "production" && z(!("inlineCollapsed" in t && y !== "inline"), "usage", "`inlineCollapsed` should only be used when `mode` is inline."), z.deprecated("items" in t && !t.children, "children", "items");
+  }
+  (e = o.validator) === null || e === void 0 || e.call(o, {
+    mode: y
+  });
+  const I = De(function() {
+    var z;
+    O == null || O.apply(void 0, arguments), (z = o.onClick) === null || z === void 0 || z.call(o);
+  }), S = o.mode || y, H = v ?? o.selectable, M = h ?? x, L = {
+    horizontal: {
+      motionName: `${m}-slide-up`
+    },
+    inline: $t(m),
+    other: {
+      motionName: `${m}-zoom-big`
+    }
+  }, C = a("menu", f || o.prefixCls), j = Re(C), [W, _, R] = Gt(C, j, !r), k = P(`${C}-${$}`, s == null ? void 0 : s.className, b), V = l.useMemo(() => {
+    var z, X;
+    if (typeof c == "function" || ue(c))
+      return c || null;
+    if (typeof o.expandIcon == "function" || ue(o.expandIcon))
+      return o.expandIcon || null;
+    if (typeof (s == null ? void 0 : s.expandIcon) == "function" || ue(s == null ? void 0 : s.expandIcon))
+      return (s == null ? void 0 : s.expandIcon) || null;
+    const q = (z = c ?? (o == null ? void 0 : o.expandIcon)) !== null && z !== void 0 ? z : s == null ? void 0 : s.expandIcon;
+    return ie(q, {
+      className: P(`${C}-submenu-expand-icon`, /* @__PURE__ */ l.isValidElement(q) ? (X = q.props) === null || X === void 0 ? void 0 : X.className : void 0)
+    });
+  }, [c, o == null ? void 0 : o.expandIcon, s == null ? void 0 : s.expandIcon, C]), K = l.useMemo(() => ({
+    prefixCls: C,
+    inlineCollapsed: M || !1,
+    direction: d,
+    firstLevel: !0,
+    theme: $,
+    mode: S,
+    disableMenuItemTitleTooltip: g
+  }), [C, M, d, g, $]);
+  return W(/* @__PURE__ */ l.createElement(ne.Provider, {
+    value: null
+  }, /* @__PURE__ */ l.createElement(te.Provider, {
+    value: K
+  }, /* @__PURE__ */ l.createElement(Ke, Object.assign({
+    getPopupContainer: i,
+    overflowedIndicator: /* @__PURE__ */ l.createElement(Je, null),
+    overflowedIndicatorPopupClassName: P(C, `${C}-${$}`, N),
+    mode: S,
+    selectable: H,
+    onClick: I
+  }, T, {
+    inlineCollapsed: M,
+    style: Object.assign(Object.assign({}, s == null ? void 0 : s.style), u),
+    className: k,
+    prefixCls: C,
+    direction: d,
+    defaultMotions: L,
+    expandIcon: V,
+    ref: n,
+    rootClassName: P(B, _, o.rootClassName, R, j),
+    _internalComponents: Ut
+  })))));
+}), U = /* @__PURE__ */ Te((t, n) => {
+  const e = Ne(null), r = l.useContext($e);
+  return Fe(n, () => ({
+    menu: e.current,
+    focus: (o) => {
+      var a;
+      (a = e.current) === null || a === void 0 || a.focus(o);
+    }
+  })), /* @__PURE__ */ l.createElement(Zt, Object.assign({
+    ref: e
+  }, t, r));
+});
+U.Item = We;
+U.SubMenu = Ve;
+U.Divider = ke;
+U.ItemGroup = Qe;
+process.env.NODE_ENV !== "production" && (U.displayName = "Menu");
+const Kt = (t) => {
+  const {
+    componentCls: n,
+    menuCls: e,
+    colorError: r,
+    colorTextLightSolid: o
+  } = t, a = `${e}-item`;
+  return {
+    [`${n}, ${n}-menu-submenu`]: {
+      [`${e} ${a}`]: {
+        [`&${a}-danger:not(${a}-disabled)`]: {
+          color: r,
+          "&:hover": {
+            color: o,
+            backgroundColor: r
+          }
+        }
+      }
+    }
+  };
+}, Jt = (t) => {
+  const {
+    componentCls: n,
+    menuCls: e,
+    zIndexPopup: r,
+    dropdownArrowDistance: o,
+    sizePopupArrow: a,
+    antCls: i,
+    iconCls: d,
+    motionDurationMid: s,
+    paddingBlock: m,
+    fontSize: f,
+    dropdownEdgeChildPadding: b,
+    colorTextDisabled: u,
+    fontSizeIcon: $,
+    controlPaddingHorizontal: c,
+    colorBgElevated: g
+  } = t;
+  return [
+    {
+      [n]: {
+        position: "absolute",
+        top: -9999,
+        left: {
+          _skip_check_: !0,
+          value: -9999
+        },
+        zIndex: r,
+        display: "block",
+        // A placeholder out of dropdown visible range to avoid close when user moving
+        "&::before": {
+          position: "absolute",
+          insetBlock: t.calc(a).div(2).sub(o).equal(),
+          // insetInlineStart: -7, // FIXME: Seems not work for hidden element
+          zIndex: -9999,
+          opacity: 1e-4,
+          content: '""'
+        },
+        // Makes vertical dropdowns have a scrollbar once they become taller than the viewport.
+        "&-menu-vertical": {
+          maxHeight: "100vh",
+          overflowY: "auto"
+        },
+        [`&-trigger${i}-btn`]: {
+          [`& > ${d}-down, & > ${i}-btn-icon > ${d}-down`]: {
+            fontSize: $
+          }
+        },
+        [`${n}-wrap`]: {
+          position: "relative",
+          [`${i}-btn > ${d}-down`]: {
+            fontSize: $
+          },
+          [`${d}-down::before`]: {
+            transition: `transform ${s}`
+          }
+        },
+        [`${n}-wrap-open`]: {
+          [`${d}-down::before`]: {
+            transform: "rotate(180deg)"
+          }
+        },
+        "\n        &-hidden,\n        &-menu-hidden,\n        &-menu-submenu-hidden\n      ": {
+          display: "none"
+        },
+        // =============================================================
+        // ==                         Motion                          ==
+        // =============================================================
+        // When position is not enough for dropdown, the placement will revert.
+        // We will handle this with revert motion name.
+        [`&${i}-slide-down-enter${i}-slide-down-enter-active${n}-placement-bottomLeft,
+          &${i}-slide-down-appear${i}-slide-down-appear-active${n}-placement-bottomLeft,
+          &${i}-slide-down-enter${i}-slide-down-enter-active${n}-placement-bottom,
+          &${i}-slide-down-appear${i}-slide-down-appear-active${n}-placement-bottom,
+          &${i}-slide-down-enter${i}-slide-down-enter-active${n}-placement-bottomRight,
+          &${i}-slide-down-appear${i}-slide-down-appear-active${n}-placement-bottomRight`]: {
+          animationName: Ct
+        },
+        [`&${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: It
+        },
+        [`&${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: St
+        },
+        [`&${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: xt
+        }
+      }
+    },
+    // =============================================================
+    // ==                        Arrow style                      ==
+    // =============================================================
+    ut(t, g, {
+      arrowPlacement: {
+        top: !0,
+        bottom: !0
+      }
+    }),
+    {
+      // =============================================================
+      // ==                          Menu                           ==
+      // =============================================================
+      [`${n} ${e}`]: {
+        position: "relative",
+        margin: 0
+      },
+      [`${e}-submenu-popup`]: {
+        position: "absolute",
+        zIndex: r,
+        background: "transparent",
+        boxShadow: "none",
+        transformOrigin: "0 0",
+        "ul, li": {
+          listStyle: "none",
+          margin: 0
+        }
+      },
+      [`${n}, ${n}-menu-submenu`]: Object.assign(Object.assign({}, He(t)), {
+        [e]: Object.assign(Object.assign({
+          padding: b,
+          listStyleType: "none",
+          backgroundColor: g,
+          backgroundClip: "padding-box",
+          borderRadius: t.borderRadiusLG,
+          outline: "none",
+          boxShadow: t.boxShadowSecondary
+        }, Se(t)), {
+          "&:empty": {
+            padding: 0,
+            boxShadow: "none"
+          },
+          [`${e}-item-group-title`]: {
+            padding: `${p(m)} ${p(c)}`,
+            color: t.colorTextDescription,
+            transition: `all ${s}`
+          },
+          // ======================= Item Content =======================
+          [`${e}-item`]: {
+            position: "relative",
+            display: "flex",
+            alignItems: "center"
+          },
+          [`${e}-item-icon`]: {
+            minWidth: f,
+            marginInlineEnd: t.marginXS,
+            fontSize: t.fontSizeSM
+          },
+          [`${e}-title-content`]: {
+            flex: "auto",
+            "&-with-extra": {
+              display: "inline-flex",
+              alignItems: "center",
+              width: "100%"
+            },
+            "> a": {
+              color: "inherit",
+              transition: `all ${s}`,
+              "&:hover": {
+                color: "inherit"
+              },
+              "&::after": {
+                position: "absolute",
+                inset: 0,
+                content: '""'
+              }
+            },
+            [`${e}-item-extra`]: {
+              paddingInlineStart: t.padding,
+              marginInlineStart: "auto",
+              fontSize: t.fontSizeSM,
+              color: t.colorTextDescription
+            }
+          },
+          // =========================== Item ===========================
+          [`${e}-item, ${e}-submenu-title`]: Object.assign(Object.assign({
+            display: "flex",
+            margin: 0,
+            padding: `${p(m)} ${p(c)}`,
+            color: t.colorText,
+            fontWeight: "normal",
+            fontSize: f,
+            lineHeight: t.lineHeight,
+            cursor: "pointer",
+            transition: `all ${s}`,
+            borderRadius: t.borderRadiusSM,
+            "&:hover, &-active": {
+              backgroundColor: t.controlItemBgHover
+            }
+          }, Se(t)), {
+            "&-selected": {
+              color: t.colorPrimary,
+              backgroundColor: t.controlItemBgActive,
+              "&:hover, &-active": {
+                backgroundColor: t.controlItemBgActiveHover
+              }
+            },
+            "&-disabled": {
+              color: u,
+              cursor: "not-allowed",
+              "&:hover": {
+                color: u,
+                backgroundColor: g,
+                cursor: "not-allowed"
+              },
+              a: {
+                pointerEvents: "none"
+              }
+            },
+            "&-divider": {
+              height: 1,
+              // By design
+              margin: `${p(t.marginXXS)} 0`,
+              overflow: "hidden",
+              lineHeight: 0,
+              backgroundColor: t.colorSplit
+            },
+            [`${n}-menu-submenu-expand-icon`]: {
+              position: "absolute",
+              insetInlineEnd: t.paddingXS,
+              [`${n}-menu-submenu-arrow-icon`]: {
+                marginInlineEnd: "0 !important",
+                color: t.colorTextDescription,
+                fontSize: $,
+                fontStyle: "normal"
+              }
+            }
+          }),
+          [`${e}-item-group-list`]: {
+            margin: `0 ${p(t.marginXS)}`,
+            padding: 0,
+            listStyle: "none"
+          },
+          [`${e}-submenu-title`]: {
+            paddingInlineEnd: t.calc(c).add(t.fontSizeSM).equal()
+          },
+          [`${e}-submenu-vertical`]: {
+            position: "relative"
+          },
+          [`${e}-submenu${e}-submenu-disabled ${n}-menu-submenu-title`]: {
+            [`&, ${n}-menu-submenu-arrow-icon`]: {
+              color: u,
+              backgroundColor: g,
+              cursor: "not-allowed"
+            }
+          },
+          // https://github.com/ant-design/ant-design/issues/19264
+          [`${e}-submenu-selected ${n}-menu-submenu-title`]: {
+            color: t.colorPrimary
+          }
+        })
+      })
+    },
+    // Follow code may reuse in other components
+    [Q(t, "slide-up"), Q(t, "slide-down"), xe(t, "move-up"), xe(t, "move-down"), je(t, "zoom-big")]
+  ];
+}, Qt = (t) => Object.assign(Object.assign({
+  zIndexPopup: t.zIndexPopupBase + 50,
+  paddingBlock: (t.controlHeight - t.fontSize * t.lineHeight) / 2
+}, mt({
+  contentRadius: t.borderRadiusLG,
+  limitVerticalRadius: !0
+})), gt(t)), en = oe("Dropdown", (t) => {
+  const {
+    marginXXS: n,
+    sizePopupArrow: e,
+    paddingXXS: r,
+    componentCls: o
+  } = t, a = me(t, {
+    menuCls: `${o}-menu`,
+    dropdownArrowDistance: t.calc(e).div(2).add(n).equal(),
+    dropdownEdgeChildPadding: r
+  });
+  return [Jt(a), Kt(a)];
+}, Qt, {
+  resetStyle: !1
+}), be = (t) => {
+  var n;
+  const {
+    menu: e,
+    arrow: r,
+    prefixCls: o,
+    children: a,
+    trigger: i,
+    disabled: d,
+    dropdownRender: s,
+    getPopupContainer: m,
+    overlayClassName: f,
+    rootClassName: b,
+    overlayStyle: u,
+    open: $,
+    onOpenChange: c,
+    // Deprecated
+    visible: g,
+    onVisibleChange: h,
+    mouseEnterDelay: x = 0.15,
+    mouseLeaveDelay: B = 0.1,
+    autoAdjustOverflow: y = !0,
+    placement: v = "",
+    overlay: O,
+    transitionName: N
+  } = t, {
+    getPopupContainer: A,
+    getPrefixCls: T,
+    direction: I,
+    dropdown: S
+  } = l.useContext(re), H = Pe("Dropdown");
+  process.env.NODE_ENV !== "production" && ([["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((w) => {
+    let [G, Y] = w;
+    H.deprecated(!(G in t), G, Y);
+  }), H.deprecated(!("overlay" in t), "overlay", "menu"));
+  const M = l.useMemo(() => {
+    const w = T();
+    return N !== void 0 ? N : v.includes("top") ? `${w}-slide-down` : `${w}-slide-up`;
+  }, [T, v, N]), L = l.useMemo(() => v ? v.includes("Center") ? v.slice(0, v.indexOf("Center")) : v : I === "rtl" ? "bottomRight" : "bottomLeft", [v, I]);
+  if (process.env.NODE_ENV !== "production") {
+    if (v.includes("Center")) {
+      const w = v.slice(0, v.indexOf("Center"));
+      process.env.NODE_ENV !== "production" && H(!v.includes("Center"), "deprecated", `You are using '${v}' placement in Dropdown, which is deprecated. Try to use '${w}' instead.`);
+    }
+    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((w) => {
+      let [G, Y] = w;
+      H.deprecated(!(G in t), G, Y);
+    });
+  }
+  const C = T("dropdown", o), j = Re(C), [W, _, R] = en(C, j), [, k] = at(), V = l.Children.only(Bt(a) ? /* @__PURE__ */ l.createElement("span", null, a) : a), K = ie(V, {
+    className: P(`${C}-trigger`, {
+      [`${C}-rtl`]: I === "rtl"
+    }, V.props.className),
+    disabled: (n = V.props.disabled) !== null && n !== void 0 ? n : d
+  }), z = d ? [] : i, X = !!(z != null && z.includes("contextMenu")), [q, J] = st(!1, {
+    value: $ ?? g
+  }), le = De((w) => {
+    c == null || c(w, {
+      source: "trigger"
+    }), h == null || h(w), J(w);
+  }), ae = P(f, b, _, R, j, S == null ? void 0 : S.className, {
+    [`${C}-rtl`]: I === "rtl"
+  }), E = pt({
+    arrowPointAtCenter: typeof r == "object" && r.pointAtCenter,
+    autoAdjustOverflow: y,
+    offset: k.marginXXS,
+    arrowWidth: r ? k.sizePopupArrow : 0,
+    borderRadius: k.borderRadius
+  }), D = l.useCallback(() => {
+    e != null && e.selectable && (e != null && e.multiple) || (c == null || c(!1, {
+      source: "menu"
+    }), J(!1));
+  }, [e == null ? void 0 : e.selectable, e == null ? void 0 : e.multiple]), F = () => {
+    let w;
+    return e != null && e.items ? w = /* @__PURE__ */ l.createElement(U, Object.assign({}, e)) : typeof O == "function" ? w = O() : w = O, s && (w = s(w)), w = l.Children.only(typeof w == "string" ? /* @__PURE__ */ l.createElement("span", null, w) : w), /* @__PURE__ */ l.createElement(kt, {
+      prefixCls: `${C}-menu`,
+      rootClassName: P(R, j),
+      expandIcon: /* @__PURE__ */ l.createElement("span", {
+        className: `${C}-menu-submenu-arrow`
+      }, /* @__PURE__ */ l.createElement(ee, {
+        className: `${C}-menu-submenu-arrow-icon`
+      })),
+      mode: "vertical",
+      selectable: !1,
+      onClick: D,
+      validator: (G) => {
+        let {
+          mode: Y
+        } = G;
+        process.env.NODE_ENV !== "production" && H(!Y || Y === "vertical", "usage", `mode="${Y}" is not supported for Dropdown's Menu.`);
+      }
+    }, w);
+  }, [se, Xe] = Me("Dropdown", u == null ? void 0 : u.zIndex);
+  let de = /* @__PURE__ */ l.createElement(et, Object.assign({
+    alignPoint: X
+  }, Z(t, ["rootClassName"]), {
+    mouseEnterDelay: x,
+    mouseLeaveDelay: B,
+    visible: q,
+    builtinPlacements: E,
+    arrow: !!r,
+    overlayClassName: ae,
+    prefixCls: C,
+    getPopupContainer: m || A,
+    transitionName: M,
+    trigger: z,
+    overlay: F,
+    placement: L,
+    onVisibleChange: le,
+    overlayStyle: Object.assign(Object.assign(Object.assign({}, S == null ? void 0 : S.style), u), {
+      zIndex: se
+    })
+  }), K);
+  return se && (de = /* @__PURE__ */ l.createElement(dt.Provider, {
+    value: Xe
+  }, de)), W(de);
+}, tn = ft(be, "align", void 0, "dropdown", (t) => t), nn = (t) => /* @__PURE__ */ l.createElement(tn, Object.assign({}, t), /* @__PURE__ */ l.createElement("span", null));
+be._InternalPanelDoNotUseOrYouWillBeFired = nn;
+process.env.NODE_ENV !== "production" && (be.displayName = "Dropdown");
+export {
+  be as D,
+  Tt as L,
+  U as M,
+  kt as O,
+  ee as R,
+  At as S,
+  $e as a,
+  ge as b,
+  Sn as u
+};