@gobolt/genesis 0.0.7 → 0.0.9

package/dist/components/Breadcrumb/styles.js

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