@gobolt/genesis 0.0.7 → 0.0.8

package/dist/components/Breadcrumb/styles.js

@@ -0,0 +1,2457 @@
+import { d as De } from "../../styled-components.browser.esm-02f500bc.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, {
+    ref: t,
+    icon: Lt
+  }));
+}, qe = /* @__PURE__ */ l.forwardRef(kt);
+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, {
+    ref: t,
+    icon: Vt
+  }));
+}, Fe = /* @__PURE__ */ l.forwardRef(qt);
+process.env.NODE_ENV !== "production" && (Fe.displayName = "LeftOutlined");
+const Be = Fe, Ft = /* @__PURE__ */ l.createContext({
+  siderHook: {
+    addSider: () => null,
+    removeSider: () => null
+  }
+}), Gt = (e) => {
+  const {
+    antCls: o,
+    // .ant
+    componentCls: t,
+    // .ant-layout
+    colorText: n,
+    footerBg: r,
+    headerHeight: a,
+    headerPadding: i,
+    headerColor: c,
+    footerPadding: s,
+    fontSize: g,
+    bodyBg: p,
+    headerBg: S
+  } = e;
+  return {
+    [t]: {
+      display: "flex",
+      flex: "auto",
+      flexDirection: "column",
+      /* fix firefox can't set height smaller than content on flex item */
+      minHeight: 0,
+      background: p,
+      "&, *": {
+        boxSizing: "border-box"
+      },
+      [`&${t}-has-sider`]: {
+        flexDirection: "row",
+        [`> ${t}, > ${t}-content`]: {
+          // https://segmentfault.com/a/1190000019498300
+          width: 0
+        }
+      },
+      [`${t}-header, &${t}-footer`]: {
+        flex: "0 0 auto"
+      },
+      // RTL
+      "&-rtl": {
+        direction: "rtl"
+      }
+    },
+    // ==================== Header ====================
+    [`${t}-header`]: {
+      height: a,
+      padding: i,
+      color: c,
+      lineHeight: v(a),
+      background: S,
+      // Other components/menu/style/index.less line:686
+      // Integration with header element so menu items have the same height
+      [`${o}-menu`]: {
+        lineHeight: "inherit"
+      }
+    },
+    // ==================== Footer ====================
+    [`${t}-footer`]: {
+      padding: s,
+      color: n,
+      fontSize: g,
+      background: r
+    },
+    // =================== Content ====================
+    [`${t}-content`]: {
+      flex: "auto",
+      color: n,
+      // fix firefox can't set height smaller than content on flex item
+      minHeight: 0
+    }
+  };
+}, Ge = (e) => {
+  const {
+    colorBgLayout: o,
+    controlHeight: t,
+    controlHeightLG: n,
+    colorText: r,
+    controlHeightSM: a,
+    marginXXS: i,
+    colorTextLightSolid: c,
+    colorBgContainer: s
+  } = e, g = n * 1.25;
+  return {
+    // Deprecated
+    colorBgHeader: "#001529",
+    colorBgBody: o,
+    colorBgTrigger: "#002140",
+    bodyBg: o,
+    headerBg: "#001529",
+    headerHeight: t * 2,
+    headerPadding: `0 ${g}px`,
+    headerColor: r,
+    footerPadding: `${a}px ${g}px`,
+    footerBg: o,
+    siderBg: "#001529",
+    triggerHeight: n + i * 2,
+    triggerBg: "#002140",
+    triggerColor: c,
+    zeroTriggerWidth: n,
+    zeroTriggerHeight: n,
+    lightSiderBg: s,
+    lightTriggerBg: s,
+    lightTriggerColor: r
+  };
+}, Ye = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]];
+te("Layout", (e) => [Gt(e)], Ge, {
+  deprecatedTokens: Ye
+});
+const Yt = (e) => {
+  const {
+    componentCls: o,
+    siderBg: t,
+    motionDurationMid: n,
+    motionDurationSlow: r,
+    antCls: a,
+    triggerHeight: i,
+    triggerColor: c,
+    triggerBg: s,
+    headerHeight: g,
+    zeroTriggerWidth: p,
+    zeroTriggerHeight: S,
+    borderRadiusLG: u,
+    lightSiderBg: f,
+    lightTriggerColor: d,
+    lightTriggerBg: m,
+    bodyBg: h
+  } = e;
+  return {
+    [o]: {
+      position: "relative",
+      // fix firefox can't set width smaller than content on flex item
+      minWidth: 0,
+      background: t,
+      transition: `all ${n}, background 0s`,
+      "&-has-trigger": {
+        paddingBottom: i
+      },
+      "&-right": {
+        order: 1
+      },
+      [`${o}-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"
+        }
+      },
+      [`${o}-trigger`]: {
+        position: "fixed",
+        bottom: 0,
+        zIndex: 1,
+        height: i,
+        color: c,
+        lineHeight: v(i),
+        textAlign: "center",
+        background: s,
+        cursor: "pointer",
+        transition: `all ${n}`
+      },
+      "&-zero-width": {
+        "> *": {
+          overflow: "hidden"
+        },
+        "&-trigger": {
+          position: "absolute",
+          top: g,
+          insetInlineEnd: e.calc(p).mul(-1).equal(),
+          zIndex: 1,
+          width: p,
+          height: S,
+          color: c,
+          fontSize: e.fontSizeXL,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          background: t,
+          borderRadius: `0 ${v(u)} ${v(u)} 0`,
+          cursor: "pointer",
+          transition: `background ${r} ease`,
+          "&::after": {
+            position: "absolute",
+            inset: 0,
+            background: "transparent",
+            transition: `all ${r}`,
+            content: '""'
+          },
+          "&:hover::after": {
+            background: "rgba(255, 255, 255, 0.2)"
+          },
+          "&-right": {
+            insetInlineStart: e.calc(p).mul(-1).equal(),
+            borderRadius: `${v(u)} 0 0 ${v(u)}`
+          }
+        }
+      },
+      // Light
+      "&-light": {
+        background: f,
+        [`${o}-trigger`]: {
+          color: d,
+          background: m
+        },
+        [`${o}-zero-width-trigger`]: {
+          color: d,
+          background: m,
+          border: `1px solid ${h}`,
+          // Safe to modify to any other color
+          borderInlineStart: 0
+        }
+      }
+    }
+  };
+}, Ut = te(["Layout", "Sider"], (e) => [Yt(e)], Ge, {
+  deprecatedTokens: Ye
+});
+var Kt = globalThis && globalThis.__rest || function(e, o) {
+  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]]);
+  return t;
+};
+const Ee = {
+  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 = (() => {
+  let e = 0;
+  return function() {
+    let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+    return e += 1, `${o}${e}`;
+  };
+})(), Qt = /* @__PURE__ */ l.forwardRef((e, o) => {
+  const {
+    prefixCls: t,
+    className: n,
+    trigger: r,
+    children: a,
+    defaultCollapsed: i = !1,
+    theme: c = "dark",
+    style: s = {},
+    collapsible: g = !1,
+    reverseArrow: p = !1,
+    width: S = 200,
+    collapsedWidth: u = 80,
+    zeroWidthTriggerStyle: f,
+    breakpoint: d,
+    onCollapse: m,
+    onBreakpoint: h
+  } = e, I = Kt(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);
+  }, [e.collapsed]);
+  const _ = (z, A) => {
+    "collapsed" in e || $(z), m == null || m(z, 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) {
+      return y.current(Y);
+    }
+    let A;
+    if (typeof window < "u") {
+      const {
+        matchMedia: Y
+      } = window;
+      if (Y && d && d in Ee) {
+        A = Y(`screen and (max-width: ${Ee[d]})`);
+        try {
+          A.addEventListener("change", z);
+        } catch {
+          A.addListener(z);
+        }
+        z(A);
+      }
+    }
+    return () => {
+      try {
+        A == null || A.removeEventListener("change", z);
+      } catch {
+        A == null || A.removeListener(z);
+      }
+    };
+  }, [d]), pe(() => {
+    const z = Jt("ant-sider-");
+    return B.addSider(z), () => B.removeSider(z);
+  }, []);
+  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", {
+    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)
+  }[x ? "collapsed" : "expanded"], q = r !== null ? W || /* @__PURE__ */ l.createElement("div", {
+    className: `${b}-trigger`,
+    onClick: H,
+    style: {
+      width: R
+    }
+  }, r || X) : null, G = Object.assign(Object.assign({}, s), {
+    flex: `0 0 ${R}`,
+    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(() => ({
+    siderCollapsed: x
+  }), [x]);
+  return T(/* @__PURE__ */ l.createElement(Ce.Provider, {
+    value: ue
+  }, /* @__PURE__ */ l.createElement("aside", Object.assign({
+    className: de
+  }, L, {
+    style: G,
+    ref: o
+  }), /* @__PURE__ */ l.createElement("div", {
+    className: `${b}-children`
+  }, a), g || E && W ? q : null)));
+});
+process.env.NODE_ENV !== "production" && (Qt.displayName = "Sider");
+const eo = /* @__PURE__ */ nt({
+  prefixCls: "",
+  firstLevel: !0,
+  inlineCollapsed: !1
+}), ie = eo;
+var to = globalThis && globalThis.__rest || function(e, o) {
+  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]]);
+  return t;
+};
+const oo = (e) => {
+  const {
+    prefixCls: o,
+    className: t,
+    dashed: n
+  } = e, r = to(e, ["prefixCls", "className", "dashed"]), {
+    getPrefixCls: a
+  } = l.useContext(Z), i = a("menu", o), c = P({
+    [`${i}-item-divider-dashed`]: !!n
+  }, t);
+  return /* @__PURE__ */ l.createElement($t, Object.assign({
+    className: c
+  }, r));
+}, Ue = oo, no = (e) => {
+  var o;
+  const {
+    className: t,
+    children: n,
+    icon: r,
+    title: a,
+    danger: i,
+    extra: c
+  } = e, {
+    prefixCls: s,
+    firstLevel: g,
+    direction: p,
+    disableMenuItemTitleTooltip: S,
+    inlineCollapsed: u
+  } = l.useContext(ie), f = (x) => {
+    const $ = n == null ? void 0 : n[0], E = /* @__PURE__ */ l.createElement("span", {
+      className: P(`${s}-title-content`, {
+        [`${s}-title-content-with-extra`]: !!c || c === 0
+      })
+    }, n);
+    return (!r || /* @__PURE__ */ l.isValidElement(n) && n.type === "span") && n && x && g && typeof $ == "string" ? /* @__PURE__ */ l.createElement("div", {
+      className: `${s}-inline-collapsed-noicon`
+    }, $.charAt(0)) : E;
+  }, {
+    siderCollapsed: d
+  } = l.useContext(Ce);
+  let m = a;
+  typeof a > "u" ? m = g ? n : "" : a === !1 && (m = "");
+  const h = {
+    title: m
+  };
+  !d && !u && (h.title = null, h.open = !1);
+  const I = oe(n).length;
+  let B = /* @__PURE__ */ l.createElement(ft, Object.assign({}, Q(e, ["title", "icon", "danger"]), {
+    className: P({
+      [`${s}-item-danger`]: i,
+      [`${s}-item-only-child`]: (r ? I + 1 : I) === 1
+    }, 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",
+    classNames: {
+      root: `${s}-inline-collapsed-tooltip`
+    }
+  }), B)), B;
+}, Ke = no;
+var ro = globalThis && globalThis.__rest || function(e, o) {
+  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]]);
+  return t;
+};
+const le = /* @__PURE__ */ l.createContext(null), io = /* @__PURE__ */ l.forwardRef((e, o) => {
+  const {
+    children: t
+  } = e, n = ro(e, ["children"]), r = l.useContext(le), a = l.useMemo(() => Object.assign(Object.assign({}, r), n), [
+    r,
+    n.prefixCls,
+    // restProps.expandIcon, Not mark as deps since this is a ReactNode
+    n.mode,
+    n.selectable,
+    n.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, {
+    value: a
+  }, /* @__PURE__ */ l.createElement(jt, {
+    space: !0
+  }, i ? /* @__PURE__ */ l.cloneElement(t, {
+    ref: c
+  }) : t));
+}), lo = (e) => {
+  const {
+    componentCls: o,
+    motionDurationSlow: t,
+    horizontalLineHeight: n,
+    colorSplit: r,
+    lineWidth: a,
+    lineType: i,
+    itemPaddingInline: c
+  } = e;
+  return {
+    [`${o}-horizontal`]: {
+      lineHeight: n,
+      border: 0,
+      borderBottom: `${v(a)} ${i} ${r}`,
+      boxShadow: "none",
+      "&::after": {
+        display: "block",
+        clear: "both",
+        height: 0,
+        content: '"\\20"'
+      },
+      // ======================= Item =======================
+      [`${o}-item, ${o}-submenu`]: {
+        position: "relative",
+        display: "inline-block",
+        verticalAlign: "bottom",
+        paddingInline: c
+      },
+      [`> ${o}-item:hover,
+        > ${o}-item-active,
+        > ${o}-submenu ${o}-submenu-title:hover`]: {
+        backgroundColor: "transparent"
+      },
+      [`${o}-item, ${o}-submenu-title`]: {
+        transition: [`border-color ${t}`, `background ${t}`].join(",")
+      },
+      // ===================== Sub Menu =====================
+      [`${o}-submenu-arrow`]: {
+        display: "none"
+      }
+    }
+  };
+}, ao = lo, so = (e) => {
+  let {
+    componentCls: o,
+    menuArrowOffset: t,
+    calc: n
+  } = e;
+  return {
+    [`${o}-rtl`]: {
+      direction: "rtl"
+    },
+    [`${o}-submenu-rtl`]: {
+      transformOrigin: "100% 0"
+    },
+    // Vertical Arrow
+    [`${o}-rtl${o}-vertical,
+    ${o}-submenu-rtl ${o}-vertical`]: {
+      [`${o}-submenu-arrow`]: {
+        "&::before": {
+          transform: `rotate(-45deg) translateY(${v(n(t).mul(-1).equal())})`
+        },
+        "&::after": {
+          transform: `rotate(45deg) translateY(${v(t)})`
+        }
+      }
+    }
+  };
+}, co = so, Ne = (e) => Object.assign({}, dt(e)), uo = (e, o) => {
+  const {
+    componentCls: t,
+    itemColor: n,
+    itemSelectedColor: r,
+    subMenuItemSelectedColor: a,
+    groupTitleColor: i,
+    itemBg: c,
+    subMenuItemBg: s,
+    itemSelectedBg: g,
+    activeBarHeight: p,
+    activeBarWidth: S,
+    activeBarBorderWidth: u,
+    motionDurationSlow: f,
+    motionEaseInOut: d,
+    motionEaseOut: m,
+    itemPaddingInline: h,
+    motionDurationMid: I,
+    itemHoverColor: B,
+    lineType: x,
+    colorSplit: $,
+    // Disabled
+    itemDisabledColor: E,
+    // Danger
+    dangerItemColor: N,
+    dangerItemHoverColor: _,
+    dangerItemSelectedColor: w,
+    dangerItemActiveBg: C,
+    dangerItemSelectedBg: b,
+    // Bg
+    popupBg: T,
+    itemHoverBg: D,
+    itemActiveBg: M,
+    menuSubMenuBg: y,
+    // Horizontal
+    horizontalItemSelectedColor: H,
+    horizontalItemSelectedBg: L,
+    horizontalItemBorderRadius: k,
+    horizontalItemHoverBg: R
+  } = e;
+  return {
+    [`${t}-${o}, ${t}-${o} > ${t}`]: {
+      color: n,
+      background: c,
+      [`&${t}-root:focus-visible`]: Object.assign({}, Ne(e)),
+      // ======================== Item ========================
+      [`${t}-item`]: {
+        "&-group-title, &-extra": {
+          color: i
+        }
+      },
+      [`${t}-submenu-selected > ${t}-submenu-title`]: {
+        color: a
+      },
+      [`${t}-item, ${t}-submenu-title`]: {
+        color: n,
+        [`&:not(${t}-item-disabled):focus-visible`]: Object.assign({}, Ne(e))
+      },
+      // Disabled
+      [`${t}-item-disabled, ${t}-submenu-disabled`]: {
+        color: `${E} !important`
+      },
+      // Hover
+      [`${t}-item:not(${t}-item-selected):not(${t}-submenu-selected)`]: {
+        [`&:hover, > ${t}-submenu-title:hover`]: {
+          color: B
+        }
+      },
+      [`&:not(${t}-horizontal)`]: {
+        [`${t}-item:not(${t}-item-selected)`]: {
+          "&:hover": {
+            backgroundColor: D
+          },
+          "&:active": {
+            backgroundColor: M
+          }
+        },
+        [`${t}-submenu-title`]: {
+          "&:hover": {
+            backgroundColor: D
+          },
+          "&:active": {
+            backgroundColor: M
+          }
+        }
+      },
+      // Danger - only Item has
+      [`${t}-item-danger`]: {
+        color: N,
+        [`&${t}-item:hover`]: {
+          [`&:not(${t}-item-selected):not(${t}-submenu-selected)`]: {
+            color: _
+          }
+        },
+        [`&${t}-item:active`]: {
+          background: C
+        }
+      },
+      [`${t}-item a`]: {
+        "&, &:hover": {
+          color: "inherit"
+        }
+      },
+      [`${t}-item-selected`]: {
+        color: r,
+        // Danger
+        [`&${t}-item-danger`]: {
+          color: w
+        },
+        "a, a:hover": {
+          color: "inherit"
+        }
+      },
+      [`& ${t}-item-selected`]: {
+        backgroundColor: g,
+        // Danger
+        [`&${t}-item-danger`]: {
+          backgroundColor: b
+        }
+      },
+      [`&${t}-submenu > ${t}`]: {
+        backgroundColor: y
+      },
+      // ===== 设置浮层的颜色 =======
+      // ！dark 模式会被popupBg 会被rest 为 darkPopupBg
+      [`&${t}-popup > ${t}`]: {
+        backgroundColor: T
+      },
+      [`&${t}-submenu-popup > ${t}`]: {
+        backgroundColor: T
+      },
+      // ===== 设置浮层的颜色 end =======
+      // ====================== Horizontal ======================
+      [`&${t}-horizontal`]: Object.assign(Object.assign({}, o === "dark" ? {
+        borderBottom: 0
+      } : {}), {
+        [`> ${t}-item, > ${t}-submenu`]: {
+          top: u,
+          marginTop: e.calc(u).mul(-1).equal(),
+          marginBottom: 0,
+          borderRadius: k,
+          "&::after": {
+            position: "absolute",
+            insetInline: h,
+            bottom: 0,
+            borderBottom: `${v(p)} solid transparent`,
+            transition: `border-color ${f} ${d}`,
+            content: '""'
+          },
+          "&:hover, &-active, &-open": {
+            background: R,
+            "&::after": {
+              borderBottomWidth: p,
+              borderBottomColor: H
+            }
+          },
+          "&-selected": {
+            color: H,
+            backgroundColor: L,
+            "&:hover": {
+              backgroundColor: L
+            },
+            "&::after": {
+              borderBottomWidth: p,
+              borderBottomColor: H
+            }
+          }
+        }
+      }),
+      // ================== Inline & Vertical ===================
+      //
+      [`&${t}-root`]: {
+        [`&${t}-inline, &${t}-vertical`]: {
+          borderInlineEnd: `${v(u)} ${x} ${$}`
+        }
+      },
+      // ======================== Inline ========================
+      [`&${t}-inline`]: {
+        // Sub
+        [`${t}-sub${t}-inline`]: {
+          background: s
+        },
+        [`${t}-item`]: {
+          position: "relative",
+          "&::after": {
+            position: "absolute",
+            insetBlock: 0,
+            insetInlineEnd: 0,
+            borderInlineEnd: `${v(S)} solid ${r}`,
+            transform: "scaleY(0.0001)",
+            opacity: 0,
+            transition: [`transform ${I} ${m}`, `opacity ${I} ${m}`].join(","),
+            content: '""'
+          },
+          // Danger
+          [`&${t}-item-danger`]: {
+            "&::after": {
+              borderInlineEndColor: w
+            }
+          }
+        },
+        [`${t}-selected, ${t}-item-selected`]: {
+          "&::after": {
+            transform: "scaleY(1)",
+            opacity: 1,
+            transition: [`transform ${I} ${d}`, `opacity ${I} ${d}`].join(",")
+          }
+        }
+      }
+    }
+  };
+}, Te = uo, je = (e) => {
+  const {
+    componentCls: o,
+    itemHeight: t,
+    itemMarginInline: n,
+    padding: r,
+    menuArrowSize: a,
+    marginXS: i,
+    itemMarginBlock: c,
+    itemWidth: s,
+    itemPaddingInline: g
+  } = e, p = e.calc(a).add(r).add(i).equal();
+  return {
+    [`${o}-item`]: {
+      position: "relative",
+      overflow: "hidden"
+    },
+    [`${o}-item, ${o}-submenu-title`]: {
+      height: t,
+      lineHeight: v(t),
+      paddingInline: g,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      marginInline: n,
+      marginBlock: c,
+      width: s
+    },
+    [`> ${o}-item,
+            > ${o}-submenu > ${o}-submenu-title`]: {
+      height: t,
+      lineHeight: v(t)
+    },
+    [`${o}-item-group-list ${o}-submenu-title,
+            ${o}-submenu-title`]: {
+      paddingInlineEnd: p
+    }
+  };
+}, mo = (e) => {
+  const {
+    componentCls: o,
+    iconCls: t,
+    itemHeight: n,
+    colorTextLightSolid: r,
+    dropdownWidth: a,
+    controlHeightLG: i,
+    motionEaseOut: c,
+    paddingXL: s,
+    itemMarginInline: g,
+    fontSizeLG: p,
+    motionDurationFast: S,
+    motionDurationSlow: u,
+    paddingXS: f,
+    boxShadowSecondary: d,
+    collapsedWidth: m,
+    collapsedIconSize: h
+  } = e, I = {
+    height: n,
+    lineHeight: v(n),
+    listStylePosition: "inside",
+    listStyleType: "disc"
+  };
+  return [
+    {
+      [o]: {
+        "&-inline, &-vertical": Object.assign({
+          [`&${o}-root`]: {
+            boxShadow: "none"
+          }
+        }, je(e))
+      },
+      [`${o}-submenu-popup`]: {
+        [`${o}-vertical`]: Object.assign(Object.assign({}, je(e)), {
+          boxShadow: d
+        })
+      }
+    },
+    // Vertical only
+    {
+      [`${o}-submenu-popup ${o}-vertical${o}-sub`]: {
+        minWidth: a,
+        maxHeight: `calc(100vh - ${v(e.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
+    {
+      [`${o}-inline`]: {
+        width: "100%",
+        // Motion enhance for first level
+        [`&${o}-root`]: {
+          [`${o}-item, ${o}-submenu-title`]: {
+            display: "flex",
+            alignItems: "center",
+            transition: [`border-color ${u}`, `background ${u}`, `padding ${S} ${c}`].join(","),
+            [`> ${o}-title-content`]: {
+              flex: "auto",
+              minWidth: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis"
+            },
+            "> *": {
+              flex: "none"
+            }
+          }
+        },
+        // >>>>> Sub
+        [`${o}-sub${o}-inline`]: {
+          padding: 0,
+          border: 0,
+          borderRadius: 0,
+          boxShadow: "none",
+          [`& > ${o}-submenu > ${o}-submenu-title`]: I,
+          [`& ${o}-item-group-title`]: {
+            paddingInlineStart: s
+          }
+        },
+        // >>>>> Item
+        [`${o}-item`]: I
+      }
+    },
+    // Inline Collapse Only
+    {
+      [`${o}-inline-collapsed`]: {
+        width: m,
+        [`&${o}-root`]: {
+          [`${o}-item, ${o}-submenu ${o}-submenu-title`]: {
+            [`> ${o}-inline-collapsed-noicon`]: {
+              fontSize: p,
+              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`]: {
+          insetInlineStart: 0,
+          paddingInline: `calc(50% - ${v(e.calc(h).div(2).equal())} - ${v(g)})`,
+          textOverflow: "clip",
+          [`
+            ${o}-submenu-arrow,
+            ${o}-submenu-expand-icon
+          `]: {
+            opacity: 0
+          },
+          [`${o}-item-icon, ${t}`]: {
+            margin: 0,
+            fontSize: h,
+            lineHeight: v(n),
+            "+ span": {
+              display: "inline-block",
+              opacity: 0
+            }
+          }
+        },
+        [`${o}-item-icon, ${t}`]: {
+          display: "inline-block"
+        },
+        "&-tooltip": {
+          pointerEvents: "none",
+          [`${o}-item-icon, ${t}`]: {
+            display: "none"
+          },
+          "a, a:hover": {
+            color: r
+          }
+        },
+        [`${o}-item-group-title`]: Object.assign(Object.assign({}, ut), {
+          paddingInline: f
+        })
+      }
+    }
+  ];
+}, go = mo, ze = (e) => {
+  const {
+    componentCls: o,
+    motionDurationSlow: t,
+    motionDurationMid: n,
+    motionEaseInOut: r,
+    motionEaseOut: a,
+    iconCls: i,
+    iconSize: c,
+    iconMarginInlineEnd: s
+  } = e;
+  return {
+    // >>>>> Item
+    [`${o}-item, ${o}-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(","),
+        "+ 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`]: {
+          marginInlineEnd: 0
+        }
+      }
+    },
+    // Disabled state sets text to gray and nukes hover/tab effects
+    [`${o}-item-disabled, ${o}-submenu-disabled`]: {
+      background: "none !important",
+      cursor: "not-allowed",
+      "&::after": {
+        borderColor: "transparent !important"
+      },
+      a: {
+        color: "inherit !important",
+        cursor: "not-allowed",
+        pointerEvents: "none"
+      },
+      [`> ${o}-submenu-title`]: {
+        color: "inherit !important",
+        cursor: "not-allowed"
+      }
+    }
+  };
+}, Pe = (e) => {
+  const {
+    componentCls: o,
+    motionDurationSlow: t,
+    motionEaseInOut: n,
+    borderRadius: r,
+    menuArrowSize: a,
+    menuArrowOffset: i
+  } = e;
+  return {
+    [`${o}-submenu`]: {
+      "&-expand-icon, &-arrow": {
+        position: "absolute",
+        top: "50%",
+        insetInlineEnd: e.margin,
+        width: a,
+        color: "currentcolor",
+        transform: "translateY(-50%)",
+        transition: `transform ${t} ${n}, opacity ${t}`
+      },
+      "&-arrow": {
+        // →
+        "&::before, &::after": {
+          position: "absolute",
+          width: e.calc(a).mul(0.6).equal(),
+          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(","),
+          content: '""'
+        },
+        "&::before": {
+          transform: `rotate(45deg) translateY(${v(e.calc(i).mul(-1).equal())})`
+        },
+        "&::after": {
+          transform: `rotate(-45deg) translateY(${v(i)})`
+        }
+      }
+    }
+  };
+}, po = (e) => {
+  const {
+    antCls: o,
+    componentCls: t,
+    fontSize: n,
+    motionDurationSlow: r,
+    motionDurationMid: a,
+    motionEaseInOut: i,
+    paddingXS: c,
+    padding: s,
+    colorSplit: g,
+    lineWidth: p,
+    zIndexPopup: S,
+    borderRadiusLG: u,
+    subMenuItemBorderRadius: f,
+    menuArrowSize: d,
+    menuArrowOffset: m,
+    lineType: h,
+    groupTitleLineHeight: I,
+    groupTitleFontSize: B
+  } = e;
+  return [
+    // Misc
+    {
+      "": {
+        [t]: Object.assign(Object.assign({}, we()), {
+          // Hidden
+          "&-hidden": {
+            display: "none"
+          }
+        })
+      },
+      [`${t}-submenu-hidden`]: {
+        display: "none"
+      }
+    },
+    {
+      [t]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, he(e)), we()), {
+        marginBottom: 0,
+        paddingInlineStart: 0,
+        // Override default ul/ol
+        fontSize: n,
+        lineHeight: 0,
+        listStyle: "none",
+        outline: "none",
+        // Magic cubic here but smooth transition
+        transition: `width ${r} cubic-bezier(0.2, 0, 0, 1) 0s`,
+        "ul, ol": {
+          margin: 0,
+          padding: 0,
+          listStyle: "none"
+        },
+        // Overflow ellipsis
+        "&-overflow": {
+          display: "flex",
+          [`${t}-item`]: {
+            flex: "none"
+          }
+        },
+        [`${t}-item, ${t}-submenu, ${t}-submenu-title`]: {
+          borderRadius: e.itemBorderRadius
+        },
+        [`${t}-item-group-title`]: {
+          padding: `${v(c)} ${v(s)}`,
+          fontSize: B,
+          lineHeight: I,
+          transition: `all ${r}`
+        },
+        [`&-horizontal ${t}-submenu`]: {
+          transition: [`border-color ${r} ${i}`, `background ${r} ${i}`].join(",")
+        },
+        [`${t}-submenu, ${t}-submenu-inline`]: {
+          transition: [`border-color ${r} ${i}`, `background ${r} ${i}`, `padding ${a} ${i}`].join(",")
+        },
+        [`${t}-submenu ${t}-sub`]: {
+          cursor: "initial",
+          transition: [`background ${r} ${i}`, `padding ${r} ${i}`].join(",")
+        },
+        [`${t}-title-content`]: {
+          transition: `color ${r}`,
+          "&-with-extra": {
+            display: "inline-flex",
+            alignItems: "center",
+            width: "100%"
+          },
+          // https://github.com/ant-design/ant-design/issues/41143
+          [`> ${o}-typography-ellipsis-single-line`]: {
+            display: "inline",
+            verticalAlign: "unset"
+          },
+          [`${t}-item-extra`]: {
+            marginInlineStart: "auto",
+            paddingInlineStart: e.padding
+          }
+        },
+        [`${t}-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
+        [`${t}-item-divider`]: {
+          overflow: "hidden",
+          lineHeight: 0,
+          borderColor: g,
+          borderStyle: h,
+          borderWidth: 0,
+          borderTopWidth: p,
+          marginBlock: p,
+          padding: 0,
+          "&-dashed": {
+            borderStyle: "dashed"
+          }
+        }
+      }), ze(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)}`
+            }
+          }
+        },
+        // ======================= Sub Menu =======================
+        "&-submenu": {
+          "&-popup": {
+            position: "absolute",
+            zIndex: S,
+            borderRadius: u,
+            boxShadow: "none",
+            transformOrigin: "0 0",
+            [`&${t}-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: '""'
+            },
+            [`> ${t}`]: Object.assign(Object.assign(Object.assign({
+              borderRadius: u
+            }, ze(e)), Pe(e)), {
+              [`${t}-item, ${t}-submenu > ${t}-submenu-title`]: {
+                borderRadius: f
+              },
+              [`${t}-submenu-title::after`]: {
+                transition: `transform ${r} ${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: e.paddingXS
+          },
+          "\n          &-placement-rightTop,\n          &-placement-rightBottom\n          ": {
+            paddingInlineStart: e.paddingXS
+          },
+          "\n          &-placement-topRight,\n          &-placement-topLeft\n          ": {
+            paddingBottom: e.paddingXS
+          },
+          "\n          &-placement-bottomRight,\n          &-placement-bottomLeft\n          ": {
+            paddingTop: e.paddingXS
+          }
+        }
+      }), Pe(e)), {
+        [`&-inline-collapsed ${t}-submenu-arrow,
+        &-inline ${t}-submenu-arrow`]: {
+          // ↓
+          "&::before": {
+            transform: `rotate(-45deg) translateX(${v(m)})`
+          },
+          "&::after": {
+            transform: `rotate(45deg) translateX(${v(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())})`,
+          "&::after": {
+            transform: `rotate(-45deg) translateX(${v(e.calc(m).mul(-1).equal())})`
+          },
+          "&::before": {
+            transform: `rotate(45deg) translateX(${v(m)})`
+          }
+        }
+      })
+    },
+    // Integration with header element so menu items have the same height
+    {
+      [`${o}-layout-header`]: {
+        [t]: {
+          lineHeight: "inherit"
+        }
+      }
+    }
+  ];
+}, bo = (e) => {
+  var o, t, n;
+  const {
+    colorPrimary: r,
+    colorError: a,
+    colorTextDisabled: i,
+    colorErrorBg: c,
+    colorText: s,
+    colorTextDescription: g,
+    colorBgContainer: p,
+    colorFillAlter: S,
+    colorFillContent: u,
+    lineWidth: f,
+    lineWidthBold: d,
+    controlItemBgActive: m,
+    colorBgTextHover: h,
+    controlHeightLG: I,
+    lineHeight: B,
+    colorBgElevated: x,
+    marginXXS: $,
+    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();
+  return {
+    dropdownWidth: 160,
+    zIndexPopup: e.zIndexPopupBase + 50,
+    radiusItem: e.borderRadiusLG,
+    itemBorderRadius: e.borderRadiusLG,
+    radiusSubMenuItem: e.borderRadiusSM,
+    subMenuItemBorderRadius: e.borderRadiusSM,
+    colorItemText: s,
+    itemColor: s,
+    colorItemTextHover: s,
+    itemHoverColor: s,
+    colorItemTextHoverHorizontal: r,
+    horizontalItemHoverColor: r,
+    colorGroupTitle: g,
+    groupTitleColor: g,
+    colorItemTextSelected: r,
+    itemSelectedColor: r,
+    subMenuItemSelectedColor: r,
+    colorItemTextSelectedHorizontal: r,
+    horizontalItemSelectedColor: r,
+    colorItemBg: p,
+    itemBg: p,
+    colorItemBgHover: h,
+    itemHoverBg: h,
+    colorItemBgActive: u,
+    itemActiveBg: m,
+    colorSubItemBg: S,
+    subMenuItemBg: S,
+    colorItemBgSelected: m,
+    itemSelectedBg: m,
+    colorItemBgSelectedHorizontal: "transparent",
+    horizontalItemSelectedBg: "transparent",
+    colorActiveBarWidth: 0,
+    activeBarWidth: T,
+    colorActiveBarHeight: d,
+    activeBarHeight: d,
+    colorActiveBarBorderSize: f,
+    activeBarBorderWidth: D,
+    // Disabled
+    colorItemTextDisabled: i,
+    itemDisabledColor: i,
+    // Danger
+    colorDangerItemText: a,
+    dangerItemColor: a,
+    colorDangerItemTextHover: a,
+    dangerItemHoverColor: a,
+    colorDangerItemTextSelected: a,
+    dangerItemSelectedColor: a,
+    colorDangerItemBgActive: c,
+    dangerItemActiveBg: c,
+    colorDangerItemBgSelected: c,
+    dangerItemSelectedBg: c,
+    itemMarginInline: M,
+    horizontalItemBorderRadius: 0,
+    horizontalItemHoverBg: "transparent",
+    itemHeight: I,
+    groupTitleLineHeight: B,
+    collapsedWidth: I * 2,
+    popupBg: x,
+    itemMarginBlock: $,
+    itemPaddingInline: E,
+    horizontalLineHeight: `${I * 1.15}px`,
+    iconSize: N,
+    iconMarginInlineEnd: _ - N,
+    collapsedIconSize: w,
+    groupTitleFontSize: N,
+    // Disabled
+    darkItemDisabledColor: new xe(C).setA(0.25).toRgbString(),
+    // Dark
+    darkItemColor: y,
+    darkDangerItemColor: a,
+    darkItemBg: "#001529",
+    darkPopupBg: "#001529",
+    darkSubMenuItemBg: "#000c17",
+    darkItemSelectedColor: C,
+    darkItemSelectedBg: r,
+    darkDangerItemSelectedBg: a,
+    darkItemHoverBg: "transparent",
+    darkGroupTitleColor: y,
+    darkItemHoverColor: C,
+    darkDangerItemHoverColor: b,
+    darkDangerItemSelectedColor: C,
+    darkDangerItemActiveBg: a,
+    // internal
+    itemWidth: T ? `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;
+  return te("Menu", (r) => {
+    const {
+      colorBgElevated: a,
+      controlHeightLG: i,
+      fontSize: c,
+      darkItemColor: s,
+      darkDangerItemColor: g,
+      darkItemBg: p,
+      darkSubMenuItemBg: S,
+      darkItemSelectedColor: u,
+      darkItemSelectedBg: f,
+      darkDangerItemSelectedBg: d,
+      darkItemHoverBg: m,
+      darkGroupTitleColor: h,
+      darkItemHoverColor: I,
+      darkItemDisabledColor: B,
+      darkDangerItemHoverColor: x,
+      darkDangerItemSelectedColor: $,
+      darkDangerItemActiveBg: E,
+      popupBg: N,
+      darkPopupBg: _
+    } = r, w = r.calc(c).div(7).mul(5).equal(), C = ne(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, {
+      itemColor: s,
+      itemHoverColor: I,
+      groupTitleColor: h,
+      itemSelectedColor: u,
+      itemBg: p,
+      popupBg: _,
+      subMenuItemBg: S,
+      itemActiveBg: "transparent",
+      itemSelectedBg: f,
+      activeBarHeight: 0,
+      activeBarBorderWidth: 0,
+      itemHoverBg: m,
+      // Disabled
+      itemDisabledColor: B,
+      // Danger
+      dangerItemColor: g,
+      dangerItemHoverColor: x,
+      dangerItemSelectedColor: $,
+      dangerItemActiveBg: E,
+      dangerItemSelectedBg: d,
+      menuSubMenuBg: S,
+      // Horizontal
+      horizontalItemSelectedColor: u,
+      horizontalItemSelectedBg: f
+    });
+    return [
+      // Basic
+      po(C),
+      // Horizontal
+      ao(C),
+      // Hard code for some light style
+      // Vertical
+      go(C),
+      // Hard code for some light style
+      // Theme
+      Te(C, "light"),
+      Te(b, "dark"),
+      // RTL
+      co(C),
+      // Motion
+      zt(C),
+      re(C, "slide-up"),
+      re(C, "slide-down"),
+      We(C, "zoom-big")
+    ];
+  }, bo, {
+    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;
+  const {
+    popupClassName: t,
+    icon: n,
+    title: r,
+    theme: a
+  } = e, i = l.useContext(ie), {
+    prefixCls: c,
+    inlineCollapsed: s,
+    theme: g
+  } = i, p = vt();
+  let S;
+  if (!n)
+    S = s && !p.length && r && typeof r == "string" ? /* @__PURE__ */ l.createElement("div", {
+      className: `${c}-inline-collapsed-noicon`
+    }, r.charAt(0)) : /* @__PURE__ */ l.createElement("span", {
+      className: `${c}-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`
+    }, r));
+  }
+  const u = l.useMemo(() => Object.assign(Object.assign({}, i), {
+    firstLevel: !1
+  }), [i]), [f] = ke("Menu");
+  return /* @__PURE__ */ l.createElement(ie.Provider, {
+    value: u
+  }, /* @__PURE__ */ l.createElement(ht, Object.assign({}, Q(e, ["icon"]), {
+    title: S,
+    popupClassName: P(c, t, `${c}-${a || g}`),
+    popupStyle: Object.assign({
+      zIndex: f
+    }, e.popupStyle)
+  })));
+}, Ze = fo;
+var vo = globalThis && globalThis.__rest || function(e, o) {
+  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]]);
+  return t;
+};
+function be(e) {
+  return e === null || e === !1;
+}
+const ho = {
+  item: Ke,
+  submenu: Ze,
+  divider: Ue
+}, Co = /* @__PURE__ */ Re((e, o) => {
+  var t;
+  const n = l.useContext(le), r = n || {}, {
+    getPrefixCls: a,
+    getPopupContainer: i,
+    direction: c,
+    menu: s
+  } = l.useContext(Z), g = a(), {
+    prefixCls: p,
+    className: S,
+    style: u,
+    theme: f = "light",
+    expandIcon: d,
+    _internalDisableMenuItemTitleTooltip: m,
+    inlineCollapsed: h,
+    siderCollapsed: I,
+    rootClassName: B,
+    mode: x,
+    selectable: $,
+    onClick: E,
+    overflowedIndicatorPopupClassName: N
+  } = e, _ = vo(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");
+  }
+  (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 = {
+    horizontal: {
+      motionName: `${g}-slide-up`
+    },
+    inline: xt(g),
+    other: {
+      motionName: `${g}-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))
+      return r.expandIcon || null;
+    if (typeof (s == null ? void 0 : s.expandIcon) == "function" || be(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;
+    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(() => ({
+    prefixCls: y,
+    inlineCollapsed: D || !1,
+    direction: c,
+    firstLevel: !0,
+    theme: f,
+    mode: b,
+    disableMenuItemTitleTooltip: m
+  }), [y, D, c, m, f]);
+  return L(/* @__PURE__ */ l.createElement(le.Provider, {
+    value: null
+  }, /* @__PURE__ */ l.createElement(ie.Provider, {
+    value: F
+  }, /* @__PURE__ */ l.createElement(Ct, Object.assign({
+    getPopupContainer: i,
+    overflowedIndicator: /* @__PURE__ */ l.createElement(St, null),
+    overflowedIndicatorPopupClassName: P(y, `${y}-${f}`, N),
+    mode: b,
+    selectable: T,
+    onClick: C
+  }, w, {
+    inlineCollapsed: D,
+    style: Object.assign(Object.assign({}, s == null ? void 0 : s.style), u),
+    className: W,
+    prefixCls: y,
+    direction: c,
+    defaultMotions: M,
+    expandIcon: V,
+    ref: o,
+    rootClassName: P(B, k, r.rootClassName, R, H),
+    _internalComponents: ho
+  })))));
+}), So = Co, J = /* @__PURE__ */ Re((e, o) => {
+  const t = Me(null), n = l.useContext(Ce);
+  return rt(o, () => ({
+    menu: t.current,
+    focus: (r) => {
+      var a;
+      (a = t.current) === null || a === void 0 || a.focus(r);
+    }
+  })), /* @__PURE__ */ l.createElement(So, Object.assign({
+    ref: t
+  }, e, n));
+});
+J.Item = Ke;
+J.SubMenu = Ze;
+J.Divider = Ue;
+J.ItemGroup = It;
+process.env.NODE_ENV !== "production" && (J.displayName = "Menu");
+const Io = J, yo = (e) => {
+  const {
+    componentCls: o,
+    menuCls: t,
+    colorError: n,
+    colorTextLightSolid: r
+  } = e, a = `${t}-item`;
+  return {
+    [`${o}, ${o}-menu-submenu`]: {
+      [`${t} ${a}`]: {
+        [`&${a}-danger:not(${a}-disabled)`]: {
+          color: n,
+          "&:hover": {
+            color: r,
+            backgroundColor: n
+          }
+        }
+      }
+    }
+  };
+}, xo = yo, wo = (e) => {
+  const {
+    componentCls: o,
+    menuCls: t,
+    zIndexPopup: n,
+    dropdownArrowDistance: r,
+    sizePopupArrow: a,
+    antCls: i,
+    iconCls: c,
+    motionDurationMid: s,
+    paddingBlock: g,
+    fontSize: p,
+    dropdownEdgeChildPadding: S,
+    colorTextDisabled: u,
+    fontSizeIcon: f,
+    controlPaddingHorizontal: d,
+    colorBgElevated: m
+  } = e;
+  return [
+    {
+      [o]: {
+        position: "absolute",
+        top: -9999,
+        left: {
+          _skip_check_: !0,
+          value: -9999
+        },
+        zIndex: n,
+        display: "block",
+        // A placeholder out of dropdown visible range to avoid close when user moving
+        "&::before": {
+          position: "absolute",
+          insetBlock: e.calc(a).div(2).sub(r).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`]: {
+          [`& > ${c}-down, & > ${i}-btn-icon > ${c}-down`]: {
+            fontSize: f
+          }
+        },
+        [`${o}-wrap`]: {
+          position: "relative",
+          [`${i}-btn > ${c}-down`]: {
+            fontSize: f
+          },
+          [`${c}-down::before`]: {
+            transition: `transform ${s}`
+          }
+        },
+        [`${o}-wrap-open`]: {
+          [`${c}-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${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-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-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-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
+        }
+      }
+    },
+    // =============================================================
+    // ==                        Arrow style                      ==
+    // =============================================================
+    Bt(e, m, {
+      arrowPlacement: {
+        top: !0,
+        bottom: !0
+      }
+    }),
+    {
+      // =============================================================
+      // ==                          Menu                           ==
+      // =============================================================
+      [`${o} ${t}`]: {
+        position: "relative",
+        margin: 0
+      },
+      [`${t}-submenu-popup`]: {
+        position: "absolute",
+        zIndex: n,
+        background: "transparent",
+        boxShadow: "none",
+        transformOrigin: "0 0",
+        "ul, li": {
+          listStyle: "none",
+          margin: 0
+        }
+      },
+      [`${o}, ${o}-menu-submenu`]: Object.assign(Object.assign({}, he(e)), {
+        [t]: Object.assign(Object.assign({
+          padding: S,
+          listStyleType: "none",
+          backgroundColor: m,
+          backgroundClip: "padding-box",
+          borderRadius: e.borderRadiusLG,
+          outline: "none",
+          boxShadow: e.boxShadowSecondary
+        }, $e(e)), {
+          "&:empty": {
+            padding: 0,
+            boxShadow: "none"
+          },
+          [`${t}-item-group-title`]: {
+            padding: `${v(g)} ${v(d)}`,
+            color: e.colorTextDescription,
+            transition: `all ${s}`
+          },
+          // ======================= Item Content =======================
+          [`${t}-item`]: {
+            position: "relative",
+            display: "flex",
+            alignItems: "center"
+          },
+          [`${t}-item-icon`]: {
+            minWidth: p,
+            marginInlineEnd: e.marginXS,
+            fontSize: e.fontSizeSM
+          },
+          [`${t}-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: '""'
+              }
+            },
+            [`${t}-item-extra`]: {
+              paddingInlineStart: e.padding,
+              marginInlineStart: "auto",
+              fontSize: e.fontSizeSM,
+              color: e.colorTextDescription
+            }
+          },
+          // =========================== Item ===========================
+          [`${t}-item, ${t}-submenu-title`]: Object.assign(Object.assign({
+            display: "flex",
+            margin: 0,
+            padding: `${v(g)} ${v(d)}`,
+            color: e.colorText,
+            fontWeight: "normal",
+            fontSize: p,
+            lineHeight: e.lineHeight,
+            cursor: "pointer",
+            transition: `all ${s}`,
+            borderRadius: e.borderRadiusSM,
+            "&:hover, &-active": {
+              backgroundColor: e.controlItemBgHover
+            }
+          }, $e(e)), {
+            "&-selected": {
+              color: e.colorPrimary,
+              backgroundColor: e.controlItemBgActive,
+              "&:hover, &-active": {
+                backgroundColor: e.controlItemBgActiveHover
+              }
+            },
+            "&-disabled": {
+              color: u,
+              cursor: "not-allowed",
+              "&:hover": {
+                color: u,
+                backgroundColor: m,
+                cursor: "not-allowed"
+              },
+              a: {
+                pointerEvents: "none"
+              }
+            },
+            "&-divider": {
+              height: 1,
+              // By design
+              margin: `${v(e.marginXXS)} 0`,
+              overflow: "hidden",
+              lineHeight: 0,
+              backgroundColor: e.colorSplit
+            },
+            [`${o}-menu-submenu-expand-icon`]: {
+              position: "absolute",
+              insetInlineEnd: e.paddingXS,
+              [`${o}-menu-submenu-arrow-icon`]: {
+                marginInlineEnd: "0 !important",
+                color: e.colorTextDescription,
+                fontSize: f,
+                fontStyle: "normal"
+              }
+            }
+          }),
+          [`${t}-item-group-list`]: {
+            margin: `0 ${v(e.marginXS)}`,
+            padding: 0,
+            listStyle: "none"
+          },
+          [`${t}-submenu-title`]: {
+            paddingInlineEnd: e.calc(d).add(e.fontSizeSM).equal()
+          },
+          [`${t}-submenu-vertical`]: {
+            position: "relative"
+          },
+          [`${t}-submenu${t}-submenu-disabled ${o}-menu-submenu-title`]: {
+            [`&, ${o}-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`]: {
+            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")]
+  ];
+}, Oo = (e) => Object.assign(Object.assign({
+  zIndexPopup: e.zIndexPopupBase + 50,
+  paddingBlock: (e.controlHeight - e.fontSize * e.lineHeight) / 2
+}, Et({
+  contentRadius: e.borderRadiusLG,
+  limitVerticalRadius: !0
+})), Nt(e)), Bo = te("Dropdown", (e) => {
+  const {
+    marginXXS: o,
+    sizePopupArrow: t,
+    paddingXXS: n,
+    componentCls: r
+  } = e, a = ne(e, {
+    menuCls: `${r}-menu`,
+    dropdownArrowDistance: e.calc(t).div(2).add(o).equal(),
+    dropdownEdgeChildPadding: n
+  });
+  return [wo(a), xo(a)];
+}, Oo, {
+  resetStyle: !1
+}), se = (e) => {
+  var o;
+  const {
+    menu: t,
+    arrow: n,
+    prefixCls: r,
+    children: a,
+    trigger: i,
+    disabled: c,
+    dropdownRender: s,
+    getPopupContainer: g,
+    overlayClassName: p,
+    rootClassName: S,
+    overlayStyle: u,
+    open: f,
+    onOpenChange: d,
+    // Deprecated
+    visible: m,
+    onVisibleChange: h,
+    mouseEnterDelay: I = 0.15,
+    mouseLeaveDelay: B = 0.1,
+    autoAdjustOverflow: x = !0,
+    placement: $ = "",
+    overlay: E,
+    transitionName: N
+  } = e, {
+    getPopupContainer: _,
+    getPrefixCls: w,
+    direction: C,
+    dropdown: b
+  } = l.useContext(Z), T = ae("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"));
+  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]);
+  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.`);
+    }
+    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((O) => {
+      let [U, K] = O;
+      T.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, {
+    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, {
+      source: "trigger"
+    }), h == null || h(O), G(O);
+  }), ue = P(p, S, k, R, H, b == null ? void 0 : b.className, {
+    [`${y}-rtl`]: C === "rtl"
+  }), z = Tt({
+    arrowPointAtCenter: typeof n == "object" && n.pointAtCenter,
+    autoAdjustOverflow: x,
+    offset: W.marginXXS,
+    arrowWidth: n ? W.sizePopupArrow : 0,
+    borderRadius: W.borderRadius
+  }), A = l.useCallback(() => {
+    t != null && t.selectable && (t != null && t.multiple) || (d == null || d(!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, {
+      prefixCls: `${y}-menu`,
+      rootClassName: P(R, H),
+      expandIcon: /* @__PURE__ */ l.createElement("span", {
+        className: `${y}-menu-submenu-arrow`
+      }, /* @__PURE__ */ l.createElement(fe, {
+        className: `${y}-menu-submenu-arrow-icon`
+      })),
+      mode: "vertical",
+      selectable: !1,
+      onClick: A,
+      validator: (U) => {
+        let {
+          mode: K
+        } = U;
+        process.env.NODE_ENV !== "production" && T(!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({
+    alignPoint: X
+  }, Q(e, ["rootClassName"]), {
+    mouseEnterDelay: I,
+    mouseLeaveDelay: B,
+    visible: q,
+    builtinPlacements: z,
+    arrow: !!n,
+    overlayClassName: ue,
+    prefixCls: y,
+    getPopupContainer: g || _,
+    transitionName: D,
+    trigger: j,
+    overlay: Y,
+    placement: M,
+    onVisibleChange: de,
+    overlayStyle: Object.assign(Object.assign(Object.assign({}, b == null ? void 0 : b.style), u), {
+      zIndex: me
+    })
+  }), 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) => {
+  let {
+    children: o
+  } = e;
+  const {
+    getPrefixCls: t
+  } = l.useContext(Z), n = t("breadcrumb");
+  return /* @__PURE__ */ l.createElement("li", {
+    className: `${n}-separator`,
+    "aria-hidden": "true"
+  }, o === "" ? o : o || "/");
+};
+Je.__ANT_BREADCRUMB_SEPARATOR = !0;
+const Se = Je;
+var jo = globalThis && globalThis.__rest || function(e, o) {
+  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]]);
+  return t;
+};
+function zo(e, o) {
+  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);
+}
+function Qe(e, o, t, n) {
+  if (t == null)
+    return null;
+  const {
+    className: r,
+    onClick: a
+  } = o, i = jo(o, ["className", "onClick"]), c = Object.assign(Object.assign({}, Ae(i, {
+    data: !0,
+    aria: !0
+  })), {
+    onClick: a
+  });
+  return n !== void 0 ? /* @__PURE__ */ l.createElement("a", Object.assign({}, c, {
+    className: P(`${e}-link`, r),
+    href: n
+  }), t) : /* @__PURE__ */ l.createElement("span", Object.assign({}, c, {
+    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);
+  };
+}
+var ve = globalThis && globalThis.__rest || function(e, o) {
+  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]]);
+  return t;
+};
+const et = (e) => {
+  const {
+    prefixCls: o,
+    separator: t = "/",
+    children: n,
+    menu: r,
+    overlay: a,
+    dropdownProps: i,
+    href: c
+  } = e;
+  process.env.NODE_ENV !== "production" && ae("Breadcrumb.Item").deprecated(!("overlay" in e), "overlay", "menu");
+  const g = ((p) => {
+    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) => {
+            var {
+              key: I,
+              title: B,
+              label: x,
+              path: $
+            } = m, E = ve(m, ["key", "title", "label", "path"]);
+            let N = x ?? B;
+            return $ && (N = /* @__PURE__ */ l.createElement("a", {
+              href: `${c}${$}`
+            }, N)), Object.assign(Object.assign({}, E), {
+              key: I ?? h,
+              label: N
+            });
+          })
+        });
+      } else
+        a && (S.overlay = a);
+      return /* @__PURE__ */ l.createElement(To, Object.assign({
+        placement: "bottom"
+      }, S), /* @__PURE__ */ l.createElement("span", {
+        className: `${o}-overlay-link`
+      }, p, /* @__PURE__ */ l.createElement(bt, 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) => {
+  const {
+    prefixCls: o,
+    children: t,
+    href: n
+  } = e, r = ve(e, ["prefixCls", "children", "href"]), {
+    getPrefixCls: a
+  } = l.useContext(Z), i = a("breadcrumb", o);
+  return /* @__PURE__ */ l.createElement(et, Object.assign({}, r, {
+    prefixCls: i
+  }), Qe(i, r, t, n));
+};
+tt.__ANT_BREADCRUMB_ITEM = !0;
+const Ho = tt, Do = (e) => {
+  const {
+    componentCls: o,
+    iconCls: t,
+    calc: n
+  } = e;
+  return {
+    [o]: Object.assign(Object.assign({}, he(e)), {
+      color: e.itemColor,
+      fontSize: e.fontSize,
+      [t]: {
+        fontSize: e.iconFontSize
+      },
+      ol: {
+        display: "flex",
+        flexWrap: "wrap",
+        margin: 0,
+        padding: 0,
+        listStyle: "none"
+      },
+      a: Object.assign({
+        color: e.linkColor,
+        transition: `color ${e.motionDurationMid}`,
+        padding: `0 ${v(e.paddingXXS)}`,
+        borderRadius: e.borderRadiusSM,
+        height: e.fontHeight,
+        display: "inline-block",
+        marginInline: n(e.marginXXS).mul(-1).equal(),
+        "&:hover": {
+          color: e.linkHoverColor,
+          backgroundColor: e.colorBgTextHover
+        }
+      }, $e(e)),
+      "li:last-child": {
+        color: e.lastItemColor
+      },
+      [`${o}-separator`]: {
+        marginInline: e.separatorMargin,
+        color: e.separatorColor
+      },
+      [`${o}-link`]: {
+        [`
+          > ${t} + span,
+          > ${t} + a
+        `]: {
+          marginInlineStart: e.marginXXS
+        }
+      },
+      [`${o}-overlay-link`]: {
+        borderRadius: e.borderRadiusSM,
+        height: e.fontHeight,
+        display: "inline-block",
+        padding: `0 ${v(e.paddingXXS)}`,
+        marginInline: n(e.marginXXS).mul(-1).equal(),
+        [`> ${t}`]: {
+          marginInlineStart: e.marginXXS,
+          fontSize: e.fontSizeIcon
+        },
+        "&:hover": {
+          color: e.linkHoverColor,
+          backgroundColor: e.colorBgTextHover,
+          a: {
+            color: e.linkHoverColor
+          }
+        },
+        a: {
+          "&:hover": {
+            backgroundColor: "transparent"
+          }
+        }
+      },
+      // rtl style
+      [`&${e.componentCls}-rtl`]: {
+        direction: "rtl"
+      }
+    })
+  };
+}, Mo = (e) => ({
+  itemColor: e.colorTextDescription,
+  lastItemColor: e.colorText,
+  iconFontSize: e.fontSize,
+  linkColor: e.colorTextDescription,
+  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) {
+  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]]);
+  return t;
+};
+function _o(e) {
+  const {
+    breadcrumbName: o,
+    children: t
+  } = e, n = He(e, ["breadcrumbName", "children"]), r = Object.assign({
+    title: o
+  }, n);
+  return t && (r.menu = {
+    items: t.map((a) => {
+      var {
+        breadcrumbName: i
+      } = a, c = He(a, ["breadcrumbName"]);
+      return Object.assign(Object.assign({}, c), {
+        title: i
+      });
+    })
+  }), r;
+}
+function Ao(e, o) {
+  return it(() => e || (o ? o.map(_o) : null), [e, o]);
+}
+var Lo = globalThis && globalThis.__rest || function(e, o) {
+  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]]);
+  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]);
+  }), t;
+}, ce = (e) => {
+  const {
+    prefixCls: o,
+    separator: t = "/",
+    style: n,
+    className: r,
+    rootClassName: a,
+    routes: i,
+    items: c,
+    children: s,
+    itemRender: g,
+    params: p = {}
+  } = e, S = Lo(e, ["prefixCls", "separator", "style", "className", "rootClassName", "routes", "items", "children", "itemRender", "params"]), {
+    getPrefixCls: u,
+    direction: f,
+    breadcrumb: d
+  } = l.useContext(Z);
+  let m;
+  const h = u("breadcrumb", o), [I, B, x] = Ro(h), $ = Ao(c, 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 E = Po(h, g);
+  if ($ && $.length > 0) {
+    const w = [], C = c || i;
+    m = $.map((b, T) => {
+      const {
+        path: D,
+        key: M,
+        type: y,
+        menu: H,
+        overlay: L,
+        onClick: k,
+        className: R,
+        separator: W,
+        dropdownProps: V
+      } = b, F = ko(p, D);
+      F !== void 0 && w.push(F);
+      const j = M ?? T;
+      if (y === "separator")
+        return /* @__PURE__ */ l.createElement(Se, {
+          key: j
+        }, W);
+      const X = {}, q = T === $.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, {
+        data: !0,
+        aria: !0
+      }), {
+        className: R,
+        dropdownProps: V,
+        href: G,
+        separator: q ? "" : t,
+        onClick: k,
+        prefixCls: h
+      }), E(b, p, C, w, G));
+    });
+  } else if (s) {
+    const w = oe(s).length;
+    m = oe(s).map((C, b) => {
+      if (!C)
+        return C;
+      const T = b === w - 1;
+      return ee(C, {
+        separator: T ? "" : t,
+        // eslint-disable-next-line react/no-array-index-key
+        key: b
+      });
+    });
+  }
+  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);
+  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") => `
+  &.ant-breadcrumb {
+    font-size: ${n[a].body1.fontSize};
+    
+    .ant-breadcrumb-link,
+    span[class*="ant-breadcrumb-link"] > a {
+      color: ${e.interactive.link.active};
+      transition: color 0.2s ease-in-out;
+      text-decoration: underline;
+      background: none !important;
+    }
+      
+    ol > li:last-child {
+      .ant-breadcrumb-link,
+      span[class*="ant-breadcrumb-link"],
+      span[class*="ant-breadcrumb-link"] > span,
+      span[class*="ant-breadcrumb-link"] > a {
+        text-decoration: none !important;
+        color: ${e.onsurface["copy-light"]} !important;
+        cursor: default !important;
+        pointer-events: none;
+      }
+    }
+ 
+    .ant-breadcrumb-separator {
+      color: ${e.interactive.link.active};
+    }
+
+    .ant-dropdown-menu-item,
+    .ant-dropdown-menu-item:hover {
+      background: none !important;
+    }
+
+    .ant-dropdown-trigger > svg {
+      display: none;
+    }
+
+    span[role="img"] {
+      display: none;
+    }
+
+    .ant-dropdown-trigger:hover {
+      background: none !important;
+    }
+  }
+`, mn = De.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)}
+`;
+export {
+  gn as Breadcrumb,
+  mn as BreadcrumbWrapper,
+  gn as default,
+  Xo as getGenesisClass
+};